:root{--ink:#19231f;--ink-soft:#53605a;--paper:#f3eee2;--paper-light:#fbf8f0;--vermilion:#b84833;--vermilion-dark:#913624;--jade:#2f5d50;--gold:#bd8f42;--line:#19231f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Songti SC,SimSun,Noto Serif CJK SC,serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.site-shell{background:radial-gradient(circle at 8% 12%, #b848331a, transparent 27rem), radial-gradient(circle at 93% 89%, #2f5d5021, transparent 34rem), linear-gradient(115deg, #fff6, transparent 38%), var(--paper);min-height:100svh;position:relative;overflow:hidden}.paper-noise{opacity:.28;pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000 0 5px,#19231f06 6px),repeating-linear-gradient(90deg,#0000 0 11px,#19231f05 12px);position:absolute;inset:0}.topbar{z-index:3;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);min-height:82px;margin:0 auto;display:flex;position:relative}.brand{color:var(--ink);letter-spacing:.08em;align-items:center;gap:12px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.seal{border:1px solid var(--vermilion-dark);background:var(--vermilion);color:#fff8e9;place-items:center;width:36px;height:36px;font-size:18px;line-height:1;display:grid;box-shadow:inset 0 0 0 3px #ffffff1f}.top-note{color:var(--ink-soft);letter-spacing:.18em;font-size:12px}.hero{z-index:1;grid-template-columns:minmax(320px,.8fr) minmax(520px,1.2fr);align-items:center;gap:clamp(48px,7vw,92px);width:min(1180px,100% - 48px);min-height:calc(100svh - 150px);margin:0 auto;padding:58px 0 48px;display:grid;position:relative}.intro-column{position:relative}.intro-column:before{color:#2f5d500e;content:"易";pointer-events:none;font-size:220px;font-weight:900;line-height:1;position:absolute;top:-68px;left:-58px}.eyebrow{color:var(--vermilion);letter-spacing:.2em;margin:0 0 22px;font-family:Georgia,serif;font-size:11px;font-weight:700;position:relative}.eyebrow span{margin-right:8px;font-size:8px}h1{letter-spacing:-.055em;max-width:560px;margin:0;font-size:clamp(48px,5vw,75px);font-weight:600;line-height:1.14;position:relative}h1 em{color:var(--jade);font-style:normal}.lead{max-width:510px;color:var(--ink-soft);margin:27px 0 31px;font-size:15px;line-height:2}.question-box{background:#fbf8f0bd;border:1px solid #19231f40;max-width:520px;padding:13px 53px 14px 94px;display:block;position:relative;box-shadow:5px 6px #19231f14}.question-box>span{color:var(--vermilion);letter-spacing:.12em;font-size:12px;font-weight:700;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.question-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:4px 0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px}.question-box input::placeholder{color:#53605a94}.question-box small{color:#53605a80;font-family:Georgia,serif;font-size:9px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.question-box:focus-within{border-color:var(--jade);outline:3px solid #2f5d501f}.primary-button,.cast-button{background:var(--vermilion);width:min(230px,100%);min-height:56px;box-shadow:5px 6px 0 var(--vermilion-dark);color:#fff9eb;cursor:pointer;letter-spacing:.12em;border:0;justify-content:space-between;align-items:center;margin-top:19px;padding:10px 18px 10px 21px;font-size:14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:flex}.primary-button:hover,.cast-button:hover:not(:disabled){box-shadow:3px 4px 0 var(--vermilion-dark);background:#c3543d;transform:translate(2px,2px)}.primary-button:active,.cast-button:active:not(:disabled){box-shadow:none;transform:translate(5px,6px)}:is(.primary-button:focus-visible,.cast-button:focus-visible,.brand:focus-visible){outline-offset:4px;outline:3px solid #dca94f}.primary-button b{font-family:Georgia,serif;font-size:22px;font-weight:400}.question-echo{border-left:2px solid var(--vermilion);color:var(--ink-soft);background:#ffffff47;margin:22px 0 0;padding:8px 13px;font-size:12px;line-height:1.5;display:inline-block}.intro-actions{align-items:center;gap:20px;margin-top:22px;display:flex}.result-link{background:var(--jade);color:#fff9eb;letter-spacing:.08em;align-items:center;gap:14px;min-height:45px;padding:10px 16px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:4px 5px #1c4237}.result-link span{font-family:Georgia,serif;font-size:17px}.text-button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #19231f5c;padding:8px 1px;font-size:11px}:is(.result-link:focus-visible,.text-button:focus-visible){outline-offset:4px;outline:3px solid #bd8f428c}.method-note{color:#53605ab3;max-width:490px;margin:28px 0 0;font-size:11px;line-height:1.8}.method-note span{color:var(--jade);letter-spacing:.1em;margin-right:8px;font-weight:700}.oracle-card{background:#fbf8f0e0;border:1px solid #19231f3d;min-height:640px;padding:28px 32px 30px;position:relative;box-shadow:15px 17px #19231f1a,0 22px 80px #2f5d5017}.oracle-card:before,.oracle-card:after{border-color:var(--vermilion);content:"";width:24px;height:24px;position:absolute}.oracle-card:before{border-top:1px solid;border-left:1px solid;top:9px;left:9px}.oracle-card:after{border-bottom:1px solid;border-right:1px solid;bottom:9px;right:9px}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;display:flex}.card-kicker{color:var(--vermilion);letter-spacing:.2em;font-size:10px;font-weight:700}.card-heading h2{letter-spacing:.04em;margin:6px 0 0;font-size:23px;font-weight:600}.progress-ring{width:60px;height:60px;color:var(--jade);background:#2f5d500f;border:1px solid #2f5d5059;border-radius:50%;justify-content:center;align-items:baseline;padding-top:16px;display:flex}.progress-ring strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.progress-ring span{font-family:Georgia,serif;font-size:10px}.hexagram-stage{width:min(400px,100%);margin:24px auto 0}.stage-label{color:#53605a7a;letter-spacing:.16em;text-align:center;margin:0 0 6px;font-size:9px}.stage-label.bottom{margin:7px 0 0}.line-stack{gap:8px;display:grid}.hex-line{opacity:.32;border-bottom:1px dashed #19231f1a;grid-template-columns:24px 1fr 76px 26px;align-items:center;gap:10px;min-height:37px;padding:4px 7px;display:grid;position:relative}.hex-line.is-filled{opacity:1}.hex-line.is-fresh{animation:.52s cubic-bezier(.2,.8,.2,1) both line-arrive}.line-number{color:#53605a99;text-align:center;font-family:Georgia,serif;font-size:10px}.line-shape{justify-content:space-between;height:12px;display:flex}.line-shape i{background:#19231f3d;height:100%;display:block}.is-filled .line-shape i{background:var(--ink)}.line-shape.yang i{width:100%}.line-shape.yin i{width:43%}.line-state{color:var(--ink-soft);letter-spacing:.05em;font-size:10px}.moving-mark{background:var(--vermilion);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.coin-tray{justify-content:center;align-items:center;gap:17px;min-height:74px;margin:16px 0 0;display:flex}.coin{color:#5f3d12;width:54px;height:54px;transform-style:preserve-3d;background:radial-gradient(circle,#f4d285 0 20%,#c9953d 21% 58%,#9f6e27 59% 64%,#d9aa53 65%);border:2px solid #866022;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 2px 2px #ffffff5c,3px 5px 9px #19231f33}.coin i{font-size:13px;font-style:normal;font-weight:700}.coin b{background:var(--paper-light);border-radius:50%;place-items:center;width:18px;height:18px;font-family:Georgia,serif;font-size:9px;display:grid;position:absolute;bottom:-3px;right:-3px;box-shadow:0 1px 4px #19231f40}.coin-tray.is-casting .coin{animation:coin-cast .62s cubic-bezier(.22,.75,.26,1) var(--delay) both}.cast-button{text-align:center;justify-content:center;gap:2px;width:min(300px,100%);min-height:58px;margin:9px auto 0;display:grid}.cast-button span{font-size:14px}.cast-button small{opacity:.72;letter-spacing:.05em;font-family:Microsoft YaHei,sans-serif;font-size:9px;font-weight:400}.cast-button:disabled{cursor:wait;opacity:.72}.cast-button.reveal{background:var(--jade);text-decoration:none;box-shadow:5px 6px #1c4237}.waiting-copy{color:#53605a99;letter-spacing:.08em;text-align:center;margin:16px 0 0;font-size:11px}.result-section,.history-section{z-index:1;width:min(1180px,100% - 48px);margin:0 auto;position:relative}.result-section{border-top:1px solid var(--line);padding:104px 0 86px;scroll-margin-top:22px}.result-section:before{color:#b848330d;content:"卦";pointer-events:none;font-size:190px;font-weight:900;line-height:1;position:absolute;top:34px;right:0}.section-heading{max-width:680px;margin-bottom:46px;position:relative}.section-heading>p{color:var(--vermilion);letter-spacing:.2em;margin:0 0 13px;font-family:Georgia,serif;font-size:10px;font-weight:700}.section-heading>p span{margin-right:8px;font-size:8px}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(34px,4vw,54px);font-weight:600}.section-heading h2:focus{outline:none}.section-heading>span{border-left:2px solid var(--vermilion);max-width:640px;color:var(--ink-soft);margin-top:17px;padding-left:13px;font-size:13px;line-height:1.65;display:inline-block}.plain-reading{background:#fffcf4e6;border:2px solid #b848336b;margin-bottom:46px;padding:clamp(28px,4vw,44px);box-shadow:9px 11px #b848331f}.plain-reading-kicker{color:var(--vermilion);letter-spacing:.18em;margin:0 0 12px;font-size:10px;font-weight:800}.plain-reading>h3{max-width:880px;color:var(--ink);letter-spacing:-.025em;margin:0;font-size:clamp(24px,3vw,36px);font-weight:650;line-height:1.45}.plain-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.plain-reading-grid section{background:#fbf8f0c7;border:1px solid #19231f29;min-width:0;padding:20px}.plain-reading-grid span{color:var(--vermilion);letter-spacing:.08em;font-size:11px;font-weight:800}.plain-reading-grid p{color:var(--ink);margin:10px 0 0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:15px;line-height:1.85}.plain-reading-note{color:var(--ink-soft);margin:20px 0 0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;line-height:1.75}.result-pair{grid-template-columns:minmax(0,1fr) 78px minmax(0,1fr);align-items:stretch;gap:20px;display:grid}.hex-result-card{background:#fbf8f0d6;border:1px solid #19231f38;grid-template-columns:minmax(0,1fr) 190px;align-items:center;gap:24px;min-height:282px;padding:34px;display:grid;position:relative;box-shadow:9px 11px #19231f14}.primary-result{border-top:3px solid var(--vermilion)}.changed-result{border-top:3px solid var(--jade)}.still-result{text-align:center;border-top:3px solid #53605a73;display:block}.result-role{color:var(--ink-soft);letter-spacing:.15em;font-size:9px;font-weight:700;position:absolute;top:17px;left:21px}.hex-identity{align-items:center;gap:18px;display:flex}.hex-unicode{color:var(--ink);font-size:clamp(67px,8vw,100px);line-height:1}.hex-identity small{color:var(--vermilion);letter-spacing:.14em;font-size:10px}.changed-result .hex-identity small{color:var(--jade)}.hex-identity h3{letter-spacing:-.025em;margin:6px 0 7px;font-size:clamp(25px,3vw,37px);font-weight:600}.hex-identity p{color:var(--ink-soft);letter-spacing:.06em;margin:0;font-size:10px}.compact-hexagram{gap:9px;width:100%;display:grid}.compact-line{justify-content:space-between;height:12px;display:flex;position:relative}.compact-line i{background:var(--ink);width:43%;height:100%;display:block}.compact-line i:only-child{width:100%}.compact-line.moving i{background:var(--vermilion)}.compact-line b{color:var(--vermilion);font-family:Arial,sans-serif;font-size:12px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.change-bridge{color:var(--jade);text-align:center;place-content:center;place-items:center;display:grid}.change-bridge span{border:1px solid var(--jade);border-radius:50%;place-items:center;width:35px;height:35px;font-size:14px;display:grid}.change-bridge i{margin:5px 0;font-family:Georgia,serif;font-size:26px;font-style:normal}.change-bridge small{color:var(--ink-soft);white-space:nowrap;font-size:9px}.still-symbol{width:74px;height:74px;color:var(--jade);border:1px solid #2f5d5073;border-radius:50%;place-items:center;margin:33px auto 16px;font-size:28px;display:grid}.still-result h3{margin:0 0 10px;font-size:24px;font-weight:600}.still-result p{max-width:320px;color:var(--ink-soft);margin:0 auto;font-size:12px;line-height:1.8}.reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px;display:grid}.reading-card{background:#ffffff47;border:1px solid #19231f2b;min-height:230px;padding:28px 29px}.main-reading{background:#b848330f}.trend-reading{background:#2f5d5012}.reading-label{color:var(--vermilion);letter-spacing:.16em;font-size:9px;font-weight:700}.trend-reading .reading-label{color:var(--jade)}.reading-card h3{margin:15px 0 12px;font-size:21px;font-weight:600;line-height:1.4}.reading-card p{color:var(--ink-soft);margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;line-height:1.9}.reading-card .stage-translation{color:var(--ink);margin-bottom:10px;font-size:13px;font-weight:700}.keyword-row{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.keyword-row span{color:var(--ink-soft);background:#fbf8f0b3;border:1px solid #19231f29;padding:5px 9px;font-size:9px}.result-actions{justify-content:center;gap:15px;margin-top:34px;display:flex}.result-actions button{border:1px solid var(--vermilion-dark);background:var(--vermilion);min-width:174px;min-height:50px;box-shadow:4px 5px 0 var(--vermilion-dark);color:#fff9eb;cursor:pointer;letter-spacing:.08em;padding:10px 18px;font-size:12px;font-weight:700}.result-actions .secondary-action{border-color:var(--ink);background:var(--paper-light);box-shadow:4px 5px 0 var(--ink);color:var(--ink)}.result-actions button:focus-visible{outline-offset:4px;outline:3px solid #bd8f428c}.history-section{border-top:1px solid var(--line);padding:76px 0 82px}.history-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.history-heading span{color:var(--vermilion);letter-spacing:.17em;font-family:Georgia,serif;font-size:9px}.history-heading h2{margin:7px 0 0;font-size:30px;font-weight:600}.history-heading button{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #19231f4d;padding:7px 0;font-size:10px}.history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.history-list article{background:#fbf8f08f;border:1px solid #19231f29;grid-template-columns:51px 1fr;align-items:center;gap:15px;min-height:113px;padding:17px;display:grid}.history-symbol{color:var(--jade);font-size:46px;line-height:1}.history-list span{color:#53605aa3;font-size:8px}.history-list h3{margin:5px 0;font-size:14px;font-weight:600}.history-list p{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;line-height:1.5;overflow:hidden}.history-empty{color:#53605a99;border:1px dashed #19231f2e;justify-content:center;align-items:center;gap:18px;min-height:120px;display:flex}.history-empty span{font-size:42px}.history-empty p{margin:0;font-size:11px}footer{z-index:2;border-top:1px solid var(--line);color:#53605a9e;letter-spacing:.08em;justify-content:space-between;gap:30px;width:min(1180px,100% - 48px);margin:0 auto;padding:19px 0 28px;font-size:9px;display:flex;position:relative}footer p{text-align:right;margin:0}@keyframes line-arrive{0%{opacity:0;transform:translateY(10px)scaleX(.78)}to{opacity:1;transform:translateY(0)scaleX(1)}}@keyframes coin-cast{0%{opacity:.65;transform:translateY(4px)rotateX(0)rotate(0)}45%{opacity:1;transform:translateY(-25px)rotateX(540deg)rotate(24deg)}to{transform:translateY(0)rotateX(900deg)rotate(0)}}@media (max-width:940px){.hero{grid-template-columns:1fr;width:min(760px,100% - 40px);padding-top:48px}.intro-column{max-width:650px}.oracle-card{min-height:620px}.result-section,.history-section{width:min(760px,100% - 40px)}.plain-reading-grid,.result-pair{grid-template-columns:1fr}.change-bridge{grid-template-columns:auto 34px auto;gap:10px}.change-bridge i{transform:rotate(90deg)}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-reading:last-child{grid-column:1/-1}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.topbar{width:calc(100% - 28px);min-height:67px}.top-note{display:none}.brand{font-size:13px}.seal{width:32px;height:32px;font-size:16px}.hero{gap:38px;width:calc(100% - 28px);padding:39px 0 36px}.intro-column:before{font-size:135px;top:-32px;left:-22px}h1{font-size:clamp(42px,13vw,60px)}.lead{margin:21px 0 25px;font-size:14px;line-height:1.85}.question-box{padding-left:82px}.question-box>span{font-size:11px;left:13px}.primary-button{width:100%}.intro-actions{flex-direction:column;align-items:stretch;gap:13px}.result-link{justify-content:space-between}.text-button{align-self:flex-start}.oracle-card{min-height:590px;padding:22px 15px 24px;box-shadow:8px 10px #19231f1a}.card-heading{padding:0 7px 16px}.card-heading h2{font-size:20px}.progress-ring{width:52px;height:52px;padding-top:13px}.hexagram-stage{margin-top:19px}.hex-line{grid-template-columns:19px 1fr 65px 23px;gap:7px;min-height:35px;padding-inline:3px}.line-state{font-size:9px}.moving-mark{width:21px;height:21px}.coin-tray{gap:12px}.coin{width:49px;height:49px}.result-section{width:calc(100% - 28px);padding:74px 0 66px}.result-section:before{font-size:120px;top:27px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:36px}.hex-result-card{grid-template-columns:minmax(0,1fr) 112px;gap:12px;min-height:235px;padding:30px 18px 22px}.hex-unicode{font-size:62px}.hex-identity{gap:10px}.hex-identity h3{font-size:23px}.hex-identity p{font-size:8px}.compact-hexagram{gap:7px}.compact-line{height:9px}.compact-line b{font-size:9px;right:-15px}.change-bridge{min-height:72px}.reading-grid{grid-template-columns:1fr;margin-top:25px}.trend-reading:last-child{grid-column:auto}.reading-card{min-height:0;padding:24px 20px}.plain-reading{margin-bottom:34px;padding:24px 20px}.result-actions{flex-direction:column;align-items:stretch}.result-actions button{width:100%}.history-section{width:calc(100% - 28px);padding:58px 0 64px}.history-heading{flex-direction:column;align-items:flex-start;gap:15px}.history-list{grid-template-columns:1fr}footer{text-align:center;width:calc(100% - 28px);display:block}footer p{text-align:center;margin-top:7px;line-height:1.6}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}