:root{--ink: #0a0708;--ink-2: #110b0d;--panel: #160d10;--panel-2: #1c1115;--blood: #8e030f;--red: #e11030;--red-2: #ff2a4c;--red-deep: #4d0712;--line: #cf1228;--white: #f4f1ef;--muted: #8d8a8c;--muted-2: #b9b4b6;--gold: #d8b15a;--green: #36c08a;--border: rgba(255,255,255,.08);--border-2: rgba(255,42,76,.3);--nav-h: 64px;--ease: cubic-bezier(.22,.61,.36,1);--display: "Noto Sans TC","PingFang TC","Microsoft JhengHei","Heiti TC",sans-serif;--num: "Oswald","Noto Sans TC",sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--display);color:var(--white);background:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh}#app{min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,rgba(168,12,28,.3),transparent 55%),radial-gradient(90% 60% at 50% 120%,rgba(120,8,20,.18),transparent 60%),linear-gradient(180deg,#06040566,#060405e6)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font-family:inherit}ul{list-style:none}:focus-visible{outline:2px solid var(--red-2);outline-offset:2px;border-radius:3px}.btn{--b-skew:7px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:900;letter-spacing:.12em;font-size:.92rem;padding:.7rem 1.6rem;color:#fff;white-space:nowrap;background:linear-gradient(135deg,var(--red),var(--blood));clip-path:polygon(var(--b-skew) 0,100% 0,calc(100% - var(--b-skew)) 100%,0 100%);box-shadow:0 6px 18px #e1103059,inset 0 0 0 1px #ffffff2e;transition:transform .16s var(--ease),box-shadow .25s var(--ease),filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 26px #ff2a4c80}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;filter:none}.btn--ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--border-2);color:var(--muted-2);font-weight:700;letter-spacing:.08em}.btn--ghost:hover{color:#fff;box-shadow:inset 0 0 0 1px var(--red);filter:none}.btn--sm{padding:.45rem 1rem;font-size:.8rem;letter-spacing:.06em}.field{display:block;margin-bottom:1.1rem}.field__label{display:block;font-size:.82rem;font-weight:700;color:var(--muted-2);margin-bottom:.45rem;letter-spacing:.04em}.field input{width:100%;padding:.78rem .95rem;background:#00000059;color:#fff;border:1px solid var(--border);border-radius:8px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.field input:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px #e110302e}.sel{padding:.6rem 2.2rem .6rem .85rem;background:#00000059 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238d8a8c'%3E%3Cpath d='M6 9 1 3h10z'/%3E%3C/svg%3E") no-repeat right .8rem center;color:#fff;border:1px solid var(--border);border-radius:8px;font-size:.88rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sel:focus{outline:none;border-color:var(--red)}.panel{background:linear-gradient(180deg,var(--panel-2),var(--panel));border:1px solid var(--border);border-radius:12px;padding:1.3rem 1.4rem;margin-bottom:1.4rem}.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;gap:1rem;flex-wrap:wrap}.panel__title{font-size:1.02rem;font-weight:900;letter-spacing:.03em}.panel__title .dot{display:inline-block;width:9px;height:9px;background:var(--red);transform:rotate(45deg);margin-right:.55rem;box-shadow:0 0 8px var(--red-2)}.page-head{margin-bottom:1.4rem}.page-head h1{font-size:1.5rem;font-weight:900;letter-spacing:.04em}.page-head p{color:var(--muted);font-size:.88rem;margin-top:.2rem}.pill{display:inline-block;padding:.2rem .65rem;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.03em}.pill--ok{color:#9ff0cf;background:#36c08a26;box-shadow:inset 0 0 0 1px #36c08a66}.pill--cancel{color:#ffb3bf;background:#e1103024;box-shadow:inset 0 0 0 1px #e1103066}.tier{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.84rem}.tier:before{content:"";width:8px;height:8px;transform:rotate(45deg)}.tier.t0:before{background:#7ad0ff}.tier.t0{color:#bfe7ff}.tier.t1:before{background:var(--gold)}.tier.t1{color:#f0d79b}.tier.t2:before{background:#d9d9d9}.tier.t2{color:#eaeaea}.tier.t3:before{background:var(--muted)}.tier.t3{color:var(--muted-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ff2a4c40;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#ff2a4c73}::-webkit-scrollbar-track{background:transparent}