:root{--paper:#f6f1e7;--paper-2:#efe7d6;--ink:#1c1a17;--ink-soft:#4c463c;--line:#d9cfbb;--cinnabar:#b23a2e;--gold:#a9823f;--white:#fbf8f1}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:radial-gradient(circle at 18% 8%, #a9823f0d, transparent 42%), radial-gradient(circle at 82% 92%, #b23a2e0a, transparent 46%), var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Georgia,Times New Roman,Noto Serif SC,Songti SC,serif;line-height:1.6}a{color:var(--cinnabar);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:2rem 1.25rem 4rem}.brand{justify-content:center;align-items:baseline;gap:.75rem;margin-bottom:.5rem;display:flex}.brand-zh{letter-spacing:.12em;font-size:1.75rem}.brand-en{color:var(--ink-soft);letter-spacing:.28em;text-transform:uppercase;font-size:.95rem}.tagline{text-align:center;color:var(--ink-soft);margin:.25rem 0 1.5rem}.hero{text-align:center;padding:3rem 0 2rem}.hero-taiji{color:var(--ink);opacity:.08;margin:0 auto .5rem;font-size:5rem;line-height:1;animation:80s linear infinite slowSpin}.bg-trigrams{text-align:center;color:var(--ink-soft);opacity:.4;letter-spacing:.5em;margin:.75rem 0;font-size:1.05rem}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--white);cursor:pointer;border-radius:999px;padding:.75rem 1.6rem;font-size:1rem;transition:background .2s,color .2s;display:inline-block}.btn:hover{background:var(--cinnabar);border-color:var(--cinnabar);text-decoration:none}.btn-ghost{color:var(--ink);background:0 0}.btn-ghost:hover{background:var(--ink);color:var(--white)}.card{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:1.5rem;box-shadow:0 1px #1c1a170a}.muted{color:var(--ink-soft);font-size:.9rem}.divider{background:var(--line);border:none;height:1px;margin:2rem 0;position:relative;overflow:visible}.divider:after{content:"☯";background:var(--paper);color:var(--ink-soft);padding:0 .6rem;font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.disclaimer{border-top:1px solid var(--line);color:var(--ink-soft);text-align:center;margin-top:2.5rem;padding-top:1rem;font-size:.78rem}.form-group{margin-bottom:1.25rem}label{color:var(--ink-soft);margin-bottom:.35rem;font-size:.85rem;display:block}textarea,input[type=text]{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:8px;padding:.7rem .8rem;font-family:inherit;font-size:1rem}textarea:focus,input:focus{border-color:var(--gold);outline:none}.error{color:var(--cinnabar);font-size:.9rem}.hexagram{flex-direction:column;align-items:center;gap:.22rem;margin:1rem 0;display:flex}.yao{align-items:center;gap:.55rem;font-size:1rem;display:flex}.yao-bars{justify-content:center;align-items:center;width:7rem;display:flex}.yao-bar{background:var(--ink);border-radius:2px;height:1.1rem;display:inline-block}.yao-bar.solid{width:7rem}.yao-bars.yin{gap:1.2rem}.yao-bars.yin .yao-bar{width:2.9rem}.moving-marker{color:var(--cinnabar);text-align:center;width:2rem;font-size:.85rem}.trigram-pair{justify-content:center;gap:2rem;margin:.5rem 0;font-size:2.4rem;display:flex}.trigram-cell{text-align:center}.trigram-cell .sym{display:block}.trigram-cell .label{color:var(--ink-soft);font-size:.78rem;display:block}.section-title{letter-spacing:.04em;margin:1.5rem 0 .5rem;padding-bottom:.35rem;font-size:1.1rem;position:relative}.section-title:after{content:"";background:var(--cinnabar);opacity:.55;width:2.5rem;height:2px;margin-top:.35rem;display:block}.yao-list{margin:.5rem 0;padding:0;list-style:none}.yao-list li{border-bottom:1px dashed var(--line);padding:.35rem 0;font-size:.95rem}.grid-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;padding:0;list-style:none;display:grid}.grid-list a{border:1px solid var(--line);background:var(--white);color:var(--ink);text-align:center;border-radius:8px;padding:.6rem .7rem;display:block}.grid-list a:hover{border-color:var(--cinnabar);text-decoration:none}.ai-block{white-space:pre-wrap;font-size:.98rem;line-height:1.75}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cast-loader{color:var(--ink-soft);justify-content:center;align-items:center;gap:.6rem;padding:1.2rem 0;font-size:.95rem;display:flex}.taiji{font-size:1.9rem;line-height:1;animation:2.2s linear infinite spin;display:inline-block}.seg{border:1px solid var(--line);border-radius:999px;margin-top:.35rem;display:inline-flex;overflow:hidden}.seg button{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:.4rem 1rem;font-family:inherit;font-size:.9rem}.seg button.active{background:var(--ink);color:var(--white)}.hexagram .yao{animation:.45s both fadeInUp}