@font-face{font-family:"Ouyang Xun";src:url("../liuyao/ouyangxun.ttf") format("truetype");font-display:swap;font-weight:400}
:root{--paper:#efe8d8;--paper2:#e4dbc6;--ink:#18272d;--muted:#718087;--line:rgba(29,50,55,.18);--red:#ae3b2d;--blue:#315f70;--gold:#d0a052;--night:#14242a;--display:"Ouyang Xun","Songti SC",STSong,serif;font-family:"Noto Serif SC","Songti SC",STSong,serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:var(--paper)}button,input{font:inherit}.paper-noise{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.14;background:repeating-linear-gradient(7deg,rgba(80,57,31,.04) 0 1px,transparent 1px 5px);mix-blend-mode:multiply}a,button{-webkit-tap-highlight-color:transparent}.masthead{height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand,.home,.masthead nav a{text-decoration:none;color:inherit}.brand{display:flex;align-items:center;gap:12px;letter-spacing:.12em}.brand span{display:grid;place-items:center;width:38px;aspect-ratio:1;border:1px solid var(--red);color:var(--red);font:24px var(--display);transform:rotate(-3deg)}.brand b{font-weight:500}.masthead nav{display:flex;gap:26px}.masthead nav a,.home{font-size:13px;color:var(--muted);letter-spacing:.12em}
.hero{min-height:calc(100vh - 82px);padding:clamp(70px,9vw,140px) clamp(24px,6vw,100px);display:grid;grid-template-columns:minmax(320px,570px) minmax(430px,1fr) auto;align-items:center;gap:clamp(35px,6vw,100px);position:relative;overflow:hidden;background:linear-gradient(118deg,#13242b 0 63%,#1a3037 63%);color:#eee7d8}.hero:after{content:"";position:absolute;left:0;right:0;bottom:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(238,231,216,.25),transparent)}.eyebrow,.chapter-no{margin:0 0 26px;color:var(--red);font-size:13px;font-weight:700;letter-spacing:.24em}.hero .eyebrow{color:#e5b366}.hero h1{margin:0;font:clamp(62px,7vw,118px)/1.02 var(--display);font-weight:400}.hero h1 em,.chapter-head h2 em,.essence h2 em{display:block;color:#e9b65f;font-style:normal}.hero blockquote{margin:36px 0 0;padding:20px 0;border-top:1px solid rgba(238,231,216,.18);border-bottom:1px solid rgba(238,231,216,.18);font:20px/1.8 var(--display);color:#d9c9aa}.hero cite{display:block;font:11px serif;color:#81959b}.hero-copy>p:last-of-type{max-width:530px;color:#aebdc1;font-size:17px;line-height:1.9}.start{display:inline-flex;gap:46px;margin-top:24px;padding:15px 22px;border:1px solid rgba(233,182,95,.5);color:#f4d494;text-decoration:none}.hero-orbit{height:min(62vh,620px);min-height:440px;position:relative;border:1px solid rgba(238,231,216,.13);overflow:hidden;background:radial-gradient(circle at center,rgba(208,160,82,.12),transparent 32%)}.orbit-ring{position:absolute;inset:13%;border:1px solid rgba(213,196,163,.28);border-radius:50%;transform:rotate(-13deg)}.ring-b{inset:27%;transform:rotate(48deg);border-color:rgba(91,141,159,.3)}.hero-yang,.hero-yin{position:absolute;width:90px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:28px var(--display)}.hero-yang{top:12%;left:48%;background:#e5b65f;color:#60451d;box-shadow:0 0 45px rgba(229,182,95,.27)}.hero-yin{bottom:10%;left:17%;background:#d9ddda;color:#32464c;box-shadow:0 0 30px rgba(217,221,218,.16)}.hero-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.hero-center b{display:block;font:clamp(80px,9vw,150px)/1 var(--display);font-weight:400;color:#e8dfcf}.hero-center span{color:#88a0a6;letter-spacing:.25em}.orbit-mark{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--gold)}.m1{left:13%;top:48%}.m2{left:74%;top:25%}.m3{right:15%;bottom:21%}.m4{left:42%;bottom:13%}.hero-aside{writing-mode:vertical-rl;line-height:2.2;color:#93a4a9;letter-spacing:.22em}.thesis{min-height:130px;padding:30px;display:flex;justify-content:center;align-items:center;gap:clamp(25px,5vw,90px);border-bottom:1px solid var(--line);color:var(--muted);letter-spacing:.13em}.thesis b{color:var(--red);font:28px var(--display)}
.chapter{padding:clamp(95px,10vw,165px) clamp(22px,6vw,100px)}.chapter-head{max-width:1500px;margin:0 auto 55px;display:grid;grid-template-columns:190px minmax(400px,1fr) minmax(280px,520px);gap:40px;align-items:end}.chapter-head h2,.essence h2,.sources h2{margin:0;font:clamp(50px,6vw,92px)/1.05 var(--display);font-weight:400}.chapter-head h2 em{color:var(--red)}.chapter-head>p:last-child{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.cycle-lab,.curve-lab,.position-lab,.dragon-lab,.hex-lab{max-width:1500px;margin:auto;border:1px solid var(--line);background:rgba(255,255,255,.22)}.sky{height:min(54vw,650px);min-height:470px;position:relative;overflow:hidden;background:linear-gradient(180deg,#9fc6d0 0%,#dce2d5 63%,#c5b889 100%);transition:background .4s}.sky:before{content:"";position:absolute;left:8%;right:8%;bottom:19%;height:60%;border:1px solid rgba(255,255,255,.28);border-bottom:0;border-radius:50% 50% 0 0}.celestial{position:absolute;width:90px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;font:27px var(--display);will-change:transform;transition:background .3s,color .3s}.sun{background:#e8af49;color:#684a1d;box-shadow:0 0 55px rgba(232,175,73,.42)}.moon{background:#e1e4de;color:#53666b;box-shadow:0 0 35px rgba(225,228,222,.26)}.horizon{position:absolute;left:0;right:0;bottom:20%;height:1px;background:rgba(24,39,45,.25)}.mountain{position:absolute;bottom:20%;width:48%;height:33%;background:#49645f;clip-path:polygon(0 100%,15% 48%,27% 75%,42% 19%,59% 72%,78% 40%,100% 100%)}.mountain-left{left:-5%;opacity:.72}.mountain-right{right:-7%;transform:scaleX(-1);background:#354f50}.cycle-readout{position:absolute;left:7%;bottom:7%;display:flex;align-items:baseline;gap:18px}.cycle-readout span{font:clamp(44px,5vw,78px) var(--display)}.cycle-readout strong{color:#5f7074;font-weight:400}.range-wrap{padding:28px 32px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.range-wrap label{text-align:center;color:var(--ink);font-size:14px}.range-wrap input{grid-column:1/4;width:100%;accent-color:var(--red)}.opposite-strip{display:grid;grid-template-columns:110px 1fr 110px;gap:22px;align-items:center;padding:0 32px 30px;color:var(--muted)}.opposite-strip>span:last-child{text-align:right}.opposite-strip>i{height:8px;background:#263a43;position:relative}.opposite-strip>i b{display:block;height:100%;background:var(--gold);width:50%;transition:width .25s}.pairs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.pairs span{padding:22px;text-align:center;color:var(--muted);border-right:1px solid var(--line)}.pairs span:last-child{border:0}
.life-section{background:#e6dcc7}.curve-lab{padding-top:25px}.curve-status{display:flex;align-items:center;gap:24px;padding:16px 32px}.curve-status>span{width:84px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--red);color:var(--red);font:36px var(--display);transform:rotate(-2deg)}.curve-status small,.curve-status p{display:block;margin:0;color:var(--muted)}.curve-status strong{display:block;margin:3px 0;font:30px var(--display);font-weight:400}.curve-status p{font-size:13px}.curve-lab canvas{width:100%;height:440px;display:block}.life-labels{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}.life-labels span{padding:18px;text-align:center;color:var(--muted);font-size:12px;border-right:1px solid var(--line)}.life-labels span:last-child{border:0}
.season-game{max-width:1500px;margin:auto;display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line)}.season-visual{min-height:650px;position:relative;overflow:hidden;display:grid;place-items:center;background:#d8e1e2;transition:background .4s}.season-visual>span{position:absolute;left:8%;top:9%;font:clamp(80px,10vw,160px) var(--display);color:rgba(24,39,45,.18)}.season-visual>p{position:absolute;left:8%;bottom:7%;font:22px var(--display);color:#5e6c70}.season-tree{width:20px;height:270px;background:#5d4935;position:relative}.season-tree i,.season-tree b,.season-tree em{position:absolute;display:block;border-radius:50%;background:#577657;transition:all .45s}.season-tree i{width:260px;height:190px;left:-120px;top:-90px}.season-tree b{width:190px;height:170px;left:-130px;top:-5px}.season-tree em{width:190px;height:150px;left:-55px;top:-2px}.season-visual[data-season=winter]{background:#d6dfe0}.season-visual[data-season=winter] .season-tree i,.season-visual[data-season=winter] .season-tree b,.season-visual[data-season=winter] .season-tree em{opacity:.08;transform:scale(.45)}.season-visual[data-season=spring]{background:#dce3cf}.season-visual[data-season=spring] .season-tree i,.season-visual[data-season=spring] .season-tree b,.season-visual[data-season=spring] .season-tree em{background:#86a16d;transform:scale(.7)}.season-visual[data-season=summer]{background:#c9dccb}.season-visual[data-season=autumn]{background:#e2d2ae}.season-visual[data-season=autumn] .season-tree i,.season-visual[data-season=autumn] .season-tree b,.season-visual[data-season=autumn] .season-tree em{background:#b88745}.season-control{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:20px}.season-control>p{margin:10px 0 0;color:var(--muted);font-size:13px}.season-tabs,.action-list{display:grid;grid-template-columns:repeat(4,1fr)}.season-tabs button,.action-list button{min-height:58px;border:1px solid var(--line);border-right:0;background:transparent;cursor:pointer;color:var(--ink)}.season-tabs button:last-child,.action-list button:last-child{border-right:1px solid var(--line)}.season-tabs button[aria-pressed=true]{background:var(--night);color:#edc371}.action-list{grid-template-columns:1fr 1fr}.action-list button{border-bottom:0}.action-list button:nth-child(2){border-right:1px solid var(--line)}.action-list button:nth-child(n+3){border-bottom:1px solid var(--line)}.action-list button.correct{background:#496b55;color:#fff}.action-list button.wrong{background:var(--red);color:#fff}.game-answer{min-height:105px;margin-top:14px;padding:20px;border-top:1px solid var(--line)}.game-answer b{display:block;font:27px var(--display);font-weight:400}.game-answer span{display:block;margin-top:8px;color:var(--muted);font-size:13px;line-height:1.7}
.position-section{background:#e6dcc7}.position-lab{padding:34px}.roles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.role{min-height:160px;padding:22px;border:1px solid var(--line);background:rgba(255,255,255,.18);cursor:grab;text-align:left;color:var(--ink)}.role.selected{border-color:var(--red);background:#f1e4d0}.role i{float:left;margin-right:16px;width:46px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--red);color:var(--red);font:24px var(--display);font-style:normal}.role b{display:block;font:24px var(--display);font-weight:400}.role span{display:block;margin-top:12px;color:var(--muted);font-size:12px}.stage-track{margin-top:38px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.stage-track:before{content:"";position:absolute;left:12%;right:12%;top:23px;height:1px;background:var(--ink)}.stage-slot{position:relative;padding:55px 10px 20px;border:0;background:transparent;cursor:pointer;color:var(--ink)}.stage-slot:before{content:"";position:absolute;top:15px;left:50%;width:16px;aspect-ratio:1;border-radius:50%;border:2px solid var(--ink);background:var(--paper2);transform:translateX(-50%)}.stage-slot.over:before,.stage-slot.filled:before{background:var(--red);border-color:var(--red);box-shadow:0 0 0 8px rgba(174,59,45,.12)}.stage-slot span{display:block;font:25px var(--display)}.stage-slot small{color:var(--muted)}.position-answer{margin-top:24px;padding:26px 30px;background:var(--night);color:#eee4d5;display:grid;grid-template-columns:130px 1fr;gap:6px 25px}.position-answer>span{grid-row:1/3;color:#8ca0a5;letter-spacing:.18em}.position-answer strong{font:26px var(--display);font-weight:400;color:#edbd68}.position-answer p{margin:0;color:#aab8bb;font-size:13px;line-height:1.7}
.qian-section{background:var(--night);color:#e9e2d5}.qian-section .chapter-no{color:#d29c4d}.qian-section .chapter-head>p:last-child{color:#9caeb2}.qian-section .chapter-head h2 em{color:#e9b65f}.dragon-lab{border-color:rgba(238,231,216,.16);background:rgba(255,255,255,.02);padding:55px}.dragon-path{height:290px;position:relative;border-bottom:1px solid rgba(238,231,216,.15)}.dragon-path i{position:absolute;left:4%;right:4%;bottom:20px;height:190px;border-top:1px solid rgba(233,182,95,.4);border-radius:50% 50% 0 0;transform:rotate(-3deg)}.dragon{position:absolute;z-index:2;left:4%;bottom:14px;width:72px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #e9b65f;border-radius:50%;color:#e9b65f;font:37px var(--display);transition:left .5s,bottom .5s,transform .5s}.yao-list{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;margin:0;border:1px solid rgba(238,231,216,.14)}.yao-list li{min-height:135px;padding:20px;border-right:1px solid rgba(238,231,216,.14);color:#7f9499;transition:background .3s,color .3s}.yao-list li:last-child{border:0}.yao-list li span,.yao-list li b,.yao-list li small{display:block}.yao-list li span{font-size:11px}.yao-list li b{margin:12px 0;font:21px var(--display);font-weight:400}.yao-list li small{font-size:11px}.yao-list li.active{background:rgba(174,59,45,.2);color:#efc270}.qian-section .range-wrap{border-color:rgba(238,231,216,.14);color:#82969b}.qian-section .range-wrap label{color:#e6ded1}.dragon-reading{margin:0;padding:4px 32px 30px;color:#a7b5b9;line-height:1.8;text-align:center}
.hexagram-section{background:#e4dbc6}.trigram-pickers{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.trigram-pickers>div{padding:26px}.trigram-pickers>div:first-child{border-right:1px solid var(--line)}.trigram-pickers span{display:block;margin-bottom:14px;color:var(--muted);font-size:12px}.trigram-buttons{display:grid;grid-template-columns:repeat(8,1fr)}.trigram-buttons button{padding:13px 4px;border:1px solid var(--line);border-right:0;background:transparent;cursor:pointer}.trigram-buttons button:last-child{border-right:1px solid var(--line)}.trigram-buttons button[aria-pressed=true]{background:var(--night);color:#edbd68}.hex-stage{min-height:570px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;padding:60px clamp(30px,7vw,120px)}.hex-lines{display:flex;flex-direction:column-reverse;gap:18px}.hex-line{height:28px;border:0;background:transparent;position:relative;cursor:pointer}.hex-line:before,.hex-line:after{content:"";position:absolute;top:11px;height:6px;background:var(--ink);transition:left .25s,right .25s}.hex-line.yang:before{left:0;right:0}.hex-line.yang:after{display:none}.hex-line.yin:before{left:0;right:54%}.hex-line.yin:after{left:54%;right:0}.hex-line:hover:before,.hex-line:hover:after,.hex-line:focus-visible:before,.hex-line:focus-visible:after{background:var(--red)}.hex-reading small{color:var(--muted);letter-spacing:.2em}.hex-reading strong{display:block;margin:18px 0;font:clamp(90px,13vw,190px)/1 var(--display);font-weight:400;color:var(--red)}.hex-reading p{max-width:560px;color:var(--muted);font-size:16px;line-height:1.9}.hex-hint{margin:0;padding:23px 30px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:13px}
.essence{padding:clamp(110px,11vw,190px) clamp(22px,6vw,100px);background:#dbe1d8}.essence-head{max-width:1500px;margin:0 auto 60px;display:grid;grid-template-columns:190px minmax(400px,1fr) minmax(280px,520px);gap:40px;align-items:end}.essence h2 em{color:var(--red)}.essence-head>p:last-child{margin:0;color:var(--muted);line-height:1.9}.formula{max-width:1500px;margin:auto;padding:28px 34px;background:var(--night);color:#e9e1d3;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.formula span:last-child{text-align:right}.formula span{color:#8ba0a5;letter-spacing:.16em}.formula strong{font:clamp(34px,5vw,72px) var(--display);font-weight:400;color:#efbd68}.formula i{font-style:normal;color:var(--red)}.principle-grid{max-width:1500px;margin:28px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-top:2px solid var(--ink)}.principle-grid article{min-height:300px;padding:30px;border-right:1px solid var(--line);display:flex;flex-direction:column}.principle-grid article:last-child{border:0}.principle-grid article>span{font:42px var(--display);color:var(--red)}.principle-grid small{margin-top:25px;color:var(--muted);font-size:10px;letter-spacing:.17em}.principle-grid h3{margin:12px 0;font:29px var(--display);font-weight:400}.principle-grid p{margin:auto 0 0;color:var(--muted);line-height:1.8}.essence>blockquote{max-width:1500px;margin:35px auto 0;padding:35px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font:clamp(30px,4vw,58px) var(--display);color:var(--red);text-align:center}.essence cite{display:block;margin-top:14px;font:12px serif;color:var(--muted)}
.sources{padding:clamp(100px,10vw,160px) clamp(22px,6vw,100px);max-width:1700px;margin:auto}.sources h2{max-width:950px}.source-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:60px;border:1px solid var(--line)}.source-grid article{min-height:150px;padding:28px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px}.source-grid article:last-child{border:0}.source-grid b{font:22px var(--display);font-weight:400}.source-grid span{color:var(--muted);font-size:12px}.last-word{min-height:72vh;padding:80px 24px;display:grid;place-items:center;background:var(--night);color:#edbd68;text-align:center}.last-word p{margin:0;font:clamp(52px,8vw,128px)/1.3 var(--display);letter-spacing:.08em}footer{min-height:160px;padding:35px clamp(22px,6vw,100px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:#e3d7c0;border-top:1px solid var(--line)}footer b{font:24px var(--display);font-weight:400}footer span{color:var(--muted)}footer a{color:var(--red);text-decoration:none}.visitor-map{width:214px;max-width:100%;overflow:hidden;margin-left:auto}.visitor-map iframe,.visitor-map img,.visitor-map canvas,.visitor-map div{max-width:100%}
@media(max-width:1100px){.hero{grid-template-columns:1fr 1fr}.hero-aside{display:none}.chapter-head,.essence-head{grid-template-columns:1fr}.season-game{grid-template-columns:1fr}.season-visual{min-height:480px}.principle-grid{grid-template-columns:1fr 1fr}.principle-grid article:nth-child(2){border-right:0}.principle-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.roles{grid-template-columns:1fr 1fr}.yao-list{grid-template-columns:1fr 1fr 1fr}.yao-list li:nth-child(3){border-right:0}.yao-list li:nth-child(-n+3){border-bottom:1px solid rgba(238,231,216,.14)}.trigram-buttons{grid-template-columns:repeat(4,1fr)}.trigram-buttons button:nth-child(4){border-right:1px solid var(--line)}.trigram-buttons button:nth-child(-n+4){border-bottom:0}.source-grid{grid-template-columns:1fr 1fr}.source-grid article:nth-child(2){border-right:0}.source-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:720px){.masthead{height:68px}.masthead nav{display:none}.home{font-size:0}.home:after{content:"主页";font-size:12px}.hero{grid-template-columns:1fr;padding:75px 22px}.hero h1{font-size:64px}.hero-orbit{min-height:380px}.thesis{flex-direction:column;gap:12px;text-align:center}.chapter{padding-left:14px;padding-right:14px}.chapter-head h2,.essence h2,.sources h2{font-size:52px}.sky{min-height:430px}.celestial{width:64px}.pairs{grid-template-columns:1fr 1fr}.pairs span:nth-child(-n+2){border-bottom:1px solid var(--line)}.curve-lab canvas{height:320px}.life-labels{grid-template-columns:repeat(3,1fr)}.life-labels span:nth-child(-n+3){border-bottom:1px solid var(--line)}.season-control{padding:25px 18px}.roles{grid-template-columns:1fr}.position-lab{padding:18px}.stage-track{grid-template-columns:1fr 1fr}.stage-track:before{display:none}.position-answer{grid-template-columns:1fr}.position-answer>span{grid-row:auto}.dragon-lab{padding:22px 12px}.dragon-path{height:230px}.yao-list{grid-template-columns:1fr 1fr}.yao-list li:nth-child(3){border-right:1px solid rgba(238,231,216,.14)}.yao-list li:nth-child(even){border-right:0}.yao-list li:nth-child(-n+4){border-bottom:1px solid rgba(238,231,216,.14)}.trigram-pickers{grid-template-columns:1fr}.trigram-pickers>div:first-child{border-right:0;border-bottom:1px solid var(--line)}.hex-stage{grid-template-columns:1fr;gap:35px;padding:38px 28px}.hex-lines{max-width:330px;width:100%;margin:auto}.hex-reading{text-align:center}.hex-reading p{margin-left:auto;margin-right:auto}.essence{padding-left:14px;padding-right:14px}.formula{grid-template-columns:1fr;text-align:center;gap:12px}.formula span:last-child{text-align:center}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}.source-grid{grid-template-columns:1fr}.source-grid article{border-right:0;border-bottom:1px solid var(--line)}footer{align-items:flex-start;flex-direction:column}.visitor-map{margin-left:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}