:root{--bg-app: #0A0C0E;--surface: #14171B;--surface-2: #1B1F24;--surface-3: #23282E;--surface-4: #2C323A;--text-1: rgba(255,255,255,.94);--text-2: rgba(255,255,255,.62);--text-3: rgba(255,255,255,.36);--border: rgba(255,255,255,.075);--border-strong: rgba(255,255,255,.15);--brand: #35C16D;--brand-hover: #46CF7D;--brand-bright: #5FE094;--brand-deep: #1E8C4A;--brand-soft: rgba(53,193,109,.12);--brand-ring: rgba(53,193,109,.28);--brand-glow: rgba(53,193,109,.34);--grad-brand: linear-gradient(92deg, #35C16D 0%, #50CE40 100%);--grad-text: linear-gradient(120deg, #35C16D 0%, #86E8A2 55%, #35C16D 100%);--grid-line: rgba(255,255,255,.022);--sheen: linear-gradient(180deg, rgba(255,255,255,.055) 0%, rgba(255,255,255,0) 100%);--ok: #35C16D;--ok-soft: rgba(53,193,109,.14);--warn: #F5A623;--warn-soft: rgba(245,166,35,.14);--err: #FF6B6B;--err-soft: rgba(255,107,107,.14);--info: var(--brand);--r-xs: 8px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-full: 999px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 10px 28px rgba(0,0,0,.42);--shadow-lg: 0 20px 56px rgba(0,0,0,.62);--shadow-brand: 0 8px 28px rgba(53,193,109,.26);--sidebar-w: 232px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 16px;--fs-lg: 20px;--fs-xl: 26px;--fs-2xl: 34px;--lh-tight: 1.25;--lh-base: 1.6;--lh-loose: 1.75;--bg-1: var(--bg-app);--bg-2: var(--surface);--bg: var(--bg-app);--bg-soft: var(--surface-2);--card: var(--surface);--card-bg: var(--surface);--card-border: var(--border);--primary: var(--brand);--primary-1: var(--brand);--primary-2: var(--brand-hover);--pink: var(--warn);--orange: var(--warn);--gradient-btn: var(--grad-brand);--gradient-text: var(--grad-text);--glass: rgba(20,23,27,.8);--shadow-soft: var(--shadow-sm);--shadow-card: var(--shadow-md)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-height:100vh}html,body{overflow-x:clip}body{font-family:微软雅黑,Microsoft YaHei,Microsoft YaHei UI,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-app);color:var(--text-1);font-size:var(--fs-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{color:var(--text-1);letter-spacing:-.01em}h1{font-size:var(--fs-2xl);font-weight:700;line-height:var(--lh-tight)}h2{font-size:var(--fs-xl);font-weight:650;line-height:1.3}h3{font-size:var(--fs-lg);font-weight:600;line-height:1.35}h4{font-size:var(--fs-md);font-weight:600;line-height:1.4}p{line-height:var(--lh-base)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background-image:radial-gradient(ellipse 42% 100% at 50% 0%,rgba(53,193,109,.11) 0%,transparent 64%),linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:100% 100%,44px 44px,44px 44px;background-repeat:no-repeat,repeat,repeat;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 88%);mask-image:linear-gradient(180deg,#000 0%,#000 46%,transparent 88%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 60% at 100% 100%,rgba(53,193,109,.055) 0%,transparent 70%),linear-gradient(180deg,rgba(10,12,14,0) 0%,rgba(10,12,14,.72) 62%,var(--bg-app) 100%)}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{background:#0a0c0ec2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);box-shadow:0 1px #ffffff08,0 8px 24px #00000047;color:var(--text-1);padding:0 28px;height:60px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:10;margin-left:var(--sidebar-w)}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.topbar-link{color:var(--text-2);text-decoration:none;font-size:13.5px;display:inline-flex;align-items:center;gap:4px;transition:color .16s ease}.topbar-link:hover{color:var(--brand)}.avatar-circle{width:32px;height:32px;border-radius:50%;background:var(--grad-brand);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:box-shadow .16s ease}.content{flex:1;width:auto;min-width:0;margin-left:var(--sidebar-w);padding:24px 28px 60px;max-width:none}.sidebar{width:var(--sidebar-w);position:fixed;top:0;bottom:0;left:0;background:#0f1216e6;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-right:1px solid var(--border);box-shadow:1px 0 #35c16d0d,14px 0 40px #00000057;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.sidebar-logo{padding:20px 18px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.sidebar-logo img{height:30px;width:30px;object-fit:cover;border-radius:8px;box-shadow:0 0 0 1px #ffffff1a}.sidebar-logo span{font-size:15px;font-weight:700;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.sidebar-section{padding:14px 18px 6px;font-size:11px;color:var(--text-3);letter-spacing:1.2px;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 14px;margin:0 8px;border-radius:10px;font-size:13.5px;color:var(--text-2);text-decoration:none;transition:all .16s ease;cursor:pointer;position:relative}.sidebar-link:hover{background:var(--brand-soft);color:var(--brand-hover)}.sidebar-link.active{background:linear-gradient(92deg,#35c16d33,#35c16d0a);color:var(--brand-bright);font-weight:600;box-shadow:inset 0 0 0 1px #35c16d29,0 0 22px #35c16d1a}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:3px;background:var(--brand);box-shadow:0 0 10px var(--brand-glow),0 0 22px #35c16d4d}.sidebar-link.active .grad-icon-box{box-shadow:0 0 0 1px #ffffff24,0 0 14px #35c16d73}.sidebar-footer{margin-top:auto;padding:14px 18px 18px;border-top:1px solid var(--border);font-size:11.5px;color:var(--text-3);display:flex;gap:12px;flex-wrap:wrap}.sidebar-footer a{color:var(--text-3);text-decoration:none;transition:color .16s ease}.sidebar-footer a:hover{color:var(--brand)}@media (max-width: 900px){.sidebar{transform:translate(-100%);transition:transform .25s;box-shadow:var(--shadow-md)}.sidebar.open{transform:translate(0)}.topbar,.content,.footer{margin-left:0}}.footer{text-align:center;font-size:12px;color:var(--text-3);padding:18px;border-top:1px solid var(--border);background:#0f1113b3;margin-left:var(--sidebar-w)}.footer a{color:var(--brand)}.card{background-color:var(--surface);background-image:var(--sheen);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm),inset 0 1px #ffffff0b}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.empty .big{font-size:40px;margin-bottom:8px}.login-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;position:relative}.login-wrap .login-eyebrow{color:var(--text-2);font-size:14px;letter-spacing:2px;margin-bottom:16px;text-align:center}.login-wrap .login-title{font-size:clamp(28px,5vw,44px);font-weight:700;text-align:center;margin-bottom:8px;line-height:1.35;letter-spacing:-.02em;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.login-wrap .login-sub{color:var(--text-2);font-size:15px;text-align:center;margin-bottom:32px;max-width:520px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;width:100%;max-width:400px;box-shadow:var(--shadow-md)}.login-card h1{font-size:18px;margin-bottom:4px;display:flex;align-items:center;gap:8px;color:var(--text-1);font-weight:600;letter-spacing:-.01em}.login-card .sub{color:var(--text-3);font-size:12.5px;margin-bottom:22px}.tabs{display:flex;gap:8px;margin-bottom:20px;background:var(--surface-2);padding:4px;border-radius:var(--r-md)}.tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--text-2);transition:all .16s ease}.tabs button.on{background:var(--grad-brand);color:#fff;font-weight:500;box-shadow:var(--shadow-sm)}.field{margin-bottom:14px}.field label{display:block;font-size:13px;color:var(--text-2);margin-bottom:6px}.input,.textarea,select.input{width:100%;padding:11px 14px;border:1px solid var(--border-strong);border-radius:var(--r-md);font-size:14px;font-family:inherit;background:var(--surface);color:var(--text-1);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:focus,.textarea:focus,select.input:focus,.input:focus-visible,.textarea:focus-visible,select.input:focus-visible{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-ring)}.textarea{min-height:110px;resize:vertical}.mono{font-family:Consolas,monospace;letter-spacing:.5px}.btn{border:0;border-radius:var(--r-md);padding:11px 22px;font-size:14px;cursor:pointer;font-family:inherit;transition:all .16s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad-brand);color:#fff;font-weight:600;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 34px #35c16d66}.btn-accent{background:var(--grad-brand);color:#fff;font-weight:600;box-shadow:var(--shadow-brand)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 34px #35c16d66}.btn-ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text-1)}.btn-ghost:hover{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}.btn-sm{padding:6px 12px;font-size:12.5px;border-radius:9px}.btn-del:hover{border-color:var(--err);background:var(--err-soft);color:var(--err)}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-ring)}.tag{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);padding:2px 10px;border-radius:var(--r-full);font-size:12px;transition:all .16s ease}.tag-ok{background:var(--ok-soft);border-color:#12996a47;color:var(--ok)}.tag-warn{background:var(--warn-soft);border-color:#d9911447;color:var(--warn)}.tag-err{background:var(--err-soft);border-color:#dc4c4c47;color:var(--err)}.ai-badge{position:absolute;right:8px;bottom:8px;background:#000000b8;color:#fff;font-size:11px;padding:2px 8px;border-radius:var(--r-xs);pointer-events:none;border:1px solid rgba(255,255,255,.2)}.media-frame{position:relative;border-radius:var(--r-md);overflow:hidden;background:#000;border:1px solid var(--border)}.media-frame img,.media-frame video{display:block}.steps{display:flex;align-items:center;gap:6px;margin-bottom:20px;flex-wrap:wrap}.step{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);padding:6px 12px;border-radius:var(--r-full);background:var(--surface-2);border:1px solid var(--border)}.step .dot{width:20px;height:20px;border-radius:50%;background:#ffffff1a;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.step.active{color:var(--brand);border-color:#35c16d66;background:var(--brand-soft);font-weight:500}.step.active .dot{background:var(--brand);color:#fff}.seg{display:inline-flex;gap:4px;padding:4px;background:var(--surface-2);border-radius:var(--r-md);border:1px solid var(--border)}.seg-btn{border:none;background:transparent;color:var(--text-2);font-size:13.5px;font-weight:500;padding:7px 16px;border-radius:9px;cursor:pointer;transition:all .16s ease}.seg-btn:hover{color:var(--text-1)}.seg-btn.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm)}.step.done{color:var(--ok);border-color:#12996a4d;background:var(--ok-soft)}.step.done .dot{background:var(--ok);color:#fff}.step-arrow{color:var(--text-3)}.shot-card{padding:16px}.shot-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shot-head b{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.quota-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.quota-item{padding:16px 18px}.q-label{font-size:13px;color:var(--text-2);margin-bottom:4px}.q-num{font-size:22px;font-weight:700;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;letter-spacing:-.01em}.bar{height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden}.bar div{height:100%;background:var(--grad-brand);border-radius:3px}@keyframes szm-flow{to{background-position:200% 0}}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;padding:10px 12px;background:var(--brand-soft);color:var(--brand);font-weight:600;white-space:nowrap}.table td{border-top:1px solid var(--border);padding:10px 12px;vertical-align:middle;color:var(--text-1)}.table tr:hover td{background:#35c16d0d}.hero{position:relative;padding:56px 28px 44px;text-align:center;border-radius:var(--r-xl);margin-bottom:28px;overflow:hidden;background:linear-gradient(135deg,#35c16d12,#35c16d0d);border:1px solid rgba(53,193,109,.14)}.hero h1{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:10px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-2);font-size:15px;margin-bottom:20px}.hero .cta{display:inline-flex;gap:10px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tool-card{background-color:var(--surface);background-image:var(--sheen);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;cursor:pointer;text-decoration:none;color:var(--text-1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;display:block;position:relative;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0b}.tool-card:hover{transform:translateY(-2px);border-color:#35c16d6b;box-shadow:var(--shadow-md),0 0 28px #35c16d24,inset 0 1px #ffffff0f}.tool-icon{font-size:30px;margin-bottom:10px}.tool-name{font-size:16px;font-weight:600;margin-bottom:4px;background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.tool-desc{font-size:12.5px;color:var(--text-2)}.tool-hot{position:absolute;top:14px;right:14px}.tool-grid-large{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.grad-card{background-color:var(--surface);background-image:var(--sheen);border:1px solid var(--border);border-radius:var(--r-xl);padding:24px 22px;cursor:pointer;text-decoration:none;color:var(--text-1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;position:relative;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-sm),inset 0 1px #ffffff0b}.grad-card:hover{transform:translateY(-2px);border-color:#35c16d6b;box-shadow:var(--shadow-md),0 0 28px #35c16d24,inset 0 1px #ffffff0f;z-index:5}.grad-icon-box{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-sm),inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff1a}.sidebar .grad-icon-box{width:26px;height:26px;border-radius:8px;box-shadow:none}.grad-card .name{font-size:16px;font-weight:600}.grad-card .desc{font-size:12.5px;color:var(--text-2);line-height:1.5;letter-spacing:.2px}.grad-card .arrow{position:absolute;top:24px;right:24px;opacity:.3;font-size:18px;transition:all .16s ease}.grad-card:hover .arrow{opacity:1;transform:translate(2px);color:var(--brand)}.grad-1{background:linear-gradient(135deg,#2fb063,#35c16d)}.grad-2{background:linear-gradient(135deg,#1f9e63,#2fc08a)}.grad-3{background:linear-gradient(135deg,#35c16d,#6edd8c)}.grad-4{background:linear-gradient(135deg,#159a6e,#2bc1a0)}.grad-5{background:linear-gradient(135deg,#43c95f,#8ce87d)}.grad-6{background:linear-gradient(135deg,#279e56,#4fd07b)}.grad-7{background:linear-gradient(135deg,#0f8f7a,#23c2a8)}.grad-8{background:linear-gradient(135deg,#3dbe6b,#7be39c)}.list-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.list-item{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .16s ease;box-shadow:var(--shadow-sm)}.list-item:hover{background:var(--surface);border-color:#35c16d66;transform:translate(2px);box-shadow:var(--shadow-md)}.list-item .num{font-size:13px;font-weight:700;flex-shrink:0;min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:var(--brand-soft);color:var(--brand)}.list-item .text{font-size:13.5px;color:var(--text-1);line-height:1.5}@media (max-width: 720px){.list-row{grid-template-columns:1fr}}.chat-box{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:flex;flex-direction:column;height:520px;box-shadow:var(--shadow-sm)}.chat-msgs{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.msg{max-width:80%;padding:11px 15px;border-radius:14px;font-size:14px;white-space:pre-wrap}.msg.user{align-self:flex-end;background:var(--grad-brand);color:#fff;border-bottom-right-radius:4px;box-shadow:var(--shadow-sm)}.msg.bot{align-self:flex-start;background:var(--surface-2);border:1px solid var(--border);color:var(--text-1);border-bottom-left-radius:4px}.chat-input{display:flex;gap:10px;padding:14px;border-top:1px solid var(--border)}.alert{padding:10px 14px;border-radius:10px;font-size:13.5px;margin-bottom:14px}.alert-info{background:var(--brand-soft);border:1px solid rgba(53,193,109,.26);color:var(--brand-hover)}.alert-warn{background:var(--warn-soft);border:1px solid rgba(217,145,20,.25);color:var(--warn)}.alert-err{background:var(--err-soft);border:1px solid rgba(220,76,76,.25);color:var(--err)}.alert-ok{background:var(--ok-soft);border:1px solid rgba(18,153,106,.25);color:var(--ok)}.muted{color:var(--text-2)}a{color:var(--brand-hover);transition:color .16s ease}a:hover{color:var(--brand)}.spin{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.18);border-top-color:var(--brand);border-radius:50%;animation:szm-spin .7s linear infinite}.spin.dark{border-color:#ffffff24;border-top-color:var(--brand)}@keyframes szm-spin{to{transform:rotate(360deg)}}hr{border:0;border-top:1px solid var(--border);margin:18px 0}code{background:#ffffff12;padding:1px 6px;border-radius:4px;font-family:Consolas,monospace;font-size:12.5px;color:var(--warn)}@keyframes szm-pop{0%{opacity:0;transform:scale(.94) translateY(16px)}70%{transform:scale(1.01) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes szm-bounce{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-6px) rotate(-3deg)}60%{transform:translateY(-3px) rotate(2deg)}}@keyframes szm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes szm-glow{0%,to{opacity:.2}50%{opacity:.38}}.cat-zone{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;margin:32px 0 38px}.cat-card{position:relative;background:transparent;border:1px solid transparent;border-radius:22px;padding:18px 22px 22px;cursor:pointer;text-decoration:none;color:var(--text-1);opacity:0;animation:szm-pop .6s cubic-bezier(.34,1.56,.64,1) both;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.cat-card:nth-child(1){animation-delay:.08s}.cat-card:nth-child(2){animation-delay:.22s}.cat-card:nth-child(3){animation-delay:.36s}.cat-card:before{content:"";position:absolute;top:-15%;right:0;bottom:-15%;left:0;background:radial-gradient(circle at 50% 30%,var(--cat-glow, rgba(53,193,109,.16)) 0%,transparent 60%);animation:szm-glow 3.6s ease-in-out infinite;pointer-events:none;border-radius:50%;filter:blur(50px);z-index:-1}.cat-card:hover{background:var(--surface);border-color:#35c16d42;transform:translateY(-2px);box-shadow:var(--shadow-md)}.cat-img-wrap{width:180px;height:180px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 8px 18px rgba(53,193,109,.16));transition:transform .16s ease;position:relative;z-index:1}.cat-img{width:100%;height:100%;object-fit:contain;display:block}.cat-card:hover .cat-img-wrap{transform:scale(1.03)}.cat-name{font-size:22px;font-weight:700;margin:12px 0 4px;position:relative;z-index:1;letter-spacing:-.01em}.cat-slogan{font-size:13px;color:var(--text-2);margin-bottom:12px;position:relative;z-index:1}.cat-enter{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--brand);font-weight:600;position:relative;z-index:1}.cat-card:hover .cat-enter .arrow{transform:translate(2px)}.cat-card:hover .cat-enter{color:var(--brand)}@media (max-width: 640px){.topbar-link.tb-hide-sm{display:none}.grad-card{padding:18px 16px}.cat-img-wrap{width:140px;height:140px}.hero-banner,.hero-glow{display:none!important}.hero{overflow:hidden}html,body{overflow-x:clip;max-width:100%}.content{overflow-wrap:anywhere}}.card,.tool-card,.grad-card,.cat-card,.login-card{position:relative}.card:after,.tool-card:after,.grad-card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);pointer-events:none}.card,.tool-card,.grad-card,.cat-card{--mx: 50%;--my: 0%}.card:before,.tool-card:before,.grad-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(220px circle at var(--mx) var(--my),rgba(53,193,109,.05),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none;z-index:0}.card:hover:before,.tool-card:hover:before,.grad-card:hover:before{opacity:1}.sidebar-link:hover .grad-icon-box{animation:szm-bounce .5s ease-in-out}.input:focus,.textarea:focus{border-color:var(--brand);background:var(--surface);box-shadow:0 0 0 3px var(--brand-ring)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#35c16d61;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#35c16d99}::selection{background:var(--brand-ring);color:var(--text-1)}.nav a,.footer a,.topbar-link,.sidebar-footer a{position:relative}.nav a:after,.footer a:after,.topbar-link:after{content:"";position:absolute;left:0;bottom:-2px;height:1.5px;width:0;background:var(--grad-brand);transition:width .3s}.nav a:hover:after,.footer a:hover:after,.topbar-link:hover:after{width:100%}.tag:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.avatar-circle{box-shadow:0 0 0 2px #ffffff1a,var(--shadow-sm);transition:box-shadow .16s ease}.avatar-circle:hover{box-shadow:0 0 0 3px var(--brand-ring),var(--shadow-md)}.nav-group{margin-top:4px}.nav-group:first-child{margin-top:8px}.nav-group+.nav-group{margin-top:2px}.nav-group.nav-group-util{margin-top:auto;padding-top:10px;margin-bottom:16px;border-top:1px solid var(--border)}.nav-group-head{display:flex;align-items:baseline;gap:7px;padding:14px 18px 6px;-webkit-user-select:none;user-select:none;position:relative}.nav-group-head.is-collapsible{cursor:pointer}.nav-group-head.is-collapsible:hover .nav-group-cat{color:var(--brand)}.nav-group-cat{font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:.6px;transition:color .16s ease}.nav-group-sub{font-size:10.5px;color:var(--text-3);font-weight:400;letter-spacing:.2px}.nav-group-head.is-cat-active .nav-group-cat{color:var(--brand-bright);text-shadow:0 0 16px var(--brand-glow)}.nav-group-head.is-cat-active .nav-group-sub{color:#5fe0949e}.nav-group-head.is-cat-active:before{content:"";position:absolute;left:7px;top:50%;transform:translateY(-40%);width:4px;height:4px;border-radius:50%;background:var(--brand-bright);box-shadow:0 0 8px var(--brand-glow)}.nav-group-caret{margin-left:auto;font-size:12px;color:var(--text-3);line-height:1;transform:translateY(-1px) rotate(-90deg);transition:transform .2s ease}.nav-group-caret.open{transform:translateY(-1px) rotate(0)}.sidebar-link{padding:8px 14px;align-items:flex-start;gap:9px}.sidebar-link .grad-icon-box{margin-top:1px;flex:none}.sidebar-link-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-link-label{font-size:13.5px;line-height:1.35}.sidebar-link-desc{font-size:11px;line-height:1.35;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .16s ease}.sidebar-link:hover .sidebar-link-desc,.sidebar-link.active .sidebar-link-desc{color:var(--brand);opacity:.78}.page-intro{display:flex;align-items:flex-start;gap:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 22px;margin-bottom:22px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.page-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-brand)}.page-intro-main{flex:1;min-width:0}.page-intro-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px;flex-wrap:wrap}.page-intro-cat{font-size:11px;font-weight:700;color:var(--brand);background:var(--brand-soft);border-radius:var(--r-full);padding:2px 9px;letter-spacing:.4px}.page-intro-step{font-size:11.5px;font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:4px}.page-intro-step b{font-weight:700;color:var(--brand)}.page-intro-step i{font-style:normal;color:var(--text-3);font-weight:400}.page-intro-title{font-size:17px;font-weight:600;color:var(--text-1);margin:0 0 6px;line-height:var(--lh-tight)}.page-intro-what{font-size:13.5px;color:var(--text-2);margin:0 0 6px;line-height:var(--lh-base)}.page-intro-how{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--brand);margin:0;background:var(--brand-soft);border-radius:var(--r-sm);padding:5px 10px;width:fit-content}.page-intro-side{display:flex;align-items:center;gap:8px;flex:none;padding-top:22px}.page-intro-arrow{margin-left:4px}@media (max-width: 760px){.page-intro{flex-direction:column;gap:12px}.page-intro-side{padding-top:0}}.next-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.next-step:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(53,193,109,.08) 0%,transparent 68%);pointer-events:none}.next-step-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.next-step-progress{display:flex;align-items:center;gap:5px}.next-step-dot{width:22px;height:4px;border-radius:2px;background:#ffffff1f;transition:all .2s ease}.next-step-dot.done{background:#35c16d73}.next-step-dot.now{background:var(--grad-brand);width:30px}.next-step-count{font-size:11.5px;color:var(--text-3);margin-left:6px}.next-step-tag{margin-left:auto;font-size:11px;color:var(--text-2);background:var(--surface-2);border-radius:var(--r-full);padding:3px 10px}.next-step-title{font-size:19px;font-weight:600;color:var(--text-1);margin:0 0 7px;line-height:var(--lh-tight)}.next-step-what{font-size:13.5px;color:var(--text-2);margin:0 0 8px;line-height:var(--lh-base);max-width:780px}.next-step-how{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--brand);background:var(--brand-soft);border-radius:var(--r-sm);padding:5px 10px;margin:0 0 14px}.next-step-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.next-step-actions .btn{text-decoration:none}.next-step-foot{margin-top:12px;font-size:11.5px;color:var(--text-3)}.toast-host{position:fixed;top:18px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;min-width:220px;max-width:460px;padding:10px 12px 10px 14px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);font-size:13.5px;color:var(--text-1);pointer-events:auto;animation:szm-toast-in .22s ease-out}@keyframes szm-toast-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-icon{display:flex;flex:none}.toast-text{flex:1;line-height:1.45;word-break:break-word}.toast-close{flex:none;border:0;background:transparent;cursor:pointer;color:var(--text-3);padding:2px;border-radius:var(--r-xs);display:flex;transition:color .15s ease,background .15s ease}.toast-close:hover{color:var(--text-1);background:var(--surface-2)}.toast-ok{border-left:3px solid var(--ok)}.toast-ok .toast-icon{color:var(--ok)}.toast-err{border-left:3px solid var(--err)}.toast-err .toast-icon{color:var(--err)}.toast-info{border-left:3px solid var(--brand)}.toast-info .toast-icon{color:var(--brand)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0000009e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;animation:szm-mask-in .16s ease-out}@keyframes szm-mask-in{0%{opacity:0}to{opacity:1}}.modal-box{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:22px;animation:szm-box-in .2s cubic-bezier(.22,1,.36,1)}@keyframes szm-box-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.confirm-title{font-size:16px;font-weight:600;color:var(--text-1);line-height:1.4}.confirm-desc{margin-top:8px;font-size:13px;color:var(--text-2);line-height:1.6}.confirm-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.confirm-actions .btn{min-width:84px}.btn-danger{background:var(--err);color:#fff;font-weight:500;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:#e05555}.modal-box textarea.input{background:var(--surface-2)}.q-num,.next-step-count,.table td,.quota-item,.stat-num,.kpi-value{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.input,.textarea,select.input{background:#0e1114;border-color:#ffffff1a}.input:hover,.textarea:hover,select.input:hover{border-color:#ffffff2e}.table th{background:transparent;border-bottom:1px solid rgba(53,193,109,.24);color:var(--brand);font-size:12.5px;letter-spacing:.2px}.table tbody tr:last-child td{border-bottom:0}.page-intro:before{box-shadow:0 0 16px #35c16d73}.page-intro{background-image:var(--sheen)}.empty{position:relative}.empty:before{content:"";position:absolute;left:50%;top:42%;width:260px;height:160px;transform:translate(-50%,-50%);background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(53,193,109,.09) 0%,transparent 70%);pointer-events:none}.topbar-link[title=我的积分]{background:var(--brand-soft);border:1px solid rgba(53,193,109,.22);color:var(--brand-bright);padding:4px 10px;border-radius:var(--r-full);font-variant-numeric:tabular-nums}.seg-btn.active,.tabs button.on{box-shadow:inset 0 0 0 1px #35c16d47,0 4px 14px #35c16d38}