#app{min-height:100vh;background:var(--bg-color);color:var(--text-dark);font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif}.app-content{padding-bottom:70px;min-height:100vh}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:64px;background:var(--bg-card);border-top:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:space-around;z-index:100;padding-bottom:env(safe-area-inset-bottom,0)}.tab-item{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--text-secondary);font-size:11px;padding:6px 0;flex:1;transition:color .2s}.tab-item.active,.tab-item.active .tab-icon{color:var(--gold)}.tab-icon{font-size:22px;line-height:1}.tab-text{font-size:11px;letter-spacing:1px}:root{--gold: #c9a96e;--gold-dark: #b8944d;--gold-light: #e8d5a3;--bg: #f5f6f8;--bg-card: #ffffff;--bg-gradient: linear-gradient(180deg, #faf7f0, #f5f2ec);--bg-gradient-end: #f5f2ec;--bg-dark: #1a1410;--text-primary: #1a1410;--text-secondary: #8899aa;--text-muted: #aabbcc;--text-white: #f0e8d8;--border-color: #e0e8f0;--border-gold: rgba(201, 169, 110, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--page-padding-x: 16px;--page-padding-top: 20px;--page-padding-bottom: 80px;--card-padding: 16px 20px;--wood: #5ba85a;--fire: #d94a4a;--earth: #c9a96e;--metal: #f5e6c8;--water: #4a90d9;--ziwei-purple: #8a6ebe}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text-primary);font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6}.page{background:var(--bg);min-height:100vh;padding:var(--page-padding-top) var(--page-padding-x) var(--page-padding-bottom)}.card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--card-padding);box-shadow:0 2px 8px #0000000a}.btn{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:#fff;border:none;border-radius:var(--radius-xl);padding:12px 24px;font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .2s}.btn:active{opacity:.8}.t-gold{color:var(--gold)}.t-primary{color:var(--text-primary)}.t-secondary{color:var(--text-secondary)}.t-muted{color:var(--text-muted)}.t-center{text-align:center}::-webkit-scrollbar{width:0;height:0}