:root{--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-tertiary:#f0f2f7;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--text-muted:#8e8ea0;--border-color:#00000014;--border-hover:#00000026;--accent-blue:#6366f1;--accent-purple:#8b5cf6;--accent-gradient:linear-gradient(135deg,#6366f1,#8b5cf6);--card-bg:#fffc;--card-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a;--card-hover-shadow:0 4px 20px #6366f11f;--input-bg:#fff;--nav-bg:#f8f9fcd9;--code-bg:#6366f10f;--blockquote-bg:#6366f10a}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#13131a;--bg-tertiary:#1a1a25;--text-primary:#e4e4e7;--text-secondary:#a1a1aa;--text-muted:#52525b;--border-color:#ffffff0f;--border-hover:#ffffff1f;--card-bg:#ffffff08;--card-shadow:0 1px 3px #0003,0 4px 16px #00000026;--card-hover-shadow:0 4px 20px #6366f133;--input-bg:#ffffff0a;--nav-bg:#0a0a0fd9;--code-bg:#ffffff0f;--blockquote-bg:#6366f10f}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;transition:background .3s,color .3s}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--card-shadow);border-radius:14px;transition:all .25s}.glass-card:hover{border-color:var(--border-hover);box-shadow:var(--card-hover-shadow);transform:translateY(-1px)}.gradient-border{position:relative}.gradient-border:before{content:"";background:var(--accent-gradient);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:15px;padding:1px;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gradient-border:hover:before{opacity:1}.category-badge{border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.search-input{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 16px 12px 40px;font-size:14px;transition:all .2s}.search-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #6366f11a}.search-input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .25s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #6366f14d}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.animate-fade-in{opacity:0;animation:.5s forwards fadeIn}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(12px)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.tab-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:10px;padding:8px 18px;font-size:13px;transition:all .2s}.tab-btn:hover{background:var(--bg-tertiary)}.tab-btn.active{background:var(--accent-gradient);color:#fff;border-color:#0000}.theme-toggle{border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.markdown-body h1{color:var(--text-primary);margin:20px 0 10px;font-size:22px;font-weight:700}.markdown-body h2{color:var(--text-primary);margin:18px 0 8px;font-size:18px;font-weight:600}.markdown-body h3{color:var(--text-primary);margin:14px 0 6px;font-size:16px;font-weight:600}.markdown-body p{margin:8px 0}.markdown-body ul,.markdown-body ol{margin:8px 0;padding-left:20px}.markdown-body li{margin:4px 0}.markdown-body strong{color:var(--text-primary);font-weight:600}.markdown-body blockquote{background:var(--blockquote-bg);border-left:3px solid #6366f166;border-radius:0 6px 6px 0;margin:10px 0;padding:8px 14px;font-style:italic}.markdown-body code{background:var(--code-bg);border-radius:4px;padding:2px 6px;font-size:13px}.markdown-body pre{background:var(--code-bg);border-radius:8px;margin:10px 0;padding:14px;overflow-x:auto}.markdown-body pre code{background:0 0;padding:0}.markdown-body table{border-collapse:collapse;width:100%;margin:10px 0}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);text-align:left;padding:8px 12px;font-size:13px}.markdown-body th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.markdown-body hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}