:root{--blue: #0a84ff;--blue-strong: #0066d6;--blue-soft: rgba(10, 132, 255, .1);--green: #30d158;--orange: #ff9f0a;--red: #ff453a;--gray-1: #1d1d1f;--gray-2: #48484a;--gray-3: #8e8e93;--gray-4: #c7c7cc;--line: rgba(0, 0, 0, .08);--card-bg: rgba(255, 255, 255, .72);--card-border: rgba(255, 255, 255, .9);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 12px 40px rgba(0, 0, 0, .08);--radius-lg: 22px;--radius-md: 14px;--radius-pill: 999px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;color:var(--gray-1);background:#eef1f7;background-image:radial-gradient(60vw 60vw at 12% -8%,rgba(10,132,255,.18),transparent 60%),radial-gradient(50vw 50vw at 88% 4%,rgba(255,159,10,.14),transparent 62%),radial-gradient(70vw 70vw at 50% 108%,rgba(48,209,88,.1),transparent 60%);background-attachment:fixed;-webkit-font-smoothing:antialiased}.page{max-width:680px;margin:0 auto;padding:40px 20px 72px}.page--wide{max-width:1080px}.hero{text-align:center;margin-bottom:28px}.hero h1{margin:0 0 10px;font-size:clamp(24px,5vw,32px);font-weight:700;letter-spacing:-.02em}.hero p{margin:0;font-size:14px;color:var(--gray-3);line-height:1.6}.notice{display:block;margin-bottom:18px;padding:16px 18px;background:#ffffffb8;border:1px solid rgba(10,132,255,.22);border-left:3px solid var(--blue);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);text-decoration:none;transition:border-color .18s ease,transform .12s ease,box-shadow .18s ease}.notice:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:var(--shadow-md)}.notice__head{font-size:15px;font-weight:600;color:var(--gray-1);margin-bottom:6px}.notice__body{font-size:13px;color:var(--gray-2);line-height:1.7}.notice__link{margin-top:8px;font-size:12px;color:var(--blue);word-break:break-all}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);padding:24px}.card+.card{margin-top:16px}.login-card{width:100%;max-width:400px;margin:10vh auto 0}.card__title{margin:0 0 4px;font-size:16px;font-weight:650}.card__desc{margin:0 0 20px;font-size:13px;color:var(--gray-3)}.field{margin-bottom:20px}.field__label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--gray-2)}.field__hint{margin-top:6px;font-size:12px;color:var(--gray-3);line-height:1.6}.input,.textarea{width:100%;padding:12px 14px;font-size:15px;font-family:inherit;color:var(--gray-1);background:#ffffffe6;border:1px solid var(--line);border-radius:var(--radius-md);outline:none;transition:border-color .18s,box-shadow .18s}.input:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.textarea{min-height:140px;resize:vertical;line-height:1.7}.counter{text-align:right;font-size:12px;color:var(--gray-3);margin-top:6px}.counter--warn{color:var(--orange)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 16px;font-size:14px;font-family:inherit;color:var(--gray-2);background:#ffffffd9;border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:all .18s ease}.chip:hover{border-color:var(--blue);color:var(--blue)}.chip[aria-pressed=true]{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:0 4px 14px #0a84ff52}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 22px;font-size:15px;font-weight:600;font-family:inherit;color:#fff;background:var(--blue);border:none;border-radius:var(--radius-pill);cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s;box-shadow:0 4px 16px #0a84ff4d}.btn:hover:not(:disabled){background:var(--blue-strong);box-shadow:0 6px 22px #0a84ff66}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn--block{width:100%}.btn--ghost{color:var(--gray-2);background:#ffffffe6;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.btn--ghost:hover:not(:disabled){color:var(--blue);border-color:var(--blue);background:#fff;box-shadow:var(--shadow-sm)}.btn--sm{padding:7px 14px;font-size:13px}.btn--danger{color:var(--red);background:#ff453a1a;border:1px solid rgba(255,69,58,.25);box-shadow:none}.btn--danger:hover:not(:disabled){color:#fff;background:var(--red);border-color:var(--red)}.result{text-align:center;padding:8px 0 4px}.result__icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:28px;border-radius:50%;background:#30d15824}.result__title{margin:0 0 8px;font-size:18px;font-weight:650}.result__desc{margin:0 0 20px;font-size:13px;color:var(--gray-3);line-height:1.7}.code-box{display:inline-flex;align-items:center;gap:12px;padding:14px 22px;background:linear-gradient(135deg,#0a84ff1a,#0a84ff0a);border:1px dashed rgba(10,132,255,.4);border-radius:var(--radius-md)}.code-box__value{font-family:SF Mono,ui-monospace,Consolas,monospace;font-size:22px;font-weight:700;letter-spacing:.12em;color:var(--blue)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-pill);white-space:nowrap}.badge--open{color:#b26a00;background:#ff9f0a29}.badge--replied{color:#0a7a3f;background:#30d15829}.badge--closed{color:var(--gray-3);background:#8e8e9324}.badge--mail{color:var(--blue);background:var(--blue-soft)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.topbar__title{margin:0;font-size:20px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px;margin-bottom:16px}.stat{padding:16px;text-align:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.stat__num{font-size:24px;font-weight:700;line-height:1.2}.stat__label{margin-top:4px;font-size:12px;color:var(--gray-3)}.stat--open .stat__num{color:var(--orange)}.stat--replied .stat__num{color:var(--green)}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar .input{flex:1 1 200px;min-width:0}.segmented{display:inline-flex;padding:3px;background:#7878801a;border-radius:var(--radius-pill)}.segmented button{padding:7px 16px;font-size:13px;font-family:inherit;color:var(--gray-2);background:transparent;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:all .18s}.segmented button[aria-pressed=true]{color:var(--gray-1);background:#fff;box-shadow:var(--shadow-sm)}.item{padding:16px 18px;background:#fffc;border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:10px;cursor:pointer;transition:all .18s}.item:hover{border-color:#0a84ff66;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.item__head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.item__code{font-family:SF Mono,ui-monospace,Consolas,monospace;font-size:12px;color:var(--gray-3)}.item__title{font-size:15px;font-weight:600;color:var(--gray-1);line-height:1.5;margin-bottom:6px;word-break:break-word}.item__ep{font-weight:400;color:var(--gray-3);font-size:13px}.item__body{font-size:14px;line-height:1.65;color:var(--gray-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item__meta{margin-top:8px;font-size:12px;color:var(--gray-3);display:flex;gap:12px;flex-wrap:wrap}.drawer{position:fixed;inset:0;z-index:50;display:none}.drawer[data-open=true]{display:block}.drawer__mask{position:absolute;inset:0;background:#00000047;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.drawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(560px,100%);overflow-y:auto;padding:24px;background:#fcfcfef5;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:-8px 0 40px #0000001f;animation:slideIn .26s cubic-bezier(.22,1,.36,1)}@keyframes slideIn{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.detail__row{display:flex;gap:8px;padding:10px 0;font-size:13px;border-bottom:1px solid var(--line);flex-wrap:wrap}.detail__label{color:var(--gray-3);min-width:72px}.detail__value{color:var(--gray-1);word-break:break-all;flex:1}.bubble{padding:14px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.bubble--user{background:#78788017;color:var(--gray-2)}.bubble--admin{background:var(--blue-soft);color:var(--gray-1);border-left:3px solid var(--blue)}.bubble+.bubble{margin-top:10px}.bubble__meta{margin-top:8px;font-size:11px;color:var(--gray-3)}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,20px);padding:12px 22px;font-size:14px;color:#fff;background:#1d1d1feb;border-radius:var(--radius-pill);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:all .24s ease;z-index:100;max-width:calc(100vw - 40px)}.toast[data-show=true]{opacity:1;transform:translate(-50%)}.toast--error{background:#ff453af5}.empty{padding:48px 20px;text-align:center;color:var(--gray-3);font-size:14px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none!important}.footer{margin-top:28px;text-align:center;font-size:12px;color:var(--gray-3);line-height:1.8}.footer a{color:var(--blue);text-decoration:none}@media(max-width:640px){.page{padding:24px 14px 56px}.card{padding:18px;border-radius:18px}.code-box{width:100%;justify-content:center}.code-box__value{font-size:19px}.drawer__panel{width:100%}.stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}