body.yijing-page{background:radial-gradient(circle at 75% 0,rgba(97,150,103,.19),transparent 33%),linear-gradient(180deg,#10211b,#101715 48%,#0d1512);color:#e8eee1}.yijing-hero{background:radial-gradient(circle at 80% 24%,rgba(130,183,110,.2),transparent 32%),linear-gradient(120deg,#183328,#132018)}.yijing-library-head{display:flex;justify-content:space-between;gap:28px;align-items:start}.yijing-library-head h2{margin:.15em 0}.yijing-library-head p{max-width:760px;color:#c9d4c4}.yijing-count{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;padding:16px 18px;border:1px solid rgba(166,207,139,.3);background:rgba(28,55,40,.4);min-width:200px}.yijing-count strong{color:#d5e7b7;font-size:24px}.yijing-count span{font-size:12px;color:#b4c9ab}.yijing-boundary{display:flex;gap:12px;margin:22px 0;padding:13px 16px;border-left:3px solid #91b878;background:rgba(97,145,82,.14);color:#cbd7c5;font-size:13px}.yijing-boundary strong{color:#d9edbd;white-space:nowrap}.yijing-controls{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:18px;margin:22px 0}.yijing-search{display:grid;gap:7px;color:#bed1b3;font-size:13px}.yijing-search input{width:100%;border:1px solid rgba(170,209,144,.32);background:#14231b;color:#eef5e7;padding:12px}.yijing-topics{display:flex;gap:9px;align-items:start;color:#bed1b3;font-size:13px}.yijing-topics>span{padding-top:9px;white-space:nowrap}.yijing-topics div{display:flex;flex-wrap:wrap;gap:7px}.yijing-topics button,.yijing-trigram-key button,.yijing-guide-grid button{border:1px solid rgba(165,203,137,.28);background:rgba(52,85,59,.3);color:#d4e4c9;cursor:pointer}.yijing-topics button{padding:7px 9px}.yijing-trigram-key{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;margin:18px 0}.yijing-trigram-key button{display:grid;grid-template-columns:20px 1fr;column-gap:7px;text-align:left;padding:9px}.yijing-trigram-key .hex-lines{grid-row:span 2}.yijing-trigram-key strong{font-size:13px}.yijing-trigram-key span{color:#aabca2;font-size:11px}.hex-lines{display:flex;flex-direction:column-reverse;gap:2px;width:22px}.hex-lines i{display:block;height:3px;background:#d8e8c1}.hex-lines i.broken{background:linear-gradient(90deg,#d8e8c1 0 39%,transparent 39% 61%,#d8e8c1 61%)}.yijing-atlas{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}.hex-card{position:relative;min-height:116px;display:grid;justify-items:center;align-content:center;gap:5px;border:1px solid rgba(166,204,138,.22);background:linear-gradient(150deg,rgba(31,58,41,.87),rgba(15,29,21,.92));color:#e3efda;cursor:pointer}.hex-card:hover,.hex-card.is-selected{border-color:#c4dd9e;background:linear-gradient(150deg,rgba(74,112,66,.78),rgba(21,44,29,.96));box-shadow:0 0 0 2px rgba(185,220,150,.08)}.hex-no{position:absolute;top:6px;left:8px;color:#91ad83;font-size:10px}.hex-card strong{font-size:16px}.hex-card small{font-size:10px;color:#b4c4ad}.hex-main{height:28px}.hex-main i{height:3px}.yijing-empty{color:#c3d0bd}.yijing-detail{margin-top:22px;padding:26px;border:1px solid rgba(169,207,140,.3);background:rgba(19,39,27,.76)}.yijing-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid rgba(170,204,143,.2);padding-bottom:17px}.yijing-detail-head h2{margin:.1em 0;color:#e4f1d8}.yijing-detail-head p{margin:0;color:#b7c9af}.detail-symbol{width:48px;gap:4px}.detail-symbol i{height:5px}.yijing-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.yijing-detail-grid article,.yijing-lines-read,.yijing-source-row,.yijing-related{border:1px solid rgba(165,201,140,.2);background:rgba(47,78,52,.2);padding:17px}.yijing-detail-grid span,.yijing-source-row span{display:block;color:#a7c28f;font-size:12px}.yijing-detail-grid strong{display:block;color:#e2efcf;margin-top:6px}.yijing-detail-grid h3{margin:5px 0;color:#e4f1d8}.yijing-detail-grid p,.yijing-lines-read p,.yijing-source-row p{color:#c3d2bd;font-size:13px;line-height:1.8}.yijing-tags{display:flex;flex-wrap:wrap;gap:6px}.yijing-tags i{font-style:normal;font-size:11px;color:#b9d2a7;border:1px solid rgba(162,201,133,.26);padding:3px 7px}.yijing-lines-read{margin-top:14px}.yijing-lines-read h3,.yijing-related h3{margin:0;color:#e1eed6}.yijing-lines-read>div{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.yijing-lines-read article{padding:10px;border-top:2px solid #99bd7d;background:rgba(19,39,27,.48)}.yijing-lines-read b{display:block;color:#d6e9bf;font-size:15px}.yijing-lines-read span{font-size:12px;color:#bdcbb5;line-height:1.55}.yijing-source-row{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:14px}.yijing-source-row p{max-width:760px;margin:5px 0 0}.yijing-source-row .btn{white-space:nowrap}.yijing-related{margin-top:14px}.yijing-related>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.yijing-related button{display:grid;grid-template-columns:22px auto;gap:1px 8px;text-align:left;padding:9px;border:1px solid rgba(166,204,138,.25);background:rgba(22,45,30,.7);color:#deecd3;cursor:pointer}.yijing-related .hex-lines{grid-row:span 2}.yijing-related span{font-size:11px;color:#aebda7}.yijing-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.yijing-guide-grid article{padding:17px;border:1px solid rgba(165,202,139,.24);background:rgba(29,55,38,.56)}.yijing-guide-grid h3{margin:0;color:#dcedce}.yijing-guide-grid p{color:#aebfa5;font-size:12px}.yijing-guide-grid div{display:flex;gap:6px;flex-wrap:wrap}.yijing-guide-grid button{padding:5px 7px;font-size:12px}@media(max-width:900px){.yijing-trigram-key,.yijing-atlas{grid-template-columns:repeat(4,minmax(0,1fr))}.yijing-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.yijing-library-head,.yijing-source-row{display:block}.yijing-count{margin-top:14px}.yijing-controls{grid-template-columns:1fr}.yijing-topics{display:block}.yijing-topics>span{display:block;margin-bottom:7px}.yijing-detail-grid{grid-template-columns:1fr}.yijing-lines-read>div{grid-template-columns:repeat(3,1fr)}.yijing-atlas{grid-template-columns:repeat(3,minmax(0,1fr))}.yijing-trigram-key{grid-template-columns:repeat(2,minmax(0,1fr))}.yijing-source-row .btn{display:inline-flex;margin-top:8px}.yijing-guide-grid{grid-template-columns:1fr}}
/* 图文阅读增强：原创八卦意象插画与读图说明 */
.yijing-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.72fr);align-items:center}.yijing-hero .flow-card{grid-column:1/-1}.yijing-hero-art{margin:0;max-width:420px;justify-self:end;border:1px solid rgba(191,216,153,.26);background:#14291d;box-shadow:0 16px 32px rgba(0,0,0,.22)}.yijing-hero-art img{display:block;width:100%;aspect-ratio:1.58;object-fit:cover}.yijing-hero-art figcaption{padding:8px 12px;color:#bcd0a9;font-size:12px;letter-spacing:.06em}.yijing-visual-guide{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:18px;align-items:center;margin:18px 0;padding:16px 19px;border:1px solid rgba(163,201,135,.25);background:linear-gradient(100deg,rgba(37,76,48,.62),rgba(18,40,27,.5))}.yijing-guide-symbol{display:grid;gap:9px;width:62px}.yijing-guide-symbol span{height:7px;background:#d7eabe;box-shadow:0 0 10px rgba(216,235,182,.18)}.yijing-guide-symbol span:nth-child(2){background:linear-gradient(90deg,#d7eabe 0 39%,transparent 39% 61%,#d7eabe 61%)}.yijing-visual-guide strong{color:#e3f0d3}.yijing-visual-guide p{margin:5px 0 0;color:#bdd0b6;font-size:13px;line-height:1.75}.yijing-nature-icons{display:flex;max-width:195px;flex-wrap:wrap;gap:6px}.yijing-nature-icons span{border:1px solid rgba(186,218,155,.26);padding:4px 6px;color:#cfe3b8;font-size:11px}@media(max-width:900px){.yijing-hero{grid-template-columns:1fr}.yijing-hero-art{justify-self:start;max-width:520px}.yijing-visual-guide{grid-template-columns:70px 1fr}.yijing-nature-icons{grid-column:1/-1;max-width:none}}@media(max-width:650px){.yijing-visual-guide{grid-template-columns:1fr;gap:10px}.yijing-guide-symbol{width:48px}}
.yijing-nature-pair{display:flex;align-items:center;gap:11px;color:#d9ebc6;text-align:center}.yijing-nature-pair span{display:grid;gap:2px;font-size:11px}.yijing-nature-pair b{font-size:28px;font-weight:400;color:#b9d595}.yijing-nature-pair .detail-symbol{width:42px}
/* 卦象为本页主视觉：古金色线条在深绿底上更易辨认。 */
.yijing-page .hex-lines{width:28px;gap:4px}.yijing-page .hex-lines i{height:4px;background:linear-gradient(90deg,#f8e6a0,#dcae42 52%,#f5d778);box-shadow:0 0 8px rgba(235,187,70,.38)}.yijing-page .hex-lines i.broken{background:linear-gradient(90deg,#f8e6a0 0 39%,transparent 39% 61%,#f5d778 61%);filter:drop-shadow(0 0 4px rgba(235,187,70,.3))}.yijing-page .hex-main{height:42px;width:34px;gap:4px}.yijing-page .hex-main i{height:4px}.yijing-page .detail-symbol{width:62px;gap:6px}.yijing-page .detail-symbol i{height:7px}.yijing-page .hex-card{min-height:136px}.yijing-page .hex-card:hover .hex-main,.yijing-page .hex-card.is-selected .hex-main{filter:drop-shadow(0 0 8px rgba(244,203,93,.7))}.yijing-page .yijing-trigram-key .hex-lines{width:25px;gap:3px}.yijing-page .yijing-trigram-key .hex-lines i{height:4px}.yijing-page .yijing-related .hex-lines{width:26px;gap:3px}.yijing-page .yijing-nature-pair .detail-symbol{width:56px}