@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600;700&display=swap";.growth-stage-table{margin:20px 0;padding:18px;background:#f8faf5;border:1px solid #d5e0d2}.growth-stage-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.growth-stage-heading h3{margin:0;color:#294b3a;font-size:18px}.growth-stage-heading>span{font-size:12px;color:#688071}.growth-stage-heading>span b{color:#1f593c;font-size:17px}.growth-stage-table>p{margin:10px 0 13px;color:#64756b;font-size:12px;line-height:1.7}.growth-stage-scroll{overflow-x:auto;border:1px solid #d7e0d5;background:#fffefa}.growth-stage-table table{border-collapse:collapse;min-width:700px;width:100%;font-size:12px;text-align:center}.growth-stage-table th,.growth-stage-table td{padding:9px 8px;border-right:1px solid #e0e7df;border-bottom:1px solid #e0e7df;white-space:nowrap}.growth-stage-table th{background:#edf3eb;color:#315641;font-weight:600}.growth-stage-table tbody th{background:#f4f7f1}.growth-stage-table tr:last-child th,.growth-stage-table tr:last-child td{border-bottom:0}.growth-stage-table th:last-child,.growth-stage-table td:last-child{border-right:0}.growth-stage-table .current-day-stem th,.growth-stage-table .current-day-stem td{background:#e3efe0;color:#1d5738;font-weight:600}.growth-stage-table .current-day-stem th{box-shadow:inset 3px 0 #4f8962}@media (max-width:800px){.growth-stage-table{padding:15px}.growth-stage-heading{align-items:start;flex-direction:column;gap:5px}.growth-stage-table table{min-width:680px}.growth-stage-table th,.growth-stage-table td{padding:8px 7px;font-size:11px}}.plate-context{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 8px;padding:8px;background:#edf2e9;font-size:11px;color:#5f7467}.plate-context span{padding:3px 6px;border:1px solid #cbd8cb;background:#fafbf7}.plate-context b{color:#22583c}.plate-context i{font-style:normal;color:#8b725a}.plate-table .plate-row{grid-template-columns:1fr 1fr 1fr minmax(155px,2.25fr);padding:6px 0;align-items:start}.plate-table .plate-row>span:nth-child(3){line-height:1.35}.plate-table .plate-row>span:nth-child(3) small{display:block;font-size:10px;color:#829087}.line-stack{display:grid!important;gap:6px;align-content:center}.line-stack>.yao{margin-top:4px}.line-impact{display:flex;gap:3px;flex-wrap:wrap;min-height:18px}.impact{font-style:normal;font:9px/1.45 DM Mono;border:1px solid #d1dad0;padding:1px 4px;border-radius:2px;background:#f7faf6;color:#617468;white-space:nowrap}.impact.month{border-color:#a8c4aa;background:#e5f0e3;color:#245f3b}.impact.day{border-color:#b5c5da;background:#eaf0f7;color:#3c5e7a}.impact.line{border-color:#dfc3ad;background:#f8eee5;color:#875936}.impact.moving{border-color:#d7aaa2;background:#f9e7e3;color:#a0483d}.plate-structure{display:flex;gap:6px;flex-wrap:wrap;padding-top:12px}.plate-structure span{font-size:11px;padding:4px 6px;background:#f3eee5;border-left:2px solid #a97857;color:#765640}@media (max-width:800px){.plate-table .plate-row{grid-template-columns:.8fr 1fr 1fr minmax(130px,1.8fr)}.plate-table .plate-row .yao{width:62px}.impact{font-size:8px}}.five-elements{margin:18px 0;padding:24px;display:grid;grid-template-columns:1fr 330px;gap:16px;align-items:center;background:#eef3eb;border:1px solid #d4e0d2}.five-elements h3{font-size:18px;margin:0;color:#264c38}.five-elements>div>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#607267;margin:10px 0}.five-elements svg{width:100%;max-width:330px}.five-elements line.generate{stroke:#367956;stroke-width:2.2}.five-elements line.control{stroke:#aa674b;stroke-width:1.8;stroke-dasharray:5 4}.five-elements g circle{stroke-width:2}.five-elements .active-node circle{fill:#1e5c40;stroke:#123c2a}.five-elements .inactive-node circle{fill:#f8faf6;stroke:#aebfb1}.five-elements text{font:600 14px "Noto Serif SC";text-anchor:middle;fill:#fff}.five-elements .inactive-node text{fill:#607469}.legend{grid-column:1/-1;display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#617168}.legend i{width:22px;height:0;border-top:2px solid #367956;display:inline-block;margin-right:6px;vertical-align:middle}.legend .control-key{border-color:#aa674b;border-top-style:dashed}.rule-library{margin-top:17px;padding:18px 20px;background:#f8f6ef;border-left:3px solid #a77a57}.rule-library h3{margin:0 0 10px;font-size:17px;color:#3d5143}.rule-library details{border-top:1px solid #dfded4;padding:9px 0;font-size:13px;color:#465b4d}.rule-library summary{cursor:pointer;font-weight:600}.rule-library p{font-size:12px;line-height:1.7;color:#68776e;margin:8px 0 0}@media (max-width:800px){.five-elements{grid-template-columns:1fr;padding:18px}.five-elements svg{justify-self:center}}:root{font-family:"Noto Serif SC",Georgia,serif;color:#1f352b;background:#f3f2ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f3f2ec}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer}.app-shell{min-height:100vh}.topbar{height:68px;padding:0 max(5vw,28px);border-bottom:1px solid #d8ddd5;background:#f9f8f4e8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:700}.brand span{height:31px;width:31px;border:1px solid #174d36;border-radius:50%;display:grid;place-items:center;color:#174d36}.brand small{font:10px DM Mono;letter-spacing:1px;color:#76857b}.topbar nav{display:flex;align-items:center;gap:18px;font-size:13px;color:#52685c}.topbar nav i{font:11px DM Mono;font-style:normal;color:#718178}.topbar nav em{display:inline-block;height:6px;width:6px;border-radius:50%;background:#53916d;margin-right:5px}.page{max-width:1180px;margin:auto;padding:46px max(5vw,28px) 96px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;border-bottom:1px solid #d5dcd2;padding:0 0 34px}.page-head.narrow{border:0;padding-bottom:22px}.page-head h1,.detail-head h1{margin:0;color:#183b2c;font-weight:600;font-size:42px;line-height:1.15;letter-spacing:0}.page-head p:not(.eyebrow){max-width:600px;line-height:1.75;font-size:14px;color:#627268;margin:13px 0 0}.eyebrow{font:11px DM Mono;letter-spacing:1.2px;color:#648273;margin:0 0 10px}.primary{background:#1c5139!important;color:#fff!important;border:1px solid #1c5139!important}.primary:hover{background:#123d2b!important}.page button,.file-actions label{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #cad5ca;border-radius:4px;font-size:13px;background:#fbfaf6}.tools{display:flex;gap:12px;align-items:center;padding:23px 0}.search{height:40px;display:flex;align-items:center;gap:8px;flex:1;min-width:220px;padding:0 12px;border:1px solid #cfd9cf;background:#fffefa;border-radius:4px;color:#718478}.search input{width:100%;border:0;outline:0;background:transparent;color:#284237}.segments{display:flex;padding:3px;background:#e2e8e1;border-radius:5px}.segments button{min-height:32px;border:0;padding:0 10px;color:#63766b}.segments .selected{background:#fffefa;color:#1b5439;box-shadow:0 1px 2px #27482c22}.file-actions{margin-left:auto;display:flex;gap:7px}.file-actions label{cursor:pointer}.file-actions input{display:none}.list-heading{padding:8px 0 14px;border-bottom:1px solid #cbd5ca}.list-heading div{display:flex;justify-content:space-between;align-items:end}.list-heading h2{font-size:18px;margin:0;color:#2a4437}.list-heading span{font-size:12px;color:#7c8a80}.record{display:flex;border-bottom:1px solid #d9e0d7;min-height:83px;align-items:center}.record-main{display:grid;grid-template-columns:46px 1fr auto auto;align-items:center;gap:15px;flex:1;text-align:left;border:0!important;background:transparent!important;padding:13px 4px!important}.mark{width:37px;height:37px;border:1px solid #afc7b6;border-radius:50%;display:grid!important;place-items:center;color:#236146;font-size:18px}.record-main b{display:block;font-size:15px}.record-main small{display:block;color:#74847a;font:11px DM Mono;margin-top:5px}.record-main strong{font-size:13px;font-weight:500;color:#355847}.record-main strong i{font-style:normal;color:#a27458;margin:0 7px}.record-main em{font-style:normal;text-align:center;font-size:17px;color:#806047}.record-main em:after{content:"动爻";display:block;font-size:9px;color:#849188}.record-actions{display:flex;gap:4px}.record-actions button{border:0;color:#5c7065;min-height:34px}.record-actions .danger{color:#a04f46}.empty{padding:76px 22px;text-align:center;border-bottom:1px solid #d8e0d7;color:#6c7d73}.empty>span{font-size:44px;color:#8aaa96}.empty h2{font-size:19px;color:#365146;margin:10px 0}.empty p{max-width:380px;margin:0 auto 19px;font-size:14px;line-height:1.7}.empty.small{padding:32px 15px;background:#fbfaf6;border:1px dashed #cad6cb}.empty.small h2{font-size:15px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#152b2180;display:grid;place-items:center;padding:20px}.modal{position:relative;width:min(470px,100%);padding:28px;background:#fffefa;box-shadow:0 18px 45px #10251b45}.modal h2{margin:0 0 17px;font-size:21px;color:#244536}.modal p{font-size:14px;color:#607168;line-height:1.7}.modal-close{position:absolute;right:10px;top:10px;border:0!important}.radio{display:block;padding:13px;margin:9px 0;border:1px solid #d9e0d7;border-radius:4px;font-size:13px;color:#455b4e}.radio input{margin-right:8px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.back{border:0!important;padding:0!important;color:#5f7468;margin-bottom:23px}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.editor fieldset{border:1px solid #d6ddd4;background:#fffefa;margin:0 0 19px;padding:22px}.editor legend{font-size:18px;font-weight:600;color:#2e4b3d;padding:0 8px}.editor legend small{font-size:12px;color:#7d897f;margin-left:10px;font-weight:400}.editor label{display:grid;gap:7px;font-size:13px;color:#50675a;margin-bottom:15px}.editor input,.editor select,.editor textarea,.raw textarea{width:100%;border:1px solid #cbd7cc;border-radius:3px;background:#fdfdf9;color:#294437;padding:10px 11px;outline:0}.editor input:focus,.editor select:focus,.editor textarea:focus,.raw textarea:focus{border-color:#4e8567;box-shadow:0 0 0 3px #dcebdd}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint{font-size:12px!important;line-height:1.7;color:#805c45!important;background:#f6eee3;padding:9px 11px;margin:0 0 15px}.line-input{display:grid;grid-template-columns:65px repeat(4,1fr);gap:6px;align-items:center;padding:11px 0;border-bottom:1px solid #e1e6df}.line-input b{font-size:13px;color:#4e6658}.line-input button{min-height:33px;padding:0 4px;border-color:#d6dfd6;color:#60746a}.line-input .line-selected{background:#dcebdd;color:#1c593c;border-color:#538266;font-weight:700}.live-preview{display:grid;align-content:start;gap:16px}.hex-card{border-top:3px solid #3d7958;background:#e5eee4;padding:21px;text-align:center}.hex-card.muted{border-color:#a66f4c;background:#efe9e2}.hex-card p{font:11px DM Mono;color:#72837a;margin:0}.hex-card h2{font-size:20px;color:#284d3a;margin:8px 0 3px}.hex-card small{font-size:11px;color:#74847a}.hex-lines{display:grid;gap:8px;margin:22px auto 4px;width:112px}.yao{display:block;width:100%;height:6px;background:#245940;position:relative}.yao.yin{background:linear-gradient(to right,#245940 42%,transparent 42%,transparent 58%,#245940 58%)}.yao b{position:absolute;right:-18px;top:-8px;color:#af6548;font-style:normal;font-size:15px}.actions{position:fixed;left:0;bottom:0;width:100%;min-height:64px;background:#f9f8f3ed;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-top:1px solid #d5ddd4;padding:11px max(5vw,28px);display:flex;align-items:center;gap:8px;z-index:30}.actions span{flex:1}.actions .danger{border-color:#d7aaa2;color:#a74c43}.detail-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.detail-head h1{font-size:35px}.detail-head p:not(.eyebrow){font-size:13px;color:#718178;margin:9px 0 0}.detail-head>div:last-child{display:flex;gap:6px;flex-wrap:wrap}.time-grid{display:grid;grid-template-columns:repeat(5,1fr);background:#e5eee4;border:1px solid #d1ddcf}.time-grid div{padding:14px;border-right:1px solid #cfdbce;min-width:0}.time-grid div:last-child{border:0}.time-grid span{display:block;font-size:11px;color:#738378}.time-grid b{display:block;color:#2b4d3a;margin-top:5px;font-size:13px;word-break:break-word}.plates{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:22px}.plate{background:#fffefa;border:1px solid #d6dfd5;padding:22px}.plate>p{margin:0;font:11px DM Mono;color:#77867d}.plate h2{font-size:22px;margin:6px 0;color:#244d37}.plate>small{color:#75857a;font-size:11px}.plate-table{margin-top:18px}.plate-table header,.plate-table>div{display:grid;grid-template-columns:1fr 1fr 1fr 82px;gap:4px;align-items:center}.plate-table header{font-size:10px;color:#8a968d;border-bottom:1px solid #dee5dc;padding-bottom:8px}.plate-table>div{min-height:34px;border-bottom:1px solid #edf0eb;font-size:12px;color:#52665a}.plate-table .yao{width:72px;height:4px}.tabs{display:flex;gap:21px;border-bottom:1px solid #d0d9d0;margin-top:34px;overflow:auto}.tabs button{border:0;padding:13px 2px;border-radius:0;color:#728177;white-space:nowrap}.tabs .selected{border-bottom:2px solid #316b4c;color:#24563f}.relation-panel,.raw{padding-top:25px}.relation-panel h2,.raw h2{color:#294939;font-size:21px;margin:0 0 17px}.relations{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.relations article{background:#fffefa;border:1px solid #d9e1d8;padding:16px}.relations b{display:block;color:#315542;font-size:14px}.relations span{display:block;color:#718177;font-size:11px;margin-top:5px}.relations p{font-size:12px;margin:13px 0 6px;color:#576d5f}.relations small{font-size:11px;color:#87725e}.element-map{margin-top:18px;padding:17px;background:#e8eee6}.element-map h3{font-size:14px;margin:0 0 11px;color:#345444}.element-map div{display:flex;gap:8px;flex-wrap:wrap}.element-map span{padding:7px 9px;background:#fffefa;color:#345645;font-size:12px}.element-map i{font-style:normal;color:#9a684b}.raw{max-width:900px}.raw>p{line-height:1.8;font-size:14px;color:#617167}.raw pre{max-height:450px;overflow:auto;background:#18372c;color:#d9ebe0;padding:16px;font:11px/1.6 DM Mono}.raw .primary{margin-top:12px}.toast,.undo{position:fixed;z-index:120;bottom:82px;right:24px;background:#204d38;color:#fff;border:0!important;box-shadow:0 8px 24px #15352544;min-height:40px;padding:0 13px;display:flex;align-items:center;gap:8px;border-radius:4px;font-size:13px}.toast button{border:0!important;color:#fff;min-height:28px;padding:0}.undo{right:auto;left:24px;background:#805c45}@media (max-width:800px){.topbar{height:60px}.brand small,.topbar nav i{display:none}.topbar nav{gap:10px}.page{padding:32px 18px 88px}.page-head{align-items:start;flex-direction:column;padding-bottom:25px}.page-head h1{font-size:33px}.tools{flex-wrap:wrap}.search{flex-basis:100%}.file-actions{margin-left:0}.record-main{grid-template-columns:40px 1fr auto;gap:9px}.record-main strong{grid-column:2/4;font-size:12px}.record-main em{display:none}.record-actions{align-self:flex-start}.editor-grid,.plates{grid-template-columns:1fr}.live-preview{grid-template-columns:1fr 1fr}.twocol{grid-template-columns:1fr}.line-input{grid-template-columns:58px repeat(2,1fr)}.line-input button{font-size:12px}.actions span{display:none}.actions{justify-content:flex-end;padding:10px 18px}.time-grid{grid-template-columns:1fr 1fr}.time-grid div{border-bottom:1px solid #cfdbce}.detail-head{align-items:start;flex-direction:column}.plate-table header,.plate-table>div{grid-template-columns:1fr 1fr 1fr 72px}.relations{grid-template-columns:1fr}.tabs{gap:15px}.toast{right:16px;bottom:76px}.undo{left:16px;bottom:76px}}@media (max-width: 800px){.line-input{width:100%;min-width:0;grid-template-columns:72px repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,42px);gap:8px 10px;padding:12px 0}.line-input b{grid-row:1 / span 2;align-self:stretch;display:flex;align-items:center;font-size:16px;color:#365846}.line-input button{width:100%;min-width:0;min-height:42px;border-radius:6px;font-size:14px;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.line-input button:nth-of-type(1){grid-column:2;grid-row:1}.line-input button:nth-of-type(2){grid-column:3;grid-row:1}.line-input button:nth-of-type(3){grid-column:3;grid-row:2}.line-input button:nth-of-type(4){grid-column:2;grid-row:2}.editor fieldset,.editor-grid{min-width:0}}.topbar{position:static}.actions{position:static;left:auto;bottom:auto;width:auto}.page{padding-bottom:46px}@media (max-width: 800px){.page{padding-bottom:32px}}@media (max-width: 800px){.comparison-plate{zoom:.86;width:calc(100% / .86)}}.time-settings{margin:0 0 15px;padding:11px 12px;border:1px solid #d6dfd5;background:#f8faf5}.time-toggle{display:flex!important;align-items:center;gap:8px;margin:0!important;color:#294b3a!important;font-weight:600}.time-toggle input{width:16px;height:16px;margin:0;accent-color:#1c5139}.time-settings .hint{margin:10px 0 0}.time-settings .twocol{margin-top:11px}.time-settings .twocol label{margin-bottom:0}@media (max-width: 800px){.time-settings{padding:10px}}.qq-group{gap:5px!important;color:#35654b!important}.qq-group small{font:10px DM Mono,monospace;color:#718178}@media (max-width: 800px){.topbar{padding-inline:18px}.topbar nav{gap:8px}.topbar nav>button:first-child{display:none}.qq-group{padding:0 3px!important}.qq-group small{display:none}}.diagram-meaning{grid-column:1/-1;display:flex;gap:14px;flex-wrap:wrap;padding:10px 12px;background:#f7f8f3;border-left:2px solid #8aa992;font-size:12px;line-height:1.65;color:#586b60}.diagram-meaning span{flex:1 1 230px}.diagram-meaning b{color:#315b42;margin-right:5px}.five-elements{grid-template-columns:minmax(210px,.85fr) minmax(300px,1.15fr);gap:20px;padding:26px;background:radial-gradient(circle at 50% 45%,#fffef9 0,#f8f6ec 48%,#edf2e9);overflow:hidden}.five-elements-copy{align-self:center}.five-elements h3{font-size:23px;color:#334a3d}.five-elements>div>p:not(.eyebrow){max-width:300px}.five-elements-wheel{display:block;width:100%;max-width:410px;justify-self:end;overflow:visible}.wheel-orbit{fill:none;stroke:#d3d9d0;stroke-width:1.2;stroke-dasharray:2 7}.generation-shadow,.control-shadow,.generation-flow,.control-flow{fill:none;stroke-linecap:round;stroke-linejoin:round}.generation-shadow{stroke:var(--flow-soft);stroke-width:12;opacity:.22}.generation-flow{stroke:var(--flow);stroke-width:5;stroke-dasharray:10 5;filter:drop-shadow(0 1px 1px var(--flow-soft));animation:cycle-flow 4.8s linear infinite}.generation-label{font:600 13px "Noto Serif SC",serif;text-anchor:middle;fill:var(--flow);paint-order:stroke;stroke:#fffef9;stroke-width:4px;stroke-linejoin:round}.generation.wood{--flow:#327d43;--flow-soft:#a7d5ae}.generation.fire{--flow:#c73d3c;--flow-soft:#f2b1a9}.generation.earth{--flow:#bd8b16;--flow-soft:#f1d789}.generation.metal{--flow:#a97b18;--flow-soft:#e8cf81}.generation.water{--flow:#287bb4;--flow-soft:#a4cee8}.control-shadow{stroke:#dfb5aa;stroke-width:8;opacity:.3}.control-flow{stroke:#923f42;stroke-width:2.8;stroke-dasharray:7 6;animation:control-flow 4.2s linear infinite}.control-label{font:600 12px "Noto Serif SC",serif;text-anchor:middle;fill:#78383b;paint-order:stroke;stroke:#fffef9;stroke-width:4px;stroke-linejoin:round}.element-node{--node:#4b8d56;--node-light:#d1e8d3}.element-node.fire{--node:#cf3d3d;--node-light:#ffd1c9}.element-node.earth{--node:#d1a02d;--node-light:#f9e9a8}.element-node.metal{--node:#b58a22;--node-light:#f6dda0}.element-node.water{--node:#2f7eb8;--node-light:#c5e3f5}.node-halo{fill:var(--node-light);opacity:.18;transform-origin:center;animation:node-breathe 3.2s ease-in-out infinite}.node-ring{fill:#fffef9;stroke:var(--node);stroke-width:2.4}.node-core{fill:var(--node);stroke:#fffef9;stroke-width:1.8}.element-node text{font:700 24px "Noto Serif SC",serif;text-anchor:middle;fill:#fffefa;pointer-events:none}.element-node:not(.is-active){opacity:.72}.element-node.is-active .node-halo{opacity:.55}.element-node.is-active .node-ring{stroke-width:3.5}.element-node.is-active .node-core{animation:node-breathe 3.2s ease-in-out infinite}.five-elements-legend{margin-top:-2px;padding-top:14px;border-top:1px solid #d7dfd2}.five-elements-legend .generate-key{border-color:#4f8f5d;background:linear-gradient(90deg,#327d43,#c73d3c,#d1a02d,#b58a22,#287bb4)}.five-elements-legend .control-key{border-color:#923f42}.legend .generate-key{height:3px;border-top:0}@keyframes cycle-flow{to{stroke-dashoffset:-60}}@keyframes control-flow{to{stroke-dashoffset:52}}@keyframes node-breathe{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.18);opacity:.62}}@media (max-width:800px){.five-elements{grid-template-columns:1fr;padding:20px}.five-elements-copy{max-width:none}.five-elements>div>p:not(.eyebrow){max-width:none}.five-elements-wheel{justify-self:center;max-width:390px}.five-elements-legend{margin-top:0}}@media (prefers-reduced-motion:reduce){.generation-flow,.control-flow,.node-halo,.element-node.is-active .node-core{animation:none}}.five-elements .generation-label{font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:14px;font-weight:700;letter-spacing:0;fill:var(--flow);stroke:#fffef9;stroke-width:5px;stroke-linejoin:round}.five-elements .control-label{font-family:Microsoft YaHei,Noto Sans SC,sans-serif;font-size:13px;font-weight:700;letter-spacing:0;fill:#74363b;stroke:#fffef9;stroke-width:5px;stroke-linejoin:round}.five-elements .generation.earth{--flow:#98683c;--flow-soft:#dfc3a4}.five-elements .generation.metal{--flow:#b8a200;--flow-soft:#f3e997}.five-elements .element-node.earth{--node:#af804f;--node-light:#e7c8aa}.five-elements .element-node.metal{--node:#e5d23c;--node-light:#f8f0ae}.five-elements .element-node.earth text,.five-elements .element-node.metal text{fill:#3f3217}.static-hex{display:grid;place-items:center;width:112px;height:112px;margin:22px auto 4px;border:1px solid #c8d1c5;border-radius:50%;color:#68806d;font-size:38px;line-height:1;background:radial-gradient(circle,#fffefa 0,#fffefa 57%,#edf2e9 58%);font-weight:600}.plates:has(.plate:only-child){grid-template-columns:minmax(0,1fr)}.relation-diagrams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start;margin:18px 0}.relation-diagrams>.five-elements,.branch-relations{min-width:0;margin:0;border:1px solid #d4e0d2;background:radial-gradient(circle at 50% 42%,#fffef9 0,#f8f6ec,#edf2e9)}.relation-diagrams>.five-elements{grid-template-columns:1fr;padding:22px;gap:11px}.relation-diagrams>.five-elements .five-elements-copy{align-self:auto}.relation-diagrams>.five-elements .five-elements-copy>p:not(.eyebrow){max-width:none;margin-bottom:0}.relation-diagrams>.five-elements .five-elements-wheel{max-width:380px;justify-self:center}.relation-diagrams>.five-elements .five-elements-legend{margin-top:0}.branch-relations{display:grid;grid-template-columns:1fr;padding:22px;gap:11px}.branch-relations h3{margin:0;color:#334a3d;font-size:23px}.branch-relations-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#607267;margin:9px 0 0}.branch-wheel{display:block;width:100%;max-width:380px;justify-self:center;overflow:visible}.branch-orbit{fill:none;stroke:#876449;stroke-width:1.8}.branch-edge-line,.branch-edge-hit{fill:none;stroke-linecap:round;stroke-linejoin:round}.branch-edge-hit{stroke:transparent;stroke-width:22px;pointer-events:stroke}.branch-edge.combine{--relation:#357b68;--relation-light:#a6d5c5}.branch-edge.clash{--relation:#a44745;--relation-light:#edb9b0}.branch-edge-line{stroke:var(--relation);stroke-width:2.7;transition:stroke-width .2s ease,filter .2s ease,opacity .2s ease}.branch-edge.combine .branch-edge-line{stroke-dasharray:none}.branch-edge.clash .branch-edge-line{stroke-dasharray:7 6}.branch-wheel.has-highlight .branch-edge:not(.is-hovered){opacity:.2}.branch-edge.is-hovered .branch-edge-line{stroke-width:5.2;filter:drop-shadow(0 0 4px var(--relation-light));animation:relation-pulse 1.3s ease-in-out infinite}.branch-node{--branch:#4b8d56;--branch-light:#d1e8d3;transition:opacity .2s ease}.branch-node.fire{--branch:#cf3d3d;--branch-light:#ffd1c9}.branch-node.earth{--branch:#af804f;--branch-light:#e7c8aa}.branch-node.metal{--branch:#e5d23c;--branch-light:#f8f0ae}.branch-node.water{--branch:#2f7eb8;--branch-light:#c5e3f5}.branch-node-content{transform-box:fill-box;transform-origin:center;transition:transform .22s ease,filter .22s ease}.branch-node-halo{fill:var(--branch-light);opacity:.32}.branch-node-ring{fill:#fffefa;stroke:var(--branch);stroke-width:2.1}.branch-node-core{fill:var(--branch);stroke:#fffefa;stroke-width:1.4}.branch-node text{font:700 19px Microsoft YaHei,Noto Sans SC,sans-serif;text-anchor:middle;fill:#fffefa;pointer-events:none}.branch-node.earth text,.branch-node.metal text{fill:#3f3217}.branch-node.is-linked .branch-node-content{transform:scale(1.35);filter:drop-shadow(0 2px 5px var(--branch-light))}.branch-node.is-muted{opacity:.3}.branch-legend{margin-top:0;padding-top:13px;border-top:1px solid #d7dfd2;display:grid;gap:6px;font-size:11px}.branch-legend i{width:24px;margin-right:6px}.branch-legend .combine-key{height:3px;border:0;background:#357b68}.branch-legend .clash-key{border-color:#a44745;border-top-style:dashed}@keyframes relation-pulse{50%{opacity:.72}}@media (max-width:980px){.relation-diagrams{grid-template-columns:1fr}.relation-diagrams>.five-elements{grid-template-columns:minmax(210px,.85fr) minmax(300px,1.15fr)}.relation-diagrams>.five-elements .five-elements-copy{align-self:center}.relation-diagrams>.five-elements .five-elements-copy>p:not(.eyebrow){max-width:300px}.relation-diagrams>.five-elements .five-elements-wheel{justify-self:end}}@media (max-width:800px){.relation-diagrams>.five-elements{grid-template-columns:1fr}.relation-diagrams>.five-elements .five-elements-copy>p:not(.eyebrow){max-width:none}.relation-diagrams>.five-elements .five-elements-wheel{justify-self:center}.branch-relations,.relation-diagrams>.five-elements{padding:18px}.branch-wheel{max-width:355px}}@media (prefers-reduced-motion:reduce){.branch-edge.is-hovered .branch-edge-line{animation:none}}.network-diagram{background:radial-gradient(circle at 50% 42%,#fffef9 0,#f8f4eb 51%,#edf2e9)}.network-wheel .network-line,.network-wheel .network-hit{fill:none;stroke-linecap:round;stroke-linejoin:round}.network-hit{stroke:transparent;stroke-width:22px;pointer-events:stroke}.network-line{stroke:var(--network);stroke-width:2.8;transition:stroke-width .2s ease,filter .2s ease,opacity .2s ease}.network-wheel.has-highlight .network-edge:not(.is-hovered){opacity:.16}.network-edge.is-hovered .network-line{stroke-width:5.2;filter:drop-shadow(0 0 4px var(--network-light));animation:network-pulse 1.3s ease-in-out infinite}.network-edge.penalty-a{--network:#b9533f;--network-light:#efbaaf}.network-edge.penalty-b{--network:#9d6d28;--network-light:#e9d0a2}.network-edge.penalty-c{--network:#7c5a99;--network-light:#d9c5ea}.network-edge.penalty .network-line{stroke-dasharray:2 0}.network-edge.harm{--network:#4f74a4;--network-light:#b9d0ea}.network-edge.harm .network-line{stroke-dasharray:7 5}.network-edge.self-punishment{--network:#8f4751;--network-light:#e3b8bf}.network-edge.self-punishment .network-line{stroke-dasharray:3 5;stroke-width:2.2}.network-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.network-legend i{height:3px;border:0}.network-legend .penalty-key{background:#b9533f}.network-legend .harm-key{background:repeating-linear-gradient(90deg,#4f74a4 0 7px,transparent 7px 12px)}.network-legend .self-key{background:repeating-linear-gradient(90deg,#8f4751 0 3px,transparent 3px 8px)}.network-edge.harmony.water{--network:#2f7eb8;--network-light:#b8ddef}.network-edge.harmony.wood{--network:#3c864b;--network-light:#b5dcbb}.network-edge.harmony.fire{--network:#c74640;--network-light:#f0b8b0}.network-edge.harmony.metal{--network:#ae9800;--network-light:#f3e68d}.network-edge.harmony .network-line{stroke-width:3.2}.network-legend .water-key{background:#2f7eb8}.network-legend .wood-key{background:#3c864b}.network-legend .fire-key{background:#c74640}.network-legend .metal-key{background:#ae9800}@keyframes network-pulse{50%{opacity:.7}}@media (max-width:800px){.network-legend{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.network-edge.is-hovered .network-line{animation:none}}.plates,.plates:has(.has-relation-arrows){grid-template-columns:minmax(0,1fr)!important}@media (max-width:800px){.yao-texts{grid-template-columns:1fr;gap:24px}}.comparison-plate{padding:22px 28px}.comparison-headings{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-bottom:15px;border-bottom:1px solid #dee5dc}.comparison-headings{grid-template-columns:minmax(118px,1.1fr) 34px 52px minmax(104px,.9fr) 88px 30px 88px 52px minmax(104px,.9fr);column-gap:6px;align-items:end}.comparison-headings .primary-heading{grid-column:3 / 6;text-align:center}.comparison-headings .changed-heading{grid-column:7 / 10;text-align:center}.comparison-headings>div:last-child{padding-left:24px;border-left:1px solid #dee5dc}.comparison-headings>div:last-child{padding-left:0;border-left:0}.comparison-headings h2{margin:5px 0 2px}.comparison-headings h2 em{font-style:normal;font-size:.68em;font-weight:500;color:#577761}.comparison-table{margin-top:16px}.yao-texts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:26px;padding-top:22px;border-top:1px solid #dfe6dc}.yao-text-panel{min-width:0}.yao-text-panel h3{margin:0;color:#254d38;font-size:18px}.yao-text-panel h3 small{margin-left:8px;font-size:12px;font-weight:500;color:#789180}.yao-judgement{margin:13px 0;padding:10px 12px;border-left:2px solid #658b70;background:#f2f6ef}.yao-judgement b,.yao-text-panel li>b{color:#436b50;font-size:12px}.yao-judgement p,.yao-text-panel li p{margin:5px 0;font-size:13px;line-height:1.7;color:#304d3d}.yao-judgement small,.yao-text-panel li small{display:block;font-size:12px;line-height:1.8;color:#718177}.yao-judgement strong,.yao-text-panel li strong{font-weight:600;color:#557460}.yao-text-panel ol{display:grid;gap:10px;margin:0;padding:0;list-style:none}.yao-text-panel li{padding:0 0 10px;border-bottom:1px solid #e5ebe3}.yao-text-empty{font-size:13px;color:#7c887e}.comparison-table .original-yao>.yao b{display:none}.comparison-table .change-divider.is-moving{position:relative;display:block;height:18px;font-size:0}.comparison-table .change-divider.is-moving:before{content:"";position:absolute;left:2px;right:5px;top:9px;border-top:1.5px solid #be5948}.comparison-table .change-divider.is-moving:after{content:"";position:absolute;right:2px;top:6px;width:6px;height:6px;border-top:1.5px solid #be5948;border-right:1.5px solid #be5948;transform:rotate(45deg)}.comparison-table .yao-relation-overlay{height:100%!important}.comparison-table header,.comparison-table>.plate-row,.plate-table.has-relation-arrows.comparison-table header,.plate-table.has-relation-arrows.comparison-table>.plate-row{grid-template-columns:minmax(118px,1.1fr) 34px 52px minmax(104px,.9fr) 88px 30px 88px 52px minmax(104px,.9fr)!important;column-gap:6px}.comparison-table .plate-row,.plate-table.has-relation-arrows.comparison-table .plate-row{min-height:56px!important;align-items:center}.comparison-table .line-impact{justify-content:flex-start;align-items:center;gap:3px}.comparison-table .original-yao,.comparison-table .changed-line{display:block;position:relative;z-index:3}.comparison-table .original-yao>.yao,.comparison-table .changed-line>.yao{width:88px}.comparison-table .change-divider{font:20px/1 DM Mono;text-align:center;color:#b65c4c}.comparison-table .change-divider:not(.is-moving){color:transparent}.comparison-table .najiacell small,.comparison-table .changed-najia small{display:block;font-size:10px;color:#829087}.comparison-table .changed-najia{line-height:1.35;text-align:left}.comparison-table header,.comparison-table>.plate-row,.plate-table.has-relation-arrows.comparison-table header,.plate-table.has-relation-arrows.comparison-table>.plate-row{grid-template-columns:42px 64px minmax(132px,1fr) minmax(164px,1.16fr) 64px minmax(152px,1.08fr);column-gap:8px}.comparison-table .plate-row,.plate-table.has-relation-arrows.comparison-table .plate-row{min-height:54px;align-items:center}.comparison-table .line-stack{min-width:0;gap:4px}.comparison-table .line-stack>.yao{margin-top:0}.comparison-table .line-impact{align-items:center}.comparison-table .impact{font-size:8px;padding:1px 3px}.comparison-table .najiacell{min-width:70px;margin:0 auto;padding:1px 4px}.comparison-table .changed-yao{display:grid;grid-template-columns:minmax(76px,1fr) 72px;gap:10px;align-items:center;min-width:0}.comparison-table .changed-yao>.yao{width:72px}.comparison-table .static-cell{color:#879287}.comparison-table .plate-row>span:nth-child(3) small,.comparison-table .changed-yao .najiacell small{display:block;font-size:10px;color:#829087}.plate-table.has-relation-arrows{position:relative}.plate-table.has-relation-arrows header,.plate-table.has-relation-arrows>.plate-row{grid-template-columns:44px 76px minmax(200px,1.35fr) 190px}.plate-table.has-relation-arrows .plate-row{min-height:52px}.plate-table.has-relation-arrows .najiacell{position:relative;z-index:3;display:block;width:max-content;min-width:72px;margin:auto;padding:1px 5px;background:#fffefa;text-align:center}.plate-table.has-relation-arrows .line-stack{gap:4px}.plate-table.has-relation-arrows .impact{font-size:8px;padding:1px 3px}.yao-relation-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:340px;pointer-events:none;overflow:visible}.yao-relation-overlay .yao-arrow path{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #fffefa)}.yao-relation-overlay .yao-arrow.combine path{stroke:#278a52}.yao-relation-overlay .yao-arrow.clash path{stroke:#d03f3f;stroke-dasharray:8 4}.yao-relation-overlay .yao-arrow.harm path{stroke:#c99a16;stroke-dasharray:3 4}.hex-marks{display:flex;gap:5px;margin:8px 0 0}.hex-marks b{padding:2px 5px;border:1px solid #bdcbbc;background:#f3f7ee;color:#496950;font-size:10px;font-weight:600}.plates:has(.has-relation-arrows){grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:800px){.plates:has(.has-relation-arrows){grid-template-columns:1fr}.plate-table.has-relation-arrows{overflow-x:auto}.plate-table.has-relation-arrows header,.plate-table.has-relation-arrows>.plate-row{min-width:560px}.plate-table.has-relation-arrows .plate-row{min-height:56px}.yao-relation-overlay{width:560px;height:364px}.comparison-plate{padding:18px}.comparison-headings{grid-template-columns:1fr 1fr;gap:18px}.comparison-headings .primary-heading{grid-column:1}.comparison-headings .changed-heading{grid-column:2}.comparison-headings h2{font-size:18px}.comparison-table,.plate-table.has-relation-arrows.comparison-table{overflow-x:auto}.comparison-table header,.comparison-table>.plate-row,.plate-table.has-relation-arrows.comparison-table header,.plate-table.has-relation-arrows.comparison-table>.plate-row{min-width:720px;grid-template-columns:42px 64px 132px 164px 64px 152px}.comparison-table .plate-row,.plate-table.has-relation-arrows.comparison-table .plate-row{min-height:56px}.comparison-table .yao-relation-overlay{width:720px;height:364px}}@media (orientation:landscape) and (max-height:500px){.comparison-table,.plate-table.has-relation-arrows.comparison-table{overflow:hidden}.comparison-table header,.comparison-table>.plate-row,.plate-table.has-relation-arrows.comparison-table header,.plate-table.has-relation-arrows.comparison-table>.plate-row{min-width:0!important;grid-template-columns:42px 112px 34px 50px minmax(90px,1fr) 64px 22px 64px 50px minmax(90px,1fr)!important;column-gap:4px;font-size:11px}.comparison-table header{font-size:9px}.comparison-table .plate-row,.plate-table.has-relation-arrows.comparison-table .plate-row{min-height:48px!important}.comparison-table .line-impact{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:3px}.comparison-table .impact{font-size:8px;padding:1px 3px}.comparison-table .najiacell,.plate-table.has-relation-arrows .najiacell{min-width:0;padding:0;background:transparent;white-space:nowrap}.comparison-table .original-yao>.yao,.comparison-table .changed-line>.yao{width:64px}.comparison-table .change-divider.is-moving{height:14px}.comparison-table .change-divider.is-moving:before{top:7px}.comparison-table .change-divider.is-moving:after{top:4px}.comparison-table .yao-relation-overlay{display:block}}html,body{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none}.comparison-table .najiacell .hidden-spirit{color:#875f47;white-space:nowrap}.comparison-table .yao-position{color:#587464;font-size:11px;text-align:center;white-space:nowrap}