:root{--paper:#f6f0e5;--card:#fffaf2;--ink:#24231f;--muted:#746e65;--red:#aa1f1f;--jade:#476557;--gold:#a78a58;--line:#d9cfc0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 8%,#fffdf7,transparent 36rem),var(--paper);line-height:1.65}button,textarea{font:inherit}.head{display:flex;align-items:center;max-width:1400px;height:78px;margin:auto;padding:0 34px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:700 1.45rem Georgia;text-decoration:none;letter-spacing:.12em}.brand small{display:block;color:var(--muted);font:10px sans-serif;letter-spacing:.08em}.head nav{display:flex;gap:34px;margin-left:auto}.head nav a{color:var(--ink);font-size:.86rem;text-decoration:none}.tools{display:flex;gap:8px;margin-left:28px}.tools button,.langs{border:1px solid var(--line);border-radius:7px;background:#ffffff70}.langs{display:flex}.langs button{border:0;background:none;padding:7px}.langs button.active{color:var(--red);font-weight:bold}.tools>button{width:34px}.head>#menu{display:none;border:0;background:none;font-size:1.4rem}main{max-width:1400px;margin:auto;padding:0 34px}.hero{text-align:center;padding:52px 20px 42px}.hero p{display:inline-block;margin:0;padding:5px 17px;border-radius:20px;background:var(--red);color:white;font-size:.8rem}.hero h1{margin:18px 0 5px;font:600 clamp(2.8rem,5vw,5.1rem)/1.2 Georgia,"Songti SC",serif}.hero h1::first-letter{color:var(--red)}.hero span{color:var(--muted)}.experience{display:grid;grid-template-columns:.85fr 1.1fr .85fr;min-height:480px;border:1px solid var(--line);border-radius:18px;background:#fffaf2cc;box-shadow:0 16px 45px #6e543519;overflow:hidden}.ask,.result{padding:32px}.ask label{display:block;font:600 1.2rem Georgia,"Songti SC",serif}.ask textarea{width:100%;height:105px;margin-top:10px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fffdf9;resize:none}.count{text-align:right;color:var(--muted);font-size:.72rem}.ask>p{margin:14px 0 7px;font-size:.83rem}.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modes button{padding:13px;border:1px solid var(--line);border-radius:8px;background:#fffdf9}.modes button.active{border-color:var(--red);color:var(--red);background:#fff5f2}.modes b,.modes small{display:block}.modes small{color:var(--muted);font-size:.7rem}.cast{width:100%;margin-top:14px;padding:14px;border:0;border-radius:7px;background:var(--red);color:white;font-weight:bold;font-size:1.05rem}.quiet{display:block;margin-top:10px;color:var(--muted);font-size:.7rem}.blocks{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;min-height:420px}.ink-circle{position:absolute;width:340px;height:340px;border:18px solid #24231f12;border-radius:50%}.block{position:relative;width:135px;height:190px;z-index:1;transform-style:preserve-3d;transition:transform .6s}.face{position:absolute;inset:0;backface-visibility:hidden;background-position:center;background-size:contain;background-repeat:no-repeat}.face.yang{background-image:url(assets/cat-jiaobei-yang.png)}.face.yin{background-image:url(assets/cat-jiaobei-yin.png);transform:rotateY(180deg)}.block.settle.yin{transform:rotateY(180deg)}.block.settle.li{transform:rotateX(70deg) scaleY(.72)}.throwing.one{animation:throw1 1s}.throwing.two{animation:throw2 1s}@keyframes throw1{50%{transform:translateY(-100px) rotate(600deg)}100%{transform:rotate(1080deg)}}@keyframes throw2{50%{transform:translateY(-120px) rotate(-700deg)}100%{transform:rotate(-1080deg)}}.blocks>p{position:absolute;bottom:15px;color:var(--red)}.result{text-align:center}.result-label{display:inline-block;padding:3px 13px;border-radius:20px;background:var(--jade);color:white;font-size:.75rem}.result h2{margin:10px 0 0;color:var(--red);font:600 3.4rem Georgia,"Songti SC",serif}.result h3{margin:0 0 16px;font:500 1.05rem Georgia}.meaning{padding:18px;border:1px solid var(--line);border-radius:9px}.meaning p{margin:6px 0;color:var(--muted);font-size:.86rem}.result-actions{display:grid;gap:8px;margin-top:14px}.result-actions button{padding:10px;border:1px solid var(--red);border-radius:7px;background:transparent;color:var(--red)}.result-actions button:first-child{background:var(--red);color:white}.below{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px}.history,.guide{padding:24px;border:1px solid var(--line);border-radius:14px;background:#fffaf2}.history header{display:flex;align-items:center;justify-content:space-between}.history h2,.guide h2{margin:0 0 12px;font:600 1.35rem Georgia}.history header button{border:0;background:none;color:var(--muted)}.history article{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.history article div{min-width:0}.history article b,.history article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history article small{color:var(--muted);font-size:.7rem}.pill{align-self:start;padding:2px 8px;border-radius:4px;background:var(--jade);color:white;font-size:.72rem}.pill.xiao{background:#c6833d}.pill.yin{background:#666}.guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide article{padding:14px;border:1px solid var(--line);border-radius:9px;text-align:center}.guide article b,.guide article span{display:block}.guide article b{color:var(--red);font:600 1.25rem Georgia}.guide article span{font-size:.74rem}.guide article p{color:var(--muted);font-size:.72rem}.about{max-width:780px;margin:70px auto;text-align:center}.about>p:first-child{color:var(--gold);font-size:.7rem;letter-spacing:.16em}.about h2{font:600 2.3rem Georgia,"Songti SC",serif}.about>p:last-child{color:var(--muted)}.disclaimer{padding:15px;border:1px solid var(--line);text-align:center;color:var(--muted);font-size:.78rem}footer{display:flex;justify-content:space-between;max-width:1400px;margin:auto;padding:28px 34px;color:var(--muted);font-size:.75rem}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:#0008}.modal[hidden]{display:none}.modal>div{position:relative;width:min(420px,90vw);padding:28px;border-radius:14px;background:var(--card);text-align:center}.modal a{display:block;margin:8px;padding:10px;border-radius:6px;background:var(--red);color:white;text-decoration:none}.modal .x{position:absolute;right:10px;top:8px;border:0;background:none;font-size:1.5rem}#toast{position:fixed;left:50%;bottom:25px;z-index:80;transform:translate(-50%,20px);padding:9px 18px;border-radius:30px;background:var(--ink);color:white;opacity:0;transition:.2s}#toast.show{transform:translate(-50%,0);opacity:1}.dark{--paper:#191713;--card:#24211b;--ink:#eee6d7;--muted:#aaa094;--line:#4b443a;background:#191713}.dark .experience,.dark .history,.dark .guide{background:#24211be8}.dark textarea,.dark .modes button{background:#2d2922;color:var(--ink)}
@media(max-width:900px){.experience{grid-template-columns:1fr 1fr}.blocks{grid-column:1/3;grid-row:1}.ask,.result{grid-row:2}.below{grid-template-columns:1fr}.head nav{display:none}}
@media(max-width:600px){.head{height:64px;padding:0 16px}.brand{font-size:1.2rem}.brand small{display:none}.head>#menu{display:block;margin-left:auto}.head nav{position:absolute;z-index:10;top:64px;left:10px;right:10px;flex-direction:column;gap:0;padding:8px;border:1px solid var(--line);background:var(--card)}.nav-open .head nav{display:flex}.head nav a{padding:10px}.tools{margin-left:6px}.tools>button{display:none}.langs button{display:none}.langs button.active{display:block}.head{position:relative}main{padding:0 12px}.hero{padding:45px 5px 30px}.hero h1{font-size:2.9rem}.experience{display:flex;flex-direction:column;border-radius:13px}.blocks{order:0;min-height:330px}.ink-circle{width:280px;height:280px}.block{width:105px;height:150px}.ask{order:1;padding:22px}.result{order:2;padding:22px}.result h2{font-size:2.8rem}.below{display:block}.history,.guide{margin-top:12px;padding:18px}.guide>div{grid-template-columns:1fr}.guide article{text-align:left}.about{margin:50px 10px}.about h2{font-size:1.9rem}footer{flex-direction:column;gap:6px;padding:22px 16px}}