body{background:linear-gradient(180deg,#dbe9e1 0,#f5f1e7 430px,#f3f0e8 100%)}
.liuyao-main{padding-bottom:105px}.ly-head{display:grid;grid-template-columns:42px 1fr 44px;align-items:center;gap:12px;padding:6px 0 19px}.ly-head h1{margin:0;font-size:24px}.ly-head .subtitle{font-size:10px}.back{width:40px;height:40px;display:grid;place-items:center;border:1px solid #fff;border-radius:14px;background:#ffffffa8;color:var(--ink);font-size:30px;text-decoration:none;box-shadow:0 7px 18px #173a3218}.head-seal{width:42px;height:42px;display:grid;place-items:center;border:1px solid #b89a5c;border-radius:50%;color:#a37a32;font:20px serif}
.ly-hero{position:relative;display:flex;justify-content:space-between;min-height:178px;overflow:hidden;padding:25px 22px;border-radius:26px;background:linear-gradient(135deg,#15372f,#2c6656);color:#e9dec0;box-shadow:0 18px 40px #173a3238}.ly-hero:before{content:"";position:absolute;width:210px;height:210px;right:-90px;top:-95px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 25px #ffffff07,0 0 0 52px #ffffff05}.hero-copy{position:relative;z-index:1;max-width:285px}.hero-copy>span{color:#d6b66f;font-size:10px;letter-spacing:2px}.hero-copy h2{margin:10px 0 8px;font-size:24px}.hero-copy p{margin:0;color:#cbdcd5;font-size:11px;line-height:1.8}.hero-gua{position:relative;z-index:1;display:flex;flex-direction:column-reverse;gap:7px;align-self:center;width:58px}.hero-gua i,.line-mark i{display:block;height:5px;border-radius:4px;background:#d8bd7c}.hero-gua .yin,.line-mark.yin i{background:linear-gradient(90deg,#d8bd7c 0 39%,transparent 39% 61%,#d8bd7c 61%)}
.ask-card{margin-top:14px}.ask-card label{margin-bottom:8px}.ask-card label small{float:right}.ask-card textarea{width:100%;min-height:82px;resize:vertical;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f8f8f4;color:var(--ink);font:13px/1.7 inherit;outline:none}.ask-card textarea:focus{border-color:#6b9a89;box-shadow:0 0 0 3px #6b9a8918}.ask-meta{display:flex;justify-content:space-between;margin-top:8px;color:#97a09c;font-size:9px}
.method-wrap{padding:5px 0 14px}.method-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;border:1px solid #fff;border-radius:17px;background:#e7ece7}.method-tabs button{padding:10px 3px;border:0;border-radius:12px;background:transparent;color:#73827c;font-size:11px}.method-tabs button small{display:block;margin-top:2px;color:#9ba5a0;font-size:8px}.method-tabs button.active{background:#173a32;color:#f2ddaa;box-shadow:0 7px 16px #173a3230}.method-tabs button.active small{color:#bad0c6}.method-panel{margin-top:10px;padding:22px;border:1px solid #fff;border-radius:22px;background:#fffdf9e8;box-shadow:0 10px 30px #203d3218;text-align:center}.method-panel>p{margin:13px auto 20px;max-width:350px;color:#7b8984;font-size:11px;line-height:1.75}.coin-stage{display:flex;justify-content:center;gap:12px}.coin-stage span{width:58px;height:58px;display:grid;place-items:center;border:2px solid #a27b37;border-radius:50%;background:radial-gradient(circle,#f6e8bd 0 47%,#cda95e 49% 53%,#f1d792 55%);color:#7b5924;font:18px serif;box-shadow:0 8px 16px #7d63252c}.method-panel.casting .coin-stage span{animation:coinToss .65s ease-in-out infinite}.method-panel.casting .coin-stage span:nth-child(2){animation-delay:.12s}.method-panel.casting .coin-stage span:nth-child(3){animation-delay:.24s}@keyframes coinToss{50%{transform:translateY(-14px) rotateY(180deg);filter:brightness(1.1)}}
.cast-button{width:132px;height:132px;border:1px solid #c9a761;border-radius:50%;background:radial-gradient(circle,#275f50 0 54%,#173a32 55% 62%,#d6bc7c 63% 65%,#173a32 66%);color:#f2e1b6;box-shadow:0 14px 27px #173a3245}.cast-button span{display:block;font:700 23px serif;letter-spacing:4px}.cast-button small{display:block;margin-top:5px;color:#bcd1c8;font-size:8px}.panel-note{margin-top:0!important}.manual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:17px;text-align:left}.manual-grid label{margin:0;padding:10px;border-radius:12px;background:#f4f5f0;font-size:10px}.manual-grid select{margin-top:5px;min-height:39px;padding:8px}.moving-field{margin:0 0 17px;padding:14px;border:1px solid var(--line);border-radius:14px;text-align:left}.moving-field legend{color:#52655f;font-size:11px;font-weight:700}.moving-field legend small{color:#9ba4a0;font-weight:400}.moving-field>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.moving-field label{display:flex;align-items:center;gap:5px;margin:0;padding:8px;border-radius:9px;background:#f4f5f0;font-size:10px}.moving-field input{width:auto;min-height:auto;margin:0}.method-panel label{text-align:left}
.result{scroll-margin-top:10px}.result-head{display:flex;align-items:end;justify-content:space-between;margin:20px 3px 11px}.result-head h2{margin:0;color:var(--ink);font-size:20px}.result-head button{padding:8px 11px;border:1px solid #d3bd8b;border-radius:10px;background:#fff8e8;color:#9a7133;font-size:10px}.plate-card{display:grid;grid-template-columns:1fr 45px 1fr;gap:8px;padding:20px 14px;border-radius:24px;background:#173a32;color:#f1e2bb;box-shadow:0 16px 35px #173a3235}.gua-column{text-align:center}.gua-role{color:#9fbbb0;font-size:9px;letter-spacing:2px}.gua-column h3{margin:5px 0 2px;font:700 19px serif}.gua-column>small{color:#adc3ba;font-size:8px}.six-lines{display:flex;flex-direction:column-reverse;gap:8px;width:90px;margin:15px auto 0}.line-row{display:grid;grid-template-columns:14px 1fr 20px;align-items:center;gap:5px;min-height:8px}.line-row small{color:#90aaa0;font-size:7px}.line-mark{position:relative}.line-mark i{height:6px}.line-mark.yang i{background:#dcc486}.line-mark.yin i{background:linear-gradient(90deg,#dcc486 0 40%,transparent 40% 60%,#dcc486 60%)}.line-row.moving .line-mark:after{content:"○";position:absolute;right:-13px;top:-6px;color:#e1a661;font-size:12px}.line-row.moving .line-mark.yin:after{content:"×"}.line-row b{color:#d2b56e;font-size:8px}.change-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#85a398}.change-arrow span{font-size:8px;writing-mode:vertical-rl}.change-arrow b{margin-top:8px;color:#d5b970;font-size:20px}.relation-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.relation-strip div{padding:10px 5px;border-radius:12px;background:#ffffffad;text-align:center;box-shadow:0 5px 15px #203d3210}.relation-strip span{display:block;color:#9aa39f;font-size:8px}.relation-strip b{display:block;margin-top:3px;color:#456057;font-size:10px}.reading-card{margin-bottom:10px;padding:18px;border:1px solid #fff;border-radius:19px;background:#fffdf9dd;box-shadow:0 8px 24px #203d3213}.reading-card>span,.reading-title>span{color:#aa8139;font-size:9px;font-weight:800;letter-spacing:1px}.reading-card h3{margin:7px 0 5px;color:var(--ink);font-size:18px}.reading-card p{margin:0;color:#61736c;font-size:11px;line-height:1.85}.risk{display:flex;gap:8px;margin-top:13px;padding:10px;border-radius:10px;background:#f6eee7;color:#8e6659;font-size:10px}.reading-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.reading-title select{width:auto;min-height:32px;margin:0;padding:5px 24px 5px 9px;font-size:9px}.method-note small{display:block;margin-top:12px;color:#a1aaa6;font-size:8px;line-height:1.6}.secondary{width:100%;padding:13px;border:1px solid #bd9d5f;border-radius:13px;background:transparent;color:#8c6a2d;font-weight:700}.ly-nav{position:fixed;z-index:20;left:50%;bottom:10px;transform:translateX(-50%);width:min(calc(100% - 24px),496px);display:grid;grid-template-columns:repeat(3,1fr);padding:9px 6px calc(9px + env(safe-area-inset-bottom));border-radius:21px;background:#15382ff2;box-shadow:0 14px 35px #173a3245;backdrop-filter:blur(15px)}.ly-nav a{text-align:center;text-decoration:none;color:#91aaa1;font-size:9px}.ly-nav span{display:block;font-size:18px}.ly-nav a.active{color:#f2dba5}
@media(max-width:380px){.ly-hero{padding:21px 17px}.hero-copy{max-width:240px}.hero-gua{width:45px}.manual-grid{grid-template-columns:1fr}.plate-card{grid-template-columns:1fr 32px 1fr;padding-inline:7px}.six-lines{width:75px}}
.method-tabs{grid-template-columns:repeat(4,1fr)}.method-tabs button{padding-inline:2px;font-size:10px}.method-tabs button small{font-size:7px}
.library-panel{text-align:left}.library-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:15px}.library-head>div>span{color:#a77d34;font-size:8px;letter-spacing:1px}.library-head h3{margin:4px 0 0;color:var(--ink);font-size:16px}.library-search{width:145px;margin:0}.library-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.library-search input{min-height:38px;margin:0;padding:8px 10px;font-size:9px}.hexagram-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;max-height:356px;overflow:auto;padding:1px}.hexagram-tile{min-width:0;padding:10px 4px;border:1px solid #e4e7df;border-radius:11px;background:#f8f8f3;color:#51645d;text-align:center}.hexagram-tile:hover,.hexagram-tile:focus-visible,.hexagram-tile.active{border-color:#b99a58;background:#fff8e7;outline:0;box-shadow:0 5px 12px #8b6c2c18}.hexagram-tile span{display:block;color:#a19b8c;font-size:7px}.hexagram-tile b{display:block;margin:3px 0;color:#254d42;font:700 13px serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hexagram-tile small{display:block;color:#9a7a3f;font-size:7px}.library-empty{grid-column:1/-1;padding:28px;color:#8e9994;text-align:center;font-size:10px}.hexagram-detail{margin-top:12px;padding:16px;border:1px solid #e1d4b8;border-radius:16px;background:linear-gradient(145deg,#fffaf0,#f4f6ef)}.hexagram-detail header{display:flex;align-items:center;justify-content:space-between}.hexagram-detail header span{color:#aa8139;font-size:8px}.hexagram-detail header h3{margin:4px 0 2px;color:#173a32;font:700 20px serif}.hexagram-detail header small{color:#84918c;font-size:8px}.detail-lines{display:flex;flex-direction:column-reverse;gap:4px;width:58px}.detail-lines i{display:block;height:4px;border-radius:4px;background:#2a6657}.detail-lines i.yin{background:linear-gradient(90deg,#2a6657 0 40%,transparent 40% 60%,#2a6657 60%)}.detail-core{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:13px 0}.detail-core p{margin:0;padding:9px;border-radius:9px;background:#ffffffb8}.detail-core b,.detail-core span{display:block}.detail-core b{color:#a67b32;font-size:7px}.detail-core span{margin-top:4px;color:#50635c;font-size:8px;line-height:1.45}.detail-reading{margin:0 0 12px!important;color:#66766f!important;font-size:9px!important;line-height:1.7!important}
.hexagram-tile em{display:block;margin:1px 0 3px;color:#7d8a84;font-size:7px;font-style:normal;white-space:nowrap}
.manual-grid{grid-template-columns:1fr}.manual-grid label{display:grid;grid-template-columns:38px 1fr 132px;align-items:center;gap:12px;padding:9px 12px}.manual-grid label>span{color:#53675f;font-size:10px}.manual-grid select{margin:0}.manual-line-symbol{position:relative;display:block;height:6px;border-radius:5px;background:#2b6657}.manual-line-symbol.yin{background:linear-gradient(90deg,#2b6657 0 41%,transparent 41% 59%,#2b6657 59%)}.manual-line-symbol.moving:after{content:'○';position:absolute;right:-18px;top:-6px;color:#b88736;font:14px serif}.manual-line-symbol.yin.moving:after{content:'×'}
.manual-rules{margin-bottom:14px;border:1px solid #dce3dc;border-radius:15px;background:#f7f7f2;text-align:left;overflow:hidden}.manual-rules summary{display:flex;align-items:center;justify-content:space-between;padding:13px 14px;cursor:pointer;list-style:none}.manual-rules summary::-webkit-details-marker{display:none}.manual-rules summary span{display:block}.manual-rules summary b{display:block;color:#34564c;font-size:11px}.manual-rules summary small{display:block;margin-top:3px;color:#96a19c;font-size:8px}.manual-rules summary i{width:8px;height:8px;margin-right:3px;transform:rotate(45deg);border-right:1px solid #a77f38;border-bottom:1px solid #a77f38;transition:transform .2s}.manual-rules[open] summary i{transform:rotate(225deg)}.manual-rules-body{padding:2px 14px 14px;border-top:1px solid #e6e9e4}.manual-rules-body p{margin:11px 0 0;color:#687871;font-size:9px;line-height:1.75}.manual-rules-body p b{color:#315a4e}.coin-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:11px}.coin-rule-grid span{padding:8px 3px;border-radius:9px;background:#fff;text-align:center}.coin-rule-grid b,.coin-rule-grid small{display:block}.coin-rule-grid b{color:#96702d;font-size:8px}.coin-rule-grid small{margin-top:3px;color:#87938e;font-size:7px}
@media(max-width:380px){.method-tabs{gap:2px}.method-tabs button{font-size:9px}.method-tabs button small{font-size:6px}.library-head{display:block}.library-search{width:100%;margin-top:10px}.hexagram-grid{grid-template-columns:repeat(3,1fr)}.detail-core{grid-template-columns:1fr}}
@media(max-width:380px){.manual-grid label{grid-template-columns:34px 1fr 116px;gap:9px;padding-inline:9px}}
@media(max-width:380px){.coin-rule-grid{grid-template-columns:repeat(2,1fr)}}
.cast-progress{margin:18px auto 4px;padding:12px 13px 13px;border:1px solid #e3e7df;border-radius:15px;background:#f6f7f2;text-align:left}.cast-progress header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cast-progress header span{color:#506860;font-size:9px}.cast-progress header small{color:#a17b39;font-size:8px}.cast-lines{display:flex;flex-direction:column-reverse;gap:5px}.cast-line{display:grid;grid-template-columns:30px 1fr 75px;align-items:center;gap:8px;min-height:14px;opacity:.52}.cast-line small{color:#9ba49f;font-size:8px}.cast-line b{color:#a5ada8;font-size:8px;font-weight:500}.cast-line-mark{display:block;width:100%;height:4px;border-radius:4px;background:#dfe4df}.cast-line.drawn{opacity:1}.cast-line.drawn b{color:#9c7838}.cast-line-mark.yang{background:#dcc486}.cast-line-mark.yin{background:linear-gradient(90deg,#dcc486 0 41%,transparent 41% 59%,#dcc486 59%)}.cast-line-mark.moving{animation:lineDraw .55s ease-out both}.cast-line-mark.moving:after{content:'○';display:block;position:relative;top:-7px;right:-3px;color:#c79a4b;font:12px serif;text-align:right}.cast-line-mark.yin.moving:after{content:'×'}@keyframes lineDraw{from{opacity:0;transform:scaleX(0);transform-origin:left}to{opacity:1;transform:scaleX(1)}}
.auto-layout{display:grid;grid-template-columns:136px minmax(0,1fr);gap:14px;align-items:center}.auto-coins{text-align:center}.auto-coins .coin-stage{gap:7px}.auto-coins .coin-stage span{width:38px;height:38px}.auto-coins .coin-stage span:before{inset:5px}.auto-coins .coin-stage span i{width:10px;height:10px;border-width:2px;box-shadow:0 0 0 1px #f5dc8e}.auto-coins>p{margin:13px 0 15px;font-size:9px;line-height:1.65}.auto-coins .cast-button{width:92px;height:92px}.auto-coins .cast-button span{font-size:18px}.auto-coins .cast-button small{font-size:7px}.auto-layout .cast-progress{width:100%;margin:0;padding:10px}.auto-layout .cast-progress header{margin-bottom:8px}.auto-layout .cast-progress header span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auto-layout .cast-line{grid-template-columns:25px minmax(0,1fr) 57px;gap:6px;min-height:13px}.auto-layout .cast-line small,.auto-layout .cast-line b{font-size:7px}.auto-layout .cast-line-mark{height:4px}
@media(max-width:380px){.auto-layout{grid-template-columns:1fr;gap:14px}.auto-layout .cast-progress{margin:0}.auto-coins{display:grid;grid-template-columns:1fr;justify-items:center}.auto-coins>p{max-width:260px}}
.auto-layout{grid-template-columns:124px 198px;justify-content:center}.auto-layout .cast-progress{max-width:198px}.auto-layout .cast-line{grid-template-columns:23px minmax(0,1fr) 52px;gap:5px}
@media(max-width:380px){.auto-layout{grid-template-columns:1fr}.auto-layout .cast-progress{max-width:none}}
.auto-layout{grid-template-columns:160px 240px;gap:24px;align-items:center;justify-content:center}.auto-layout .cast-progress{width:240px;max-width:240px;min-height:235px;padding:13px 12px}.auto-layout .cast-progress header{min-height:20px;margin-bottom:10px}.auto-layout .cast-lines{height:174px;justify-content:space-between;gap:0}.auto-layout .cast-line{grid-template-columns:27px minmax(0,1fr) 58px;gap:7px;min-height:18px}.auto-layout .cast-line-mark{max-width:104px}
@media(max-width:430px){.auto-layout{grid-template-columns:1fr;gap:16px}.auto-layout .cast-progress{width:100%;max-width:240px;margin-inline:auto}}
.auto-coins .cast-button{position:relative;width:100px;height:78px;overflow:hidden;border:3px solid #303534;border-radius:52% 52% 46% 46% / 58% 58% 42% 42%;background:radial-gradient(ellipse at 50% 42%,#6f7774 0 18%,#505654 43%,#343938 70%,#202423 100%);color:#e7e3d5;box-shadow:inset 0 0 0 2px #848b87,inset 0 -10px 18px #171a19aa,0 10px 20px #2026253d;transition:transform .16s ease,filter .16s ease}.auto-coins .cast-button:before{content:"";position:absolute;inset:8px 10px;border:1px solid #92999588;border-radius:50%;background:repeating-conic-gradient(from 30deg,#b0b5b00f 0 9deg,#171b1a44 10deg 12deg);box-shadow:inset 0 0 0 8px #22262530}.auto-coins .cast-button:after{content:"";position:absolute;left:50%;top:14%;width:1px;height:70%;background:#aeb4b044;box-shadow:-22px 8px 0 #9ea5a033,22px 8px 0 #9ea5a033;transform:translateX(-50%)}.auto-coins .cast-button span,.auto-coins .cast-button small{position:relative;z-index:2;text-shadow:0 1px 2px #000}.auto-coins .cast-button span{font-size:16px;letter-spacing:3px}.auto-coins .cast-button small{color:#c5cbc7;font-size:7px}.auto-coins .cast-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.auto-coins .cast-button:active{transform:translateY(1px) scale(.98)}.auto-coins .cast-button:disabled{cursor:wait;filter:brightness(.85)}
.gua-column{display:grid;grid-template-rows:13px 30px 25px auto;align-content:start}.gua-column h3{align-self:center;margin:0}.gua-column>small{display:flex;align-items:flex-start;justify-content:center;min-height:25px;line-height:1.45}.gua-column .six-lines{align-self:start;margin-top:10px}.line-row{height:10px;min-height:10px}.line-mark{width:100%}.change-arrow{padding-top:68px;justify-content:flex-start}
.reading-focus{display:flex;align-items:center;gap:6px;margin:10px 0 12px;padding:5px 6px;border:1px solid #fff;border-radius:14px;background:#e8ede8}.reading-focus>span{margin:0 5px;color:#87938e;font-size:9px}.reading-focus button{flex:1;padding:8px 4px;border:0;border-radius:10px;background:transparent;color:#72817b;font-size:10px}.reading-focus button.active{background:#173a32;color:#f2dba5;font-weight:800;box-shadow:0 4px 10px #173a3228}
.key-reading{position:relative;min-height:175px;padding-right:142px}.focus-gua{position:absolute;right:18px;top:17px;width:104px;padding:11px 10px;border:1px solid #e0e6df;border-radius:14px;background:#f5f7f2;text-align:center}.focus-mini-lines{display:flex;flex-direction:column-reverse;gap:4px;width:55px;margin:0 auto 8px}.focus-mini-lines i{display:block;height:4px;border-radius:4px;background:#2a6657}.focus-mini-lines i.yin{background:linear-gradient(90deg,#2a6657 0 40%,transparent 40% 60%,#2a6657 60%)}.focus-gua>b{display:block;color:#294f44;font:700 11px serif;white-space:nowrap}.focus-gua>small{display:block;margin-top:3px;color:#9a7a3f;font-size:7px}.key-reading>h3{max-width:250px}.key-reading>.risk{margin-right:-124px}
.focus-gua{padding:0;border:0;border-radius:0;background:transparent}.focus-mini-lines i{background:#dcc486}.focus-mini-lines i.yin{background:linear-gradient(90deg,#dcc486 0 40%,transparent 40% 60%,#dcc486 60%)}.focus-gua>b{color:#dcc486}.focus-gua>small{color:#adb5b1}
.coin-stage span{position:relative;border:2px solid #89652d;background:radial-gradient(circle at 35% 28%,#efd18a 0 9%,#c69442 31%,#93651f 68%,#d2a957 82%,#79501b 100%);box-shadow:inset 0 0 0 3px #edce80,inset 0 0 0 5px #8d642a,0 8px 16px #7d63252c}.coin-stage span:before{content:"";position:absolute;inset:8px;border:1px solid #6f4b1c;border-radius:50%;box-shadow:0 0 0 1px #e8c573,inset 0 0 7px #6e481c55}.coin-stage span i{position:relative;z-index:1;width:15px;height:15px;border:3px solid #73501f;border-radius:2px;background:#f7f5ed;box-shadow:inset 0 0 3px #493313,0 0 0 2px #d9af60;transform:rotate(1deg)}
.coin-stage span.coin-front{border-color:#c6a451;background:radial-gradient(circle at 35% 28%,#fff7cf 0 12%,#f7df91 38%,#e6c66d 72%,#f4dc91 86%,#cdaa54 100%);box-shadow:inset 0 0 0 3px #fff2bd,inset 0 0 0 5px #c8a54d,0 8px 16px #b9964226}.coin-stage span.coin-front:before{border-color:#c4a04a;box-shadow:0 0 0 1px #fff0b4,inset 0 0 5px #a9852d33}.coin-stage span.coin-front i{border-color:#b18d37;background:#f7f5ed;box-shadow:inset 0 0 2px #896b25,0 0 0 2px #f5dc8e}.coin-stage span.coin-back{filter:saturate(.9)}
@media(max-width:380px){.key-reading{padding-right:126px}.focus-gua{right:13px;width:94px}.focus-mini-lines{width:48px}.key-reading>.risk{margin-right:-108px}}
.hexagram-explain{margin:14px 0;background:#fbfaf6;border:1px solid #dedfd7;border-radius:20px;overflow:hidden;box-shadow:0 12px 30px #173a3210}.hexagram-explain>summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none}.hexagram-explain>summary::-webkit-details-marker{display:none}.hexagram-explain>summary span{display:flex;flex-direction:column;gap:3px}.hexagram-explain>summary small{font-size:8px;letter-spacing:1.5px;color:#b28a3d}.hexagram-explain>summary b{font-family:serif;font-size:18px;color:#173a32}.hexagram-explain>summary em{margin-left:auto;font-style:normal;font-size:11px;color:#7d8984}.hexagram-explain>summary>i{width:9px;height:9px;border-right:1px solid #173a32;border-bottom:1px solid #173a32;transform:rotate(45deg);transition:.2s}.hexagram-explain[open]>summary>i{transform:rotate(225deg)}.hexagram-explain-body{padding:0 20px 20px;border-top:1px solid #e8e6df}.explain-section{padding:20px 0;border-bottom:1px solid #e8e6df}.explain-section header{display:flex;align-items:center;gap:9px;margin-bottom:10px}.explain-section header i{font-style:normal;font-size:9px;color:#b28a3d}.explain-section h4{margin:0;color:#173a32;font-family:serif;font-size:15px}.explain-section header small{margin-left:auto;padding:3px 7px;border-radius:10px;background:#edece7;color:#8b918e;font-size:8px}.explain-section p{margin:0;color:#55645e;font-size:12px;line-height:1.9;white-space:pre-line}.explain-section>a{display:inline-block;margin-top:8px;color:#9b7938;font-size:9px;text-decoration:none}.traditional-grid{display:grid;gap:8px;margin-top:14px}.traditional-grid div{display:grid;grid-template-columns:38px 1fr;gap:9px;padding:9px 10px;border-radius:10px;background:#f1f1ec}.traditional-grid b{color:#9b7938;font-size:10px}.traditional-grid span{color:#65716d;font-size:10px;line-height:1.65}.explain-note{margin:16px 0 0;color:#9a9f9c;font-size:8px;line-height:1.7}
.explain-guide{display:flex;align-items:center;gap:12px;padding:14px 0 10px}.explain-guide span{flex:none;padding:5px 9px;border-radius:12px;background:#173a32;color:#efd89e;font-size:9px;letter-spacing:1px}.explain-guide p{margin:0;color:#8b9490;font-size:9px;line-height:1.55}.explain-section{padding:0;border-bottom:1px solid #e8e6df}.explain-section>summary{display:flex;align-items:center;gap:11px;padding:15px 2px;cursor:pointer;list-style:none}.explain-section>summary::-webkit-details-marker,.traditional-grid summary::-webkit-details-marker{display:none}.explain-section>summary>i{color:#b28a3d;font-size:9px;font-style:normal;letter-spacing:1px}.explain-section>summary>span{display:flex;flex-direction:column;gap:2px}.explain-section>summary h4{margin:0;color:#173a32;font-family:serif;font-size:14px}.explain-section>summary em{color:#99a09d;font-size:8px;font-style:normal}.explain-section>summary>b{margin-left:auto;width:8px;height:8px;border-right:1px solid #77827e;border-bottom:1px solid #77827e;transform:rotate(45deg);transition:.2s}.explain-section[open]>summary>b{transform:rotate(225deg)}.explain-content{padding:0 2px 18px 24px}.explain-main{margin:0;color:#4e5f58;font-size:12px;line-height:1.95;white-space:pre-line}.plain-reading{margin-top:13px;padding:12px 13px;border-left:2px solid #c7a45c;border-radius:0 11px 11px 0;background:#f1eee6}.plain-reading small{display:block;margin-bottom:5px;color:#a27d34;font-size:9px}.plain-reading p{margin:0;color:#68736f;font-size:11px;line-height:1.85;white-space:pre-line}.explain-content>a{display:inline-block;margin-top:9px;color:#9b7938;font-size:9px;text-decoration:none}.traditional-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.traditional-grid details{border:1px solid #e2e2dc;border-radius:11px;background:#f3f3ee;overflow:hidden}.traditional-grid summary{display:flex;align-items:center;padding:10px 11px;cursor:pointer;list-style:none}.traditional-grid summary b{color:#947333;font-size:10px}.traditional-grid summary i{margin-left:auto;width:6px;height:6px;border-right:1px solid #89928e;border-bottom:1px solid #89928e;transform:rotate(45deg)}.traditional-grid details[open] summary i{transform:rotate(225deg)}.traditional-grid p{margin:0;padding:0 11px 11px;color:#65716d;font-size:10px;line-height:1.75;white-space:pre-line}@media(max-width:560px){.traditional-grid{grid-template-columns:1fr}.hexagram-explain-body{padding-left:16px;padding-right:16px}.explain-content{padding-left:20px}}
.explain-section>header{display:block;padding:17px 2px 10px;margin:0}.explain-section>header span{display:flex;align-items:baseline;gap:9px}.explain-section>header h4{margin:0;color:#173a32;font-family:serif;font-size:14px}.explain-section>header em{color:#99a09d;font-size:8px;font-style:normal}.explain-section .explain-content{padding-left:2px}.traditional-grid>div{display:block;padding:11px 12px;border:1px solid #e2e2dc;border-radius:11px;background:#f3f3ee}.traditional-grid>div>b{display:block;margin-bottom:5px;color:#947333;font-size:10px}.traditional-grid>div>p{margin:0;padding:0;color:#65716d;font-size:10px;line-height:1.75;white-space:pre-line}
.line-commentaries{display:grid;gap:12px;margin-top:20px;padding-top:16px;border-top:1px dashed #d8d8d0}.line-commentaries article{padding:14px 15px;border:1px solid #e0e1da;border-radius:14px;background:#fff}.line-commentaries h5{margin:0 0 9px;color:#173a32;font-family:serif;font-size:13px}.line-original{margin:0;color:#52615b;font-size:11px;line-height:1.9}.line-plain{margin-top:11px;padding:11px 12px;border-radius:10px;background:#f3f0e8}.line-plain b{display:block;margin-bottom:6px;color:#9b7938;font-size:9px}.line-plain p{margin:0;color:#697570;font-size:10px;line-height:1.8}.line-plain p+p{margin-top:5px}
.line-commentaries{display:block;padding-top:0;border:1px solid #dde0d9;border-radius:14px;overflow:hidden}.line-commentaries>summary{display:flex;align-items:center;padding:14px 15px;cursor:pointer;list-style:none;background:#f0f2ed}.line-commentaries>summary::-webkit-details-marker{display:none}.line-commentaries>summary span{display:flex;flex-direction:column;gap:2px}.line-commentaries>summary b{color:#173a32;font-family:serif;font-size:13px}.line-commentaries>summary small{color:#929b97;font-size:8px}.line-commentaries>summary i{margin-left:auto;width:8px;height:8px;border-right:1px solid #75817c;border-bottom:1px solid #75817c;transform:rotate(45deg);transition:.2s}.line-commentaries[open]>summary i{transform:rotate(225deg)}.line-commentary-list{display:grid;gap:12px;padding:13px;background:#faf9f5}
.nihaixia-layout{display:grid;grid-template-columns:minmax(210px,46%) 1fr;gap:18px;align-items:start}.nihaixia-layout figure{margin:0}.nihaixia-layout img{display:block;width:100%;height:auto;border:1px solid #dddcd4;border-radius:12px;background:#fff}.nihaixia-layout figcaption{padding-top:7px;color:#929994;font-size:8px;text-align:center}.nihaixia-copy{display:grid;gap:8px}.nihaixia-copy p{padding:9px 11px;border-radius:10px;background:#f2f0e9;color:#58665f;font-size:10px;line-height:1.75}.nihaixia-missing{padding:15px 16px;border:1px dashed #d5d6cf;border-radius:12px;background:#f3f3ee}.nihaixia-missing b{display:block;margin-bottom:5px;color:#727d78;font-size:11px}.nihaixia-missing p{color:#929994;font-size:9px;line-height:1.7}@media(max-width:620px){.nihaixia-layout{grid-template-columns:1fr}.nihaixia-layout figure{max-width:420px;margin:0 auto}}
.library-explain{margin-top:12px;background:#fffdf8}.library-explain[hidden]{display:none}.library-explain>summary em{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.liuyao-main{padding-bottom:108px}.ly-head{padding:8px 0 15px}.ly-nav{width:min(calc(100% - 24px),516px)}
.ly-head{display:flex;align-items:center;justify-content:space-between;gap:0;padding:8px 2px 15px}.ly-head>div{flex:1;text-align:center}.ly-head .eyebrow{margin:0;color:var(--gold);font-size:9px;letter-spacing:2px}.ly-head h1{margin:2px 0 0;font-size:20px;letter-spacing:2px}.ly-head .subtitle{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.back,.head-seal{flex:0 0 42px;width:42px;height:42px}.back{font-size:16px;box-shadow:0 7px 20px #173a3218}.head-seal{font-size:16px}.ask-card{margin-top:12px}.method-wrap{padding-top:0}.method-panel{margin-top:12px}.result-head{margin-top:12px}
body{background:#f3f0e7}.ly-hero{min-height:134px;padding:16px;border-radius:22px;box-shadow:0 14px 35px #173a3230}.hero-copy h2{margin:7px 0 6px;font-size:22px}.hero-copy p{font-size:10px;line-height:1.65}.head-seal{border-color:#fff;border-radius:14px;background:#ffffffb8;color:var(--ink);box-shadow:0 7px 20px #173a3218}.method-tabs,.method-panel,.ask-card,.plate-card,.reading-card,.hexagram-explain{max-width:100%}
@media(max-width:430px){.liuyao-main{width:100%;padding:12px 12px 108px}.ly-hero,.ask-card,.method-wrap,.method-tabs,.method-panel,.result{width:100%;min-width:0}.method-panel{padding:17px 12px}.auto-layout{grid-template-columns:minmax(0,1fr);gap:16px}.auto-layout .cast-progress{width:100%;max-width:none;margin-inline:0}.auto-coins{width:100%}.auto-coins>p{max-width:none}.library-head,.reading-title{min-width:0}body .bottom-nav{left:50%;right:auto;width:calc(100% - 24px);max-width:516px}}

/* 本卦、互卦展示：背景改为纯银色，卦爻保持金色。 */
body .result .plate-card{background:#aeb7bf!important;color:#f8fafb!important;border-color:#c7ced4!important;box-shadow:0 16px 35px rgba(70,80,90,.2),inset 0 1px 0 rgba(255,255,255,.45)!important}
body .result .plate-card .gua-role,body .result .plate-card .gua-column>small,body .result .plate-card .line-row small{color:#e8edf1!important}
body .result .plate-card .line-mark i,body .result .plate-card .line-mark.yang i,body .result .plate-card .line-mark.yin i{background:#dcc486!important}
body .result .plate-card .line-mark.yin i{background:linear-gradient(90deg,#dcc486 0 40%,transparent 40% 60%,#dcc486 60%)!important}
body .result .plate-card .line-row b,body .result .plate-card .change-arrow b{color:#f1d99b!important}
.ly-hero{min-height:145px}

/* White divination plates, silver hexagram strokes, and neutral silver-gray copy. */
body .result .plate-card{background:#fff!important;color:#4b555e!important;border:1px solid #dce2e7!important;box-shadow:0 14px 32px rgba(70,80,90,.12),inset 0 1px 0 #fff!important}
body .result .plate-card :where(.gua-role,.gua-column>small,.line-row small,.line-row b,.change-arrow,.change-arrow b){color:#7d8790!important}
body :where(.hero-gua i,.detail-lines i,.manual-line-symbol,.cast-line-mark.yang,.focus-mini-lines i,.plate-card .line-mark i){background:#929ca5!important}
body :where(.hero-gua .yin,.detail-lines i.yin,.manual-line-symbol.yin,.cast-line-mark.yin,.focus-mini-lines i.yin,.plate-card .line-mark.yin i){background:linear-gradient(90deg,#929ca5 0 40%,transparent 40% 60%,#929ca5 60%)!important}
body .focus-gua>b{color:#7d8790!important}
body :where(.hero-copy p,.method-tabs button,.method-tabs button.active small,.cast-button small,
.moving-field legend,.gua-role,.gua-column>small,.line-row small,.change-arrow,.relation-strip b,
.reading-card p,.hexagram-tile,.hexagram-tile b,.hexagram-tile em,.detail-core span,.detail-reading,
.manual-grid label>span,.manual-rules summary b,.manual-rules-body p,.manual-rules-body p b,
.cast-progress header span,.reading-focus button,.focus-gua>b,.explain-section p,.explain-main,
.line-original,.nihaixia-copy p){color:#68737d!important}

body :where(.method-tabs,.reading-focus) button.active,
body :where(.method-tabs,.reading-focus) button.active :where(span,small,b,strong,em,i){color:#fff!important}

/* Result plate contrast on white: dark labels/numbers and deep-silver lines. */
body .result .plate-card .gua-role,
body .result .plate-card .gua-column>small,
body .result .plate-card .line-row small,
body .result .plate-card .line-row b,
body .result .plate-card .change-arrow,
body .result .plate-card .change-arrow b{color:#56616b!important}
body .result .plate-card .line-mark i,
body .result .plate-card .line-mark.yang i{background:#6f7a84!important}
body .result .plate-card .line-mark.yin i{background:linear-gradient(90deg,#6f7a84 0 40%,transparent 40% 60%,#6f7a84 60%)!important}

/* Compact manual casting entry: six clear rows with a smaller visual footprint. */
body .manual-grid{gap:6px;margin:0 auto 12px;max-width:430px}
body .manual-grid label{grid-template-columns:32px minmax(70px,1fr) 112px;gap:9px;min-height:42px;padding:5px 10px;border-radius:10px}
body .manual-grid label>span{font-size:9px;white-space:nowrap}
body .manual-grid select{min-height:32px;padding:5px 24px 5px 8px;font-size:9px}
body .manual-line-symbol{height:5px}
@media(max-width:380px){body .manual-grid label{grid-template-columns:30px minmax(58px,1fr) 104px;gap:7px;padding-inline:8px}body .manual-grid select{font-size:8px}}

/* Hexagram commentary icons and chapter markers: remove remaining jade green. */
body .hexagram-explain>summary b,
body .hexagram-explain .explain-section h4,
body .hexagram-explain .line-commentaries h5,
body .hexagram-explain .line-commentaries>summary b{color:#59646e!important}
body .hexagram-explain>summary>i,
body .hexagram-explain .explain-section>summary>b,
body .hexagram-explain .traditional-grid summary i,
body .hexagram-explain .line-commentaries>summary i{border-color:#7c8790!important;color:#7c8790!important}
body .hexagram-explain .explain-section header i,
body .hexagram-explain .explain-section>summary>i{color:#7c8790!important}
body .hexagram-explain .explain-guide span{background:#68737d!important;color:#fff!important}