:root{color-scheme:light;--paper:#f2e7d1;--paper-light:#f9f1e0;--ink-black:#211c15;--ink-soft:#6f6047;--border-paper:#d8c39a;--stone-green:#4c8a63;--cinnabar:#b8382b;--ochre:#b3763a;--gold:#a97f34;--stone-blue:#2f6a86;--dai-blue:#33474b;--pg:var(--paper);--pg2:var(--paper-light);--ink:var(--ink-black);--ink2:var(--ink-soft);--bd:var(--border-paper);--wood:var(--stone-green);--fire:var(--cinnabar);--earth:var(--ochre);--metal:var(--gold);--water:var(--stone-blue);--serif:"STKaiti","KaiTi","Kaiti SC","Songti SC",serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(120% 80% at 50% -10%,#f8f0dd,transparent 60%),var(--pg);color:var(--ink);font-family:-apple-system,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}.wrap{max-width:680px;margin:0 auto;padding:0 20px 80px}.brand{text-align:center;padding:50px 0 6px}.brand .eyebrow{font-size:12px;letter-spacing:5px;color:var(--ink2);margin-bottom:16px}.brand .forces{display:inline-flex;gap:6px;margin-bottom:15px}.brand .forces i{width:26px;height:4px;border-radius:2px;display:block}.brand .wordmark{font-family:var(--serif);font-size:50px;letter-spacing:12px;font-weight:400;line-height:1;color:var(--ink)}.brand .wordmark .w5{color:var(--cinnabar)}.brand .tag{margin-top:16px;font-family:var(--serif);font-size:17px;color:var(--dai-blue);letter-spacing:1px}.brand .tag b{color:var(--cinnabar);font-weight:400}.brand .pitch{margin-top:8px;font-size:13.5px;color:var(--ink2)}.el-木{--el:var(--wood)}.el-火{--el:var(--fire)}.el-土{--el:var(--earth)}.el-金{--el:var(--metal)}.el-水{--el:var(--water)}.hero{text-align:center;padding:60px 0 26px}.hero h1{font-family:var(--serif);font-size:42px;letter-spacing:8px;margin:0 0 12px;font-weight:400;color:var(--ink)}.hero .sub{color:var(--ink2);font-size:14px;margin-bottom:8px}.hero .pitch{color:var(--fire);font-size:14.5px;font-weight:500}.card{background:var(--pg2);border:1px solid var(--bd);border-radius:16px;padding:26px}.row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.field{flex:1 1;min-width:140px}label{display:block;font-size:13px;color:var(--ink2);margin-bottom:6px}input,select{width:100%;padding:11px 12px;border:1px solid var(--bd);border-radius:10px;background:var(--pg2);font-size:15px;color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--fire)}.seg{display:flex;gap:8px}.seg button{flex:1 1;padding:11px;border:1px solid var(--bd);background:var(--pg2);border-radius:10px;cursor:pointer;font-size:15px;color:var(--ink2);font-family:var(--serif)}.seg button.on{border-color:var(--fire);color:var(--fire);background:color-mix(in srgb,var(--fire) 8%,var(--pg2))}.suggest{position:relative}.suggest .drop{position:absolute;z-index:5;left:0;right:0;top:100%;margin-top:4px;background:var(--pg2);border:1px solid var(--bd);border-radius:10px;overflow:hidden}.suggest .drop div{padding:10px 12px;cursor:pointer;font-size:14px}.suggest .drop div:hover{background:var(--pg)}.cta{width:100%;padding:14px;margin-top:6px;border:none;border-radius:12px;background:var(--fire);color:#fbf0dd;font-size:16px;letter-spacing:2px;cursor:pointer;font-family:var(--serif)}.cta:disabled{opacity:.5}.hint{font-size:12px;color:var(--ink2);text-align:center;margin-top:12px}.chart{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px;margin:8px 0 14px}.pillar{text-align:center;background:var(--pg);border:1.5px solid var(--el,var(--bd));border-radius:12px;padding:12px 4px}.pillar .lab{font-size:11px;color:var(--ink2)}.pillar .gz{font-family:var(--serif);font-size:26px;letter-spacing:2px;margin-top:2px;color:var(--ink)}.basic{display:grid;grid-template-columns:auto 1fr;grid-gap:4px 14px;gap:4px 14px;font-size:13px;padding:12px 14px;background:var(--pg);border:1px solid var(--bd);border-radius:10px;margin-bottom:14px}.basic dt{color:var(--ink2)}.basic dd{margin:0;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.diag{background:var(--fire);color:#fbf0dd;border-radius:12px;padding:16px 18px;margin:4px 0 6px}.diag .k{color:#ffe08a;font-weight:500}.md :is(h1,h2,h3){font-family:var(--serif);font-size:19px;font-weight:400;margin:26px 0 8px;color:var(--fire)}.md p{margin:0 0 8px}.reading-copy{width:100%;max-width:30em;margin:0 auto;color:var(--ink)}.reading-zonggang{margin:28px 0 12px;padding:26px 6px;border-block:1px solid var(--bd);color:var(--ink);font-family:var(--serif);font-size:23px;font-style:normal;line-height:1.72;letter-spacing:1px;text-align:center}.reading-section-heading{margin-top:38px}.reading-section-heading:first-of-type{margin-top:32px}.reading-label{display:inline-flex;align-items:center;gap:7px;color:var(--section-color);font-family:var(--serif);font-size:13px;letter-spacing:3px}.reading-label:before{width:14px;height:14px;border-radius:3px;background:var(--section-color);content:"";opacity:.92}.md .reading-section-heading h3{margin:9px 0 0;padding-bottom:13px;border-bottom:1px solid var(--bd);color:var(--ink);font-family:var(--serif);font-size:25px;font-weight:400;letter-spacing:2px;line-height:1.45}.md .reading-lead,.reading-lead{margin:17px 0 14px;color:var(--dai-blue);font-family:var(--serif);font-size:18.5px;font-weight:400;line-height:1.72}.md .reading-body,.reading-body{margin:0 0 15px;color:var(--ink);font-size:16px;line-height:1.98}.reading-body>span:first-child{display:inline-block;margin-right:7px;color:var(--section-color,var(--ochre));font-family:var(--serif);font-size:12px;letter-spacing:2px;vertical-align:.08em}.reading-body-展开>span:first-child{color:var(--ink2)}.reading-ornament{margin:34px 0 32px;color:var(--gold);font-size:12px;letter-spacing:8px;opacity:.72;text-align:center}.reading-hook{margin:34px 0 10px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--cinnabar) 26%,var(--bd));border-left:3px solid var(--cinnabar);border-radius:0 14px 14px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--cinnabar) 6%,var(--pg2)),var(--pg2))}.reading-hook>span{color:var(--cinnabar);font-family:var(--serif);font-size:14px;letter-spacing:3px}.md .reading-hook p,.reading-hook p{margin:7px 0 0;color:var(--ink);font-size:14.5px;line-height:1.85}.reading-plain-heading{color:var(--cinnabar)}.reading-rule{height:1px;margin:22px 0;background:var(--bd)}.reading-gap{height:7px}@media (max-width:520px){.reading-zonggang{padding-inline:2px;font-size:21px}.md .reading-section-heading h3{font-size:23px}.md .reading-lead,.reading-lead{font-size:17.5px}.md .reading-body,.reading-body{font-size:15.5px}}.force-card{position:relative;margin:22px 0 28px;padding:22px 20px 18px;background:var(--pg2);border:1px solid var(--bd);border-radius:16px}.force-card-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.force-card-head h2{margin:2px 0 0;font-family:var(--serif);font-size:20px;font-weight:400;letter-spacing:2px}.force-card-head>span{color:var(--ink2);font-size:11px;white-space:nowrap}.force-eyebrow{color:var(--fire);font-size:11px;letter-spacing:4px}.force-chart-wrap{display:flex;justify-content:center;margin-top:4px}.force-chart{display:block;width:min(100%,320px);height:auto;overflow:visible}.force-grid{stroke:var(--bd);stroke-width:1;opacity:.7}.force-shape{fill:color-mix(in srgb,var(--fire) 12%,transparent);stroke:var(--fire);stroke-width:1.6}.force-node{stroke:var(--pg2);stroke-width:2}.force-halo{fill:none;stroke-width:1.5;opacity:.55}.force-labels{font-family:var(--serif);font-size:17px}.force-values{fill:var(--ink2);font-size:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.force-legend{display:flex;flex-direction:column;gap:8px;margin-top:-2px}.force-legend-row{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;grid-gap:7px;gap:7px;min-height:24px;font-size:12.5px}.force-legend-row b{font-family:var(--serif);font-weight:500;white-space:nowrap}.force-chips{display:inline-flex;gap:3px}.force-chip{width:9px;height:9px;border-radius:3px}.force-legend-detail,.force-tone{color:var(--ink2)}.force-tone{padding:1px 7px;border:1px solid var(--bd);border-radius:999px;font-size:10px}.force-tone-lead{border-color:color-mix(in srgb,var(--fire) 40%,var(--bd));color:var(--fire)}.force-tone-restore{border-color:color-mix(in srgb,var(--earth) 50%,var(--bd));color:var(--metal)}.force-tone-restrain{color:var(--ink2)}.el-bg-木,.el-fill-木{background:var(--wood);fill:var(--wood)}.el-stroke-木{stroke:var(--wood)}.el-text-木{fill:var(--wood)}.el-bg-火,.el-fill-火{background:var(--fire);fill:var(--fire)}.el-stroke-火{stroke:var(--fire)}.el-text-火{fill:var(--fire)}.el-bg-土,.el-fill-土{background:var(--earth);fill:var(--earth)}.el-stroke-土{stroke:var(--earth)}.el-text-土{fill:var(--earth)}.el-bg-金,.el-fill-金{background:var(--metal);fill:var(--metal)}.el-stroke-金{stroke:var(--metal)}.el-text-金{fill:var(--metal)}.el-bg-水,.el-fill-水{background:var(--water);fill:var(--water)}.el-stroke-水{stroke:var(--water)}.el-text-水{fill:var(--water)}@media (max-width:520px){.force-card{padding-inline:14px}.force-card-head{align-items:flex-start}.force-card-head>span{white-space:normal;text-align:right;max-width:90px}.force-legend-row{grid-template-columns:auto 1fr auto}.force-chips{grid-column:1;grid-row:1}.force-legend-row b{grid-column:2;grid-row:1}.force-tone{grid-column:3;grid-row:1}.force-legend-detail{grid-column:2/4;grid-row:2}}.transition{background:color-mix(in srgb,var(--fire) 7%,var(--pg2));border-left:3px solid var(--fire);border-radius:0 8px 8px 0;padding:14px 16px;margin:24px 0;font-size:15px}.equip{margin-top:18px}.equip-h{font-family:var(--serif);font-size:18px;margin-bottom:14px}.equip-h span{font-size:12px;color:var(--ink2);font-family:-apple-system,sans-serif}.equip-grid{display:flex;gap:12px;flex-wrap:wrap}.item{flex:1 1;min-width:120px;text-align:center;background:var(--pg2);border:solid var(--el,var(--bd));border-width:1.5px 1.5px 4px;border-radius:14px;padding:16px 8px}.item .ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--el,var(--ink2));color:#fff;font-size:18px}.item .ic,.item-el{font-family:var(--serif)}.item-el{font-size:17px;margin-top:5px;color:var(--ink)}.item-col{font-size:12.5px;color:var(--ink2);margin-top:1px}.equip-lock{margin-top:14px;text-align:center;padding:12px;border:1px dashed var(--earth);border-radius:10px;color:var(--metal);font-size:13.5px;cursor:pointer}.equip-lock:hover{background:color-mix(in srgb,var(--earth) 8%,transparent)}.topics{margin-top:22px;display:flex;flex-direction:column;gap:14px}.topic{background:var(--pg2);border:1px solid var(--bd);border-radius:14px;padding:16px 18px;cursor:pointer;overflow:hidden}.topic:hover{border-color:var(--fire)}.topic-h{display:flex;align-items:center;gap:8px}.topic-ic{font-size:20px}.topic-nm{font-family:var(--serif);font-size:17px;color:var(--fire)}.topic-sub{font-size:12.5px;color:var(--ink2);flex:1 1}.topic-teaser{margin-top:8px;font-size:14px}.topic-blur{margin-top:6px;font-size:13px;color:var(--ink2);filter:blur(4px);-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:44px;overflow:hidden}.unlock-bar{text-align:center;margin-top:26px}.equip-lock.unlock,.unlock-bar .unlock{display:inline-block;padding:15px 40px;font-size:17px;letter-spacing:1px}.equip-lock.unlock,.unlock,.unlock-bar .unlock{border:none;border-radius:12px;background:var(--fire);color:#fbf0dd;cursor:pointer;font-family:var(--serif)}.unlock{padding:13px 30px;font-size:15px}.note{font-size:13px;color:var(--ink2);margin-top:10px}.borderline{background:color-mix(in srgb,var(--earth) 14%,var(--pg2));border:1px solid var(--earth);color:var(--metal);font-size:13px;padding:10px 14px;border-radius:10px;margin:12px 0}.err{color:var(--fire);text-align:center;margin-top:16px}.loading{padding:40px;font-family:var(--serif)}.foot,.loading{text-align:center;color:var(--ink2)}.foot{font-size:12px;margin-top:40px}.section.md{margin-top:4px}.gate{margin-top:20px;text-align:center}.gate-h{font-family:var(--serif);font-size:18px;color:var(--ink)}.gate-h b{color:var(--fire)}.gate-d{color:var(--ink2);line-height:1.7}.gate-d,.topic-open{font-size:14px;margin-top:8px}.topic-open p{margin:0 0 6px}.topic-lock{margin-top:10px;text-align:center;padding:11px;border:1px dashed var(--earth);border-radius:10px;color:var(--metal);font-size:13.5px;cursor:pointer}.topic-lock:hover{background:color-mix(in srgb,var(--earth) 8%,transparent)}.topic{cursor:default}.dash-h{display:flex;align-items:center;justify-content:space-between;font-family:var(--serif);font-size:18px;margin:0 0 12px;color:var(--ink)}.dash-add{font-size:13px;color:var(--fire);text-decoration:none}.pf-list{flex-direction:column}.pf,.pf-list{display:flex;gap:10px}.pf{align-items:center;background:var(--pg2);border:1px solid var(--bd);border-radius:14px;padding:14px 16px}.pf-info{flex:1 1;min-width:0}.pf-nm{font-family:var(--serif);font-size:16px;color:var(--ink)}.pf-g{font-size:12px;margin-left:6px}.pf-g,.pf-sub{color:var(--ink2)}.pf-sub{font-size:12.5px;margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pf-btn{border:none;background:var(--fire);color:#fbf0dd;font-family:var(--serif);font-size:14px;padding:7px 16px;border-radius:9px}.pf-btn,.pf-x{cursor:pointer}.pf-x{border:1px solid var(--bd);background:transparent;color:var(--ink2);width:30px;height:30px;border-radius:8px;font-size:12px}.pf-x:hover{border-color:var(--fire);color:var(--fire)}.dash-links{display:flex;flex-direction:column;gap:8px}.dash-links a{display:block;background:var(--pg2);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:15px}.dash-links a:hover{border-color:var(--fire);color:var(--fire)}.lander{margin-top:34px;display:flex;flex-direction:column;gap:34px}.lsec-t{font-family:var(--serif);font-size:20px;text-align:center;margin-bottom:16px;color:var(--ink)}.unlock-map{display:flex;flex-direction:column;gap:12px}.um-free{background:color-mix(in srgb,var(--fire) 6%,var(--pg2));border:1px solid color-mix(in srgb,var(--fire) 30%,var(--bd));border-radius:14px;padding:18px;text-align:center}.um-tag{display:inline-block;background:var(--wood);color:#fff;font-size:12px;padding:1px 11px;border-radius:20px;margin-bottom:8px}.um-free-h,.um-tag{font-family:var(--serif)}.um-free-h{font-size:19px;color:var(--fire)}.um-free-d{font-size:13.5px;color:var(--ink2);margin-top:4px}.um-arrow{text-align:center;color:var(--ink2);font-size:13px}.um-equip{background:var(--pg2);border:1px solid var(--bd);border-radius:12px;padding:14px 16px;text-align:center;font-size:14px}.um-topics{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.um-topic{background:var(--pg2);border:1px solid var(--bd);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:2px}.um-ic{font-size:22px}.um-topic b{font-family:var(--serif);color:var(--fire);font-size:15px}.um-topic span{font-size:12px;color:var(--ink2)}.why{display:flex;flex-direction:column;gap:12px}.why-card{background:var(--pg2);border:1px solid var(--bd);border-left:3px solid var(--fire);border-radius:0 12px 12px 0;padding:14px 16px;font-size:14px;line-height:1.7;color:var(--ink)}.why-card b{display:block;font-family:var(--serif);color:var(--fire);font-size:15.5px;margin-bottom:3px}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;max-width:680px;margin:0 auto;padding:12px 20px;background:color-mix(in srgb,var(--pg) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topnav .brand{font-family:var(--serif);font-size:18px;color:var(--fire);text-decoration:none;letter-spacing:2px}.topnav .links a{color:var(--ink2);text-decoration:none;font-size:13.5px;margin-left:15px}.topnav .links a:hover{color:var(--fire)}@keyframes spin{to{transform:rotate(1turn)}}.casting{text-align:center;padding:42px 0 28px}.luopan{position:relative;width:130px;height:130px;display:inline-block}.luopan .r{position:absolute;inset:0;border-radius:50%}.luopan .r1{border:1px dashed color-mix(in srgb,var(--metal) 55%,transparent);animation:spin 14s linear infinite}.luopan .r2{inset:18px;border:1px solid color-mix(in srgb,var(--fire) 35%,transparent);animation:spin 9s linear infinite reverse}.luopan .r3{inset:34px;border:1px solid var(--bd)}.luopan .sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 290deg,color-mix(in srgb,var(--fire) 50%,transparent) 350deg,transparent 1turn);-webkit-mask:radial-gradient(farthest-side,transparent 42%,#000 43%);mask:radial-gradient(farthest-side,transparent 42%,#000 43%);animation:spin 2.6s linear infinite}.luopan .chars{position:absolute;inset:0;animation:spin 22s linear infinite}.luopan .chars span{font-family:var(--serif);font-size:15px;color:var(--ink);transform:translate(-50%,-50%) rotate(var(--a)) translateY(-54px)}.luopan .chars span,.luopan .core{position:absolute;top:50%;left:50%}.luopan .core{width:9px;height:9px;border-radius:50%;background:var(--fire);transform:translate(-50%,-50%);box-shadow:0 0 12px 2px color-mix(in srgb,var(--fire) 60%,transparent)}.casting-msg{margin-top:20px;color:var(--ink2);font-family:var(--serif);font-size:15px;letter-spacing:1px}.caret{display:inline-block;width:7px;height:1.05em;background:var(--fire);margin-left:2px;vertical-align:text-bottom;border-radius:1px;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chart .pillar{animation:pillarIn .6s ease both}.chart .pillar:nth-child(2){animation-delay:.12s}.chart .pillar:nth-child(3){animation-delay:.24s}.chart .pillar:nth-child(4){animation-delay:.36s}@keyframes pillarIn{0%{opacity:0;transform:translateY(12px) scale(.96)}55%{opacity:1;transform:none;box-shadow:0 0 16px color-mix(in srgb,var(--el,var(--bd)) 55%,transparent)}to{opacity:1;transform:none;box-shadow:none}}.diag{position:relative;overflow:hidden;animation:bleed .7s ease both}.diag:after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;pointer-events:none;background:linear-gradient(100deg,transparent,color-mix(in srgb,#ffe9b0 55%,transparent),transparent);animation:sheen 1.5s ease .5s both}@keyframes bleed{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes sheen{0%{left:-60%}to{left:140%}}.fadein{animation:fadeInUp .42s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.section.md .reading-label,.section.md .reading-zonggang,.section.md h3,.section.md p{animation:emerge .95s cubic-bezier(.22,.61,.36,1) both}@keyframes emerge{0%{opacity:0;filter:blur(7px);transform:translateY(8px)}55%{opacity:.8;filter:blur(1.5px)}to{opacity:1;filter:blur(0);transform:none}}@media (prefers-reduced-motion:reduce){.caret,.chart .pillar,.diag,.diag:after,.fadein,.luopan .chars,.luopan .r,.luopan .sweep,.section.md .reading-label,.section.md .reading-zonggang,.section.md h3,.section.md p{animation:none!important}.diag{-webkit-clip-path:none!important;clip-path:none!important}}