:root{--bg:#f6f2eb;--bg-deep:#ece6dc;--card:#fffffcc7;--card-strong:#fffffff0;--line:#231a131a;--ink:#171311;--muted:#6a625c;--accent:#9b5537;--accent-deep:#7c4128;--gold:#b88a42;--shadow:0 18px 45px #17131112}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#9b553714,#0000 32%),linear-gradient(#faf7f2 0%,#f1ebe2 100%);min-height:100vh;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,sans-serif}*{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,strong{letter-spacing:-.02em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh;padding:20px 24px 32px;position:relative}.topbar,.page-frame{z-index:1;position:relative}.topbar{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fff9;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;max-width:1240px;margin:0 auto 32px;padding:14px 18px;display:flex;box-shadow:0 12px 30px #1713110f}.brand-lockup{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:#171311eb;border-radius:12px;place-items:center;width:40px;height:40px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:1.05rem;font-weight:700;display:grid}.brand-lockup strong,.topnav a,.primary-button,.secondary-button,.ghost-button,.mode-button,.inline-button{font-family:inherit}.brand-lockup strong{font-size:1rem}.topnav{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.96rem;display:flex}.topnav a:hover,.path-card a:hover{color:var(--ink)}.page-frame{max-width:1240px;margin:0 auto}.landing-layout,.result-layout,.content-grid,.card-grid,.result-grid{gap:20px;display:grid}.content-grid,.result-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.section-card{border:1px solid var(--line);background:var(--card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);border-radius:24px;padding:24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;width:fit-content;color:var(--accent-deep);background:#9b553714;border-radius:999px;padding:6px 12px;font-size:.74rem;display:inline-flex}.section-heading{gap:10px;margin-bottom:16px;display:grid}.section-heading h1,.section-heading h2{line-height:1.1}.muted{color:var(--muted)}.home-layout{gap:20px}.home-intro{background:linear-gradient(#fffc,#f8f4eddb);grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:32px;display:grid}.home-intro-main{gap:16px;display:grid}.home-intro-main h1{max-width:8ch;font-size:clamp(2.5rem,6vw,4.8rem);line-height:.92}.home-intro-main p{max-width:36rem;color:var(--muted);font-size:1.02rem;line-height:1.8}.home-guidance{gap:0;padding-top:4px;display:grid}.home-guidance-item{border-top:1px solid var(--line);gap:6px;padding:18px 0;display:grid}.home-guidance-item:first-child{border-top:none;padding-top:0}.home-guidance-item strong{font-size:1rem}.home-guidance-item span{color:var(--muted);font-size:.9rem}.path-card{gap:14px;display:grid}.path-card a{color:var(--accent);font-weight:700}.form-stack,.formula-list,.line-focus-list,.history-list,.prose-block{gap:16px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:.94rem}input,textarea,select{width:100%;color:var(--ink);background:#ffffffd1;border:1px solid #231a131f;border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px #ffffffb3}textarea{resize:vertical}:where(a,button,input,textarea,select):focus-visible{outline-offset:2px;outline:2px solid #9b553747}.action-row{flex-wrap:wrap;gap:12px;display:flex}.primary-button,.secondary-button,.ghost-button,.mode-button{cursor:pointer;border:1px solid #0000;border-radius:14px;padding:12px 18px;transition:transform .18s,background-color .18s,border-color .18s}.primary-button,.inline-button{color:#fff;background:var(--ink)}.secondary-button{color:#fff;background:var(--accent)}.ghost-button{color:var(--ink);border-color:var(--line);background:#ffffff85}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.mode-button:hover,.inline-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{opacity:.62;cursor:not-allowed}.mode-switch{gap:12px;margin-bottom:20px;display:flex}.mode-button{border-color:var(--line);color:var(--muted);background:#ffffff85}.mode-button.active{color:#fff;background:#171311eb}.line-throw-list{gap:12px;min-height:220px;display:grid}.entry-stage{background:linear-gradient(#ffffffdb,#f7f3ecd1);gap:24px;display:grid}.entry-stage-header{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:end;gap:24px;display:grid}.entry-stage-copy{gap:14px;max-width:24rem;display:grid}.entry-stage-copy h2{max-width:8ch;font-size:clamp(1.8rem,4vw,2.8rem);line-height:.96}.entry-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.entry-mode-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#ffffff94;border-radius:20px;gap:10px;padding:18px;transition:transform .18s,border-color .2s,background-color .2s;display:grid}.entry-mode-card.active{background:#fffffff0;border-color:#17131129;transform:translateY(-1px);box-shadow:0 10px 22px #1713110f}.entry-mode-head{align-items:center;gap:12px;display:flex}.entry-mode-icon,.entry-card-icon{width:40px;height:40px;color:var(--accent-deep);background:#9b553714;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.entry-mode-head div{display:grid}.entry-mode-head small{color:var(--muted)}.entry-stage-body{grid-template-columns:minmax(220px,280px) 1fr;align-items:start;gap:20px;display:grid}.entry-stage-aside{border:1px solid var(--line);background:#f7f3ecd6;border-radius:20px;gap:12px;padding:20px;display:grid}.entry-stage-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.82rem}.entry-stage-aside h3{font-size:1.7rem;line-height:1.05}.entry-stage-aside p{color:var(--muted)}.entry-stage-tip{color:var(--ink);line-height:1.7}.entry-card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.entry-card{border:1px solid var(--line);background:#ffffffe0;border-radius:20px;gap:16px;padding:22px;display:grid;box-shadow:0 12px 24px #1713110d}.entry-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.entry-card-copy{gap:0;display:grid}.entry-card-top h3{font-size:1.18rem;line-height:1.15}.entry-card-copy p{color:var(--muted);line-height:1.7}.entry-card-link{width:fit-content;color:var(--accent);align-items:center;gap:8px;font-weight:700;display:inline-flex}.entry-card-link svg{transition:transform .18s}.entry-card:hover .entry-card-link svg{transform:translate(3px)}.classics-stack{gap:20px;display:grid}.classics-entry{gap:8px;display:grid}.classics-entry h3{color:var(--muted);font-size:.95rem}.classics-entry p{line-height:1.75}.coin-layout{grid-template-columns:minmax(320px,1.05fr) minmax(280px,.95fr);align-items:start}.coin-form-panel,.coin-stage-panel,.coin-record-panel{min-height:100%}.coin-form-panel{order:1}.coin-stage-panel{background:linear-gradient(160deg,#fff9f1f5,#e9dac0e0),radial-gradient(circle at top,#8f3d282e,#0000 34%);order:2}.coin-record-panel{order:3;grid-column:1/-1}.coin-meta-strip{flex-wrap:wrap;gap:10px;display:flex}.meta-chip{color:var(--muted);background:#fffcf6d1;border:1px solid #5a3a261a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.coin-stage{justify-content:center;align-items:center;gap:18px;min-height:230px;padding:18px;display:flex}.coin-disc{background:linear-gradient(145deg,#b78839e0,#5f2417e6);border-radius:999px;width:118px;height:118px;padding:7px;box-shadow:inset 0 1px #ffffff42,0 20px 40px #5f241733}.coin-face{text-align:center;width:100%;height:100%;color:var(--accent-deep);background:radial-gradient(circle at top,#ffffff47,#0000 46%),linear-gradient(#fff6e2f5,#eed69be6);border-radius:999px;place-items:center;gap:4px;display:grid}.coin-face.is-tails{color:#fff4dcf0;background:radial-gradient(circle at top,#ffffff2e,#0000 40%),linear-gradient(#4a2d22f5,#1c130ff0)}.coin-face strong{font-size:2rem}.coin-face small{letter-spacing:.08em;text-transform:uppercase}.coin-stage-copy{text-align:center;gap:8px;display:grid}.line-throw-card,.history-item,.line-focus-item{background:var(--card-strong);border:1px solid #5a3a261a;border-radius:18px;justify-content:space-between;align-items:start;gap:12px;padding:14px 16px;display:flex}.history-item{align-items:center}.history-item div,.line-throw-card div{gap:4px;display:grid}.history-item span,.history-item small,.line-throw-card span{color:var(--muted)}.pill{white-space:nowrap;background:#b7883929;border-radius:999px;align-items:center;padding:8px 12px;display:inline-flex}.preview-callout,.highlight-line{background:#b7883924;border-radius:18px;padding:14px 16px}.formula-list p,.prose-block p{line-height:1.75}.checkbox-grid{flex-wrap:wrap;gap:10px;display:flex}.check-chip{background:#fffcf6bd;border:1px solid #5a3a261f;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.check-chip input{width:auto}.result-grid .section-card{min-height:100%}.bullet-list{gap:10px;padding-left:20px;display:grid}.subhead{margin-top:18px;margin-bottom:10px}.error-text{color:var(--accent-deep)}.hexagram-visual{align-items:center;gap:18px;display:flex}.hexagram-lines{gap:12px;min-width:120px;display:grid}.hexagram-line-row{justify-content:center;align-items:center;min-height:12px;display:flex;position:relative}.line-solid,.line-broken{background:var(--ink);border-radius:999px;height:10px}.line-solid{width:104px}.line-broken{width:42px}.line-gap{width:18px}.line-changing{background:var(--gold);border-radius:999px;width:10px;height:10px;position:absolute;right:-6px;box-shadow:0 0 0 3px #b7883929}.hexagram-caption{gap:4px;display:grid}.hexagram-caption span,.hexagram-caption p{color:var(--muted)}.history-panel{margin-bottom:12px}.history-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.history-summary{margin-top:4px;line-height:1.6}.history-clear-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff94;border-radius:12px;padding:10px 14px;transition:transform .18s,background-color .18s,border-color .18s}.history-clear-button:hover{transform:translateY(-1px)}.history-clear-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width:840px){.site-shell{padding:14px}.topbar{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.home-intro,.entry-stage-header,.entry-stage-body,.coin-layout{grid-template-columns:1fr}.home-intro-main h1,.entry-stage-copy h2{max-width:none}.entry-mode-grid{grid-template-columns:1fr}.history-heading{flex-direction:column;align-items:flex-start}.coin-form-panel,.coin-stage-panel,.coin-record-panel{order:initial;grid-column:auto}.coin-stage{flex-wrap:wrap}.coin-disc{width:96px;height:96px}}