:root{--color-primary:#1677ff;--color-primary-dark:#0958d9;--color-primary-light:#4096ff;--color-accent:#e53935;--color-accent-dark:#c62828;--color-accent-light:#ef5350;--color-bg:#f5f7fa;--color-bg-card:#fff;--color-bg-elevated:#f0f2f5;--color-text:#1f1f1f;--color-text-secondary:#595959;--color-text-muted:#8c8c8c;--color-success:#52c41a;--color-waiting:#fa8c16;--color-error:#ff4d4f;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font-sans:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--font-mono:"JetBrains Mono","SF Mono",Monaco,monospace;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 8px 24px rgba(0,0,0,.12);--theme-transition:0.3s}[data-theme=dark]{--color-bg:#0a0a0f;--color-bg-card:#16161d;--color-bg-elevated:#1e1e28;--color-text:#f5f5f7;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#0a0a0f;--color-bg-card:#16161d;--color-bg-elevated:#1e1e28;--color-text:#f5f5f7;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 12px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.4)}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at 30% 0,rgba(22,119,255,.08) 0,transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(229,57,53,.06) 0,transparent 50%);pointer-events:none;z-index:-1}input,textarea{font-family:inherit;font-size:inherit}textarea{width:100%;padding:var(--space-md);border:1px solid var(--color-bg-elevated);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text);font-size:1rem;resize:none;transition:border-color .2s,box-shadow .2s}textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(22,119,255,.1)}textarea::placeholder{color:var(--color-text-muted)}button{font-family:inherit;cursor:pointer;border:none;transition:all .2s}.btn-primary{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;font-size:1.125rem;font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-md),0 4px 14px rgba(22,119,255,.25)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px rgba(22,119,255,.35)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-elevated);color:var(--color-text);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid transparent}.btn-secondary:hover{background:var(--color-bg-card);border-color:var(--color-primary);color:var(--color-primary)}.btn-share{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius-md);box-shadow:var(--shadow-md),0 4px 14px rgba(229,57,53,.25)}.btn-share:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 6px 20px rgba(229,57,53,.35)}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.04)}.lang-banner{position:fixed;top:0;left:0;right:0;background:var(--color-primary);color:#fff;padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:center;gap:var(--space-md);font-size:.875rem;z-index:100;animation:slideDown .3s ease-out}.lang-banner button{padding:var(--space-xs) var(--space-sm);background:#fff;color:var(--color-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.lang-banner .close-btn{background:transparent;color:#fff;padding:var(--space-xs);opacity:.8}.lang-banner .close-btn:hover{opacity:1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-up{animation:slideUp .4s ease-out}.theme-toggle{position:fixed;top:var(--space-md);right:var(--space-md);width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-bg-card);border:1px solid var(--color-bg-elevated);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;transition:transform .2s,box-shadow .2s}.theme-toggle:hover{transform:scale(1.05);box-shadow:var(--shadow-lg)}.theme-toggle:active{transform:scale(.95)}.theme-toggle svg{width:22px;height:22px;color:var(--color-text);transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-transition-overlay{position:fixed;inset:0;z-index:9999;pointer-events:none}.theme-transition-circle{position:absolute;border-radius:50%;transform:scale(0);transition:none}.theme-transition-circle.expanding{animation:themeExpand .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes themeExpand{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999}[data-theme=dark]::view-transition-new(root){animation:clip-circle-dark .5s cubic-bezier(.4,0,.2,1)}:root:not([data-theme])::view-transition-new(root),[data-theme=light]::view-transition-new(root){animation:clip-circle-light .5s cubic-bezier(.4,0,.2,1)}@keyframes clip-circle-dark{0%{-webkit-clip-path:circle(0 at calc(100% - 36px) 36px);clip-path:circle(0 at calc(100% - 36px) 36px)}to{-webkit-clip-path:circle(150% at calc(100% - 36px) 36px);clip-path:circle(150% at calc(100% - 36px) 36px)}}@keyframes clip-circle-light{0%{-webkit-clip-path:circle(0 at calc(100% - 36px) 36px);clip-path:circle(0 at calc(100% - 36px) 36px)}to{-webkit-clip-path:circle(150% at calc(100% - 36px) 36px);clip-path:circle(150% at calc(100% - 36px) 36px)}}@media (max-width:640px){:root{font-size:14px}.lang-banner{flex-wrap:wrap;text-align:center}.theme-toggle{top:var(--space-sm);right:var(--space-sm);width:40px;height:40px}.theme-toggle svg{width:20px;height:20px}}