:root{--bg-0:#05060f;--bg-1:#0d1030;--ink:#e8eaf6;--ink-dim:#9aa0c3;--accent:#7c6cff;--accent-2:#4aa8ff;--glow:#7c6cff59;--card:#ffffff0a;--card-border:#ffffff17}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{color:var(--ink);background:radial-gradient(ellipse 80% 50% at 70% -10%, #4c6cff2e, transparent), linear-gradient(180deg, var(--bg-0), var(--bg-1));background-attachment:fixed;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(1px 1px at 20% 30%,#fffc,#0000),radial-gradient(1px 1px at 80% 20%,#fff9,#0000),radial-gradient(1.5px 1.5px at 40% 70%,#ffffff80,#0000),radial-gradient(1px 1px at 60% 80%,#ffffffb3,#0000),radial-gradient(1px 1px at 90% 60%,#ffffff80,#0000),radial-gradient(1.5px 1.5px at 10% 85%,#fff9,#0000);position:fixed;inset:0}.page{max-width:860px;margin:0 auto;padding:48px 24px 96px}.page-wide{max-width:1280px}.glass{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px}h1.title{letter-spacing:2px;text-align:center;background:linear-gradient(90deg, #fff, var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:40px;font-weight:700}.subtitle{text-align:center;color:var(--ink-dim);margin:12px 0 40px}label.field{color:var(--ink-dim);margin:16px 0 6px;font-size:14px;display:block}input.input,select.input,textarea.input{border:1px solid var(--card-border);width:100%;color:var(--ink);background:#0000004d;border-radius:10px;outline:none;padding:10px 14px;font-size:15px}input.input:focus,select.input:focus,textarea.input:focus{border-color:var(--accent)}textarea.input{resize:vertical;min-height:96px;font-family:inherit}select.input option{background:#0d1030}.btn{cursor:pointer;border:none;border-radius:12px;padding:12px 28px;font-family:inherit;font-size:15px;transition:all .2s;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff}.btn-primary:hover{box-shadow:0 0 24px var(--glow);transform:translateY(-1px)}.btn-ghost{color:var(--ink-dim);border:1px solid var(--card-border);background:0 0}.btn-ghost:hover{color:var(--ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.row{align-items:center;gap:12px;display:flex}.muted{color:var(--ink-dim);font-size:13px}.notice{color:#ffd98a;background:#ffc85a14;border:1px solid #ffc85a40;border-radius:10px;padding:10px 14px;font-size:14px}.error{color:#ff9c9c;background:#ff646414;border:1px solid #ff64644d;border-radius:10px;padding:10px 14px;font-size:14px}.prose-md{line-height:1.8}.prose-md h2{color:var(--accent-2);margin:28px 0 10px;font-size:19px}.prose-md h3{color:var(--accent-2);margin:20px 0 8px;font-size:17px}.prose-md p{margin:8px 0}.prose-md li{margin:4px 0}.prose-md ul{margin:8px 0;padding-left:22px}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}.loading-star{text-align:center;color:var(--ink-dim);padding:40px;animation:1.6s infinite pulse-glow}