:root{color-scheme:dark;--bg:#121210;--panel:#191916;--panel-2:#1d1d19;--line:#37362e;--muted:#8b887b;--text:#e5dfce;--gold:#d5b36a;--gold-bright:#e7c777;--teal:#77c19b;--red:#a56a52;font-family:"Noto Serif SC",Songti SC,Georgia,serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:radial-gradient(circle at 70% 15%,rgba(163,122,41,.07),transparent 35%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{color:inherit}.topbar{height:70px;padding:0 max(28px,calc((100vw - 1400px)/2));display:flex;align-items:center;gap:25px;border-bottom:1px solid #2c2b26;background:#121210f2}.brand{display:flex;align-items:center;gap:14px;min-width:235px}.brand strong{display:block;color:#f0e6cb;font-size:19px;letter-spacing:.04em}.brand small{display:block;margin-top:4px;color:#858174;font:12px/1.2 Arial,sans-serif;letter-spacing:.15em}.brand-mark{width:44px;height:44px;display:grid;align-content:center;gap:5px;padding:10px;border:1px solid #735c2c;border-radius:12px}.brand-mark span{display:block;height:3px;border-radius:2px;background:var(--gold)}.brand-mark span:nth-child(2){width:70%}.brand-mark span:nth-child(3){width:42%}.edition{color:#b1a98e;font-size:14px;letter-spacing:.04em}.edition>span{color:var(--gold);font-size:10px;margin-right:5px}.edition b{margin-left:13px;padding:6px 10px;border:1px solid #67552c;border-radius:5px;color:var(--gold);font-size:12px;font-weight:500}.history-link{margin-left:auto;color:#9f9a89;font-size:14px}.history-link span{margin-right:8px;color:var(--gold);font-size:20px}.page-shell{width:min(1400px,74vw);margin:38px auto 70px}.workspace-grid{display:grid;grid-template-columns:minmax(0,40.5fr) minmax(0,59.5fr);gap:24px;align-items:start}.question-card,.preview-card,.result-section{border:1px solid var(--line);border-radius:10px;background:#1a1a16d6;box-shadow:0 16px 50px #00000029}.question-card{padding:30px 31px 25px}.preview-card{padding:30px 30px 25px;position:relative;overflow:hidden}.preview-card:after{content:"☷";position:absolute;right:16px;bottom:-55px;color:#d5b36a09;font-size:260px;line-height:1;pointer-events:none}.card-kicker{color:var(--gold);font:11px Arial,sans-serif;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{margin:13px 0 7px;font-size:29px;font-weight:600;letter-spacing:.03em}h2{margin:10px 0 0;color:#eae2ce;font-size:25px;font-weight:600}.subhead{color:#938e7e;font-size:15px;line-height:1.6}textarea{width:100%;min-height:190px;resize:vertical;margin-top:17px;padding:20px;border:1px solid #4a483e;border-radius:9px;outline:none;background:#141412;color:#ece5d1;font-size:17px;line-height:1.6;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d5b36a1c}textarea::placeholder{color:#746f62}.question-meta{display:flex;justify-content:space-between;margin:8px 3px 22px;color:#6f6b5f;font:12px Arial,sans-serif}.quick-head{display:flex;align-items:baseline;gap:9px;margin-bottom:10px;color:#b4ad99;font-size:14px}.quick-head small{color:#716e64;font-size:12px}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 10px}.quick-grid button{width:100%;min-width:0;height:40px;padding:0 13px;overflow:hidden;border:1px solid #3d3b33;border-radius:6px;background:#1c1c18;color:#a9a28d;cursor:pointer;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:13px;transition:background .2s,border-color .2s,color .2s}.quick-grid button:hover{border-color:#756039;background:#24231d;color:#e3d5b2}.mode-tabs{display:flex;gap:0;margin-top:30px;border-bottom:1px solid #35342d}.mode-tab{position:relative;padding:0 17px 12px 0;margin-right:20px;border:0;background:transparent;color:#716d63;cursor:pointer;font-size:13px}.mode-tab.is-active{color:var(--gold-bright)}.mode-tab.is-active:after{content:"";position:absolute;left:0;right:17px;bottom:-1px;height:2px;background:var(--gold)}.mode-note{min-height:39px;padding-top:12px;color:#858071;font-size:12px}.draw-button{width:100%;height:58px;margin-top:11px;border:1px solid #f5d889;border-radius:8px;background:linear-gradient(100deg,#e7bd5e,#f2cf78);color:#21190b;cursor:pointer;font-size:19px;font-weight:800;letter-spacing:.05em;box-shadow:0 9px 25px #e0ae414d,inset 0 1px #ffffff6b;transition:transform .2s,filter .2s,box-shadow .2s}.draw-button:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 12px 30px #ebbb5066,inset 0 1px #ffffff80}.draw-button span{margin-right:8px;font-size:15px}.privacy-note{margin:15px 0 0;color:#6c796b;text-align:center;font:12px Arial,sans-serif}.privacy-note span{color:var(--teal);margin-right:5px}.preview-head{display:flex;justify-content:space-between;align-items:flex-start}.preview-head>div{position:relative}.preview-head p{display:inline-block;margin:0 0 0 10px;color:#777265;font-size:13px}.running{padding:8px 11px;border:1px solid #2c5a42;border-radius:6px;color:#74b68f;font:12px Arial,sans-serif}.running i{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--teal);box-shadow:0 0 10px var(--teal)}.running.is-complete{border-color:#77602f;color:var(--gold-bright);background:#765b261a}.running.is-complete i{background:var(--gold);box-shadow:none}.hexagram-flow{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;margin:42px 14px 36px}.hexagram-column{min-width:0;text-align:center}.hexagram-column h3{margin:0;color:#dfc17d;font-size:22px;font-weight:600}.hexagram-column>p{margin:7px 0 17px;color:#857f70;font-size:12px}.hex-lines{width:96px;margin:0 auto;display:flex;flex-direction:column-reverse;gap:8px}.yao{height:8px;display:flex;justify-content:center;gap:8px}.yao:before,.yao:after{content:"";display:block;width:100%;height:100%;border-radius:2px;background:#aaa69b}.yao.solid:after{display:none}.yao.highlight:before,.yao.highlight:after{background:var(--gold)}.yao.moving:before,.yao.moving:after{background:#c78d54}.hex-label{display:flex;justify-content:center;gap:22px;margin-top:16px;color:#aaa495;font-size:13px}.hex-label b{color:#d2c7ae;font-weight:500}.flow-arrow{color:#665e4c;text-align:center;font:26px Arial,sans-serif}.details-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px;padding:22px 2px;border-top:1px solid #302f28;border-bottom:1px solid #302f28}.details-grid div{display:flex;align-items:baseline;gap:22px;min-width:0}.details-grid span{width:66px;flex:none;color:#777367;font-size:13px}.details-grid strong{color:#d0c8b5;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-grid strong.teal{color:var(--teal)}.details-grid strong.gold{color:var(--gold-bright)}.preview-foot{position:relative;z-index:1;margin-top:20px;color:#777164;font-size:12px}.result-section{margin-top:20px;padding:28px 30px 24px}.result-head{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #302f28}.result-head h2{margin-top:8px}.example-tag{padding:7px 10px;border:1px solid #6b582d;border-radius:5px;color:var(--gold);font-size:12px}.question-summary{margin:20px 0;padding:16px 18px;border-left:3px solid var(--gold);background:#1d1c18}.question-summary span{display:block;margin-bottom:7px;color:#857d6a;font-size:12px}.question-summary strong{display:block;font-size:19px;font-weight:500}.question-summary small{display:block;margin-top:9px;color:#8b8578;font-size:12px}.reading-verdict{margin:0 0 25px;padding:20px 22px;border:1px solid #493d25;border-radius:7px;background:linear-gradient(100deg,#6f522738,#1b1b1799)}.reading-verdict span{display:block;margin-bottom:8px;color:var(--gold);font-size:12px;letter-spacing:.12em}.reading-verdict strong{display:block;color:#eee4cb;font-size:20px;line-height:1.55;font-weight:600}.reading-verdict p{margin:9px 0 0;color:#aaa291;font-size:14px;line-height:1.8}.ai-reading{margin:28px 0 0;border:1px solid #3c4b40;border-radius:8px;overflow:hidden;background:#151815}.ai-reading-head{min-height:76px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #2c382f;background:linear-gradient(100deg,#3260462e,#14171433)}.ai-reading-head span{color:var(--teal);font:10px Arial,sans-serif;letter-spacing:.16em}.ai-reading-head h3{margin:7px 0 0;color:#e1dbc9;font-size:20px;font-weight:600}.ai-reading-head>strong{flex:none;padding:6px 9px;border:1px solid #385c48;border-radius:5px;color:#7ab794;font:11px Arial,sans-serif}.ai-reading-head>strong.is-error{border-color:#75463e;color:#c37c6e}.ai-content{min-height:110px;padding:20px;color:#bdb5a3;font-size:15px;line-height:1.95;white-space:pre-wrap}.ai-content.is-loading:after{content:"";display:inline-block;width:7px;height:15px;margin-left:4px;background:var(--teal);vertical-align:-2px;animation:aiCursor .8s steps(1) infinite}.ai-content h4{margin:22px 0 8px;color:#e5cc94;font-size:18px}.ai-content h4:first-child{margin-top:0}.ai-content p{margin:0 0 13px}.ai-content strong{color:#e0d5bc}.ai-content ol,.ai-content ul{margin:8px 0 18px;padding-left:25px}.ai-content li{margin:9px 0;padding-left:5px;color:#bdb5a3;line-height:1.9}.ai-content li::marker{color:var(--gold);font-weight:700}.ai-paywall{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:25px 24px}.ai-paywall[hidden],.ai-content[hidden]{display:none}.ai-lock-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #66532b;border-radius:50%;color:var(--gold-bright);background:#74572529;font-size:14px}.ai-paywall-copy h4{margin:0 0 7px;color:#e7ddc6;font-size:18px}.ai-paywall-copy p{margin:0;color:#999181;font-size:13px;line-height:1.75}.ai-benefits{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.ai-benefits span{padding:4px 8px;border:1px solid #39483d;border-radius:4px;color:#79ad8e;font:11px Arial,sans-serif}.ai-purchase{min-width:185px;text-align:center}.ai-price{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:9px}.ai-price small{color:#8c8575;font-size:11px}.ai-price strong{color:#efd180;font:700 25px Georgia,serif}.ai-price b{margin-right:2px;font-size:14px}.ai-purchase button{width:100%;height:42px;border:1px solid #f0ce76;border-radius:6px;background:linear-gradient(100deg,#dcb45c,#eccb79);color:#21190b;cursor:pointer;font-size:14px;font-weight:700}.ai-purchase button:disabled{cursor:wait;opacity:.7}.ai-purchase>small{display:block;margin-top:8px;color:#69665d;font-size:10px}@keyframes aiCursor{50%{opacity:0}}.reading-report{max-width:1120px}.report-section{padding:25px 0 27px;border-top:1px solid #333129}.report-section:first-child{border-top:0;padding-top:0}.report-section h3{display:flex;align-items:center;gap:13px;margin:0 0 17px;color:#e4cb91;font-size:22px;font-weight:600}.report-section h3 b{color:var(--gold);font:16px Arial,sans-serif}.report-section>p{margin:0 0 15px;color:#bbb3a2;font-size:15px;line-height:1.95}.report-block{margin:13px 0 0;padding:17px 19px;border-left:3px solid #5c5545;background:#171714}.report-block.tone-green{border-left-color:#4f9f78}.report-block.tone-gold{border-left-color:#c7a65e}.report-block.tone-red{border-left-color:#a75b4d}.report-block h4{margin:0 0 10px;color:#ded3ba;font-size:17px;font-weight:600}.report-block h4 span{display:inline-block;width:9px;height:9px;margin-right:9px;border-radius:50%;background:#817967}.report-block.tone-green h4 span{background:#58bd87}.report-block.tone-gold h4 span{background:#e3c063}.report-block.tone-red h4 span{background:#cf6758}.report-block p{margin:8px 0 0;color:#aaa393;font-size:14px;line-height:1.9}.report-block p strong{color:#ddd1b6;font-weight:600}.term-note{display:block;margin-top:8px;color:#777164;font-size:12px}.report-technical{opacity:.9}.report-list{margin:8px 0 0;padding:0;list-style:none}.report-list li{position:relative;margin:10px 0;padding-left:18px;color:#aaa393;font-size:14px;line-height:1.85}.report-list li:before{content:"";position:absolute;left:1px;top:.72em;width:5px;height:5px;border-radius:50%;background:#69778b}.report-list strong{color:#ded2b8}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.report-grid>div{padding:16px 18px;border:1px solid #343229;background:#171714}.report-grid span{display:block;margin-bottom:7px;color:#827b6b;font-size:12px}.report-grid strong{color:#dac99f;font-size:15px;line-height:1.6}.source-note{display:flex;gap:13px;align-items:center;margin-top:22px;color:#888273;font-size:12px}.source-note strong{color:var(--gold);font-weight:500}.disclaimer{margin:18px 0 0;padding-top:14px;border-top:1px solid #302f28;color:#68655b;font:12px Arial,sans-serif}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1100px){.page-shell{width:min(760px,calc(100% - 40px));margin-top:25px}.workspace-grid{grid-template-columns:1fr}.preview-card{order:-1}}@media(min-width:1101px){.page-shell{margin-top:20px}.question-card{padding:21px 28px 11px}.question-card .card-kicker{display:none}.question-card h1{margin:0 0 5px;font-size:26px}.question-card .subhead{margin-bottom:0;font-size:14px}.question-card textarea{min-height:145px;margin-top:12px;padding:15px 17px;font-size:15px}.question-meta{margin:6px 3px 13px}.quick-head{margin-bottom:7px}.quick-grid{gap:7px 9px}.quick-grid button{height:35px;padding:0 12px;font-size:12px}.mode-tabs{margin-top:19px}.mode-tab{padding-bottom:9px}.mode-note{min-height:30px;padding-top:8px}.draw-button{height:51px;margin-top:5px;font-size:17px}.privacy-note{margin-top:7px}.preview-card{padding:26px 30px 22px}.hexagram-flow{margin-top:32px;margin-bottom:28px}.details-grid{padding-top:18px;padding-bottom:18px}.preview-foot{margin-top:15px}}@media(max-width:600px){.topbar{height:auto;min-height:66px;padding:12px 15px;gap:12px}.brand{min-width:0}.brand strong{font-size:16px}.brand-mark{width:37px;height:37px;padding:8px}.edition{display:none}.history-link{font-size:12px}.page-shell{width:calc(100% - 22px);margin:14px auto 45px}.question-card,.preview-card,.result-section{padding:24px 18px 20px}.hexagram-flow{grid-template-columns:1fr 19px 1fr 19px 1fr;margin:31px 0 25px}.hex-lines{width:70px;gap:6px}.yao{height:6px}.hexagram-column h3{font-size:18px}.hexagram-column>p{font-size:11px}.hex-label{gap:8px;font-size:11px}.flow-arrow{font-size:20px}.details-grid{gap:16px 8px}.details-grid div{gap:6px}.details-grid span{width:53px;font-size:11px}.details-grid strong{font-size:12px}.quick-grid{grid-template-columns:1fr}.mode-tab{margin-right:12px;padding-right:10px;font-size:12px}.mode-tab.is-active:after{right:10px}.preview-head p{display:block;margin:6px 0 0}.running{padding:6px 7px;font-size:10px}.result-head{align-items:center}.question-summary strong{font-size:16px}.reading-verdict{padding:17px}.reading-verdict strong{font-size:17px}.ai-reading-head,.ai-content{padding-left:15px;padding-right:15px}.ai-reading-head h3{font-size:17px}.ai-content{font-size:13px}.report-section h3{font-size:19px}.report-section>p,.report-block p,.report-list li{font-size:13px}.report-grid{grid-template-columns:1fr}}@media(max-width:600px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.quick-grid button{height:38px;padding:0 10px;font-size:12px}}@media(max-width:700px){.ai-paywall{grid-template-columns:1fr;text-align:center}.ai-lock-mark{margin:0 auto}.ai-benefits{justify-content:center}.ai-purchase{width:100%;min-width:0}}