:root{--paper: #E8E0D5;--paper-dark: #DDD5C8;--paper-light: #F2EDE5;--ink: #2C1810;--ink-light: #5C4035;--ink-lighter: #8B7D72;--red: #A02020;--red-light: #C43030;--red-dark: #801818;--gold: #C49A3C;--gold-light: #E8D5A3;--gold-dark: #A07A28;--jade: #5A8A6A;--white: #F5F0E8;--border: #D0C4B0;--border-light: #DDD5C8;--shadow: 0 2px 12px rgba(44,24,16,.1);--shadow-sm: 0 1px 4px rgba(44,24,16,.06);--radius: 8px;--radius-sm: 4px;--font-cn: "Noto Serif SC", "Source Han Serif SC", "STSong", "SimSun", "Songti SC", "KaiTi", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif}html{background-color:var(--paper)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--ink);background:var(--paper);line-height:1.8;background-image:radial-gradient(ellipse at 20% 50%,rgba(196,154,60,.03) 0%,transparent 70%),radial-gradient(ellipse at 80% 20%,rgba(160,32,32,.02) 0%,transparent 50%);background-attachment:fixed}#root{background:var(--paper);min-height:100vh}h1,h2,h3,h4{font-family:var(--font-cn);font-weight:700;line-height:1.35;color:var(--ink)}h1{font-size:2.2rem;letter-spacing:4px}h2{font-size:1.5rem;margin:2rem 0 1rem;color:var(--red);letter-spacing:2px;border-bottom:1px solid var(--border-light);padding-bottom:6px}h3{font-size:1.15rem;margin:1.2rem 0 .6rem;color:var(--ink-light)}a{color:var(--red);text-decoration:none;transition:color .2s var(--damp-out)}a:hover{color:var(--red-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(180deg,var(--ink) 0%,#3D2317 100%);position:sticky;top:0;z-index:100;border-bottom:2px solid var(--gold)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-family:var(--font-cn);font-size:1.35rem;color:var(--gold-light);letter-spacing:3px}.logo span{color:var(--red)}.nav{display:flex;gap:2px}.nav a{color:#c4b5a0;padding:8px 14px;border-radius:var(--radius-sm);font-size:.88rem;transition:background .3s ease,color .3s ease;white-space:nowrap;font-family:var(--font-cn)}.nav a:hover,.nav a.active{background:#c49a3c26;color:var(--gold-light)}.hero{background:linear-gradient(135deg,var(--ink) 0%,#3D2317 50%,#4A2C1E 100%);color:var(--paper);padding:64px 0 54px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c49a3c' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero h1{color:var(--gold-light);margin-bottom:.5rem;position:relative}.hero p{color:#c4b5a0;max-width:600px;margin:0 auto;position:relative;font-family:var(--font-cn);letter-spacing:1px}.hero hr{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:16px auto;border:none;position:relative}.card-grid{display:grid;gap:20px;margin:20px 0}.card-grid-2{grid-template-columns:1fr 1fr}.card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);position:relative}.card h3{margin-top:0;font-size:1.05rem}.card p{font-size:.88rem;color:var(--ink-lighter)}.card-icon{font-size:1.6rem;margin-bottom:6px;display:block}.page-header{background:linear-gradient(135deg,var(--ink),#3D2317);color:var(--paper);padding:36px 0 28px;text-align:center;position:relative}.page-header h1{color:var(--gold-light);margin-bottom:4px;letter-spacing:4px}.page-header p{color:#c4b5a0;font-size:.9rem;font-family:var(--font-cn)}.section{padding:40px 0}.section-title{text-align:center;margin-bottom:28px}.section-title h2{margin-top:0;margin-bottom:6px;border-bottom:none}.section-title p{color:var(--ink-lighter);font-size:.9rem}.content{padding:28px 0 50px}.content-body{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:28px 36px;box-shadow:var(--shadow-sm);max-width:860px;margin:0 auto;position:relative}.content-body h2:first-child{margin-top:0}table{width:100%;border-collapse:collapse;font-size:.88rem;margin:12px 0 20px}th,td{padding:8px 12px;text-align:center;border:1px solid var(--border-light)}th{background:var(--ink);color:var(--gold-light);font-weight:600;font-family:var(--font-cn)}tr:nth-child(2n){background:var(--paper-light)}tr:hover{background:#c49a3c14}.info-box{background:linear-gradient(135deg,#ede6d8,#f5f0e8);border-left:3px solid var(--gold);padding:14px 20px;margin:14px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.9rem}.info-box strong{color:var(--red)}.bazi-chart{display:grid;grid-template-columns:56px 1fr 1fr 1fr 1fr;margin:16px 0;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden}.bazi-chart .cl{background:var(--ink);color:var(--gold-light);padding:8px;font-weight:600;font-size:.82rem;text-align:center;border-right:1px solid var(--border);font-family:var(--font-cn);letter-spacing:2px}.bazi-chart .cp{text-align:center;padding:8px;background:var(--white);border-right:1px solid var(--border-light)}.bazi-chart .cp:last-child{border-right:none}.bazi-chart .stem,.bazi-chart .branch{font-size:1.4rem;font-weight:700;font-family:var(--font-cn)}.bazi-chart .ss{font-size:.72rem;color:var(--ink-lighter);margin-top:2px}.bazi-chart .ny{font-size:.68rem;color:var(--ink-lighter);margin-top:1px}.bazi-chart .hs{font-size:.72rem;color:var(--ink-lighter);margin-top:3px;padding-top:3px;border-top:1px dashed var(--border-light)}.calc-form{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:24px 28px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.82rem;font-weight:600;margin-bottom:4px;color:var(--ink-lighter);font-family:var(--font-cn)}.form-group input,.form-group select{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.92rem;background:var(--paper-light);transition:border .3s ease,box-shadow .3s ease;font-family:var(--font-sans)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c49a3c1f}.btn{padding:10px 28px;border:none;border-radius:var(--radius-sm);font-size:.92rem;font-weight:600;cursor:pointer;font-family:var(--font-cn);letter-spacing:2px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--white)}.btn-primary:hover{background:linear-gradient(135deg,var(--red-light),var(--red))}.btn-secondary{background:var(--ink);color:var(--gold-light)}.btn-secondary:hover{background:#3d2317}.form-actions{display:flex;gap:12px;margin-top:6px;justify-content:center}.roadmap{position:relative;padding:16px 0}.roadmap:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:1px;background:linear-gradient(180deg,var(--gold),var(--border),var(--gold))}.roadmap-item{position:relative;padding-left:58px;margin-bottom:26px}.roadmap-item:before{content:attr(data-step);position:absolute;left:10px;top:2px;width:30px;height:30px;background:linear-gradient(135deg,var(--red),var(--red-dark));color:var(--gold-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:700;z-index:1;font-family:var(--font-cn);border:2px solid var(--gold-light)}.roadmap-item h3{margin:0 0 3px}.roadmap-item p{font-size:.88rem;color:var(--ink-lighter);margin-bottom:2px}.tag{display:inline-block;padding:2px 12px;border-radius:12px;font-size:.73rem;font-weight:600;background:#c49a3c1f;color:var(--gold-dark)}.footer{background:linear-gradient(180deg,#3D2317,var(--ink));color:#c4b5a0;text-align:center;padding:28px 20px;font-size:.85rem;border-top:2px solid var(--gold)}.footer strong{color:var(--gold-light)}@media (max-width: 768px){.nav a{padding:6px 10px;font-size:.82rem}.card-grid-2,.form-row{grid-template-columns:1fr}.content-body{padding:20px}.bazi-chart{grid-template-columns:40px 1fr 1fr 1fr 1fr}.bazi-chart .stem,.bazi-chart .branch{font-size:1rem}h1{font-size:1.8rem}}.callout-box{background:linear-gradient(135deg,#ede6d8,#f5f0e8);border-left:3px solid var(--red);padding:12px 18px;margin:12px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.9rem;line-height:1.7}.callout-box strong{color:var(--red)}.collapsible{margin:16px 0}.collapsible-btn{width:100%;text-align:left;padding:10px 16px;background:var(--paper-light);border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-family:var(--font-cn);color:var(--ink-light);transition:background .2s ease}.collapsible-btn:hover{background:var(--paper-dark)}.collapsible-body{padding:16px 18px;background:var(--white);border:1px solid var(--border-light);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);line-height:1.8}.collapsible-body h4{margin:.8rem 0 .3rem;font-size:1rem}.collapsible-body h4:first-child{margin-top:0}.collapsible-body p{margin:.4rem 0 .6rem;font-size:.88rem}.collapsible-body a{color:var(--red);text-decoration:underline}.table-scroll{overflow-x:auto;margin:12px 0 20px}.table-scroll table{margin:0;min-width:auto}table.small th,table.small td{padding:5px 8px;font-size:.82rem}.small{font-size:.85rem}.text-center{text-align:center}.hidden-stem-list{display:flex;gap:2px;flex-wrap:wrap;justify-content:center}.wx-死{color:#999}.wx-绝{color:#bbb}@media (max-width: 768px){.callout-box{font-size:.85rem;padding:10px 14px}.collapsible-body{padding:12px 14px}table.small th,table.small td{padding:4px 5px;font-size:.75rem}.table-scroll{margin:8px -10px;padding:0 10px}}n .toc-wrapper{position:relative}@media (max-width: 1023px){.toc-content{width:100%}.toc-sidebar{display:none}}.toc-wrapper{position:relative}.toc-content{flex:1;min-width:0}.toc-sidebar{position:fixed;top:80px;right:-260px;width:220px;max-height:calc(100vh - 100px);overflow-y:auto;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius);padding:12px 0;box-shadow:var(--shadow);z-index:90;transition:right .3s cubic-bezier(.25,.1,.15,1.05)}.toc-open{right:16px}.toc-title{font-family:var(--font-cn);font-size:.82rem;font-weight:700;color:var(--red);padding:4px 16px 8px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.toc-item{display:block;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:.78rem;color:var(--ink-lighter);padding:4px 16px 4px 0;line-height:1.4;transition:color .2s ease,background .2s ease}.toc-item:hover{color:var(--ink);background:#c49a3c0f}.toc-item.toc-active{color:var(--red);font-weight:600}.toc-l3{padding-left:18px;font-size:.74rem}.toc-l4{padding-left:32px;font-size:.7rem}.toc-toggle{display:none;position:fixed;right:12px;bottom:80px;width:40px;height:40px;border-radius:50%;background:var(--red);color:var(--white);border:none;font-size:1.1rem;cursor:pointer;z-index:95;box-shadow:var(--shadow);transition:transform .2s ease}.toc-toggle:hover{transform:scale(1.1)}@media (min-width: 1200px){.toc-sidebar{right:16px}.toc-toggle{display:none!important}}@media (max-width: 1199px){.toc-sidebar{right:-260px}.toc-open{right:12px}.toc-toggle{display:flex;align-items:center;justify-content:center}}.cal-nav{display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-wrap:wrap;gap:8px}.cal-table{width:100%;border-collapse:collapse;table-layout:fixed}.cal-table th.cal-weekday{background:var(--ink);color:var(--gold-light);padding:6px;font-size:.82rem;text-align:center;font-family:var(--font-cn);letter-spacing:2px}.cal-table td{border:1px solid var(--border-light);vertical-align:top;padding:4px;height:72px;text-align:center}.cal-empty{background:var(--paper-dark)}.cal-day{cursor:default;transition:background .2s ease}.cal-day:hover{background:var(--paper-light)}.cal-today{background:#c49a3c26}.cal-today .cal-solar{background:var(--red);color:var(--white);border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center}.cal-solar{font-size:.95rem;font-weight:700;color:var(--ink)}.cal-lunar{font-size:.68rem;color:var(--ink-lighter);margin-top:2px}.cal-ganzhi{font-size:.65rem;margin-top:1px}.cal-ganzhi span{display:inline}.cal-jieqi{background:#a020200f}.cal-jieqi-name{font-size:.7rem;color:var(--red);font-weight:600;margin-top:2px}@media (max-width: 768px){.cal-table td{height:60px;padding:2px}.cal-solar{font-size:.82rem}.cal-lunar{font-size:.6rem}.cal-ganzhi{font-size:.58rem}.cal-jieqi-name{font-size:.62rem}}@media (max-width: 768px){.toc-sidebar{width:190px;font-size:.75rem}}:root{--damp-out: cubic-bezier(.25, .1, .15, 1.05);--damp-in: cubic-bezier(.4, 0, .2, 1);--smooth: cubic-bezier(.4, 0, .2, 1)}.route-container{position:relative;min-height:60vh;background:var(--paper)}.crossfade-wrap{position:relative;min-height:60vh}.crossfade-wrap>div{position:absolute;top:0;left:0;right:0}.crossfade-enter-active{opacity:1;animation:routeFadeIn .3s ease both;position:relative!important;z-index:2}.crossfade-exit-active{opacity:1;animation:routeFadeOut .2s ease both;z-index:1}@keyframes routeFadeIn{0%{opacity:0}to{opacity:1}}@keyframes routeFadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.content-body,.hero{animation:fadeUp .5s var(--damp-out) both}.section:nth-of-type(1){animation:fadeUp .5s var(--damp-out) .1s both}.section:nth-of-type(2){animation:fadeUp .5s var(--damp-out) .2s both}.roadmap-item{opacity:0;animation:fadeUp .4s var(--damp-out) forwards}.roadmap-item:nth-child(1){animation-delay:.15s}.roadmap-item:nth-child(2){animation-delay:.25s}.roadmap-item:nth-child(3){animation-delay:.35s}.roadmap-item:nth-child(4){animation-delay:.45s}.roadmap-item:nth-child(5){animation-delay:.55s}.roadmap-item:nth-child(6){animation-delay:.65s}.card{transition:transform .35s var(--damp-out),box-shadow .35s var(--damp-out)}.card:hover{transform:translateY(-4px);box-shadow:0 6px 24px #2c181024}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--red),var(--gold));opacity:0;transition:opacity .35s var(--damp-out)}.card:hover:before{opacity:1}.nav a{transition:background .3s ease,color .3s ease}.btn{transition:all .3s var(--damp-out)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:opacity .35s ease}.btn:hover:after{opacity:1}.btn:active{transform:scale(.95)}.result-area{opacity:0;max-height:0;overflow:hidden;transition:opacity .4s var(--damp-out),max-height .6s var(--damp-out)}.result-area.active{opacity:1;max-height:5000px}.bazi-chart .cp{opacity:0;animation:fadeUp .35s var(--damp-out) forwards}.bazi-chart .cp:nth-child(8){animation-delay:.05s}.bazi-chart .cp:nth-child(9){animation-delay:.1s}.bazi-chart .cp:nth-child(10){animation-delay:.15s}.bazi-chart .cp:nth-child(11){animation-delay:.2s}.bazi-chart .cp:nth-child(13){animation-delay:.15s}.bazi-chart .cp:nth-child(14){animation-delay:.2s}.bazi-chart .cp:nth-child(15){animation-delay:.25s}.bazi-chart .cp:nth-child(16){animation-delay:.3s}.bazi-chart .cp:nth-child(18){animation-delay:.25s}.bazi-chart .cp:nth-child(19){animation-delay:.3s}.bazi-chart .cp:nth-child(20){animation-delay:.35s}.bazi-chart .cp:nth-child(21){animation-delay:.4s}.bazi-chart .cp:nth-child(23){animation-delay:.35s}.bazi-chart .cp:nth-child(24){animation-delay:.4s}.bazi-chart .cp:nth-child(25){animation-delay:.45s}.bazi-chart .cp:nth-child(26){animation-delay:.5s}.content-body table:nth-of-type(3) tr{opacity:0;animation:fadeUp .35s var(--damp-out) forwards}.content-body table:nth-of-type(3) tr:nth-child(1){animation-delay:.15s}.content-body table:nth-of-type(3) tr:nth-child(2){animation-delay:.25s}.content-body table:nth-of-type(3) tr:nth-child(3){animation-delay:.35s}.info-box{animation:fadeUp .4s var(--damp-out) both;animation-delay:.2s}tr{transition:background .25s ease}.page-header{animation:fadeUp .4s var(--damp-out) both}.footer{animation:fadeUp .5s var(--damp-out) .1s both}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.hero h1{background:linear-gradient(90deg,var(--gold-light),var(--gold),var(--gold-light));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}.wx-木{color:#2e7d32!important}.wx-火{color:#c62828!important}.wx-土{color:#8d6e63!important}.wx-金{color:#b8860b!important}.wx-水{color:#1565c0!important}.bazi-chart .stem.wx-木,.bazi-chart .branch.wx-木{color:#2e7d32}.bazi-chart .stem.wx-火,.bazi-chart .branch.wx-火{color:#c62828}.bazi-chart .stem.wx-土,.bazi-chart .branch.wx-土{color:#8d6e63}.bazi-chart .stem.wx-金,.bazi-chart .branch.wx-金{color:#b8860b}.bazi-chart .stem.wx-水,.bazi-chart .branch.wx-水{color:#1565c0}td.wx-木,th.wx-木,td .wx-木,th .wx-木{color:#2e7d32;font-weight:600}td.wx-火,th.wx-火,td .wx-火,th .wx-火{color:#c62828;font-weight:600}td.wx-土,th.wx-土,td .wx-土,th .wx-土{color:#8d6e63;font-weight:600}td.wx-金,th.wx-金,td .wx-金,th .wx-金{color:#b8860b;font-weight:600}td.wx-水,th.wx-水,td .wx-水,th .wx-水{color:#1565c0;font-weight:600}