:root{--bg: #F5F3F0;--card-bg: #FFFFFF;--primary: #7B9E89;--primary-light: #9DBCA8;--primary-dark: #5F8270;--secondary: #B8A99A;--accent: #C97B5C;--text-main: #3D3D3D;--text-sub: #8C8C8C;--badge-bg: #7B9E89;--gold-border: #D4A843;--warning: #E8A87C;--danger: #C9635C;--success: #7B9E89;--border: #E0DDD8;--hover: #EDEAE5;--shadow: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .12);--color-spouse: #F06292;--radius-card: 16px;--radius-button: 8px;--radius-badge: 4px;--shadow-sm: 0 2px 8px var(--shadow);--shadow-md: 0 4px 16px var(--shadow-hover);--transition: .2s ease;--transition-theme: .3s ease;--font-family: "Alibaba PuHuiTi", "Source Han Sans SC", "Noto Sans SC", "Microsoft YaHei", sans-serif}[data-theme=dark]{--bg: #1E1E1E;--card-bg: #2D2D2D;--primary: #8FBC9F;--primary-light: #A8D0B5;--primary-dark: #7BA88A;--secondary: #C4B5A6;--accent: #D89070;--text-main: #E0E0E0;--text-sub: #A0A0A0;--badge-bg: #8FBC9F;--gold-border: #E0C050;--warning: #F0B080;--danger: #D87060;--success: #8FBC9F;--border: #3D3D3D;--hover: #383838;--shadow: rgba(0, 0, 0, .3);--shadow-hover: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);background:var(--bg);color:var(--text-main);font-size:14px;line-height:1.6;transition:background-color var(--transition-theme),color var(--transition-theme)}#app{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.glass-card{background:#ffffffb8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}[data-theme=dark] .glass-card{background:#2d2d2db8;border:1px solid rgba(255,255,255,.05)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:var(--radius-button);font-family:var(--font-family);font-size:14px;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;min-height:40px}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main)}.btn-outline:hover{background:var(--hover)}.btn-danger{background:var(--danger);color:#fff}.btn-text{background:transparent;color:var(--primary);padding:4px 8px}.input{width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-button);font-family:var(--font-family);font-size:14px;color:var(--text-main);background:var(--card-bg);min-height:40px}.input:focus{outline:none;border-color:var(--primary)}.label{display:block;font-size:12px;color:var(--text-sub);margin-bottom:4px;font-weight:500}.gen-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-badge);font-size:11px;font-weight:500;color:#fff;background:linear-gradient(135deg,var(--primary),var(--primary-light))}.page-title{font-size:22px;font-weight:600;color:var(--text-main);margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--text-sub);margin-bottom:20px}.empty-state{text-align:center;padding:48px 20px;color:var(--text-sub)}.empty-state-icon{font-size:48px;margin-bottom:12px;opacity:.4}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.fade-leave-active{position:absolute;top:0;left:0;right:0;z-index:1}@media (max-width: 1024px){.web-content{max-width:100%;padding:16px}}@media (max-width: 768px){body{font-size:14px}.nav-bar{display:none}.nav-bar.mobile-open{display:flex;position:fixed;top:0;left:0;width:70%;max-width:300px;height:100vh;flex-direction:column;z-index:1000;background:var(--card-bg);padding:20px 16px}.hamburger,.bottom-nav{display:flex!important}.web-content{padding:12px 12px 70px}.page-title{font-size:20px}.form-grid,.cards-grid,.stat-cards,.action-grid,.fame-grid,.detail-grid{grid-template-columns:1fr!important}.detail-top{flex-direction:column!important;align-items:center!important;text-align:center}.actions{width:100%;justify-content:center}.btn,.nav-item{min-height:44px}.input,select,textarea{font-size:16px!important}.canvas-container{height:400px!important}.announcement-card{padding:14px!important}.fame-card{padding:16px!important}.pie-container{flex-direction:column!important;align-items:center;gap:16px}.bar-chart{height:150px!important}}.hamburger{display:none;width:44px;height:44px;border:none;background:transparent;font-size:24px;cursor:pointer;color:var(--text-main);align-items:center;justify-content:center}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--card-bg);border-top:1px solid var(--border);z-index:999}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--text-sub);font-size:11px;min-height:44px}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-icon{font-size:20px}.overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:999}.overlay.show{display:block}