:root{--color-primary:#0d9488;--color-primary-dark:#0f766e;--color-primary-light:#34d3bb;--color-primary-soft:#e7f7f3;--color-accent:#2bc4a4;--color-accent-soft:#e6faf4;--color-success:#10b981;--color-success-soft:#ecfdf5;--color-warning:#f59e0b;--color-warning-soft:#fffbeb;--color-danger:#ef4444;--color-danger-soft:#fef2f2;--color-bg:#f1f7f5;--color-bg-elevated:#fff;--color-sidebar:#fff;--color-sidebar-border:#e3eeea;--color-sidebar-text:#64748b;--color-sidebar-text-hover:#334155;--color-sidebar-active-bg:#e7f7f3;--color-sidebar-active-text:#0f766e;--color-text:#0f172a;--color-text-secondary:#64748b;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 8px 24px #0f172a0f;--shadow-lg:0 16px 40px #0f172a14;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--sidebar-width:248px;--header-height:68px;--font-sans:"Segoe UI", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100vh;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;margin:0;padding:0}#app{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{width:100%}.page-intro{margin-bottom:1.25rem}.page-intro h2{letter-spacing:-.02em;margin:0 0 .375rem;font-size:1.375rem;font-weight:800}.page-intro p{color:var(--color-text-secondary);margin:0;line-height:1.6}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 4px 14px #0d948847}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0d948857}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-primary-soft);border-color:#0d948840}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-border-light);color:var(--color-text)}.btn-sm{padding:.45rem .875rem;font-size:.8125rem}.card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.card-header{border-bottom:1px solid var(--color-border-light);padding:1.25rem 1.5rem}.card-body{padding:1.5rem}.form-group{margin-bottom:1rem}.form-label{color:var(--color-text);margin-bottom:.375rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);background:#fcfdff;padding:.7rem .9rem;transition:border-color .2s,box-shadow .2s,background .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-primary-light);background:#fff;outline:none;box-shadow:0 0 0 4px #0d94881f}.form-textarea{resize:vertical;min-height:120px;line-height:1.6}.badge{border-radius:999px;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary-dark);background:#0d94881f}.badge-success{color:var(--color-success);background:#10b9811f}.badge-warning{color:var(--color-warning);background:#f59e0b1f}.tab-bar{border:1px solid var(--color-border);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;gap:.375rem;margin-bottom:1.25rem;padding:.375rem;display:inline-flex}.tab-bar-item{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;transition:all .2s}.tab-bar-item:hover{color:var(--color-text);background:var(--color-border-light)}.tab-bar-item.active{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color:#fff;box-shadow:0 4px 12px #0d948840}.markdown-body{word-break:break-word;color:var(--color-text);font-size:.95rem;line-height:1.75}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--color-text);margin:1.4em 0 .6em;font-weight:700;line-height:1.35}.markdown-body h1{border-bottom:2px solid var(--color-border);padding-bottom:.3em;font-size:1.5rem}.markdown-body h2{border-bottom:1px solid var(--color-border);padding-bottom:.25em;font-size:1.25rem}.markdown-body h3{color:var(--color-primary-dark);font-size:1.1rem}.markdown-body h4{font-size:1rem}.markdown-body p{margin:.6em 0}.markdown-body ul,.markdown-body ol{margin:.6em 0;padding-left:1.5em}.markdown-body li,.markdown-body li>ul,.markdown-body li>ol{margin:.3em 0}.markdown-body a{color:var(--color-primary);word-break:break-all;border-bottom:1px solid #0d948859;text-decoration:none}.markdown-body a:hover{border-bottom-color:var(--color-primary)}.markdown-body strong{color:var(--color-text);font-weight:700}.markdown-body em{font-style:italic}.markdown-body code{background:var(--color-bg-subtle,#0d948814);border-radius:4px;padding:.15em .4em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.88em}.markdown-body pre{color:#e4e4e7;border-radius:var(--radius-sm);background:#1e1e2e;margin:.8em 0;padding:1em;overflow-x:auto}.markdown-body pre code{color:inherit;background:0 0;padding:0;font-size:.85rem}.markdown-body blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#0d94880f;margin:.8em 0;padding:.4em 1em}.markdown-body blockquote p{margin:.3em 0}.markdown-body hr{border:none;border-top:1px solid var(--color-border);margin:1.2em 0}.markdown-body table{border-collapse:collapse;width:100%;margin:.8em 0;font-size:.9rem}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);text-align:left;padding:.5em .75em}.markdown-body th{background:var(--color-bg-subtle,#0d948814);font-weight:600}.markdown-body tr:nth-child(2n) td{background:#00000004}.markdown-body img{border-radius:var(--radius-sm);max-width:100%}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.loading-block{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.empty-state{text-align:center;color:var(--color-text-muted);padding:2.5rem 1.5rem}.empty-state-icon{margin-bottom:.75rem;font-size:2rem}.grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.toast{z-index:1000;border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--color-success);background:#fff;padding:.875rem 1.125rem;font-weight:600;animation:.25s slideUp;position:fixed;bottom:1.5rem;right:1.5rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}