.yijing-guide{max-width:1040px;margin:auto;padding:24px;color:#e8eadf}.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.lesson-header select{width:auto;min-height:44px}.lesson-intro{padding:90px 0 60px;max-width:780px}.lesson-intro h1{font-family:Georgia,'Songti SC',serif;font-size:clamp(38px,7vw,76px);line-height:1.14;margin:24px 0}.yijing-guide p,.yijing-guide dd{line-height:1.85;color:#b9c5ba}.lesson-intro p{font-size:20px}.lesson-intro nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px}.yijing-guide a{color:#d6b87b}.lesson-panel{border:1px solid #516454;background:#16251f;padding:38px;border-radius:8px;margin:38px 0;scroll-margin-top:24px}.lesson-number{color:#d6b87b;font-size:12px;letter-spacing:2px}.yijing-guide h2{font-family:Georgia,'Songti SC',serif;font-size:clamp(25px,4vw,36px);line-height:1.3;margin:18px 0}.lesson-prose{max-width:760px;margin:60px auto}.lesson-prose dt{font-weight:bold;color:#d6b87b;margin-top:24px}.lesson-prose dd{margin:10px 0 28px}.line-key{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:35px auto;max-width:520px}.line-key strong{display:block;margin-top:18px;font-size:15px}.yao{display:flex;gap:0;width:100%;height:12px;transition:gap .55s ease,opacity .55s ease}.yao i{background:#d6b87b;flex:1;display:block;border-radius:1px}.yao.yin{gap:22%}.line-stack{display:flex;flex-direction:column;gap:4px}.line-stack button,.result-line{display:flex;align-items:center;gap:14px;min-height:48px;padding:10px;background:transparent;border:1px solid transparent;color:#a7b8a8;width:100%}.line-stack button span:first-child,.result-line>span:first-child{width:12px;flex:none;font-size:12px}.line-stack button[aria-pressed=true]{border-color:#d6b87b;background:#263c30}.trigram-lab{display:grid;grid-template-columns:minmax(130px,260px) 1fr;gap:40px;align-items:center;margin:30px 0}.trigram-lab h3{font-size:26px}.nature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.nature-grid button{background:#101d17;border:1px solid #425444;border-radius:4px;padding:14px;color:#edead9;text-align:left;min-height:130px}.nature-grid button[aria-pressed=true]{border-color:#d6b87b;background:#2b3c2b}.nature-grid strong,.nature-grid small{display:block;margin-top:8px;line-height:1.45}.nature-grid small{color:#b9c5ba}.nature-symbol{font-size:38px;color:#d6b87b}.trigram-selects{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0}.trigram-selects select{display:block;width:100%;margin-top:10px;min-height:48px}.hex-lab{display:grid;grid-template-columns:1fr 40px 1fr;gap:14px;align-items:center;margin:24px 0}.hex-lab h3{font-size:18px}.hex-lab p{min-height:3.7em}.change-arrow{font-size:28px;color:#d6b87b;text-align:center}.moving{background:#263c30!important}.lesson-note{font-size:13px}.yijing-guide button,.yijing-guide summary,.yijing-guide select{cursor:pointer}.yijing-guide button:focus-visible,.yijing-guide a:focus-visible{outline:3px solid #f3dcaa;outline-offset:4px}.yijing-guide .primary-button{display:inline-flex;min-height:48px;align-items:center;padding:12px 22px;color:#17231b;background:#d6b87b;border:0;border-radius:5px}.yijing-guide summary{min-height:44px;padding:12px 0}.yijing-guide select{max-width:100%;color:#e8eadf;background:#101d17;border:1px solid #516454;border-radius:4px;padding:10px}.result-line .yao{animation:line-reveal .6s ease}@keyframes line-reveal{from{opacity:.35;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}@media(max-width:600px){.yijing-guide{padding:18px}.lesson-intro{padding:60px 0 20px}.lesson-panel{padding:22px 16px}.nature-grid{grid-template-columns:repeat(2,1fr)}.trigram-lab{gap:16px;grid-template-columns:1fr 1fr}.trigram-lab h3{font-size:20px}.trigram-selects{grid-template-columns:1fr;gap:16px}.hex-lab{gap:6px;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)}.line-stack button,.result-line{gap:8px;padding:7px}.lesson-header{font-size:14px}.lesson-intro nav{gap:16px}.line-key{gap:22px}}@media(prefers-reduced-motion:reduce){.yao{transition:none}.result-line .yao{animation:none}}