:root{--bg: #0d1116;--bg-2: #12181f;--panel: #1a212b;--panel-2: #222c38;--line: #2c3a48;--line-soft: #223041;--text: #ece7da;--text-dim: #9aa3b0;--text-faint: #5d6773;--gold: #d9b45b;--gold-soft: #b08a3e;--red: #e0683c;--green: #4caf7d;--blue: #4a9bd6;--ink: #0a0d11;--radius: 14px;--radius-sm: 10px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "PingFang TC", "Hiragino Sans TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif;--font-serif: "Songti TC", "STSong", "Noto Serif TC", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.5;overscroll-behavior:none}#root{display:flex;flex-direction:column}button{font-family:inherit;border:none;cursor:pointer;background:none;color:inherit;touch-action:manipulation}button:disabled{opacity:.45;cursor:not-allowed}input{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.04em;transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,#e3c26f,#c79a3e);color:#241c07;box-shadow:0 6px 18px #d9b45b47}.btn-ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--line)}.btn-danger{background:#e0683c29;color:#f09a77;border:1px solid rgba(224,104,60,.4)}.btn-block{width:100%}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.panel-title{font-size:12px;letter-spacing:.2em;color:var(--text-dim);margin-bottom:10px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:3px;height:12px;background:var(--gold);border-radius:2px}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:12px}.center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.screen{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.screen-fade{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.hexagram{display:flex;flex-direction:column;gap:4px;width:fit-content}.hexagram-line{display:flex;justify-content:center;gap:3px}.hexagram-line .yang{width:100%;height:4px;background:currentColor;border-radius:2px}.hexagram-line .yin{width:42%;height:4px;background:currentColor;border-radius:2px}.heaven-card{background:linear-gradient(160deg,#202a35,#141b23);border:1px solid #37465a;border-radius:var(--radius);padding:14px;position:relative;overflow:hidden}.heaven-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 60% at 50% -10%,rgba(217,180,91,.12),transparent 60%);pointer-events:none}.heaven-card .hc-id{position:absolute;top:10px;right:12px;font-size:11px;color:var(--text-faint);letter-spacing:.1em}.elem-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:13px;font-weight:700}.elem-dot{width:9px;height:9px;border-radius:50%}.price-row{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--line-soft)}.price-val{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.delta{font-size:13px;font-weight:700}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.qty-stepper{display:inline-flex;align-items:center;gap:2px;background:var(--bg-2);border:1px solid var(--line);border-radius:999px;overflow:hidden}.qty-stepper button{width:34px;height:34px;font-size:17px;color:var(--text-dim)}.qty-stepper button:active{background:var(--panel-2)}.qty-stepper .qty{min-width:30px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:0;height:0}.font-serif{font-family:var(--font-serif)}.gold-num{color:var(--gold);font-weight:800;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;letter-spacing:.08em;border:1px solid var(--line);color:var(--text-dim)}.badge-gold{color:var(--gold);border-color:#d9b45b80;background:#d9b45b14}.badge-red{color:#f09a77;border-color:#e0683c80;background:#e0683c14}.role-card{background:linear-gradient(150deg,#232d3a,#161d26);border:1px solid #34445a;border-radius:var(--radius);padding:12px}