:root{
  --cz-wood:#2f936b;
  --cz-fire:#c94f43;
  --cz-earth:#a88435;
  --cz-metal:#d58a18;
  --cz-water:#3979bd;
  --cz-green:#198754;
  --cz-red:#c9473f;
}
@media(max-width:780px){.home-intro h1{font-size:27px!important;line-height:1.32}}

@media(max-width:780px){.home-intro h1{font-size:27px;line-height:1.32}}

.home-hero-v2{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:center;padding:70px 0 55px}.home-intro h1{margin:13px 0;font:500 clamp(36px,4vw,52px)/1.24 var(--serif)}.home-intro h1 em{color:var(--moss);font-style:normal}.home-intro>p{max-width:690px;color:var(--muted)}.home-status-card{padding:28px;border-radius:23px;background:linear-gradient(145deg,#3e5040,#293a2e);color:#fff;box-shadow:0 25px 55px #3445362b}.home-status-card>.eyebrow{color:#cbd7c8}.home-status-card>div{padding:15px 0;border-bottom:1px solid #ffffff1c}.home-status-card>div:last-child{border:0}.home-status-card small,.home-status-card b,.home-status-card p{display:block}.home-status-card small{color:#c8d2c6;font-size:10px}.home-status-card b{margin-top:3px;font:500 20px var(--serif)}.home-status-card p{margin:2px 0 0;color:#dce4da;font-size:11px}.home-main-v2{display:grid;gap:18px;padding-bottom:80px}.home-main-v2 section{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px}.home-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.home-section-head h2,.home-main-v2 h2{margin:5px 0 10px;font:500 30px var(--serif)}.home-section-head>button,.home-health-card>button{border:0;background:transparent;color:var(--moss);cursor:pointer}.home-action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.home-action-grid>div{padding:18px;border-radius:15px;background:#f7f4ed}.home-action-grid i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e1e8dc;color:var(--moss);font-style:normal}.home-action-grid small,.home-action-grid b{display:block}.home-action-grid small{margin-top:12px;color:var(--muted)}.home-action-grid b{margin-top:3px;font:500 17px var(--serif)}.home-action-grid p{font-size:11px;color:var(--muted)}.home-action-grid .coach{background:#3e5040;color:#fff}.home-action-grid .coach i{background:#ffffff18;color:#fff}.home-action-grid .coach small,.home-action-grid .coach p{color:#d5dfd3}.home-natal-card{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;background:#e4e9df!important}.home-natal-card>div:first-child>p{color:var(--muted)}.home-pillars{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0 4px;border:1px solid #cbd2c7;border-radius:13px;background:#fff;overflow:hidden}.home-pillars span{padding:11px;text-align:center;border-right:1px solid var(--line)}.home-pillars span:last-child{border:0}.home-pillars small,.home-pillars b{display:block}.home-pillars small{font-size:9px;color:var(--muted)}.home-pillars b{font:500 20px var(--serif)}.home-five{padding:21px;border-radius:16px;background:#fff}.home-five>div{display:grid;grid-template-columns:28px 1fr 38px;gap:9px;align-items:center;margin:9px 0}.home-five>div>span{height:7px;background:#eceae4;border-radius:8px;overflow:hidden}.home-five>div i{display:block;height:100%;background:#809479}.home-five em{font-size:10px;font-style:normal;text-align:right}.home-five p{margin:15px 0 0;font-size:11px;color:var(--muted)}.home-time-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:17px 0}.home-time-grid>div{padding:17px;border-radius:13px;background:#f7f4ed}.home-time-grid small,.home-time-grid b,.home-time-grid span{display:block}.home-time-grid small{font-size:9px;color:var(--muted)}.home-time-grid b{font:500 26px var(--serif)}.home-time-grid span{font-size:10px;color:var(--muted)}.home-time-grid .current{background:var(--moss);color:#fff}.home-time-grid .current small,.home-time-grid .current span{color:#d9e2d7}.home-ai-link{padding:9px 13px;border:1px solid var(--moss);border-radius:20px;background:transparent;color:var(--moss);cursor:pointer}.home-secondary-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.home-health-card{background:#f3eee3!important}.home-health-card>p,.home-ai-card>p{color:var(--muted)}.home-health-card>div{padding:15px;margin:16px 0;border-left:3px solid #a68952;background:#fff}.home-health-card>div b,.home-health-card>div span{display:block}.home-health-card>div span{font-size:11px;color:var(--muted)}.home-ai-card{background:#344637!important;color:#fff}.home-ai-card>.eyebrow{color:#cbd6c9}.home-ai-card>p{color:#d6dfd4}.home-ai-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.home-ai-prompts button{padding:8px 11px;border:1px solid #ffffff30;border-radius:18px;background:#ffffff0c;color:#fff;cursor:pointer}.home-ai-card .btn{background:#fff;color:var(--moss);border-color:#fff}.home-gua-entry{display:flex;align-items:center;justify-content:space-between;gap:25px;background:transparent!important}.home-gua-entry p{margin:0;color:var(--muted)}

.demo-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:999px;background:#f3eee4;color:#745f35;font-size:11px;margin-bottom:13px}
.demo-badge:before{content:"演";display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#a88952;color:white;font-size:10px}
.bazi-summary{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;margin-top:24px}
.bazi-identity,.bazi-overview{border:1px solid var(--line);border-radius:20px;background:white;padding:26px}
.bazi-identity{background:linear-gradient(145deg,#3e5040,#27392d);color:white}
.bazi-identity .eyebrow{color:#cbd5c8}
.bazi-identity h2{font:500 38px var(--serif);margin:10px 0}
.identity-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.identity-tags span{padding:6px 10px;border:1px solid #ffffff2b;background:#ffffff10;border-radius:999px;font-size:11px}
.bazi-overview{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.bazi-overview div{background:#f7f4ed;border-radius:12px;padding:14px}
.bazi-overview span,.bazi-overview b{display:block}.bazi-overview span{font-size:10px;color:var(--muted);margin-bottom:5px}.bazi-overview b{font:500 17px var(--serif)}

.bazi-tabs{position:sticky;top:70px;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#eeeae2;padding:5px;border-radius:15px;margin:30px 0 20px;box-shadow:0 8px 28px #3f4e3d12}
.bazi-tabs button{border:0;background:transparent;padding:12px;border-radius:11px;font:500 13px var(--serif);cursor:pointer}
.bazi-tabs button.active{background:white;box-shadow:0 3px 10px #00000010;color:var(--moss)}
.bazi-panel{display:none}.bazi-panel.active{display:block;animation:panelIn .28s ease}
@keyframes panelIn{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}

.pillar-table{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}
.pillar-card{border:1px solid var(--line);border-radius:17px;background:white;padding:18px;text-align:center;position:relative;overflow:hidden}
.pillar-card.day{border-color:#849b7d;box-shadow:inset 0 3px #728b6e}
.pillar-card small,.pillar-card span,.pillar-card b{display:block}
.pillar-card small{color:var(--muted);font-size:10px}.pillar-card .god{margin:8px 0 11px;color:#705f40;font-size:12px}
.pillar-card .stem,.pillar-card .branch{font:500 42px var(--serif);line-height:1.05}.pillar-card .branch{margin-top:7px}
.pillar-card .hidden{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:var(--muted)}
.el-fire{color:var(--cz-fire)!important}.el-earth{color:var(--cz-earth)!important}.el-metal{color:var(--cz-metal)!important}.el-water{color:var(--cz-water)!important}.el-wood{color:var(--cz-wood)!important}
.detail-note{margin-top:15px;padding:14px 16px;border-radius:12px;background:#f3efe6;color:#6d644f;font-size:12px}

.energy-head{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.energy-head>div{border:1px solid var(--line);background:white;padding:20px;border-radius:16px}
.energy-head small,.energy-head b{display:block}.energy-head small{color:var(--muted);font-size:10px}.energy-head b{font:500 20px var(--serif);margin-top:6px}
.yin-yang{height:14px;border-radius:20px;background:linear-gradient(90deg,#d90000 0 63%,#3480dc 63%);margin:13px 0 6px;position:relative}.yin-yang:after{content:"63%                         37%";position:absolute;top:-4px;left:0;right:0;text-align:center;color:white;font-size:9px;white-space:pre}
.energy-card{border:1px solid var(--line);background:white;border-radius:18px;padding:22px}
.energy-row-v2{display:grid;grid-template-columns:42px 1fr 62px 100px;gap:12px;align-items:center;margin:16px 0}
.energy-row-v2>strong{font:500 19px var(--serif)}.energy-track{height:13px;background:#eeece7;border-radius:20px;overflow:hidden}.energy-fill{height:100%;border-radius:20px}.energy-row-v2 .percent{text-align:right;font-weight:600}.energy-row-v2 .energy-role{font-size:11px;color:var(--muted)}
.season-states{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px}.season-states div{padding:12px 8px;border-radius:12px;background:#f5f2eb;text-align:center}.season-states b,.season-states small{display:block}.season-states small{font-size:9px;color:var(--muted);margin-top:4px}

.relationship-board{position:relative;border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px;margin-top:16px;overflow:hidden}
.board-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.board-title p{max-width:520px;margin:0;color:var(--muted);font-size:12px}
.mini-legend{display:flex;gap:10px;flex-wrap:wrap}.mini-legend span{display:flex;align-items:center;gap:5px;font-size:10px}.mini-legend i{width:9px;height:9px;border-radius:50%;display:inline-block}.mini-legend .good i{background:var(--cz-green)}.mini-legend .bad i{background:var(--cz-red)}
.diagram-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}
.diagram-pillar{text-align:center;background:#faf8f3;border-radius:14px;padding:13px 8px}.diagram-pillar small,.diagram-pillar b,.diagram-pillar span{display:block}.diagram-pillar small{font-size:9px;color:var(--muted)}.diagram-pillar b{font:500 32px var(--serif);margin:6px 0}.diagram-pillar span{font:500 31px var(--serif)}
.network{display:grid;gap:12px;margin:22px 0}.network-label{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-top:6px}
.relation-path{display:grid;grid-template-columns:minmax(100px,1fr) minmax(120px,2.2fr) minmax(100px,1fr);align-items:center;gap:0}
.relation-node{border:1px solid currentColor;border-radius:999px;padding:9px 12px;background:white;text-align:center;font-size:12px;position:relative;z-index:1}.relation-link{height:2px;background:currentColor;position:relative}.relation-link b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:white;border:1px solid currentColor;border-radius:999px;padding:5px 9px;white-space:nowrap;font-size:10px}.relation-path.good{color:var(--cz-green)}.relation-path.bad{color:var(--cz-red)}
.flow-result{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.flow-result>div{padding:18px;border-radius:14px}.flow-result .good{background:#edf7f1;color:#176940}.flow-result .bad{background:#fff0ed;color:#9b3933}.flow-result b,.flow-result span{display:block}.flow-result span{font-size:12px;margin-top:6px;line-height:1.7}
.relation-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:18px}.relation-categories div{border:1px solid var(--line);border-radius:12px;padding:13px;text-align:center}.relation-categories b,.relation-categories small{display:block}.relation-categories small{font-size:9px;color:var(--muted);margin-top:4px}.relation-categories .present{border-color:#d18880;background:#fff4f1;color:#a43a34}

.direct-scroll{overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}.direct-chart{position:relative;min-width:720px;height:365px;background:linear-gradient(#fbfaf7,#fff);border:1px solid #ece7dd;border-radius:18px;margin-top:18px;overflow:hidden}.dc-column{position:absolute;top:18px;width:120px;transform:translateX(-50%);text-align:center;z-index:2}.dc-column.c1{left:12.5%}.dc-column.c2{left:37.5%}.dc-column.c3{left:62.5%}.dc-column.c4{left:87.5%}.dc-column small{display:block;color:var(--muted);font-size:10px}.dc-column .dc-god{margin-top:3px;color:#8c816b}.dc-char{display:grid;place-items:center;width:64px;height:64px;margin:10px auto 0;background:white;border-radius:15px;font:500 44px var(--serif);box-shadow:0 7px 22px #4b453611;border:1px solid #eee9df}.dc-branch{margin-top:70px}.dc-line{position:absolute;z-index:1;color:var(--cz-green)}.dc-line.bad{color:var(--cz-red)}.dc-line.horizontal{height:2px;background:currentColor;left:var(--x1);width:calc(var(--x2) - var(--x1));top:var(--y)}.dc-line.vertical{width:2px;background:currentColor;left:var(--x);top:var(--y1);height:calc(var(--y2) - var(--y1))}.dc-line.horizontal:before,.dc-line.horizontal:after{content:"";position:absolute;top:-4px;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor}.dc-line.horizontal:before{left:1px;transform:rotate(-135deg)}.dc-line.horizontal:after{right:1px;transform:rotate(45deg)}.dc-line.vertical:after{content:"";position:absolute;bottom:1px;left:-4px;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.dc-tag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:currentColor;color:white;padding:5px 9px;border-radius:999px;white-space:nowrap;font-size:10px;box-shadow:0 3px 10px #0001}.dc-line.vertical .dc-tag{padding:5px;min-width:25px}.dc-annotation{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}

.gua-builder{display:grid;grid-template-columns:.86fr 1.14fr;gap:18px;align-items:start}.gua-guide{background:#344637;color:white;border-radius:20px;padding:28px;position:sticky;top:100px}.gua-guide .eyebrow{color:#cad5c8}.gua-guide ol{padding-left:18px;line-height:2;color:#e8eee7;font-size:12px}.gua-form{border:1px solid var(--line);background:white;border-radius:20px;padding:25px}.gua-form label{display:block;font-size:12px;margin:15px 0 7px}.gua-form textarea{width:100%;min-height:110px;padding:15px;border:1px solid var(--line);border-radius:12px;resize:vertical;font:inherit}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.number-box{border:1px solid var(--line);border-radius:13px;padding:13px}.number-box span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.number-box input{width:100%;border:0;outline:0;background:#f5f2eb;border-radius:9px;padding:12px;font-size:20px;text-align:center}.gua-hint{min-height:18px;color:var(--cz-red);font-size:11px;margin-top:8px}.gua-submit{width:100%;border:0;margin-top:13px}.gua-submit:disabled{opacity:.45;cursor:not-allowed}.gua-loading{display:none;padding:22px;text-align:center;background:#f5f2eb;border-radius:13px;margin-top:14px}.gua-loading.active{display:block}.gua-loading i{display:inline-block;width:26px;height:26px;border:3px solid #ddd7ca;border-top-color:var(--moss);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gua-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:10px 0 18px}.gua-mode{border:1px solid var(--line);background:#faf8f3;border-radius:14px;padding:16px;text-align:left;cursor:pointer;transition:.2s}.gua-mode:hover{transform:translateY(-2px)}.gua-mode.active{border-color:#71866d;background:#eef3eb;box-shadow:inset 0 0 0 1px #71866d}.gua-mode b,.gua-mode small{display:block}.gua-mode b{font:500 16px var(--serif)}.gua-mode small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.mode-input-area{display:none;padding:17px;background:#f7f4ed;border-radius:14px}.mode-input-area.active{display:block}.coin-demo{display:flex;justify-content:center;gap:12px;margin:12px 0}.coin-demo i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#b68a35;color:white;border:3px double #f2dfac;font-style:normal;font-family:var(--serif)}
.gua-modes.four{grid-template-columns:repeat(2,1fr)}.coin-cast-button{margin:12px 0;padding:11px 17px;border:0;border-radius:10px;background:var(--moss);color:#fff;cursor:pointer}.coin-results{display:grid;gap:7px;margin-top:10px}.coin-results.empty{padding:20px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:11px}.coin-results>div{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:9px;align-items:center;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--line)}.coin-results span{font-size:10px;color:var(--muted)}.coin-results b{font-size:12px}.coin-results em{font-size:11px;font-style:normal;color:var(--moss);text-align:right}.manual-coin-grid{display:grid;gap:7px;margin-top:12px}.manual-coin-row{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:10px}.manual-coin-row span{font-size:11px}.manual-coin-row select,.time-cast-grid select,.time-cast-grid input{width:100%;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff}.time-cast-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-cast-grid label{margin:7px 0 0}
.result-meta{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.result-meta span{font-size:10px;border:1px solid var(--line);background:white;border-radius:999px;padding:6px 10px}.demo-source{font-size:10px;color:#7d725c;background:#f4efe3;border-radius:9px;padding:9px 12px;display:inline-block}.result-guide{max-width:760px;margin:22px auto 0;padding:18px 22px;background:#ffffffa8;border:1px solid var(--line);border-radius:15px;text-align:left}.result-guide b{display:block;font:500 17px var(--serif);margin-bottom:6px}.result-guide p{margin:0!important;font-size:12px;line-height:1.8}.hex-explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.hex-explain{border:1px solid var(--line);background:white;border-radius:17px;padding:20px;min-height:190px}.hex-explain .step-no{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--light);color:var(--moss);font-size:10px;margin-bottom:14px}.hex-explain h3{font:500 20px var(--serif);margin:5px 0 10px}.hex-explain p{font-size:12px;color:var(--muted);line-height:1.85}.question-reading{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.question-reading>div{border-radius:18px;padding:24px}.question-reading .main{background:#354638;color:white}.question-reading .main .eyebrow{color:#cbd6ca}.question-reading .main p{color:#eef3ed;line-height:1.9}.question-reading .signals{background:white;border:1px solid var(--line)}.signal-block{padding:13px 0;border-bottom:1px solid var(--line)}.signal-block:last-child{border:0}.signal-block b,.signal-block span{display:block}.signal-block b{font-size:12px;margin-bottom:5px}.signal-block span{font-size:11px;color:var(--muted);line-height:1.7}.action-plan{background:#f1eee5;border-radius:20px;padding:25px;margin-top:14px}.action-plan ol{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}.action-plan li{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;background:white;border-radius:13px;padding:14px}.action-plan li i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--moss);color:white;font-style:normal;font-size:10px}.action-plan li span{font-size:12px;line-height:1.75}.reflection-box{border-left:3px solid #9d8554;background:white;padding:22px 24px;margin-top:14px;border-radius:0 15px 15px 0}.reflection-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.reflection-chips span{border:1px solid var(--line);background:#faf8f3;border-radius:999px;padding:8px 12px;font-size:11px}.result-disclaimer{font-size:10px;color:var(--muted);text-align:center;padding:20px 0}
.result-casting{max-width:760px;margin:20px auto 0;padding:17px 20px;border:1px solid var(--line);border-radius:15px;background:#fff;text-align:left}.result-casting>b{display:block;margin-bottom:10px;font:500 17px var(--serif)}.result-casting>div{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.result-casting span{padding:8px 10px;border-radius:8px;background:#f6f3ec;font-size:11px}
.ds-dialog{display:none;position:fixed;inset:0;z-index:999;background:#1c241dcc;backdrop-filter:blur(5px);padding:20px;place-items:center}.ds-dialog.active{display:grid}.ds-dialog-card{width:min(460px,100%);background:white;border-radius:22px;padding:30px;box-shadow:0 24px 80px #0004;text-align:center}.ds-dialog-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 16px;border-radius:50%;background:#f7e8e4;color:#b44a42;font-size:24px}.ds-dialog-card h2{font:500 28px var(--serif);margin:8px 0}.ds-dialog-card p{color:var(--muted);font-size:12px;line-height:1.8}.ds-dialog-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}

.resultHex{display:grid;grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);align-items:center;gap:16px;max-width:900px;margin:34px auto 24px}.resultHex .hex{position:relative;min-height:300px;padding:30px 32px 26px;background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;box-shadow:0 10px 32px #3f49370b}.resultHex .hex>small{font-size:11px;color:var(--moss);letter-spacing:.08em}.resultHex .hex-name{margin:18px 0 14px;font:500 clamp(38px,5vw,64px)/1.05 var(--serif);color:#233128}.resultHex .hex-meaning{max-width:330px;margin:0!important;font-size:12px!important;line-height:1.85!important;color:var(--muted);text-align:left}.resultHex .hex-meaning b{display:block;margin-bottom:4px;color:#806f4e;font-size:10px;letter-spacing:.08em}.resultHex .hex-symbol{margin-top:auto;padding-top:18px;font-size:28px;line-height:1;color:#829083;opacity:.55}.resultHex .hex-arrow{font-size:24px;color:var(--moss)}

.reference-flow-scroll{overflow-x:auto;padding:8px 0 14px}.reference-flow{position:relative;width:820px;height:430px;margin:auto;background:#fff;border-radius:18px}.rf-pillar{position:absolute;top:42px;width:120px;text-align:center}.rf-pillar.p1{left:35px}.rf-pillar.p2{left:245px}.rf-pillar.p3{left:455px}.rf-pillar.p4{left:665px}.rf-pillar small,.rf-pillar em{display:block;color:#999;font-style:normal;font-size:12px}.rf-pillar b,.rf-pillar strong{display:block;font:500 48px/1.1 var(--serif)}.rf-pillar b{margin:18px 0 92px}.rf-pillar em{margin-top:12px}.rf-link{position:absolute;height:2px;background:#8bc9ae;color:#07944c}.rf-link:before,.rf-link:after{content:"";position:absolute;top:-5px;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.rf-link:before{left:2px;transform:rotate(-135deg)}.rf-link:after{right:2px;transform:rotate(45deg)}.rf-link span,.rf-vlink span,.rf-block span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#079b50;color:#fff;font-size:13px;font-weight:600;z-index:2}.rf-link.stem12{left:145px;top:110px;width:110px}.rf-link.stem23{left:355px;top:110px;width:110px}.rf-link.stem34{left:565px;top:110px;width:110px}.rf-link.branch12{left:145px;top:304px;width:110px}.rf-vlink{position:absolute;top:130px;height:142px;width:2px;background:#8bc9ae;color:#07944c}.rf-vlink:after{content:"";position:absolute;bottom:1px;left:-4px;width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}.rf-vlink.v1{left:95px}.rf-vlink.v2{left:305px}.rf-block{position:absolute;color:#d90000}.rf-block span{background:#e00000}.rf-block.v3{left:515px;top:201px}.rf-block.v4{left:725px;top:201px}.rf-block.branch34{left:620px;top:304px}.rf-foot{position:absolute;top:374px;color:#9d8757;font-size:12px}.rf-foot.f3{left:497px}.rf-foot.f4{left:707px}

.reference-flow{width:660px;height:300px}.rf-pillar{top:24px;width:90px}.rf-pillar.p1{left:15px}.rf-pillar.p2{left:185px}.rf-pillar.p3{left:355px}.rf-pillar.p4{left:525px}.rf-pillar small,.rf-pillar em{font-size:11px}.rf-pillar b,.rf-pillar strong{font-size:38px}.rf-pillar b{margin:12px 0 68px}.rf-pillar em{margin-top:8px}.rf-link span,.rf-vlink span,.rf-block span{width:30px;height:30px;font-size:12px}.rf-link.stem12{left:100px;top:72px;width:90px}.rf-link.stem23{left:270px;top:72px;width:90px}.rf-link.stem34{left:440px;top:72px;width:90px}.rf-link.branch12{left:100px;top:182px;width:90px}.rf-vlink{top:94px;height:68px}.rf-vlink.v1{left:60px}.rf-vlink.v2{left:230px}.rf-block.v3{left:400px;top:182px}.rf-block.v4{left:570px;top:182px}.rf-block.branch34{left:485px;top:232px}.rf-foot{top:258px}.rf-foot.f3{left:382px}.rf-foot.f4{left:552px}.flow-result{display:block;max-width:660px;margin:6px auto 0}.flow-result>div{display:grid;grid-template-columns:82px 1fr;align-items:center;padding:10px 0;border-radius:0;border-bottom:1px solid var(--line)}.flow-result .good,.flow-result .bad{background:transparent}.flow-result span{margin:0;font-size:11px}.flow-result b{font-size:12px}

.reference-flow .rf-block.v3{top:128px}.reference-flow .rf-block.v4{top:128px}

.faithful-flow-scroll{overflow-x:auto;padding:22px 0 8px}.faithful-flow{width:720px;height:410px;margin:auto;display:grid;grid-template-columns:90px 120px 90px 120px 90px 120px 90px;grid-template-rows:30px 80px 130px 80px 34px 56px;align-items:center;justify-items:center}.faithful-flow .c1{grid-column:1}.faithful-flow .c2{grid-column:2}.faithful-flow .c3{grid-column:3}.faithful-flow .c4{grid-column:4}.faithful-flow .c5{grid-column:5}.faithful-flow .c6{grid-column:6}.faithful-flow .c7{grid-column:7}.ff-god{grid-row:1;color:#999;font-size:12px}.ff-char{font:500 48px/1 var(--serif)}.ff-char.stem{grid-row:2}.ff-char.branch{grid-row:4}.ff-role{grid-row:5;color:#999;font-size:12px}.ff-foot{grid-row:6;color:#9d8757;font-size:12px;align-self:end}.ff-relation{position:relative;color:#079b50}.ff-relation.horizontal{grid-row:2;width:100%;height:2px;background:#9acdb6}.ff-relation.horizontal i:before,.ff-relation.horizontal i:after{content:"";position:absolute;top:-6px;width:12px;height:12px;border-top:2px solid #079b50;border-right:2px solid #079b50}.ff-relation.horizontal i:before{left:8px;transform:rotate(-135deg)}.ff-relation.horizontal i:after{right:8px;transform:rotate(45deg)}.ff-relation b,.ff-stop b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#079b50;color:#fff;font-size:13px;z-index:2}.ff-relation.vertical{grid-row:3;width:2px;height:100%;background:#9acdb6}.ff-relation.vertical i:after{content:"";position:absolute;bottom:8px;left:-6px;width:12px;height:12px;border-right:2px solid #079b50;border-bottom:2px solid #079b50;transform:rotate(45deg)}.ff-stop{position:relative;grid-row:3;width:100%;height:100%}.ff-stop b{background:#e00000}.ff-relation.branch-link{grid-row:4}.ff-stop.branch-stop{grid-row:4}.faithful-legend{max-width:720px;margin:8px auto 0}.faithful-legend>div{display:grid;grid-template-columns:90px 1fr;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.faithful-legend b,.faithful-legend span{font-size:12px}.faithful-legend .good{color:#08743e}.faithful-legend .bad{color:#a3332d}

.ff-stop.vertical-stop{color:#e00000}.ff-stop.vertical-stop:before{content:"";position:absolute;left:50%;top:12px;bottom:12px;width:2px;transform:translateX(-50%);background:#eeaaa6}.ff-stop.vertical-stop i:before,.ff-stop.vertical-stop i:after{content:"";position:absolute;left:50%;width:11px;height:11px;border-right:2px solid #e00000;border-bottom:2px solid #e00000;z-index:1}.ff-stop.vertical-stop i:before{top:9px;transform:translateX(-50%) rotate(225deg)}.ff-stop.vertical-stop i:after{bottom:9px;transform:translateX(-50%) rotate(45deg)}.ff-stop.branch-stop{height:2px;align-self:center;background:#eeaaa6;color:#e00000}.ff-stop.branch-stop i:before,.ff-stop.branch-stop i:after{content:"";position:absolute;top:-6px;width:12px;height:12px;border-top:2px solid #e00000;border-right:2px solid #e00000}.ff-stop.branch-stop i:before{left:8px;transform:rotate(-135deg)}.ff-stop.branch-stop i:after{right:8px;transform:rotate(45deg)}

/* 流通图箭头规则：生为单向，合为双向，红色克刑不画箭头 */
.ff-relation.horizontal:not(.branch-link) i:before{display:none}.ff-stop.vertical-stop i:before,.ff-stop.vertical-stop i:after,.ff-stop.branch-stop i:before,.ff-stop.branch-stop i:after{display:none}

/* 参考图的连续细箭头：生单向，合双向 */
.ff-relation.horizontal i:before,.ff-relation.horizontal i:after{border:0;width:auto;height:auto;top:50%;font:400 25px/1 Arial,sans-serif;letter-spacing:-7px;color:#79c5a5;background:#fff;padding:0 3px}.ff-relation.horizontal i:after{content:"›››";right:4px;transform:translateY(-53%)}.ff-relation.horizontal:not(.branch-link) i:before{display:none}.ff-relation.horizontal.branch-link i:before{display:block;content:"‹‹‹";left:4px;transform:translateY(-53%)}.ff-relation.vertical i:after{content:"⌄\A⌄\A⌄";white-space:pre;border:0;width:auto;height:auto;left:50%;bottom:2px;transform:translateX(-50%);font:600 18px/7px Arial,sans-serif;color:#79c5a5;background:#fff;padding:1px 2px}

.ff-relation .arrow-stack:before,.ff-relation .arrow-stack:after{display:none!important}.ff-relation .arrow-stack{position:absolute;z-index:3;display:flex;background:#fff;text-decoration:none}.ff-relation .arrow-stack u{display:block;width:8px;height:8px;border-top:2px solid #79c5a5;border-right:2px solid #79c5a5;text-decoration:none}.ff-relation.horizontal .arrow-stack{top:50%;gap:1px;padding:2px 3px;transform:translateY(-50%)}.ff-relation.horizontal .arrow-stack.right{right:3px}.ff-relation.horizontal .arrow-stack.right u{transform:rotate(45deg)}.ff-relation.horizontal .arrow-stack.left{left:3px}.ff-relation.horizontal .arrow-stack.left u{transform:rotate(-135deg)}.ff-relation.vertical .arrow-stack{left:50%;bottom:2px;flex-direction:column;gap:0;padding:3px 2px;transform:translateX(-50%)}.ff-relation.vertical .arrow-stack u{transform:rotate(135deg);margin-top:-3px}

.ff-relation.horizontal .arrow-stack.before{left:9px;right:auto}.ff-relation.horizontal .arrow-stack.after{right:9px;left:auto}.ff-relation.horizontal .arrow-stack.go-right u{transform:rotate(45deg)}.ff-relation.horizontal .arrow-stack.go-left u{transform:rotate(-135deg)}.ff-relation.vertical .arrow-stack.upper{top:9px;bottom:auto}.ff-relation.vertical .arrow-stack.lower{bottom:9px;top:auto}.ff-relation.vertical .arrow-stack.go-down u{transform:rotate(135deg);margin-top:-3px}

.ff-relation.vertical.assist{background:#9acdb6}.ff-relation.vertical.assist .assist-lines{position:absolute;inset:0;display:block}.ff-relation.vertical.assist .assist-lines:after{display:none!important}.ff-relation.vertical.assist .assist-lines u{position:absolute;top:0;bottom:0;width:1px;background:#b5dccc;text-decoration:none}.ff-relation.vertical.assist .assist-lines u:first-child{left:-10px}.ff-relation.vertical.assist .assist-lines u:last-child{right:-10px}.ff-stop.vertical-stop:before{display:none}.ff-stop.branch-stop{background:transparent}

.ff-relation.vertical.assist{background:repeating-linear-gradient(to bottom,#9acdb6 0 7px,transparent 7px 13px)}.ff-relation.vertical.assist .assist-lines u{background:repeating-linear-gradient(to bottom,#b5dccc 0 7px,transparent 7px 13px)}

.fortune-head{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.fortune-head>div{padding:22px;border:1px solid var(--line);border-radius:17px;background:#fff}.fortune-head h2{margin:7px 0;font:500 25px var(--serif)}.fortune-head p{margin:0;color:var(--muted);font-size:11px}.fortune-block{margin-top:15px;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden}.fortune-title{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 18px;border-bottom:1px solid var(--line)}.fortune-title div b,.fortune-title div small{display:block}.fortune-title div b{font:500 20px var(--serif)}.fortune-title small,.fortune-title>span{color:var(--muted);font-size:10px}.fortune-scroll{overflow-x:auto}.fortune-row{display:grid;grid-template-columns:repeat(10,82px);min-width:820px}.fortune-cell{min-height:135px;padding:13px 8px;text-align:center;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center}.fortune-cell:last-child{border-right:0}.fortune-cell small,.fortune-cell em{display:block;color:var(--muted);font-size:10px;font-style:normal}.fortune-cell b,.fortune-cell strong{font:500 27px/1.1 var(--serif)}.fortune-cell b{margin-top:auto}.fortune-cell strong{margin-bottom:auto}.fortune-cell.current{background:#ecebe8;box-shadow:inset 0 3px 0 #9c8552}.fortune-cell.current small{color:#806b3f;font-weight:700}.fortune-row.annual .fortune-cell{min-height:118px}.fortune-row.annual .fortune-cell b{margin-top:15px}.fortune-row.annual .fortune-cell strong{margin-bottom:0}.fortune-block+.detail-note{margin-top:16px}

.chart-fortune{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}.chart-fortune:before{content:"大运与流年";display:block;margin-bottom:18px;font:500 27px var(--serif)}
.fortune-ai{margin-top:28px;padding:26px;border:1px solid var(--line);border-radius:20px;background:#f7f5ed}.fortune-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.fortune-ai-head h2{margin:7px 0;font:500 29px var(--serif)}.fortune-ai-head p{margin:0;color:var(--muted);font-size:12px}.fortune-ai-head>span{flex:none;padding:7px 11px;border-radius:20px;background:#e4ebe2;color:var(--moss);font-size:10px}.fortune-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 14px}.fortune-prompts button{padding:8px 12px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);cursor:pointer}.fortune-prompts button:hover{border-color:var(--moss);color:var(--moss)}.fortune-chat-messages{max-height:430px;overflow-y:auto;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.fortune-bubble{max-width:82%;margin:9px 0;padding:12px 15px;border-radius:14px;white-space:pre-wrap;line-height:1.75;font-size:13px}.fortune-bubble.assistant{background:var(--light)}.fortune-bubble.user{margin-left:auto;background:var(--moss);color:#fff}.fortune-bubble.loading{color:var(--muted)}.fortune-bubble.error{background:#fff0ed;color:#a13e32}.fortune-chat-input{display:flex;align-items:stretch;gap:9px;margin-top:12px}.fortune-chat-input textarea{flex:1;resize:vertical;min-height:54px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font:13px/1.6 inherit}.fortune-chat-input .btn{margin:0;min-width:76px}.fortune-chat-input .btn:disabled{opacity:.55;cursor:wait}.fortune-ai-notice{display:block;margin-top:10px;color:var(--muted)}

.natal-page-head{padding-top:42px!important;padding-bottom:34px!important}.natal-page-head h1{font-size:clamp(42px,6vw,68px)!important;margin:12px 0!important}.natal-page-head .sub{max-width:700px}.fortune-row.month .fortune-cell,.fortune-row.daily .fortune-cell{min-height:128px}.fortune-row.month .fortune-cell b,.fortune-row.daily .fortune-cell b{margin-top:12px}.fortune-row.month .fortune-cell strong,.fortune-row.daily .fortune-cell strong{margin-bottom:0}

.natal-page-head{padding:22px 0 14px!important}.natal-page-head h1{font-size:clamp(32px,4vw,46px)!important;line-height:1.15!important;margin:7px 0!important}.natal-page-head .sub{max-width:700px;margin:4px 0 0;font-size:13px}.natal-page-head+.section{padding-top:18px!important}

.yin-yang{display:grid;grid-template-columns:63fr 37fr;align-items:center}.yin-yang:after{display:none}.yin-yang span{color:#fff;text-align:center;font-size:9px;line-height:14px}

.stem-relation-scroll{overflow-x:auto;padding:8px 0 18px}.stem-relation-chart{position:relative;width:900px;height:790px;margin:auto;background:#fff;border-radius:16px}.src-col{position:absolute;top:244px;width:90px;transform:translateX(-50%);text-align:center;z-index:2}.src-col.s1{left:75px}.src-col.s2{left:225px}.src-col.s3{left:375px}.src-col.s4{left:525px}.src-col.s5{left:675px}.src-col.s6{left:825px}.src-col small,.src-col b,.src-col strong{display:block}.src-col small{color:#999;font-size:12px;margin-bottom:20px}.src-col b,.src-col strong{font:500 46px/1.05 var(--serif)}.src-col strong{margin-top:16px}.src-line{position:absolute;left:var(--x1);top:var(--y);width:calc(var(--x2) - var(--x1));height:1px;background:#777;color:#333}.src-line i{position:absolute;top:50%;display:grid;place-items:center;width:30px;height:30px;border:1px solid #555;border-radius:50%;background:#fff;font-style:normal;font-size:12px;transform:translate(-50%,-50%)}.src-line i:first-child{left:0}.src-line i:last-child{left:100%}.src-line span{position:absolute;left:50%;top:-26px;transform:translateX(-50%);padding:2px 8px;background:#fff;white-space:nowrap;font-size:12px}.src-line.lower span{top:-27px}

.stem-relation-chart{height:850px}.src-col{top:304px}

.natal-reading{margin-top:32px;padding-top:30px;border-top:1px solid var(--line)}.reading-lead{max-width:820px}.reading-lead h2{font:500 30px/1.35 var(--serif);margin:8px 0}.reading-lead p{color:var(--muted);font-size:13px;line-height:1.9}.reading-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.reading-cards>div,.life-advice>div{background:#fff;border:1px solid var(--line);border-radius:15px;padding:19px}.reading-cards small,.reading-cards b,.life-advice small,.life-advice b{display:block}.reading-cards small,.life-advice small{font-size:10px;color:var(--muted)}.reading-cards b,.life-advice b{margin:8px 0;font:500 17px/1.45 var(--serif)}.reading-cards p,.life-advice p{margin:0;color:var(--muted);font-size:11px;line-height:1.75}.balance-reference{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;margin-top:14px;padding:22px 24px;border-radius:17px;background:#edf4ea}.balance-reference span{font-size:10px;color:var(--muted)}.balance-reference h3{margin:3px 0;font:500 25px var(--serif)}.balance-reference p{margin:0;font-size:11px;color:var(--muted)}.balance-tags{display:flex;gap:8px}.balance-tags span{padding:9px 13px;border-radius:999px;background:#fff;font-size:11px}.balance-tags .fire{color:#b5463d}.balance-tags .wood{color:#198052}.life-advice{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.relationship-reading{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px;padding:25px;border-radius:18px;background:#354638;color:#fff}.relationship-reading h2{font:500 26px/1.35 var(--serif);margin:8px 0}.relationship-reading p{margin:0;color:#e2e9e1;font-size:12px;line-height:1.85}.relationship-reading .eyebrow{color:#cbd7ca}.relationship-points{display:grid;gap:8px}.relationship-points>div{padding:12px 14px;border:1px solid #ffffff22;border-radius:12px;background:#ffffff0b}.relationship-points b,.relationship-points span{display:block}.relationship-points b{font-size:11px;margin-bottom:4px}.relationship-points span{font-size:10px;line-height:1.7;color:#dfe7de}

.home-intro h1{font-size:clamp(28px,3vw,40px);line-height:1.3}
@media(max-width:780px){
  .home-hero-v2,.home-natal-card,.home-secondary-grid{grid-template-columns:1fr}.home-hero-v2{padding:40px 0 28px;gap:24px}.home-intro h1{font-size:34px;line-height:1.28}.home-action-grid{grid-template-columns:1fr 1fr}.home-time-grid{grid-template-columns:1fr 1fr}.home-section-head,.home-gua-entry{display:block}.home-section-head>button{margin-top:8px}.home-pillars{grid-template-columns:repeat(2,1fr)}.home-pillars span:nth-child(2){border-right:0}.home-pillars span:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .reading-cards,.life-advice{grid-template-columns:1fr 1fr}.balance-reference,.relationship-reading{grid-template-columns:1fr}.balance-tags{flex-wrap:wrap}
  .stem-relation-chart{margin-left:0}
  .fortune-head{grid-template-columns:1fr}.fortune-title{align-items:flex-start;flex-direction:column;gap:5px}.fortune-ai{padding:18px}.fortune-ai-head{display:block}.fortune-ai-head>span{display:inline-block;margin-top:12px}.fortune-bubble{max-width:92%}.fortune-chat-input{flex-direction:column}.fortune-chat-input .btn{width:100%}
  .reference-flow{margin-left:0}.flow-result{min-width:660px}
  .bazi-summary,.energy-head,.gua-builder,.flow-result{grid-template-columns:1fr}
  .bazi-tabs{top:54px;overflow-x:auto;grid-template-columns:repeat(4,minmax(95px,1fr))}
  .pillar-table{grid-template-columns:1fr 1fr}.pillar-card .stem,.pillar-card .branch{font-size:34px}
  .energy-row-v2{grid-template-columns:32px 1fr 46px}.energy-row-v2 .energy-role{grid-column:2/4}
  .season-states{grid-template-columns:repeat(5,minmax(52px,1fr));overflow-x:auto}
  .diagram-pillars{grid-template-columns:1fr 1fr}.relation-path{grid-template-columns:74px 1fr 74px}.relation-node{padding:8px 5px;font-size:10px}.relation-link b{font-size:9px;padding:4px 6px}
  .relation-categories{grid-template-columns:repeat(3,1fr)}.number-grid{grid-template-columns:1fr}.gua-guide{position:static}.gua-modes,.gua-modes.four{grid-template-columns:1fr}.coin-results>div{grid-template-columns:1fr}.coin-results em{text-align:left}.manual-coin-row,.time-cast-grid{grid-template-columns:1fr}.direct-scroll{margin-left:-4px;margin-right:-4px}.resultHex{grid-template-columns:1fr;gap:10px}.resultHex .hex{min-height:240px;padding:24px}.resultHex .hex-arrow{transform:rotate(90deg)}.hex-explain-grid,.question-reading{grid-template-columns:1fr}.hex-explain{min-height:0}
}