:root{--bg:#f5f7fb;--surface:#fff;--border:#e5e9f0;--text:#1f2937;--muted:#6b7280;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#059669;--warn:#d97706;--radius:14px;--shadow:0 2px 10px #18274b0f, 0 12px 32px #18274b0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:15px/1.65 system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 12px;line-height:1.3}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 12px}small,.muted{color:var(--muted)}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.site-header .inner,.site-footer .inner,.container{max-width:1080px;margin:0 auto;padding:0 20px}.site-header .inner{flex-wrap:wrap;align-items:center;gap:22px;height:62px;display:flex}.brand{color:var(--text);letter-spacing:-.5px;font-size:18px;font-weight:800}.brand span{color:var(--primary)}.nav{flex-wrap:wrap;flex:1;gap:4px;display:flex}.nav a{color:#374151;border-radius:8px;padding:7px 11px;font-size:14px;font-weight:500}.nav a:hover,.nav a.active{color:var(--primary-dark);background:#eef2ff;text-decoration:none}.header-user{align-items:center;gap:10px;font-size:13px;display:flex}.site-footer{border-top:1px solid var(--border);background:var(--surface);margin-top:56px}.site-footer .inner{color:var(--muted);padding-top:22px;padding-bottom:26px;font-size:13px}.container{padding-top:28px;padding-bottom:20px}.stack{gap:18px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row.between{justify-content:space-between}.grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card.tight{padding:16px}.card h2{margin-bottom:14px}.hero{color:#fff;background:linear-gradient(120deg,#1d4ed8,#3b82f6 55%,#60a5fa);border-radius:18px;margin-bottom:22px;padding:30px 28px;box-shadow:0 12px 30px #2563eb33}.hero h1{margin-bottom:8px;font-size:28px}.hero p{opacity:.92;margin:0}.hero .btn-light{margin-top:18px}label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,select,textarea{width:100%;color:var(--text);font:inherit;background:#fff;border:1px solid #d7dde8;border-radius:9px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}textarea{resize:vertical;min-height:190px;line-height:1.7}.field{margin-bottom:16px}.field-hint{color:var(--muted);margin-top:5px;font-size:12px}.btn{background:var(--primary);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.btn:hover{background:var(--primary-dark);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{color:#374151;border-color:var(--border);background:#fff}.btn.ghost:hover{background:#f3f6fb}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.sm{border-radius:7px;padding:6px 11px;font-size:12.5px}.btn.light{color:var(--primary-dark);background:#fff}.btn.light:hover{background:#eff6ff}.btn.block{width:100%}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tabs button{border:1px solid var(--border);color:#4b5563;cursor:pointer;font:inherit;background:#fff;border-radius:999px;padding:7px 13px;font-size:13px}.tabs button.active{background:var(--primary);border-color:var(--primary);color:#fff}.tag{color:#3730a3;background:#eef2ff;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.tag.green{color:#047857;background:#ecfdf5}.tag.gray{color:#4b5563;background:#f3f4f6}.tag.red{color:#b91c1c;background:#fef2f2}.tag.amber{color:#b45309;background:#fffbeb}.post-card{flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s;display:flex}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #18274b1c}.post-card .head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.post-card .title{color:var(--text);font-size:16px;font-weight:700}.post-card .summary{color:#4b5563;word-break:break-word;min-height:44px;font-size:13.5px}.post-card .meta{color:var(--muted);border-top:1px solid var(--border);flex-wrap:wrap;gap:10px;padding-top:10px;font-size:12px;display:flex}.filters{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filters>div{flex:150px}.filters label{margin-bottom:4px}table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:9px 10px}th{color:var(--muted);white-space:nowrap;font-weight:600}.table-wrap{overflow-x:auto}.notice{border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:13.5px}.notice.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.notice.warn{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.notice.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.notice.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.empty{text-align:center;color:var(--muted);padding:40px 16px}.code-box{letter-spacing:2px;color:#a5f3fc;background:#0f172a;border-radius:10px;margin:6px 0 12px;padding:14px 18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:22px;font-weight:700;display:inline-block}.steps{counter-reset:s;padding-left:0;list-style:none}.steps li{counter-increment:s;margin-bottom:10px;padding-left:32px;position:relative}.steps li:before{content:counter(s);color:#3730a3;background:#e0e7ff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;top:2px;left:0}.progress{background:#e5e7eb;border-radius:99px;height:9px;overflow:hidden}.progress>div{background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%}.markdown{word-break:break-word;line-height:1.8}.markdown h1,.markdown h2,.markdown h3{margin:18px 0 10px}.markdown p,.markdown ul,.markdown ol,.markdown blockquote,.markdown pre{margin:0 0 12px}.markdown pre{color:#e2e8f0;background:#0f172a;border-radius:10px;padding:14px;overflow-x:auto}.markdown code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:13px}.markdown pre code{color:inherit;background:0 0;padding:0}.markdown blockquote{color:var(--muted);border-left:3px solid #cbd5e1;padding-left:12px}.markdown img{border-radius:8px;max-width:100%}.markdown table{margin-bottom:12px}.toast{z-index:100;color:#fff;border-radius:10px;max-width:380px;padding:12px 18px;font-size:14px;animation:.2s ease-out toast-in;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 30px #0000002e}.toast.ok{background:#065f46}.toast.err{background:#b91c1c}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.stat{border:1px solid var(--border);background:#f8fafc;border-radius:10px;padding:14px}.stat b{color:var(--primary);font-size:24px;display:block}.stat span{color:var(--muted);font-size:12px}@media (width<=640px){.site-header .inner{gap:10px;height:auto;padding-top:10px;padding-bottom:10px}.nav{order:3;width:100%}.hero{padding:22px 18px}.container{padding:18px 14px}.card{padding:16px}}