*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f8fafc;--bg-grid:#e2e8f0;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-terminal:#0f172a;--bg-terminal-header:#1e293b;--bg-code:#f1f5f9;--bg-soft:#f1f5f9;--bg-input:#f8fafc;--text:#0f172a;--text-body:#334155;--text-muted:#64748b;--text-dim:#94a3b8;--text-faint:#cbd5e1;--text-terminal:#e2e8f0;--text-terminal-dim:#64748b;--indigo:#4f46e5;--indigo-hover:#4338ca;--indigo-soft:rgba(79,70,229,0.08);--indigo-glow:rgba(79,70,229,0.15);--cyan:#0891b2;--cyan-soft:rgba(8,145,178,0.08);--cyan-glow:rgba(8,145,178,0.15);--emerald:#059669;--emerald-soft:rgba(5,150,105,0.08);--emerald-glow:rgba(5,150,105,0.15);--amber:#d97706;--amber-soft:rgba(217,119,6,0.08);--amber-glow:rgba(217,119,6,0.15);--rose:#e11d48;--rose-soft:rgba(225,29,72,0.08);--rose-glow:rgba(225,29,72,0.15);--violet:#7c3aed;--violet-soft:rgba(124,58,237,0.08);--violet-glow:rgba(124,58,237,0.15);--orange:#ea580c;--orange-soft:rgba(234,88,12,0.08);--orange-glow:rgba(234,88,12,0.15);--slate:#475569;--slate-soft:rgba(71,85,105,0.08);--slate-glow:rgba(71,85,105,0.15);--term-key:#c084fc;--term-string:#86efac;--term-number:#fbbf24;--term-bracket:#7dd3fc;--term-comment:#64748b;--term-prompt:#94a3b8;--term-bool:#fb923c;--term-null:#94a3b8;--border:#e2e8f0;--border-hover:#cbd5e1;--border-bright:#94a3b8;--radius:12px;--radius-sm:8px;--radius-xs:6px;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 2px 8px rgba(15,23,42,0.05);--shadow:0 4px 24px rgba(15,23,42,0.08);--shadow-lg:0 12px 48px rgba(15,23,42,0.12);--max-width:1200px;--max-width-tool:900px;--font-display:'Space Grotesk',-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:'JetBrains Mono','SF Mono',Consolas,monospace}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,var(--bg-grid) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;z-index:0;opacity:0.5}a{color:inherit;text-decoration:none}::selection{background:var(--indigo-soft);color:var(--indigo-hover)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:10px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}header{position:sticky;top:0;z-index:100;background:rgba(248,250,252,0.85);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:1.3rem;font-weight:700;letter-spacing:-0.5px;white-space:nowrap;color:var(--text)}.logo-bracket{color:var(--indigo)}.logo-name{color:var(--text)}.header-search{flex:1;max-width:380px;position:relative}.header-search input{width:100%;padding:9px 14px 9px 38px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:0.86rem;font-family:var(--font-mono);transition:all 0.2s}.header-search input::placeholder{color:var(--text-dim)}.header-search input:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 3px var(--indigo-soft)}.header-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--text-dim);fill:none;stroke-width:2}.header-nav{display:flex;gap:20px;font-size:0.86rem}.header-nav a{color:var(--text-muted);transition:color 0.2s;font-weight:500;font-family:var(--font-mono);white-space:nowrap}.header-nav a:hover{color:var(--indigo)}.hamburger-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}.hamburger-btn span{display:block;width:22px;height:2px;background:var(--text);transition:all 0.2s}.hero{max-width:var(--max-width);margin:0 auto;padding:64px 28px 48px;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.hero-left .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:0.76rem;font-weight:500;color:var(--text-muted);margin-bottom:24px;box-shadow:var(--shadow-xs)}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--emerald);box-shadow:0 0 8px var(--emerald-glow);animation:blink 2s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0.3}}.hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;letter-spacing:-1.5px;line-height:1.1;margin-bottom:20px;color:var(--text)}.hero h1 .code{font-family:var(--font-mono);font-weight:600;color:var(--indigo);background:var(--indigo-soft);padding:0 8px;border-radius:var(--radius-xs)}.hero p{color:var(--text-body);font-size:1.05rem;max-width:480px;margin-bottom:28px;line-height:1.7}.hero-stats{display:flex;gap:32px;flex-wrap:wrap}.hero-stat{display:flex;flex-direction:column;gap:2px}.hero-stat-num{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--indigo);letter-spacing:-0.5px}.hero-stat-label{font-size:0.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-weight:600}.terminal-window{background:var(--bg-terminal);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;border:1px solid #1e293b;position:relative}.terminal-header{background:var(--bg-terminal-header);padding:10px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #334155}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ef4444}.terminal-dot.yellow{background:#fbbf24}.terminal-dot.green{background:#22c55e}.terminal-title{margin-left:auto;margin-right:auto;font-family:var(--font-mono);font-size:0.76rem;color:var(--text-terminal-dim);font-weight:500}.terminal-body{padding:20px;font-family:var(--font-mono);font-size:0.84rem;line-height:1.8;color:var(--text-terminal);min-height:280px}.terminal-line{display:flex;gap:8px}.terminal-prompt{color:var(--term-prompt);user-select:none}.terminal-command{color:var(--text-terminal)}.terminal-output{color:var(--text-terminal-dim);padding-left:16px}.terminal-key{color:var(--term-key)}.terminal-string{color:var(--term-string)}.terminal-number{color:var(--term-number)}.terminal-bracket{color:var(--term-bracket)}.terminal-comment{color:var(--term-comment);font-style:italic}.terminal-cursor{display:inline-block;width:8px;height:16px;background:var(--indigo);animation:cursor-blink 1s infinite;vertical-align:text-bottom;margin-left:2px}@keyframes cursor-blink{0%,49%{opacity:1}50%,100%{opacity:0}}.typing-line{overflow:hidden;white-space:nowrap;animation:typing 3s steps(40) 0.5s both}@keyframes typing{from{width:0}to{width:100%}}.search-section{max-width:640px;margin:0 auto 56px;padding:0 28px;position:relative;z-index:1}.search-wrap{position:relative}.search-bar{width:100%;padding:16px 20px 16px 48px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:1rem;font-family:var(--font-mono);transition:all 0.25s;box-shadow:var(--shadow-sm)}.search-bar::placeholder{color:var(--text-dim)}.search-bar:focus{outline:none;border-color:var(--indigo);box-shadow:0 0 0 4px var(--indigo-soft),var(--shadow)}.search-wrap > svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:20px;height:20px;stroke:var(--text-dim);fill:none;stroke-width:2}.search-hint{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:3px 10px;background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-xs);font-size:0.74rem;color:var(--text-dim);font-family:var(--font-mono);pointer-events:none}.search-results-info{text-align:center;margin-top:14px;font-size:0.84rem;color:var(--text-muted);font-family:var(--font-mono);display:none}.search-results-info.visible{display:block}.categories{max-width:var(--max-width);margin:0 auto;padding:0 28px 80px;position:relative;z-index:1}.category{margin-bottom:56px;scroll-margin-top:80px}.category-header{display:flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border)}.category-ext{font-family:var(--font-mono);font-size:0.78rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-xs);background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);box-shadow:var(--shadow-xs)}.category-header h2{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-0.5px;color:var(--text)}.category-desc{font-size:0.84rem;color:var(--text-dim);font-family:var(--font-mono)}.category-count{margin-left:auto;font-size:0.74rem;color:var(--text-muted);font-family:var(--font-mono);font-weight:600}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card.featured{grid-column:span 2;grid-row:span 2}.tool-card.wide{grid-column:span 2}.tool-card{display:flex;flex-direction:column;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.tool-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--card-accent,var(--indigo));transform:scaleY(0);transform-origin:top;transition:transform 0.3s}.tool-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tool-card:hover::before{transform:scaleY(1)}.tool-card-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.tool-card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--card-bg-soft,var(--indigo-soft));border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:0.8rem;font-weight:700;color:var(--card-accent,var(--indigo));line-height:1;flex-shrink:0}.tool-card-title{font-family:var(--font-mono);font-size:0.88rem;font-weight:600;color:var(--text);line-height:1.3}.tool-card-desc{font-size:0.81rem;color:var(--text-muted);line-height:1.55;flex-grow:1;margin-bottom:12px}.tool-card.featured .tool-card-desc{font-size:0.9rem;line-height:1.7}.tool-card.featured .tool-card-title{font-size:1.05rem;font-family:var(--font-display);font-weight:700}.tool-card.featured .tool-card-icon{width:44px;height:44px;font-size:1rem}.tool-card-arrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:0.74rem;font-weight:600;color:var(--card-accent,var(--indigo));text-transform:lowercase}.tool-card-arrow svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform 0.2s}.tool-card:hover .tool-card-arrow svg{transform:translateX(3px)}.tool-card.hidden{display:none}.no-results{text-align:center;padding:80px 20px;color:var(--text-dim);font-family:var(--font-mono);font-size:1.2rem;display:none}.no-results.visible{display:block}.featured-banner{max-width:var(--max-width);margin:0 auto;padding:0 28px 56px;position:relative;z-index:1}.featured-inner{background:var(--bg-terminal);border-radius:var(--radius);padding:0;overflow:hidden;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr}.featured-code-side{padding:32px;border-right:1px solid #1e293b}.featured-code-side .featured-label{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:rgba(79,70,229,0.15);border:1px solid var(--indigo);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:0.72rem;font-weight:600;color:var(--indigo);text-transform:uppercase;letter-spacing:0.8px;margin-bottom:20px}.featured-code-side h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-terminal);margin-bottom:12px;letter-spacing:-0.5px}.featured-code-side p{color:var(--text-terminal-dim);font-size:0.9rem;line-height:1.7;margin-bottom:24px}.featured-link{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--indigo);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:0.86rem;font-weight:600;transition:all 0.2s}.featured-link:hover{background:var(--indigo-hover);transform:translateY(-1px);box-shadow:0 4px 20px var(--indigo-glow)}.featured-preview-side{padding:24px;font-family:var(--font-mono);font-size:0.82rem;line-height:1.8;background:var(--bg-terminal);overflow:hidden}.featured-preview-side .preview-comment{color:var(--term-comment);font-style:italic}.featured-preview-side .preview-key{color:var(--term-key)}.featured-preview-side .preview-string{color:var(--term-string)}.featured-preview-side .preview-bracket{color:var(--term-bracket)}.featured-preview-side .preview-number{color:var(--term-number)}.featured-preview-side .preview-dim{color:var(--text-terminal-dim)}.seo-content{max-width:800px;margin:0 auto;padding:80px 28px;position:relative;z-index:1}.seo-content h2{font-family:var(--font-display);font-size:1.6rem;font-weight:700;margin-bottom:20px;letter-spacing:-0.5px;color:var(--text)}.seo-content h3{font-family:var(--font-display);font-size:1.2rem;font-weight:600;margin:32px 0 12px;color:var(--text)}.seo-content p{color:var(--text-body);margin-bottom:16px;font-size:0.96rem;line-height:1.8}.seo-content strong{color:var(--text);font-weight:600}.seo-content a{color:var(--indigo);text-decoration:underline;text-decoration-color:var(--indigo-soft);text-underline-offset:2px}.seo-content a:hover{text-decoration-color:var(--indigo)}.seo-content ul{margin:14px 0 22px 20px;color:var(--text-body)}.seo-content li{margin-bottom:10px;font-size:0.93rem;line-height:1.7}.seo-content code{background:var(--indigo-soft);color:var(--indigo-hover);padding:2px 7px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:0.85em}footer{background:var(--bg-terminal);padding:56px 28px 32px;position:relative;z-index:1}.footer-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.footer-brand .logo{margin-bottom:14px;font-size:1.2rem;color:var(--text-terminal)}.footer-brand .logo-bracket{color:var(--indigo)}.footer-brand .logo-name{color:var(--text-terminal)}.footer-brand p{color:var(--text-terminal-dim);font-size:0.86rem;line-height:1.7;max-width:280px}.footer-col h4{font-family:var(--font-mono);font-size:0.74rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-terminal-dim);margin-bottom:16px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:10px}.footer-col a{color:var(--text-terminal);font-family:var(--font-mono);font-size:0.84rem;transition:color 0.2s}.footer-col a:hover{color:var(--indigo)}.footer-bottom{max-width:var(--max-width);margin:40px auto 0;padding-top:24px;border-top:1px solid #1e293b;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom p{color:var(--text-terminal-dim);font-size:0.78rem;font-family:var(--font-mono)}.container{max-width:var(--max-width-tool);margin:0 auto;padding:32px 28px 60px;position:relative;z-index:1}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:0.82rem;color:var(--text-dim);margin-bottom:24px;font-family:var(--font-mono)}.breadcrumb a{color:var(--text-dim);transition:color 0.2s}.breadcrumb a:hover{color:var(--indigo)}.breadcrumb span{color:var(--text-faint)}.tool-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:48px;box-shadow:var(--shadow);overflow:hidden}.tool-header{background:var(--bg-terminal-header);padding:14px 20px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #334155}.tool-header-dots{display:flex;gap:6px}.tool-header-dot{width:12px;height:12px;border-radius:50%}.tool-header-dot.red{background:#ef4444}.tool-header-dot.yellow{background:#fbbf24}.tool-header-dot.green{background:#22c55e}.tool-header-title{font-family:var(--font-mono);font-size:0.78rem;color:var(--text-terminal-dim);margin-left:8px;font-weight:500}.tool-header-badges{margin-left:auto;display:flex;gap:6px}.tool-header-badge{font-family:var(--font-mono);font-size:0.68rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-xs);color:var(--text-terminal-dim);border:1px solid #334155;background:rgba(15,23,42,0.5)}.tool-header-badge.live{color:var(--emerald);border-color:var(--emerald)}.tool-controls{padding:20px;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:8px}.control-label{font-family:var(--font-mono);font-size:0.76rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.5px}.indent-select{padding:6px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text);font-size:0.84rem;font-family:var(--font-mono);cursor:pointer}.indent-select:focus{outline:none;border-color:var(--indigo)}.tool-actions{margin-left:auto;display:flex;gap:8px}.btn{padding:8px 18px;border:none;border-radius:var(--radius-xs);font-size:0.84rem;font-weight:600;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:6px;font-family:var(--font-mono)}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--indigo-glow)}.btn-secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-danger{background:var(--rose-soft);color:var(--rose);border:1px solid var(--rose-soft)}.btn-danger:hover{background:rgba(225,29,72,0.12)}.btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.editor-split{display:flex;flex-direction:column;min-height:400px}.editor-pane{display:flex;flex-direction:column}.editor-pane-label{padding:8px 16px;background:var(--bg-soft);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:0.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.8px;display:flex;align-items:center;gap:8px}.editor-pane-label .status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}.editor-pane-label .status-dot.valid{background:var(--emerald);box-shadow:0 0 6px rgba(5,150,105,0.3)}.editor-pane-label .status-dot.invalid{background:var(--rose);box-shadow:0 0 6px rgba(225,29,72,0.3)}.editor-pane-label .status-text{font-weight:500}.editor-pane-label .size-info{margin-left:auto;color:var(--text-dim);font-weight:500}.editor-input{flex:1;width:100%;padding:16px;border:none;resize:none;outline:none;background:var(--bg-card);color:var(--text);font-family:var(--font-mono);font-size:0.84rem;line-height:1.7;min-height:350px;tab-size:2}.editor-input::placeholder{color:var(--text-faint)}.editor-input:focus{background:var(--bg-input)}.editor-output{flex:1;padding:16px;overflow:auto;background:var(--bg-terminal);min-height:350px;font-family:var(--font-mono);font-size:0.84rem;line-height:1.7;white-space:pre-wrap;word-break:break-all}.editor-output.empty{color:var(--text-terminal-dim);font-style:italic}.editor-output .json-key{color:var(--term-key)}.editor-output .json-string{color:var(--term-string)}.editor-output .json-number{color:var(--term-number)}.editor-output .json-bracket{color:var(--term-bracket)}.editor-output .json-bool{color:var(--term-bool)}.editor-output .json-null{color:var(--term-null);font-style:italic}.editor-output .json-error{color:var(--rose);background:rgba(225,29,72,0.1);padding:12px 16px;border-radius:var(--radius-xs);border-left:3px solid var(--rose)}.editor-output .json-error-title{font-weight:700;margin-bottom:6px}.editor-output .json-error-detail{color:var(--text-terminal-dim);font-size:0.78rem}.editor-divider{height:1px;width:100%;background:var(--border)}.error-bar{padding:12px 20px;background:rgba(225,29,72,0.06);border-top:1px solid rgba(225,29,72,0.15);display:none;font-family:var(--font-mono);font-size:0.82rem;color:var(--rose)}.error-bar.visible{display:flex;align-items:center;gap:8px}.error-bar.valid{background:rgba(5,150,105,0.06);border-color:rgba(5,150,105,0.15);color:var(--emerald);display:flex}.article{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow-sm);position:relative;z-index:1}.article h2{font-family:var(--font-display);font-size:1.55rem;font-weight:700;margin:40px 0 16px;letter-spacing:-0.5px;color:var(--text);scroll-margin-top:80px}.article h2:first-child{margin-top:0}.article h3{font-family:var(--font-sans);font-size:1.1rem;font-weight:700;margin:28px 0 12px;color:var(--text)}.article p{color:var(--text-body);margin-bottom:16px;line-height:1.8;font-size:0.96rem}.article p strong{color:var(--text);font-weight:600}.article p em{font-style:italic;color:var(--text)}.article code{background:var(--indigo-soft);color:var(--indigo-hover);padding:2px 7px;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:0.85em}.article pre{background:var(--bg-terminal);border-radius:var(--radius-sm);padding:20px 24px;margin:16px 0;overflow-x:auto}.article pre code{background:none;color:#e2e8f0;padding:0;font-size:0.88rem;line-height:1.7;font-family:var(--font-mono)}.article pre code .json-key{color:var(--term-key)}.article pre code .json-string{color:var(--term-string)}.article pre code .json-number{color:var(--term-number)}.article pre code .json-bracket{color:var(--term-bracket)}.article pre code .json-bool{color:var(--term-bool)}.article pre code .json-null{color:var(--term-null)}.article pre code .comment{color:var(--term-comment);font-style:italic}.article blockquote{border-left:4px solid var(--amber);background:var(--amber-soft);padding:14px 20px;margin:16px 0;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.article blockquote p{margin:0;color:var(--text)}.article blockquote strong{color:var(--amber)}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;border:1px solid var(--border);border-radius:var(--radius-sm)}.article table{width:100%;border-collapse:collapse;margin:0;font-size:0.9rem;min-width:600px}.article th,.article td{border:none;border-bottom:1px solid var(--border);padding:12px 16px;text-align:left}.article tr:last-child td{border-bottom:none}.article th{background:var(--bg-soft);font-weight:700;color:var(--text);font-family:var(--font-display)}.article td{color:var(--text-body)}.article td code{font-size:0.82em}.article ul{margin:12px 0 20px 20px;color:var(--text-body)}.article li{margin-bottom:8px;font-size:0.93rem;line-height:1.65}.article a{color:var(--indigo);text-decoration:underline;text-decoration-color:var(--indigo-soft);text-underline-offset:2px}.article a:hover{text-decoration-color:var(--indigo)}.article .toc{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px 24px;margin-bottom:32px}.article .toc-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;margin-bottom:10px;color:var(--text)}.article .toc ol{margin:0;padding-left:20px}.article .toc li{margin-bottom:6px}.article .toc a{color:var(--text-body);text-decoration:none;font-family:var(--font-mono);font-size:0.88rem}.article .toc a:hover{color:var(--indigo)}.article .meta-block{background:var(--bg-terminal);border-radius:var(--radius-sm);padding:20px;margin-top:36px}.article .meta-block code{background:none;color:#e2e8f0;font-size:0.82rem;line-height:1.8;font-family:var(--font-mono)}@media (max-width:1024px){.tool-grid{grid-template-columns:repeat(3,1fr)}.tool-card.featured{grid-column:span 2;grid-row:span 1}.tool-card.wide{grid-column:span 2}.hero{grid-template-columns:1fr;gap:32px}.featured-inner{grid-template-columns:1fr}.featured-code-side{border-right:none;border-bottom:1px solid #1e293b}}@media (max-width:768px){.header-nav{display:none}.hamburger-btn{display:flex}body.mobile-nav-active .header-nav{display:flex;flex-direction:column;gap:16px;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:20px 28px;box-shadow:var(--shadow-md);z-index:999}body.mobile-nav-active .hamburger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.mobile-nav-active .hamburger-btn span:nth-child(2){opacity:0}body.mobile-nav-active .hamburger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.footer-inner{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-card.featured,.tool-card.wide{grid-column:span 2}.hero-stats{gap:20px}.search-hint{display:none}.terminal-body{font-size:0.76rem}.article{padding:28px 20px}.article h2{font-size:1.3rem}.tool-controls{flex-direction:column;align-items:stretch}.tool-actions{margin-left:0;flex-wrap:wrap}.container{padding:24px 20px 48px}}@media (max-width:480px){.header-inner{padding:12px 16px;gap:10px}.header-search{max-width:120px}.hero{padding:40px 16px 24px}.hero h1{font-size:1.8rem}.hero p{font-size:0.92rem}.search-section{padding:0 16px;margin-bottom:40px}.categories{padding:0 16px 40px}.tool-grid{grid-template-columns:1fr}.tool-card.featured,.tool-card.wide{grid-column:span 1}.footer-inner{grid-template-columns:1fr;gap:28px}.seo-content{padding:48px 16px}.featured-banner{padding:0 16px 32px}.featured-code-side,.featured-preview-side{padding:20px}.terminal-window{display:none}.editor-input,.editor-output{font-size:0.76rem}.container{padding:20px 16px 40px}}.diff-container{background:var(--bg-terminal);color:var(--text-terminal);padding:20px;font-family:var(--font-mono);font-size:0.84rem;line-height:1.7;border-radius:var(--radius-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-all;border:1px solid var(--border)}.diff-line{display:block;min-height:1.5em}.diff-line.added{background:rgba(34,197,94,0.08);color:#4ade80;border-left:3px solid #22c55e;padding-left:8px}.diff-line.deleted{background:rgba(239,68,68,0.08);color:#f87171;border-left:3px solid #ef4444;padding-left:8px;text-decoration:line-through}.diff-line.modified{background:rgba(251,191,36,0.06);color:#fbbf24;border-left:3px solid #fbbf24;padding-left:8px}.diff-old{text-decoration:line-through;opacity:0.7}.diff-new{font-weight:600}.meta-panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;margin:20px 0;font-family:var(--font-sans);font-size:0.9rem}.meta-item{margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.meta-item:last-child{margin-bottom:0}.meta-label{font-weight:600;color:var(--text-muted);font-family:var(--font-mono);font-size:0.8rem;text-transform:uppercase}.badge{padding:3px 8px;border-radius:var(--radius-xs);font-size:0.74rem;font-family:var(--font-mono);font-weight:600}.badge-expired{background:var(--rose-soft);color:var(--rose)}.badge-active{background:var(--emerald-soft);color:var(--emerald)}.badge-signed{background:var(--indigo-soft);color:var(--indigo-hover)}.badge-unsigned{background:var(--slate-soft);color:var(--slate)}.indigo-code{background:var(--indigo-soft);color:var(--indigo-hover);padding:2px 5px;border-radius:var(--radius-xs)}