:root{--bg: #F5F3F0;--card-bg: #FFFFFF;--primary: #2EA37C;--primary-light: #57C39B;--primary-dark: #1E7E5E;--secondary: #8A99A8;--accent: #F2785C;--accent-light: #FF9E86;--text-main: #2E2E2E;--text-sub: #8C8C8C;--badge-bg: #2EA37C;--gold-border: #D4A843;--warning: #E8A87C;--danger: #E05A4F;--success: #2EA37C;--border: #E6E3DE;--hover: #EFEDE9;--shadow: rgba(0, 0, 0, .06);--shadow-hover: rgba(0, 0, 0, .12);--color-spouse: #F06292;--color-parent-child: #9E9E9E;--color-adoption: #FF9800;--radius-card: 16px;--radius-button: 10px;--radius-badge: 4px;--shadow-sm: 0 2px 8px var(--shadow);--shadow-md: 0 6px 20px var(--shadow-hover);--transition: .2s ease;--transition-theme: .3s ease;--gradient-primary: linear-gradient(135deg, #2EA37C, #57C39B);--gradient-accent: linear-gradient(135deg, #F2785C, #FF9E86);--font-family: system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Alibaba PuHuiTi", "Source Han Sans SC", "Noto Sans SC", sans-serif}[data-theme=dark]{--bg: #16181D;--card-bg: #232730;--primary: #34C596;--primary-light: #57C39B;--primary-dark: #1E9C72;--secondary: #9AA9B8;--accent: #FF8C6B;--accent-light: #FFB099;--text-main: #E6E8EC;--text-sub: #9AA0AA;--badge-bg: #34C596;--gold-border: #E0C050;--warning: #F0B080;--danger: #E5705F;--success: #34C596;--border: #333842;--hover: #2C313B;--shadow: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .5);--gradient-primary: linear-gradient(135deg, #2EA37C, #34C596);--gradient-accent: linear-gradient(135deg, #F2785C, #FF8C6B)}*{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:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{box-shadow:var(--shadow-md)}.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:24px;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}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-main);margin-bottom:6px}.empty-state-desc{font-size:13px;color:var(--text-sub);max-width:360px;margin:0 auto 16px;line-height:1.6}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.fade-up{animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both}.pop-in{animation:popIn .3s ease both}.stagger>*{animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--hover) 25%,var(--border) 37%,var(--hover) 63%);background-size:800px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-button)}.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}