:root{--bg-primary: #FAF7F2;--bg-secondary: #F0EBE2;--bg-elevated: #FFFFFF;--fg-primary: #1F1A14;--fg-secondary: #5C5147;--fg-muted: #8B8276;--accent-primary: #9B4A52;--accent-secondary: #3D5A52;--accent-neutral: #7A6D5C;--accent-vermilion: var(--accent-primary);--accent-green: var(--accent-secondary);--accent-warning: #B8860B;--accent-gold-fallback: #B8860B;--divider: rgba(31, 26, 20, .08);--divider-strong: rgba(31, 26, 20, .18);--bg-overlay: rgba(31, 26, 20, .45);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--space-40: 160px;--space-section-y: 96px;--space-section-y-mobile: 56px;--space-content-gutter: 48px;--space-content-gutter-mobile: 20px;--content-width-prose: 680px;--content-width-standard: 1080px;--content-width-wide: 1240px;--content-width-narrow: var(--content-width-prose);--content-width-page: var(--content-width-standard);--space-page-top: var(--space-12);--space-page-top-detail: var(--space-10);--z-base: 0;--z-sticky: 10;--z-dropdown: 100;--z-modal: 1000;--z-toast: 10000;--ease-classical: cubic-bezier(.25, .46, .45, .94);--dur-fast: .15s;--dur-base: .3s;--dur-slow: .5s;--font-serif-zh: "Noto Serif SC", "Songti SC", serif;--font-serif-en: "Source Serif 4", "Noto Serif", serif;--font-sans: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans-en: var(--font-sans);--font-brush: var(--font-serif-zh);--wuxing-wood: #5C7A5F;--wuxing-fire: #A85447;--wuxing-earth: #A88454;--wuxing-metal: #8C7B5F;--wuxing-water: #4A6E7E}[data-theme=dark]{--bg-primary: #0F0F12;--bg-secondary: #1A1A1E;--bg-elevated: #2A2A2F;--fg-primary: #F5EDE0;--fg-secondary: rgba(245,237,224,.75);--fg-muted: rgba(245,237,224,.5);--accent-primary: #B8606A;--accent-secondary: #5C8472;--accent-neutral: #A89884;--accent-vermilion: var(--accent-primary);--accent-green: var(--accent-secondary);--accent-gold: #D4AF37;--divider: rgba(245,237,224,.1)}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-\[250px\]{height:250px}.h-\[280px\]{height:280px}.h-full{height:100%}.h-px{height:1px}.w-full{width:100%}.min-w-\[80px\]{min-width:80px}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-x-auto{overflow-x:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.opacity-50{opacity:.5}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}:root{--gold:#d4af37;--gold-light:#e5c76b;--gold-dark:#b8962e;--vermilion:#c41e3a;--vermilion-light:#e63950;--ink:#1f1f1f;--ink-light:#2d2d2d;--ink-dark:#0f0f0f;--rice:#f7f4ed;--jade:#00a86b}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--rice);overscroll-behavior-y:none;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0d0d0d);min-height:100vh;font-family:Noto Sans SC,sans-serif;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(at 20% 80%,#d4af3708,#0000 50%),radial-gradient(at 80% 20%,#c41e3a05,#0000 50%),radial-gradient(#ffffff03,#0000 70%);width:100%;height:100%;position:fixed;top:0;left:0}body:after{content:"";opacity:.02;pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;position:relative}.glass-card{-webkit-backdrop-filter:blur(12px);background:#1f1f1fb3;border:1px solid #d4af3726;border-radius:16px;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.pillar-card{background:linear-gradient(#2d2319f2,#23190ffa,#19120a);border:2px solid #d4af374d;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.pillar-card:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#8b5a2b08 2px 4px);position:absolute;inset:0}.heavenly-stem{background:linear-gradient(180deg,var(--gold-light)0%,var(--gold)50%,var(--gold-dark)100%);-webkit-text-fill-color:transparent;text-shadow:0 2px 4px #0000004d;filter:drop-shadow(0 0 8px #d4af374d);-webkit-background-clip:text;background-clip:text;font-family:Noto Serif SC,serif;font-size:2.5rem;font-weight:700}.earthly-branch{color:var(--rice);text-shadow:0 2px 4px #00000080,0 0 20px #d4af3733;font-family:Noto Serif SC,serif;font-size:2.5rem;font-weight:700}.mystical-input{color:var(--rice);background:#0f0f0fcc;border:1px solid #d4af3733;border-radius:8px;width:100%;min-height:44px;padding:12px 16px;font-size:16px}.mystical-input:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4af371a,0 0 20px #d4af3733}.mystical-input::-moz-placeholder{color:#f7f4ed8c}.mystical-input::placeholder{color:#f7f4ed8c}.mystical-select{color:var(--rice);-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;background:#0f0f0fcc;border:1px solid #d4af3733;border-radius:8px;width:100%;min-height:44px;padding:12px 16px;font-size:16px}.mystical-select:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 3px #d4af371a,0 0 20px #d4af3733}.mystical-select option{color:var(--rice);background:#1a1a1a}.vermilion-btn{background:linear-gradient(180deg,var(--vermilion-light)0%,var(--vermilion)50%,#9a1830 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #c41e3a66,inset 0 1px #fff3}.vermilion-btn:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.vermilion-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #c41e3a80,0 0 40px #c41e3a4d}.vermilion-btn:hover:before{left:100%}.vermilion-btn:active{transform:translateY(0)}.vermilion-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.mystical-label{color:#d4af37cc;letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.gold-divider{background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.3;height:1px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f0f0f80}::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3780}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.glow-gold{box-shadow:0 0 20px #d4af374d}.glow-text-gold{text-shadow:0 0 10px #d4af3780}.title-mystical{background:linear-gradient(180deg,var(--gold-light)0%,var(--gold)50%,var(--gold-dark)100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);-webkit-background-clip:text;background-clip:text;font-family:Noto Serif SC,serif;font-weight:900}.shensha-marker{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.shensha-ji{color:#2ecc71;background:#00a86b33;border:1px solid #00a86b66}.shensha-yuan{color:#ff69b4;background:#ff69b433;border:1px solid #ff69b466}.shensha-dong{color:#6495ed;background:#6495ed33;border:1px solid #6495ed66}.shensha-ping{color:var(--gold);background:#d4af3733;border:1px solid #d4af3766}.wuxing-wood{color:#2ecc71}.wuxing-fire{color:#e74c3c}.wuxing-earth{color:#f39c12}.wuxing-metal{color:#bdc3c7}.wuxing-water{color:#3498db}.dimension-tab{cursor:pointer;color:#f7f4ed99;background:#1f1f1f80;border:1px solid #d4af371a;border-radius:6px;min-height:38px;padding:.5rem 1rem;font-size:13px;transition:all .3s}.dimension-tab:hover{color:var(--rice);border-color:#d4af374d}.dimension-tab.active{background:linear-gradient(180deg,var(--vermilion-light)0%,var(--vermilion)100%);color:#fff;border-color:var(--vermilion);box-shadow:0 0 20px #c41e3a4d}.loading-spinner{border:3px solid #d4af3733;border-top-color:var(--gold);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.heavenly-stem,.earthly-branch{font-size:1.8rem}}.pillar-card-v5{aspect-ratio:3/4;background:linear-gradient(#2d2319f2,#23190ffa,#19120a);border:2px solid #d4af374d;border-radius:12px;width:90px;min-height:140px;transition:all .3s;animation:3s ease-in-out infinite pillarGlow;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}@keyframes pillarGlow{0%,to{border-color:#d4af374d;box-shadow:0 4px 20px #00000080,0 0 5px #d4af3733,inset 0 1px #ffffff1a}50%{border-color:#d4af3799;box-shadow:0 4px 20px #00000080,0 0 20px #d4af3766,0 0 40px #d4af3733,inset 0 1px #ffffff1a}}.heavenly-stem-v5{filter:drop-shadow(0 0 8px #d4af374d);font-family:Noto Serif SC,serif;font-size:2rem;font-weight:700;line-height:1.2}.earthly-branch-v5{text-shadow:0 2px 4px #00000080,0 0 20px #d4af3733;font-family:Noto Serif SC,serif;font-size:2rem;font-weight:700;line-height:1.2}.ai-insight-card{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1f1f1fe6,#191923f2,#1f1f1fe6);border:1px solid #d4af3733;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.ai-insight-card:before{content:"";background:linear-gradient(90deg,#0000,#d4af370d,#0000);width:200%;height:100%;animation:4s ease-in-out infinite aiShimmer;position:absolute;top:0;left:-100%}@keyframes aiShimmer{0%{left:-100%}to{left:100%}}.ai-typing{animation:2s steps(40,end) typing;overflow:hidden}@keyframes typing{0%{width:0}to{width:100%}}.ai-icon-pulse{animation:2s ease-in-out infinite aiPulse}@keyframes aiPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.year-highlight{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid #d4af3766;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}@media(max-width:768px){.pillar-card-v5{width:70px;min-height:110px}.heavenly-stem-v5,.earthly-branch-v5{font-size:1.5rem}}.header-glass{z-index:100;background:#0a0a0ae6;border-bottom:1px solid #d4af3714;position:fixed;top:0;left:0;right:0}.header-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:1.25rem 3rem;display:flex}.header-logo{align-items:center;gap:1rem;display:flex}.header-logo-icon{filter:drop-shadow(0 0 15px #d4af3780);font-size:2.5rem;animation:3s ease-in-out infinite logoGlow}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 10px #d4af3766)}50%{filter:drop-shadow(0 0 25px #d4af37b3)}}.header-logo-text{flex-direction:column;display:flex}.header-title{-webkit-text-fill-color:transparent;letter-spacing:.1em;filter:drop-shadow(0 0 10px #d4af374d);background:linear-gradient(#e5c76b,#d4af37,#b8962e);-webkit-background-clip:text;background-clip:text;font-family:Noto Serif SC,serif;font-size:1.8rem;font-weight:700}.header-subtitle{color:#f7f4eda6;letter-spacing:.2em;margin-top:2px;font-size:.75rem}.header-meta{text-align:right;color:#f7f4eda6;font-size:.8rem;line-height:1.6}.main-content{min-height:100vh;padding-top:90px}.home-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 90px);padding:2rem;display:flex}.hero-section{text-align:center;margin-bottom:2.5rem}.hero-title{-webkit-text-fill-color:transparent;letter-spacing:.2em;background:linear-gradient(#f0d878,#d4af37 40%,#a67c00);-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-family:Noto Serif SC,serif;font-size:2.8rem;font-weight:900;line-height:1.3}.hero-subtitle{color:#d4af3773;letter-spacing:.4em;text-transform:uppercase;font-size:.85rem;font-weight:300}.form-card{background:#161616fa;border:1px solid #d4af371f;border-radius:16px;width:100%;max-width:520px;padding:2rem;box-shadow:0 24px 48px #0009,0 0 1px #d4af3733}.form-card-header{text-align:center;border-bottom:1px solid #d4af3714;margin-bottom:1.5rem;padding-bottom:1rem}.form-card-title{color:#d4af37;margin-bottom:.25rem;font-family:Noto Serif SC,serif;font-size:1.3rem;font-weight:700}.form-card-desc{color:#f7f4ed73;font-size:.8rem}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem 3rem}.dashboard-nav{border-bottom:1px solid #d4af371a;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.back-button{color:#d4af37b3;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.back-button:hover{color:var(--gold);background:#d4af371a}.user-info{text-align:right}.user-name{color:var(--gold);font-family:Noto Serif SC,serif;font-size:1.1rem;font-weight:600}.user-birth{color:#f7f4eda6;margin-top:2px;font-size:.85rem}.user-correction{color:#f7f4ed8c;margin-top:2px;font-size:.75rem}.bazi-display-v5{margin-bottom:2rem}.bazi-grid{grid-template-columns:280px 1fr 240px;gap:1.5rem;margin-bottom:1.5rem;display:grid}.bazi-grid-left,.bazi-grid-right{flex-direction:column;display:flex}.bazi-grid-center{flex-direction:column;align-items:center;display:flex}.radar-card,.stats-card{-webkit-backdrop-filter:blur(12px);background:#1f1f1fb3;border:1px solid #d4af3726;border-radius:16px;height:100%;padding:1.25rem}.card-title{-webkit-text-fill-color:transparent;background:linear-gradient(#e5c76b,#d4af37);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-family:Noto Serif SC,serif;font-size:.95rem;font-weight:600}.card-title-center{text-align:center;margin-bottom:1.25rem}.radar-container{height:220px}.pillars-container{justify-content:center;gap:1rem;display:flex}.pillar-card-v5{text-align:center;background:linear-gradient(#2d2319f2,#23190ffa,#19120a);border:2px solid #d4af374d;border-radius:12px;width:80px;padding:1.25rem .75rem;transition:all .3s;animation:3s ease-in-out infinite pillarGlow;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff1a,inset 0 -1px #0000004d}.pillar-card-v5:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#8b5a2b08 2px 4px);position:absolute;inset:0}.pillar-card-v5:hover{border-color:#d4af37b3;transform:translateY(-6px)scale(1.03);box-shadow:0 12px 40px #0009,0 0 30px #d4af3766}.pillar-gan{filter:drop-shadow(0 0 8px #d4af374d);font-family:Noto Serif SC,serif;font-size:2rem;font-weight:700;line-height:1.2}.pillar-divider{background:linear-gradient(90deg,#0000,#d4af3780,#0000);width:24px;height:1px;margin:.75rem auto}.pillar-zhi{text-shadow:0 2px 4px #00000080,0 0 15px #d4af3733;font-family:Noto Serif SC,serif;font-size:2rem;font-weight:700;line-height:1.2}.pillar-name{color:#d4af3799;letter-spacing:.15em;margin-top:1rem;font-size:.7rem;font-weight:500}.stat-item{border-bottom:1px solid #d4af3714;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.stat-item:last-child{border-bottom:none}.stat-item-vertical{flex-direction:column;align-items:flex-start;gap:.5rem}.stat-label{color:#f7f4eda6;font-size:.8rem}.stat-value{color:var(--rice);align-items:center;gap:.25rem;font-size:.95rem;font-weight:500;display:flex}.stat-value-large{font-family:Noto Serif SC,serif;font-size:1.5rem;font-weight:700}.climate-icon{font-size:1rem}.favorable-tags{flex-wrap:wrap;gap:.4rem;display:flex}.favorable-tag{border:1px solid;border-radius:4px;padding:.25rem .6rem;font-size:.75rem;font-weight:500}.dayun-section{-webkit-backdrop-filter:blur(12px);background:#1f1f1fb3;border:1px solid #d4af3726;border-radius:16px;padding:1.25rem}.dayun-container{gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.dayun-item{text-align:center;background:#0f0f0f80;border:1px solid #d4af371a;border-radius:10px;flex-shrink:0;min-width:75px;padding:.75rem 1rem;transition:all .3s}.dayun-item:hover{background:#d4af370d;border-color:#d4af374d}.dayun-ganzhi{justify-content:center;gap:2px;margin-bottom:.25rem;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:600;display:flex}.dayun-age{color:#f7f4eda6;font-size:.7rem}.dayun-year{color:#f7f4ed8c;font-size:.65rem}.kline-section{background:#121212f2;border:1px solid #d4af3714;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.section-title{color:#d4af37;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Noto Serif SC,serif;font-size:1rem;font-weight:600;display:flex}.section-icon{font-size:1.25rem}.dashboard-footer{text-align:center;color:#f7f4ed8c;padding:2.5rem 0 1.5rem;font-size:.8rem;line-height:1.8}@media(max-width:1200px){.bazi-grid{grid-template-columns:1fr;gap:1.25rem}.bazi-grid-left,.bazi-grid-right{order:2}.bazi-grid-center{order:1}.radar-container{height:200px}}@media(max-width:768px){.header-container{padding:.6rem 1rem}.header-logo-icon{font-size:1.6rem}.header-title{font-size:1.2rem}.header-subtitle,.header-meta{display:none}.hero-title{font-size:1.8rem}.form-card{margin:0 .5rem;padding:1.25rem}.dashboard-container{padding:1rem}.pillars-container{gap:.5rem}.pillar-card-v5{width:65px;padding:.75rem .5rem 1rem}.pillar-gan,.pillar-zhi{font-size:1.5rem}.pillar-divider{margin:.5rem auto}.pillar-name{margin-top:.5rem;font-size:.65rem}.kline-section{padding:1rem}.ai-chat-card{margin-top:1rem}.ai-chat-content{max-height:300px}.radar-container{height:200px}}@media(max-width:480px){.main-content{padding-top:56px}.header-container{padding:.5rem .75rem}.header-logo-icon{font-size:1.4rem}.header-title{font-size:1.1rem}.hero-title{letter-spacing:.05em;font-size:1.4rem}.hero-subtitle{font-size:.75rem}.home-container{min-height:auto;padding-top:1rem}.form-card{margin:0 .25rem;padding:1rem}.header-glass{-webkit-backdrop-filter:none;background:#0f0f0ff2}.glass-card,.form-card{-webkit-backdrop-filter:none}.mystical-select{z-index:10;-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;position:relative}.dashboard-container{padding:.75rem}.pillar-card-v5{width:58px;padding:.75rem .4rem}.pillar-gan,.pillar-zhi{font-size:1.3rem}.kline-section{margin-bottom:1rem;padding:.75rem}.section-title{font-size:1rem}.ai-chat-content{max-height:260px}.back-button{min-height:44px;padding:.6rem 1rem}.dashboard-footer{padding:1rem;font-size:.7rem}}.ai-chat-card{background:#121212f2;border:1px solid #d4af3714;border-radius:12px;margin-top:1.5rem;overflow:hidden;box-shadow:0 8px 32px #0000004d}.ai-chat-header{background:linear-gradient(90deg,#d4af371a,#0000);border-bottom:1px solid #d4af3726;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.ai-avatar{background:linear-gradient(135deg,#d4af374d,#d4af371a);border:2px solid #d4af3766;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.ai-avatar-icon{font-size:1.5rem;animation:10s linear infinite slowSpin}@keyframes slowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ai-avatar-pulse{border:2px solid #d4af374d;border-radius:50%;animation:2s ease-in-out infinite avatarPulse;position:absolute;inset:-4px}@keyframes avatarPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:0;transform:scale(1.1)}}.ai-header-info{flex:1}.ai-header-title{color:var(--gold);margin:0;font-family:Noto Serif SC,serif;font-size:1.25rem;font-weight:600}.ai-header-status{color:#f7f4eda6;margin:.25rem 0 0;font-size:.85rem}.ai-chat-content{min-height:200px;max-height:400px;padding:1.5rem;overflow-y:auto}.ai-chat-content::-webkit-scrollbar{width:6px}.ai-chat-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.ai-chat-content::-webkit-scrollbar-thumb{background:#d4af374d;border-radius:3px}.ai-chat-content::-webkit-scrollbar-thumb:hover{background:#d4af3780}.ai-message-container{flex-direction:column;gap:1.5rem;display:flex}.user-query-bubble{background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid #d4af374d;border-radius:16px 16px 4px;align-self:flex-end;align-items:center;gap:1rem;max-width:80%;padding:.75rem 1.25rem;display:flex}.query-year{flex-direction:column;align-items:center;display:flex}.query-year-number{color:var(--gold);font-family:Noto Serif SC,serif;font-size:1.5rem;font-weight:700;line-height:1}.query-year-ganzhi{color:#f7f4edb3;margin-top:.25rem;font-size:.85rem}.query-markers{gap:.25rem;display:flex}.query-marker{font-size:1.25rem}.query-marker-more{color:#f7f4eda6;align-self:center;font-size:.75rem}.query-score{border-left:1px solid #d4af3733;flex-direction:column;align-items:center;padding-left:1rem;display:flex}.score-value{font-family:Noto Serif SC,serif;font-size:1.75rem;font-weight:700;line-height:1}.score-value.high{color:#2ecc71}.score-value.medium{color:var(--gold)}.score-value.low{color:#e74c3c}.score-label{color:#f7f4eda6;margin-top:.25rem;font-size:.7rem}.ai-response-bubble{align-items:flex-start;gap:1rem;display:flex}.ai-bubble-avatar{background:linear-gradient(135deg,#d4af3733,#d4af370d);border:1px solid #d4af374d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.ai-bubble-content{background:#1f1f1f99;border:1px solid #ffffff0d;border-radius:4px 16px 16px;flex:1;padding:1rem 1.25rem}.ai-response-text{color:#f7f4ede6;letter-spacing:.02em;margin:0;font-family:Noto Serif SC,serif;font-size:1rem;line-height:1.8}.typing-cursor{color:var(--gold);margin-left:2px;animation:.8s infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:0}}.ai-loading{flex-direction:column;align-items:center;padding:2rem 1rem;display:flex}.loading-taichi{justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.taichi-spinner{filter:drop-shadow(0 0 10px #d4af3780);font-size:3rem;animation:2s linear infinite taichiSpin}@keyframes taichiSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--gold);margin:1rem 0 .25rem;font-family:Noto Serif SC,serif;font-size:1rem}.loading-subtext{color:#f7f4ed8c;margin:0;font-size:.85rem}.ai-empty-state{flex-direction:column;justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.empty-icon{margin-bottom:1.5rem;position:relative}.empty-crystal{font-size:4rem;animation:3s ease-in-out infinite crystalFloat;display:block}@keyframes crystalFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-glow{background:radial-gradient(circle,#d4af3733,#0000 70%);border-radius:50%;animation:2s ease-in-out infinite glowPulse;position:absolute;inset:-20px}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.empty-title{color:#f7f4ed99;margin:0;font-family:Noto Serif SC,serif;font-size:1.1rem}.empty-subtitle{color:#f7f4ed8c;margin:.5rem 0 0;font-size:.9rem}.empty-hint{background:#d4af371a;border:1px dashed #d4af374d;border-radius:20px;align-items:center;gap:.5rem;margin-top:2rem;padding:.5rem 1rem;display:flex}.hint-arrow{color:var(--gold);font-size:1rem;animation:1s ease-in-out infinite arrowBounce}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hint-text{color:#f7f4eda6;font-size:.85rem}.ai-chat-footer{background:#0003;border-top:1px solid #ffffff0d;padding:1rem 1.5rem}.ai-disclaimer{color:#f7f4ed8c;align-items:center;gap:.5rem;margin:0;font-size:.75rem;display:flex}.disclaimer-icon{font-size:.9rem}@media(max-width:640px){.ai-chat-header,.ai-chat-content{padding:1rem}.user-query-bubble{max-width:95%;padding:.5rem 1rem}.query-year-number{font-size:1.25rem}.score-value{font-size:1.5rem}.ai-response-text{font-size:.95rem;line-height:1.7}}.header-actions{align-items:center;gap:12px;display:flex}.auth-btn{cursor:pointer;color:#d4af37;background:0 0;border:1px solid #d4af374d;border-radius:8px;min-height:36px;padding:8px 16px;font-size:13px;transition:all .2s}.auth-btn:hover{background:#d4af371a}.auth-btn-primary{color:#1f1f1f;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;font-weight:600}.auth-btn-primary:hover{opacity:.9}.credit-badge{color:#d4af37;cursor:pointer;background:#d4af3726;border:1px solid #d4af374d;border-radius:20px;align-items:center;gap:4px;min-height:36px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.credit-badge:hover{background:#d4af3740}.credit-icon{font-size:16px}.auth-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;height:100dvh;padding:20px;display:flex;position:fixed;inset:0}.auth-modal{width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:28px;padding-bottom:max(28px,env(safe-area-inset-bottom));background:#141414;border:1px solid #d4af371f;border-radius:14px;position:relative;overflow-y:auto}.auth-modal-close{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:absolute;top:12px;right:12px}.auth-modal-title{text-align:center;color:#d4af37;margin-bottom:24px;font-size:20px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{color:#f7f4ed;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:10px 14px;font-size:16px}.auth-input:focus{border-color:#d4af37}.auth-submit{color:#1f1f1f;cursor:pointer;background:linear-gradient(135deg,#d4af37,#b8860b);border:none;border-radius:8px;margin-top:4px;padding:10px;font-size:15px;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#c41e3a;text-align:center;font-size:13px}.auth-success{color:#00a86b;text-align:center;font-size:13px}.auth-toggle{text-align:center;color:#888;margin-top:16px;font-size:13px}.auth-toggle button{color:#d4af37;cursor:pointer;background:0 0;border:none;text-decoration:underline}.auth-tabs{border-bottom:1px solid #ffffff1a;gap:0;margin-bottom:16px;display:flex}.auth-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:14px;transition:all .2s}.auth-tab.active{color:#d4af37;border-bottom-color:#d4af37}.auth-wallet-section{flex-direction:column;align-items:center;gap:16px;padding:16px 0;display:flex}.wallet-connect-wrapper{justify-content:center;width:100%;display:flex}.auth-wallet-hint{color:#666;text-align:center;font-size:12px}.credit-badge-group{align-items:center;gap:8px;display:flex}.node-badge{color:#00a86b;background:#00a86b26;border:1px solid #00a86b4d;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:flex}.node-icon{font-size:14px}.node-name{color:#00a86b}.node-free{color:#00a86bb3;margin-left:2px;font-size:11px}.topup-modal{width:440px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding-bottom:max(20px,env(safe-area-inset-bottom));overflow-y:auto}.topup-section{flex-direction:column;gap:16px;padding-top:8px;display:flex}.package-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.package-card{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:4px;padding:12px;transition:all .2s;display:flex}.package-card:hover{border-color:#d4af374d}.package-card.selected{background:#d4af371a;border-color:#d4af37}.pkg-name{color:#aaa;font-size:13px}.pkg-credits{color:#d4af37;font-size:20px;font-weight:700}.pkg-price{color:#f7f4ed;font-size:14px}.ivy-info{flex-direction:column;gap:12px;display:flex}.ivy-rate{text-align:center;color:#00a86b;background:#00a86b1a;border-radius:10px;padding:12px;font-size:15px;font-weight:600}.ivy-input-row{color:#aaa;align-items:center;gap:8px;font-size:14px;display:flex}.ivy-input{text-align:center;width:80px!important}.ivy-label{color:#d4af37;font-weight:600}.verify-section{flex-direction:column;align-items:center;gap:8px;display:flex}.tx-hash{color:#888;font-family:monospace;font-size:12px}.dimension-tabs-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.dimension-tabs-scroll::-webkit-scrollbar{display:none}.dimension-pill{white-space:nowrap;cursor:pointer;border:1px solid;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;min-height:38px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.dimension-pill-icon{font-size:14px;line-height:1}@media(max-width:480px){.dimension-pill{gap:3px;padding:5px 10px;font-size:12px}.dimension-pill-icon{font-size:12px}}.payment-address{text-align:center;background:#ffffff08;border:1px solid #d4af3726;border-radius:10px;padding:12px}.payment-label{color:#f7f4ed8c;margin-bottom:6px;font-size:12px}.payment-addr{color:#d4af37;word-break:break-all;cursor:pointer;background:#d4af3714;border-radius:6px;padding:8px;font-family:monospace;font-size:11px}.agent-timeline{backdrop-filter:blur(12px);background:#14141e99;border:1px solid #d4af3726;border-radius:16px;margin:20px 0;padding:20px}.agent-timeline-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.agent-timeline-header h3{color:#d4af37;margin:0;font-size:16px}.agent-timeline-restart{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af3766;border-radius:6px;padding:4px 12px}.agent-timeline-error{color:#f87171;border-left:3px solid #f87171;margin-bottom:12px;padding:12px}.agent-timeline-summary{color:#e5e5e5;border-top:1px solid #d4af3726;margin-top:16px;padding-top:16px}.agent-step{background:#00000040;border-left:3px solid #d4af374d;border-radius:0 8px 8px 0;margin-bottom:12px;padding:14px 16px;transition:border-color .3s}.agent-step-running{border-left-color:#d4af37}.agent-step-tool_done{border-left-color:#38bdf8}.agent-step-text_streaming{border-left-color:#a78bfa}.agent-step-done{border-left-color:#4ade80}.agent-step-error{border-left-color:#f87171}.agent-step-pending{opacity:.5}.agent-step-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.agent-step-index{color:#d4af37;background:#d4af3726;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:inline-flex}.agent-step-status{font-size:14px}.agent-step-title{color:#e5e5e5;margin:0;font-size:14px;font-weight:500}.agent-tool-badge{color:#38bdf8;background:#38bdf81a;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:11px;display:inline-block}.agent-tool-result{background:#0003;border-radius:6px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.agent-chip{background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.agent-chip-label{color:#999}.agent-chip-value{color:#e5e5e5;font-weight:500}.agent-chip-good{background:#4ade8014;border-color:#4ade8040}.agent-chip-bad{background:#f8717114;border-color:#f8717140}.agent-tool-table{color:#ccc;width:100%;font-size:12px}.agent-tool-table th,.agent-tool-table td{text-align:center;border-bottom:1px solid #ffffff0d;padding:4px 8px}.agent-icon-large{font-size:28px}.agent-ganzhi-large{color:#d4af37;letter-spacing:4px;font-size:24px;font-weight:600}.agent-score-large{color:#d4af37;font-size:32px;font-weight:700}.agent-score-large small{color:#888;font-size:14px}.agent-step-text{color:#d5d5d5;margin-top:10px;font-size:14px;line-height:1.7}.agent-cursor:after{content:"▋";color:#d4af37;animation:1s steps(2,end) infinite agent-blink}@keyframes agent-blink{50%{opacity:0}}.agent-step-error{color:#f87171;margin-top:8px;font-size:13px}.agent-tool-fallback{color:#888;font-size:11px}.agent-muted{color:#666;font-size:12px;font-style:italic}.agent-factors{flex-wrap:wrap;gap:6px;width:100%;margin-top:8px;display:flex}.payment-hint{color:#f7f4ed73;margin-top:6px;font-size:11px}.tone-switcher{border:1px solid #d4af374d;border-radius:6px;gap:0;display:inline-flex;overflow:hidden}.tone-switcher button{color:#aaa;cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:12px}.tone-switcher button.active{color:#d4af37;background:#d4af3726}.mobile-picker-overlay{z-index:1100;background:#000000b3;justify-content:center;align-items:flex-end;animation:.2s ease-out mobilePickerFadeIn;display:flex;position:fixed;inset:0}.mobile-picker-sheet{width:100%;max-width:640px;max-height:85dvh;padding-bottom:env(safe-area-inset-bottom);background:#141414;border:1px solid #d4af3726;border-bottom:none;border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;animation:.25s ease-out mobilePickerSlideUp;display:flex}.mobile-picker-header{border-bottom:1px solid #d4af371f;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.mobile-picker-close,.mobile-picker-confirm{cursor:pointer;background:0 0;border:none;min-width:56px;min-height:36px;padding:4px 12px;font-size:16px}.mobile-picker-close{color:#aaa}.mobile-picker-confirm{color:#d4af37;font-weight:500}.mobile-picker-title{color:#f7f4ed;text-align:center;flex:1;margin:0;font-size:16px}.mobile-picker-search{border-bottom:1px solid #ffffff0f;padding:10px 16px}.mobile-picker-search input{color:#f7f4ed;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:16px}.mobile-picker-search input:focus{border-color:#d4af3766}.mobile-picker-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}.mobile-picker-item{color:#f7f4ed;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:#d4af3726;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;min-height:48px;padding:14px 18px;font-size:15px;display:flex}.mobile-picker-item.is-selected{color:#d4af37;background:#d4af3714}.mobile-picker-check{color:#d4af37;font-size:16px}@keyframes mobilePickerFadeIn{0%{background:0 0}to{background:#000000b3}}@keyframes mobilePickerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ai-insight-placeholder{text-align:center;color:#888;padding:40px 20px;font-size:13px}@media(max-width:768px){.agent-timeline{margin:16px 0;padding:14px}.agent-timeline-header{flex-direction:column;align-items:flex-start;gap:8px}.agent-timeline-header h3{font-size:15px}.agent-timeline-restart{align-self:flex-end}.agent-step{margin-bottom:10px;padding:10px 12px}.agent-step-header{gap:8px}.agent-step-text{margin-top:8px;font-size:15px;line-height:1.8}.agent-tool-result{gap:6px;padding:6px}.agent-tool-table{table-layout:fixed;width:100%}.agent-tool-table th,.agent-tool-table td{word-break:break-all;padding:4px 6px;font-size:12px}.agent-ganzhi-large{letter-spacing:2px;font-size:22px}.agent-score-large{font-size:28px}.agent-score-large small{font-size:12px}.agent-icon-large{font-size:24px}.agent-cursor:after{font-size:.9em}.agent-timeline-summary{padding-top:12px}.agent-factors{gap:4px}}@media(max-width:480px){.agent-timeline{padding:12px}.agent-step{padding:8px 10px}.agent-step-text{font-size:14px}.agent-chip{padding:3px 8px;font-size:11px}.auth-modal{padding:20px}.auth-modal-title{margin-bottom:18px;font-size:18px}.topup-modal{padding:20px}}.agent-chip-wuxing{white-space:nowrap;border:1px solid #0000;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.agent-chip-wuxing .agent-chip-label{font-weight:500}.agent-chip-wuxing-wood{color:#10b981;background:#10b9811a;border-color:#10b98159}.agent-chip-wuxing-fire{color:#ef4444;background:#ef44441a;border-color:#ef444459}.agent-chip-wuxing-earth{color:#ca8a04;background:#ca8a041a;border-color:#ca8a0459}.agent-chip-wuxing-metal{color:#d4af37;background:#d4af371a;border-color:#d4af3759}.agent-chip-wuxing-water{color:#3b82f6;background:#3b82f61a;border-color:#3b82f659}.agent-chip-wuxing .agent-chip-value{color:inherit;opacity:.85}@media(max-width:480px){.agent-chip-wuxing{gap:4px;padding:3px 8px;font-size:11px}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.ziwei-chart{max-width:560px;margin:0 auto;font-family:inherit}@media(max-width:1024px){.ziwei-chart{max-width:100%}}@media(max-width:768px){.ziwei-palace{font-size:10px}.ziwei-star-chip{padding:1px 3px!important;font-size:10px!important}}.dual-section-divider{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.verdict-badge{transition:box-shadow .2s,transform .2s}.verdict-badge:hover{box-shadow:0 0 0 1px,0 6px 24px #00000040}.verdict-badge--resonance_5{color:#d4af37}.verdict-badge--resonance_4{color:#f59e0b}.verdict-badge--complementary_3{color:#3b82f6}.verdict-badge--divergent_2,.verdict-badge--divergent_1{color:#f97316}.track-degraded-card{animation:.3s ease-out trackDegradedIn}@keyframes trackDegradedIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@media(max-width:1023px){.dual-pane-layout{grid-template-columns:1fr!important}}@supports (backdrop-filter:blur(2px)){[data-testid=palace-drawer-backdrop]{backdrop-filter:blur(2px)}}.agent-timeline--dual .agent-timeline-body{flex-direction:column;gap:10px;display:flex}.dual-tab-switcher [role=tablist]{background:inherit;z-index:2;position:sticky;top:0}@media(max-width:480px){.dual-tab-switcher [role=tab]{padding:6px 10px!important;font-size:13px!important}.verdict-badge{padding:12px!important}.verdict-badge h3{font-size:18px!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.my-tooltip-wrap{position:relative;display:inline-block}.my-tooltip{position:absolute;padding:var(--space-2) var(--space-3);background:var(--fg-primary);color:var(--bg-elevated);font-size:12px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;z-index:var(--z-dropdown);opacity:0;transition:opacity var(--dur-fast) var(--ease-classical)}.my-tooltip--visible{opacity:1}.my-tooltip--top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2)}.my-tooltip--bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-2)}.my-tooltip--left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-2)}.my-tooltip--right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-2)}.my-modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.my-modal-panel{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:0;box-shadow:0 8px 32px var(--bg-overlay);max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;outline:none}.my-modal-panel--sm{max-width:400px;width:100%}.my-modal-panel--md{max-width:560px;width:100%}.my-modal-panel--lg{max-width:720px;width:100%}.my-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--divider)}.my-modal-title{font-size:18px;font-weight:600;color:var(--fg-primary);margin:0}.my-modal-close{background:transparent;border:0;cursor:pointer;color:var(--fg-muted);font-size:20px;line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--dur-fast) var(--ease-classical)}.my-modal-close:hover{color:var(--fg-primary)}.my-modal-body{padding:var(--space-6);color:var(--fg-primary);flex:1}.my-input-wrap{display:flex;flex-direction:column;gap:var(--space-2)}.my-input-label{color:var(--fg-secondary);font-size:13px;font-weight:500}.my-input-row{display:flex;flex-direction:row;align-items:center;border:1px solid var(--divider);border-radius:var(--radius-md);padding:0 var(--space-3);transition:border-color var(--dur-fast) var(--ease-classical)}.my-input-row:focus-within{border-color:var(--accent-vermilion)}.my-input-row.my-input--error{border-color:var(--accent-vermilion)}.my-input-field{border:0;outline:0;background:transparent;color:var(--fg-primary);height:40px;font-size:14px;flex:1;font-family:inherit}.my-input-field::-moz-placeholder{color:var(--fg-muted)}.my-input-field::placeholder{color:var(--fg-muted)}.my-input-error{color:var(--accent-vermilion);font-size:12px;margin-top:var(--space-1)}.my-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--dur-fast) var(--ease-classical);border:0;padding:0;font-family:inherit;line-height:1;white-space:nowrap;text-decoration:none;outline-offset:2px}.my-btn:focus-visible{outline:2px solid var(--accent-vermilion)}.my-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.my-btn--sm{height:32px;padding:0 var(--space-3);font-size:13px}.my-btn--md{height:40px;padding:0 var(--space-5);font-size:14px}.my-btn--lg{height:48px;padding:0 var(--space-8);font-size:16px}.my-btn--primary{background:var(--accent-vermilion);color:var(--bg-elevated);letter-spacing:.15em}.my-btn--primary:not(:disabled):hover{filter:brightness(1.05)}.my-btn--secondary{background:transparent;color:var(--fg-primary);border:1px solid var(--fg-primary)}.my-btn--secondary:not(:disabled):hover{background:var(--bg-secondary)}.my-btn--ghost{background:transparent;color:var(--fg-primary);border:0}.my-btn--ghost:not(:disabled):hover{background:var(--divider)}.person-card{background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--space-4);cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-classical),border-color var(--dur-fast) var(--ease-classical);outline:none;position:relative}.person-card:hover,.person-card:focus-visible{box-shadow:0 4px 16px #0000001f;border-color:var(--accent-vermilion)}.person-card-body{display:flex;gap:var(--space-3);align-items:flex-start}.person-card-avatar{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif-zh);font-size:1.25rem;font-weight:600;color:var(--bg-primary);flex-shrink:0}.wuxing-wood{background:var(--wuxing-wood)}.wuxing-fire{background:var(--wuxing-fire)}.wuxing-earth{background:var(--wuxing-earth)}.wuxing-metal{background:var(--wuxing-metal)}.wuxing-water{background:var(--wuxing-water)}.wuxing-default{background:var(--accent-vermilion)}.person-card-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.person-card-nickname{font-family:var(--font-serif-zh);font-size:1rem;font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-birth,.person-card-relation,.person-card-last-viewed{font-size:.75rem;color:var(--fg-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-card-relation{color:var(--fg-secondary)}.person-card-last-viewed-label{color:var(--fg-muted)}.person-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--divider);opacity:0;transition:opacity var(--dur-fast) var(--ease-classical)}.person-card:hover .person-card-actions,.person-card:focus-within .person-card-actions{opacity:1}.person-card-action{padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--divider);background:transparent;color:var(--fg-secondary);font-size:.75rem;cursor:pointer;transition:background var(--dur-fast),color var(--dur-fast)}.person-card-action:hover:not(:disabled){background:var(--bg-secondary);color:var(--fg-primary)}.person-card-action--primary{border-color:var(--accent-vermilion);color:var(--accent-vermilion)}.person-card-action--primary:hover:not(:disabled){background:var(--accent-vermilion);color:var(--bg-primary)}.person-card-action--danger:hover:not(:disabled){border-color:var(--accent-vermilion);color:var(--accent-vermilion)}.person-card-action:disabled{opacity:.4;cursor:not-allowed}.recent-persons-banner{width:100%;background:transparent}.recent-persons-head{display:flex;flex-direction:column;gap:var(--space-3);margin-block-end:var(--space-8)}.recent-persons-title{font-family:var(--font-serif-zh);font-size:36px;font-weight:500;letter-spacing:.06em;line-height:1.2;color:var(--fg-primary);margin:0;word-break:break-word;overflow-wrap:anywhere}.recent-persons-scroll{display:flex;gap:var(--space-6);overflow-x:auto;padding-block-end:var(--space-4);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.recent-persons-scroll>*{scroll-snap-align:start;flex-shrink:0;width:260px}.recent-persons-add{display:flex;align-items:center;justify-content:center;min-height:160px;border:1px dashed var(--divider);border-radius:var(--radius-md);color:var(--fg-muted);text-decoration:none;transition:border-color var(--dur-fast) var(--ease-classical),color var(--dur-fast) var(--ease-classical)}.recent-persons-add:hover{border-color:var(--accent-vermilion);color:var(--accent-vermilion)}.recent-persons-add-icon{font-size:32px;font-weight:300;line-height:1}@media(max-width:768px){.recent-persons-title{font-size:28px}.recent-persons-scroll>*{width:220px}}.today-almanac{width:100%;background:transparent}.today-almanac-inner{max-width:var(--content-width-standard);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-12);position:relative;z-index:1}.today-almanac-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;color:var(--accent-primary);text-transform:uppercase;margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--accent-primary);align-self:flex-start;padding-right:.4em}.today-almanac-pillars{display:flex;align-items:baseline;gap:var(--space-6);font-family:var(--font-mono);font-size:clamp(36px,5vw,56px);line-height:1.1;letter-spacing:.05em;color:var(--fg-primary);margin:0}.today-almanac-pillars .pillar-sep{color:var(--accent-neutral);font-size:.8em}.today-almanac-dominant{font-family:var(--font-serif-zh);font-size:24px;letter-spacing:.06em;color:var(--fg-secondary);margin:0}.today-almanac-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider)}.strip-cell{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:left;border-left:1px solid var(--divider)}.strip-cell:first-child{border-left:none}.strip-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;color:var(--fg-muted);text-transform:uppercase}.strip-value{font-family:var(--font-serif-zh);font-size:28px;letter-spacing:.05em;color:var(--fg-primary)}.today-almanac-wuxing{display:grid;grid-template-columns:max-content max-content 1fr max-content;align-items:center;gap:var(--space-3) var(--space-4)}.wuxing-label{grid-column:1 / -1;font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;color:var(--fg-muted);text-transform:uppercase;margin-bottom:var(--space-2)}.wuxing-row{display:contents}.wuxing-row .wuxing-name{grid-column:2;font-family:var(--font-serif-zh);font-size:16px;color:var(--fg-secondary)}.wuxing-row .wuxing-bar{grid-column:3;height:6px;border-radius:999px;min-width:4px}.wuxing-row .wuxing-score{grid-column:4;font-family:var(--font-mono);font-size:13px;color:var(--fg-muted);min-width:3ch;text-align:right}@media(max-width:768px){.today-almanac-strip{grid-template-columns:repeat(2,1fr)}.strip-cell:nth-child(3){border-top:1px solid var(--divider)}.strip-cell:nth-child(3),.strip-cell:nth-child(4){padding-top:var(--space-6)}}.persona-cards{width:100%}.persona-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-10);position:relative;z-index:1}.persona-head{text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}.persona-title{font-family:var(--font-serif-zh);font-size:32px;font-weight:600;letter-spacing:.25em;color:var(--fg-primary);margin:0}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.persona-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--dur-fast) var(--ease-classical)}.persona-card:hover{border-color:var(--accent-vermilion);transform:translateY(-2px)}.persona-emoji{font-size:32px;line-height:1}.persona-card-title{font-family:var(--font-serif-zh);font-size:15px;letter-spacing:.15em;color:var(--fg-primary);text-align:center}@media(max-width:1024px){.persona-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.persona-grid{grid-template-columns:1fr}}.trust-section{width:100%;background:var(--bg-secondary)}.trust-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-10);position:relative;z-index:1}.trust-head{text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}.trust-title{font-family:var(--font-serif-zh);font-size:32px;font-weight:600;letter-spacing:.25em;color:var(--fg-primary);margin:0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.trust-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg)}.trust-card-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent-vermilion);letter-spacing:.4em;text-transform:uppercase;margin:0}.trust-card-title{font-family:var(--font-serif-zh);font-size:18px;font-weight:600;letter-spacing:.15em;color:var(--fg-primary);margin:0}.trust-card-body{font-family:var(--font-serif-zh);font-size:14px;line-height:1.7;color:var(--fg-secondary);margin:0}.trust-card-list{margin:var(--space-2) 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.trust-card-list li{display:inline-flex}.trust-card-list code{font-family:var(--font-mono);font-size:12px;padding:2px var(--space-2);background:var(--bg-secondary);border:1px solid var(--divider);border-radius:var(--radius-sm);color:var(--fg-primary)}.trust-card-link{margin-top:auto;font-size:13px;color:var(--accent-vermilion);text-decoration:none;letter-spacing:.1em;transition:opacity var(--dur-fast) var(--ease-classical)}.trust-card-link:hover{opacity:.7}@media(max-width:1024px){.trust-grid{grid-template-columns:1fr}}.celeb-quick-look{width:100%}.celeb-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-10);position:relative;z-index:1}.celeb-head{text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}.celeb-title{font-family:var(--font-serif-zh);font-size:32px;font-weight:600;letter-spacing:.25em;color:var(--fg-primary);margin:0}.celeb-sub{font-family:var(--font-serif-zh);font-size:12px;color:var(--fg-muted);letter-spacing:.1em;margin:0}.celeb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.celeb-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--dur-fast) var(--ease-classical)}.celeb-card:hover{border-color:var(--accent-vermilion);transform:translateY(-2px)}.celeb-initial{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-vermilion);color:var(--bg-elevated);font-family:var(--font-serif-zh);font-weight:600;font-size:22px}.celeb-name{font-family:var(--font-serif-zh);font-size:15px;font-weight:600;letter-spacing:.15em;color:var(--fg-primary)}.celeb-born{font-family:var(--font-mono);font-size:11px;color:var(--fg-muted);letter-spacing:.15em}@media(max-width:1024px){.celeb-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.celeb-grid{grid-template-columns:1fr}}.hero-birth-form{width:100%;background:var(--bg-secondary)}.hero-birth-form-inner{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-10);position:relative;z-index:1}.hero-birth-form-head{text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}.hbf-title{font-family:var(--font-serif-zh);font-size:36px;font-weight:600;letter-spacing:.2em;color:var(--fg-primary);margin:0}.hbf-sub{font-family:var(--font-serif-zh);font-size:14px;letter-spacing:.1em;line-height:1.7;color:var(--fg-secondary);margin:0}.hero-birth-form-card{background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8)}.hbf-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-left:3px solid var(--accent-vermilion);color:var(--accent-vermilion);font-size:13px;letter-spacing:.05em;border-radius:var(--radius-sm)}@media(max-width:768px){.hbf-title{font-size:28px}.hero-birth-form-card{padding:var(--space-6) var(--space-4)}}[data-page=home]{position:relative;isolation:isolate;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}[data-page=home]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10 0 0 0 0 0.06 0 0 0 0 0.03 0 0 0 0.6 0'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.5'/></svg>");background-size:200px 200px;opacity:.05;mix-blend-mode:multiply}@media(prefers-reduced-motion:no-preference){[data-page=home]:before{transition:opacity var(--dur-slow) var(--ease-classical)}}[data-page=home]>section,[data-page=home]>.editorial-chapter{padding-block:var(--space-section-y);padding-inline:var(--space-content-gutter);position:relative;scroll-margin-top:80px}[data-page=home]>section:first-of-type,[data-page=home]>.editorial-chapter:first-of-type{padding-block-start:calc(var(--space-section-y) * .6)}[data-page=home]>section+section:before,[data-page=home]>section+.editorial-chapter:before,[data-page=home]>.editorial-chapter+section:before,[data-page=home]>.editorial-chapter+.editorial-chapter:before{content:"·";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--bg-primary);color:var(--accent-neutral);font-size:18px;line-height:1;padding:0 var(--space-3);z-index:1}[data-page=home]>section+section,[data-page=home]>section+.editorial-chapter,[data-page=home]>.editorial-chapter+section,[data-page=home]>.editorial-chapter+.editorial-chapter{border-top:1px solid var(--divider)}[data-page=home]>section[data-theme=dark]{padding-inline:0}[data-page=home]>section[data-theme=dark]:before,[data-page=home]>section+section[data-theme=dark]:before{display:none}[data-page=home]>section[data-theme=dark]+section,[data-page=home]>section[data-theme=dark]+.editorial-chapter{border-top:none}.editorial-eyebrow,[data-page=home] .home-hero-eyebrow,[data-page=home] .today-almanac-eyebrow,[data-page=home] .persona-eyebrow,[data-page=home] .trust-eyebrow,[data-page=home] .celeb-eyebrow,[data-page=home] .hbf-eyebrow,[data-page=home] .dual-core-eyebrow{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.4em;color:var(--accent-primary);text-transform:uppercase;margin:0;padding:0 .4em var(--space-2) 0;border:none;border-block-end:1px solid var(--accent-primary);background:transparent}.editorial-title{font-family:var(--font-serif-zh);font-size:48px;font-weight:500;letter-spacing:.08em;line-height:1.25;color:var(--fg-primary);margin:0}.editorial-sub{font-family:var(--font-serif-zh);font-size:16px;letter-spacing:.05em;line-height:1.8;color:var(--fg-secondary);margin:0;max-width:var(--content-width-narrow)}[data-page=home] .home-hero:after{content:"觀"}[data-page=home] .recent-persons-banner:after{content:"命"}[data-page=home] .today-almanac:after{content:"候"}[data-page=home] .persona-cards:after{content:"眾"}[data-page=home] .trust-section:after{content:"信"}[data-page=home] .celeb-quick-look:after{content:"鑑"}[data-page=home] .hero-birth-form:after{content:"始"}[data-page=home] .home-hero:after,[data-page=home] .recent-persons-banner:after,[data-page=home] .today-almanac:after,[data-page=home] .persona-cards:after,[data-page=home] .trust-section:after,[data-page=home] .celeb-quick-look:after,[data-page=home] .hero-birth-form:after{position:absolute;top:var(--space-8);right:var(--space-8);font-family:var(--font-brush);font-size:160px;line-height:1;color:var(--fg-primary);opacity:.025;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0}[data-page=home] .home-hero:after{display:none}.editorial-inner{margin-inline:auto;max-width:var(--content-width-wide);position:relative;z-index:1}.editorial-inner--narrow{max-width:var(--content-width-narrow)}.editorial-two-col{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-12);align-items:center}@media(max-width:768px){.editorial-two-col{grid-template-columns:1fr;gap:var(--space-8)}}@media(max-width:768px){[data-page=home]>section,[data-page=home]>.editorial-chapter{padding-block:var(--space-section-y-mobile);padding-inline:var(--space-content-gutter-mobile)}.editorial-title{font-size:32px;letter-spacing:.06em}.editorial-sub{font-size:15px}[data-page=home] .home-hero:after,[data-page=home] .recent-persons-banner:after,[data-page=home] .today-almanac:after,[data-page=home] .persona-cards:after,[data-page=home] .trust-section:after,[data-page=home] .celeb-quick-look:after,[data-page=home] .hero-birth-form:after{font-size:96px;top:var(--space-4);right:var(--space-4)}}@media(prefers-reduced-motion:reduce){[data-page=home] *,[data-page=home] *:before,[data-page=home] *:after{transition:none!important;animation:none!important}}.home-hero{width:100%;background:var(--bg-primary)}.home-hero-inner{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;text-align:left;position:relative;z-index:1}.home-hero-text{display:flex;flex-direction:column;gap:var(--space-12);width:100%}.home-hero-title{font-family:var(--font-serif-zh);font-size:clamp(44px,7vw,80px);line-height:1.05;letter-spacing:.02em;font-weight:400;color:var(--fg-primary);margin:0;max-width:18ch}.home-hero-sub{font-family:var(--font-serif-zh);font-size:18px;line-height:1.7;letter-spacing:.04em;color:var(--fg-secondary);margin:0;max-width:540px}.home-hero-cta{align-self:flex-start;font-family:var(--font-serif-zh);font-size:16px;letter-spacing:.25em;color:var(--accent-primary);text-decoration:none;border-bottom:1px solid var(--accent-primary);padding-bottom:4px;transition:gap .2s ease;background:transparent;border-top:none;border-left:none;border-right:none}.home-hero-cta:hover{letter-spacing:.3em}@media(max-width:768px){.home-hero-title{font-size:44px}.home-hero-sub{font-size:17px}}.my-toast-stack{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);pointer-events:none}.my-toast{width:320px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--fg-primary);border-left:3px solid transparent;box-shadow:0 4px 16px var(--bg-overlay);pointer-events:auto;animation:my-toast-slide-in var(--dur-base) var(--ease-classical) both}.my-toast--success{border-left-color:var(--accent-green)}.my-toast--error{border-left-color:var(--accent-vermilion)}.my-toast--info{border-left-color:var(--accent-warning)}@keyframes my-toast-slide-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.my-toast{animation:none}}.top-nav{height:64px;border-bottom:1px solid var(--divider);background:var(--bg-primary);position:sticky;top:0;z-index:20}.top-nav-inner{height:64px;max-width:1200px;margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.top-nav-brand{font-family:var(--font-serif-en);font-size:20px;font-style:italic;font-weight:400;letter-spacing:.02em;color:var(--fg-primary);text-decoration:none}.top-nav-links{flex:1;display:flex;justify-content:center;gap:var(--space-8)}.top-nav-link{position:relative;padding:var(--space-2) 0;font-family:var(--font-serif-zh);font-size:16px;letter-spacing:.25em;color:var(--fg-secondary);text-decoration:none;transition:color var(--dur-fast) var(--ease-classical)}.top-nav-link:hover{color:var(--fg-primary)}.top-nav-link:after{content:"";position:absolute;left:50%;bottom:-6px;height:2px;width:0;background:var(--accent-vermilion);transition:all var(--dur-base) var(--ease-classical);transform:translate(-50%)}.top-nav-link--active{color:var(--accent-vermilion)}.top-nav-link--active:after{width:70%}.top-nav-right{display:flex;align-items:center;gap:var(--space-3)}.top-nav-burger{display:none;background:transparent;border:0;cursor:pointer;padding:var(--space-2);flex-direction:column;gap:4px;align-items:center}.top-nav-burger span{display:block;width:22px;height:2px;background:var(--fg-primary);transition:all var(--dur-fast) var(--ease-classical)}.top-nav-mobile{display:none;flex-direction:column;background:var(--bg-elevated);border-bottom:1px solid var(--divider)}.top-nav-mobile-link{padding:var(--space-4) var(--space-6);font-family:var(--font-serif-zh);font-size:18px;letter-spacing:.2em;color:var(--fg-secondary);text-decoration:none;border-bottom:1px solid var(--divider)}.top-nav-mobile-link--active{color:var(--accent-vermilion)}@media(max-width:768px){.top-nav-links{display:none}.top-nav-right{display:flex;gap:var(--space-2)}.top-nav-burger{display:inline-flex}.top-nav-mobile{display:flex}.top-nav-inner{padding:0 var(--space-3);gap:var(--space-3)}}.user-menu{position:relative}.user-menu-trigger{background:transparent;border:0;cursor:pointer;padding:0}.user-menu-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--accent-vermilion);color:var(--bg-elevated);font-family:var(--font-serif-zh);font-weight:600;font-size:14px;letter-spacing:0}.user-menu-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--bg-elevated);border:1px solid var(--divider);border-radius:var(--radius-md);padding:var(--space-2) 0;box-shadow:0 8px 24px var(--bg-overlay);z-index:var(--z-dropdown);display:flex;flex-direction:column}.user-menu-item{padding:var(--space-3) var(--space-4);color:var(--fg-primary);text-decoration:none;font-size:14px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;transition:background var(--dur-fast) var(--ease-classical)}.user-menu-item:hover{background:var(--bg-secondary)}.user-menu-item--button{width:100%}.user-menu-item--info{cursor:default;color:var(--fg-secondary);font-size:13px}.user-menu-item--info:hover{background:transparent}.user-menu-divider{height:1px;background:var(--divider);margin:var(--space-2) 0}.lang-switcher{background:transparent;border:1px solid var(--divider);border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--fg-secondary);cursor:pointer;transition:all var(--dur-fast) var(--ease-classical)}.lang-switcher:hover{border-color:var(--fg-primary);color:var(--fg-primary)}.site-footer{border-top:1px solid var(--divider);background:var(--bg-primary);padding:var(--space-8) var(--space-6)}.site-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.site-footer-brand{display:flex;align-items:baseline;gap:var(--space-3);color:var(--fg-muted)}.site-footer-logo{font-family:var(--font-serif-zh);font-size:16px;font-weight:600;letter-spacing:.15em;color:var(--fg-secondary)}.site-footer-copy{font-size:12px;letter-spacing:.1em}.site-footer-links{display:flex;gap:var(--space-6)}.site-footer-links a{font-size:13px;color:var(--fg-secondary);text-decoration:none;transition:color var(--dur-fast) var(--ease-classical)}.site-footer-links a:hover{color:var(--fg-primary)}.site-footer-lang{display:flex;align-items:center}@media(max-width:768px){.site-footer-inner{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}body:has(.app-shell){background:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-serif-zh)}body.app-shell-active{background:var(--bg-primary);color:var(--fg-primary);font-family:var(--font-serif-zh)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--fg-primary)}.app-shell-main{flex:1;display:flex;flex-direction:column}