:root{color-scheme:dark;--bg:#090d17;--panel:#141a2a;--gold:#d8ba79;--muted:#a6adbf;--line:#c7a36338;--text:#eeedf2;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:radial-gradient(ellipse at 50% 22%,#35284955,transparent 55%)}a{color:var(--gold);text-decoration:none}button,select,textarea{font:inherit}button,a,summary,select{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:1px solid var(--line);border-radius:9px;background:#111827;color:var(--gold);min-height:44px;padding:10px 18px}button:hover{border-color:var(--gold)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #e5c78e;outline-offset:4px}[hidden]{display:none!important}
.top{min-height:70px;padding:14px max(18px,calc((100vw - 1120px)/2));display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);background:#080c15dd}.top a{font-size:14px;white-space:nowrap}.brand{margin-inline:auto;letter-spacing:.22em;color:var(--gold);white-space:nowrap}#language{min-width:0}.intro{padding:48px 0 28px;text-align:center}.eyebrow{font-size:11px;letter-spacing:.19em;color:var(--gold)}h1{font-family:"Songti SC",STSong,serif;font-size:42px;letter-spacing:.12em;margin:12px 0 14px;color:var(--gold);font-weight:500}h2{font-size:24px;font-weight:500;line-height:1.5;margin:12px 0 18px}h3{font-size:16px;color:var(--gold);margin:26px 0 12px}p{line-height:1.8;margin:10px 0}.intro>p{color:#c4bfd4;letter-spacing:.04em}.intro-links{display:flex;justify-content:center;gap:24px;margin-top:20px;font-size:13px}.intro-links a{border-bottom:1px solid var(--line);padding-bottom:4px}main{max-width:900px;margin:auto;padding:0 24px}.table{padding:28px 36px 20px;border:1px solid #ba99644d;border-radius:18px;background:linear-gradient(145deg,#1b2135d9,#101524ed);box-shadow:0 20px 70px #0004}label{display:block;font-size:15px;color:var(--gold);margin-bottom:10px}textarea{width:100%;min-height:82px;resize:vertical;border:1px solid #81769a66;border-radius:9px;background:#0b1020;color:var(--text);padding:12px 14px;line-height:1.6;font-size:16px}textarea::placeholder{color:#9299af}.hint{font-size:12px;color:var(--muted);line-height:1.6}.dice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:610px;margin:28px auto 22px;text-align:center;direction:ltr}.die{min-width:0}.die>small{color:var(--muted);font-size:12px;display:block;margin-bottom:8px}.gem{position:relative;aspect-ratio:1;max-width:162px;margin:auto;filter:drop-shadow(0 12px 12px #0008)}.gem svg{width:100%;height:100%;overflow:visible}.gem .glyph{position:absolute;inset:0;display:grid;place-content:center;font-family:"Segoe UI Symbol","Apple Symbols",serif;font-size:48px;color:#f6dc9e;text-shadow:0 0 20px #d7ad6266}.die:nth-child(2) .glyph{color:#d4c4ef}.die:nth-child(3) .glyph{color:#a4d7ce;font-size:38px}.die strong{font-weight:500;font-size:15px;display:block;margin-top:8px;overflow-wrap:anywhere}.rolling .gem{animation:tumble .65s ease-in-out infinite}.rolling .die:nth-child(2) .gem{animation-delay:-.2s}.rolling .die:nth-child(3) .gem{animation-delay:-.4s}.primary{display:block;min-width:230px;margin:auto;color:#111623;background:linear-gradient(120deg,#e0c48d,#bfa06a);font-weight:600;border-color:#e8cc90;box-shadow:0 3px 18px #ccae7133}#status{min-height:22px;text-align:center;font-size:13px;color:var(--muted);margin-bottom:0}details{border-top:1px solid var(--line);margin-top:15px;padding-top:15px}summary{min-height:44px;padding:10px 0;color:#c9b99b;font-size:14px}summary::marker{color:var(--gold)}.manual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0}select{width:100%;min-width:0;min-height:44px;border:1px solid #81769a66;background:#0b1020;color:var(--text);padding:8px;border-radius:8px;font-size:15px}#read-manual{width:100%;margin-top:4px}.result{margin-top:24px;padding:28px 34px;border:1px solid var(--line);border-radius:14px;background:#141a28;outline:none}.result-top{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}blockquote{margin:0 0 24px;padding:12px 16px;border-inline-start:2px solid var(--gold);background:#d6b87908;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;color:#c4c9d6}.breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.breakdown>div{border-top:1px solid #81769a55;padding-top:14px}.breakdown strong{font-weight:500;color:var(--gold)}.breakdown p{font-size:14px;color:#c4c9d6;line-height:1.8}.breakdown small{display:block;color:var(--muted);margin:8px 0}.notice{border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:12px}.guide{padding:44px 2px 0}.guide>p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.steps>div{padding-inline-start:14px;border-inline-start:1px solid var(--line)}.steps strong{color:var(--gold);font-weight:500}.steps p{font-size:14px;color:#c4c9d6}.reference-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.reference-tabs button[aria-pressed=true]{background:#c7a36324;border-color:var(--gold)}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.reference-grid>div{padding:16px;background:#141a2b;border-radius:8px}.reference-grid b{color:var(--gold);font-size:24px;font-weight:400;margin-inline-end:8px}.reference-grid strong{font-weight:500}.reference-grid p{font-size:13px;color:var(--muted);line-height:1.6}footer{font-size:12px;color:var(--muted);padding:30px 0 36px;line-height:1.8}footer a{font-size:12px}.ty-lang-select{font-size:12px!important}
@keyframes tumble{0%,100%{transform:rotate(-12deg) translateY(0)}50%{transform:rotate(16deg) translateY(-9px)}}
@media(max-width:600px){.top{padding:12px 14px;gap:10px;min-height:60px}.brand{font-size:12px;letter-spacing:.1em}.top a{font-size:12px}main{padding:0 14px}.intro{padding:30px 0 22px}h1{font-size:32px}.intro>p{font-size:14px;letter-spacing:0}.intro-links{gap:18px;font-size:12px}.table{padding:20px 16px 12px;border-radius:14px}.dice-row{gap:10px;margin:24px auto 20px}.gem .glyph{font-size:34px}.die:nth-child(3) .glyph{font-size:28px}.die strong{font-size:13px}.die>small{font-size:11px}.primary{width:100%;min-width:0}.manual-grid{gap:8px}.manual-grid label{font-size:12px}.manual-grid select{padding:8px 4px;font-size:14px}.result{padding:22px 18px}h2{font-size:21px}.breakdown{grid-template-columns:1fr;gap:0}.breakdown>div{padding:12px 0 2px}.breakdown small{display:inline;margin-inline-start:8px}.steps{grid-template-columns:1fr;gap:14px}.steps p{margin-bottom:0}.guide{padding-top:34px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-grid>div{padding:13px}.reference-grid strong{font-size:14px}.reference-tabs button{flex:1;padding:8px}.reference-grid b{display:block;margin-bottom:7px}.result-top{font-size:11px}.ty-lang-select .ty-ls-trigger{padding:7px 8px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rolling .gem{animation:none}}