:root{--bg: #14100d;--bg-soft: #1b1512;--card: #221b16;--card-hi: #2a221b;--line: #382c23;--line-soft: rgba(255, 255, 255, .06);--line-strong: #4d3a2c;--text: #f5ede3;--text-dim: #cdbfae;--muted: #9c8b7a;--amber: #e0a45c;--amber-strong: #f5c98a;--amber-ink: #2a1c10;--amber-soft: rgba(224, 164, 92, .12);--amber-line: rgba(224, 164, 92, .32);--ok: #6ec98f;--danger: #e57a70;--r-xs: 8px;--r-sm: 10px;--radius: 16px;--r-lg: 22px;--r-pill: 999px;--shadow-1: 0 2px 8px rgba(0, 0, 0, .24);--shadow-2: 0 12px 28px rgba(0, 0, 0, .32);--shadow-3: 0 24px 60px rgba(0, 0, 0, .46);--glow: 0 10px 26px rgba(224, 164, 92, .22);--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--page-max: 1080px;--safe-bottom: env(safe-area-inset-bottom, 0px);--header-h: 60px;--ease: cubic-bezier(.22, .61, .36, 1);--t-fast: .14s;--t: .22s;color-scheme:dark}[data-theme=light]{--bg: #f8f3ec;--bg-soft: #f1e9dd;--card: #fffdf9;--card-hi: #fffaf2;--line: #e5d9c8;--line-soft: rgba(80, 60, 40, .08);--line-strong: #d3c2ab;--text: #2b211a;--text-dim: #4a3a2d;--muted: #7d6c5c;--amber: #a9621b;--amber-strong: #8a4c10;--amber-ink: #fff8ef;--amber-soft: rgba(169, 98, 27, .1);--amber-line: rgba(169, 98, 27, .28);--ok: #2c7a52;--danger: #ad4038;--shadow-1: 0 2px 8px rgba(90, 60, 30, .08);--shadow-2: 0 12px 28px rgba(90, 60, 30, .1);--shadow-3: 0 24px 60px rgba(90, 60, 30, .14);--glow: 0 10px 26px rgba(169, 98, 27, .14);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#app{min-height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.65;color:var(--text);background-color:var(--bg);background-image:radial-gradient(1000px 560px at 10% -8%,rgba(224,164,92,.14),transparent 62%),radial-gradient(820px 480px at 100% 0%,rgba(122,66,36,.24),transparent 58%),radial-gradient(700px 420px at 50% 108%,rgba(224,164,92,.06),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-theme=light] body{background-image:radial-gradient(1000px 560px at 10% -8%,rgba(196,140,70,.16),transparent 62%),radial-gradient(820px 480px at 100% 0%,rgba(180,140,100,.14),transparent 58%),radial-gradient(700px 420px at 50% 108%,rgba(196,140,70,.06),transparent 60%)}:focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--r-xs)}::selection{color:var(--amber-ink);background:var(--amber)}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);background-clip:content-box;border:3px solid transparent;border-radius:var(--r-pill)}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}a{color:var(--amber);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--amber-strong)}h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:.1px}p{margin:0}img{max-width:100%}button,input,select,textarea{font-family:inherit}.page{width:min(var(--page-max),100% - 32px);padding:var(--s5) 0 72px;margin:0 auto}.stack{display:flex;flex-direction:column;gap:var(--s4)}.row{display:flex;flex-wrap:wrap;gap:var(--s2);align-items:center}.spread{display:flex;gap:var(--s3);align-items:center;justify-content:space-between}.section-head{display:flex;gap:var(--s3);align-items:baseline;justify-content:space-between;margin-bottom:var(--s3)}.section-head h2{font-size:17px}.section-head h3{font-size:15px}.card{position:relative;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 42%),var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2)}.card--flat{box-shadow:var(--shadow-1)}.card--pad-sm{padding:var(--s4)}.card--link{display:block;color:inherit;transition:transform var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}.card--link:hover{color:inherit;border-color:var(--line-strong);box-shadow:var(--shadow-3);transform:translateY(-2px)}.card--link:active{transform:translateY(0)}.hint{font-size:12.5px;line-height:1.72;color:var(--muted)}.muted{color:var(--muted)}.dim{color:var(--text-dim)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clamp-2{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.clamp-3{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand{display:flex;gap:var(--s3);align-items:center;color:var(--text)}.brand:hover{color:var(--text)}.brand__mark{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:44px;height:44px;font-size:20px;font-weight:700;color:var(--amber-ink);background:linear-gradient(150deg,var(--amber-strong),#c9832f);border-radius:14px;box-shadow:var(--glow)}.brand h1{font-size:22px}[data-theme=light] .brand__mark{color:#fffaf2;background:linear-gradient(150deg,#b06a1f,#8a4c10)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field>span{font-size:13px;color:var(--muted)}.field input,.field select,.field textarea,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],select,textarea{width:100%;padding:10px 13px;font:inherit;font-size:14px;color:var(--text);background:#00000038;border:1px solid var(--line);border-radius:var(--r-sm);outline:none;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}[data-theme=light] .field input,[data-theme=light] .field select,[data-theme=light] .field textarea,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:#ffffffb3}.field input::placeholder,.field textarea::placeholder,textarea::placeholder,input::placeholder{color:#7d6d60}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#a89786}.field input:hover,.field select:hover,.field textarea:hover,input:hover,select:hover,textarea:hover{border-color:var(--line-strong)}.field input:focus,.field select:focus,.field textarea:focus,input:focus,select:focus,textarea:focus{background:#0000004d;border-color:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{background:#fff}textarea{line-height:1.7;resize:vertical}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,currentcolor 50%),linear-gradient(135deg,currentcolor 50%,transparent 50%);background-position:calc(100% - 17px) calc(50% + 1px),calc(100% - 12px) calc(50% + 1px);background-repeat:no-repeat;background-size:5px 5px;padding-right:34px}input[type=checkbox],input[type=radio]{width:16px;height:16px;accent-color:var(--amber);cursor:pointer}input[type=range]{width:100%;height:22px;padding:0;background:transparent;border:0;accent-color:var(--amber);cursor:pointer}.check{display:inline-flex;gap:7px;align-items:center;font-size:13px;color:var(--text-dim);cursor:pointer}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;font:inherit;font-weight:600;color:var(--text);white-space:nowrap;cursor:pointer;background:#ffffff0e;border:1px solid var(--line);border-radius:var(--r-sm);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}.btn:hover:not(:disabled){background:#ffffff17;border-color:var(--line-strong)}[data-theme=light] .btn:not(.btn-primary){background:#fffdf9;border-color:var(--line)}[data-theme=light] .btn:not(.btn-primary):hover:not(:disabled){background:#fff}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{color:var(--amber-ink);background:linear-gradient(150deg,var(--amber-strong),#cf8c3c);border-color:transparent;box-shadow:var(--glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(150deg,#ffd79d,#d99543);border-color:transparent}[data-theme=light] .btn-primary{color:#fffaf2;background:linear-gradient(150deg,#b06a1f,#8a4c10)}[data-theme=light] .btn-primary:hover:not(:disabled){background:linear-gradient(150deg,#c17a2a,#9a5715)}.btn-ghost{background:transparent}.btn-ghost:hover:not(:disabled){background:#ffffff0f}.btn-danger{color:var(--danger);border-color:#e57a705c}.btn-danger:hover:not(:disabled){background:#e57a701f;border-color:#e57a7099}.btn--sm{min-height:34px;padding:6px 12px;font-size:13px}.btn--auto{width:auto}.btn--block{width:100%}.icon-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:38px;height:38px;padding:0;font-size:15px;color:var(--text-dim);cursor:pointer;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.icon-btn:hover:not(:disabled){color:var(--amber);background:#ffffff0f;border-color:var(--line)}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.link{padding:0;font:inherit;font-size:12.5px;color:var(--muted);cursor:pointer;background:none;border:0;transition:color var(--t-fast) var(--ease)}.link:hover:not(:disabled){color:var(--amber)}.link:disabled{cursor:not-allowed;opacity:.4}.tag{display:inline-flex;flex-shrink:0;gap:5px;align-items:center;padding:3px 10px;font-size:12px;color:var(--ok);background:#6ec98f1f;border:1px solid rgba(110,201,143,.3);border-radius:var(--r-pill)}.tag--off{color:var(--muted);background:#ffffff0d;border-color:var(--line)}.tag--amber{color:var(--amber);background:var(--amber-soft);border-color:var(--amber-line)}.chip{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;font-size:12.5px;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border:1px solid var(--line);border-radius:var(--r-pill);transition:color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.chip:hover:not(:disabled){color:var(--amber);border-color:var(--amber-line)}.chip--active{color:var(--amber);background:var(--amber-soft);border-color:var(--amber)}.alert{padding:11px 14px;font-size:13px;color:var(--danger);background:#e57a701a;border:1px solid rgba(229,122,112,.32);border-radius:var(--r-sm)}.divider{display:flex;gap:var(--s3);align-items:center;margin:4px 0;font-size:12px;color:var(--muted)}.divider:before,.divider:after{flex:1;height:1px;content:"";background:var(--line)}.spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.28);border-top-color:var(--amber);border-radius:50%;animation:spin .72s linear infinite}.spinner--lg{width:26px;height:26px;margin:0 auto 14px;border-width:3px;border-color:var(--amber-soft);border-top-color:var(--amber)}@keyframes spin{to{transform:rotate(360deg)}}.kv{display:flex;gap:var(--s4);align-items:baseline;justify-content:space-between;padding:11px 0;font-size:13px;border-bottom:1px dashed var(--line-soft)}.kv:last-child{border-bottom:0}.kv>dt{flex:0 0 92px;color:var(--muted)}.kv>dd{flex:1;margin:0;text-align:right;word-break:break-word}code{padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--amber-strong);background:#0000004d;border-radius:6px}[data-theme=light] code{color:var(--amber);background:#a9621b14}.empty{display:flex;flex-direction:column;gap:var(--s3);align-items:center;padding:56px 20px;text-align:center}.empty__mark{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:24px;color:var(--amber);background:var(--amber-soft);border:1px solid var(--amber-line);border-radius:18px}[data-theme=light] .tag{color:var(--ok);background:#2c7a521a;border-color:#2c7a5252}.overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#080503a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .16s var(--ease)}@keyframes fade-in{0%{opacity:0}}@media(max-width:860px){.page{width:calc(100% - 24px);padding:var(--s4) 0 72px}}@media(max-width:720px){body{font-size:14px}.card{padding:16px;border-radius:14px}.page{width:calc(100% - 20px);padding:12px 0 calc(64px + var(--safe-bottom))}.stack{gap:12px}.kv>dt{flex:0 0 76px}input,select,textarea,.field input,.field select,.field textarea{font-size:16px}.btn{min-height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
