.lang-btn,a{text-decoration:none}.breadcrumb a:hover,.logo,.tool-category a:hover{color:var(--primary)}.faq-item,.hero,.tool-card{overflow:hidden}.faq-item summary:hover,.features-list li{background:var(--primary-bg)}.related-grid,.tools-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.btn,.lang-btn,.search-tag{font-family:inherit}.affiliate-card,.footer-bottom,.hero,.tool-card,.tool-loading,.trust-badge{text-align:center}*,::after,::before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--bg-card:#ffffff;--text:#1a1a2e;--text-secondary:#6b7280;--text-muted:#9ca3af;--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-bg:rgba(37,99,235,0.1);--accent:#f59e0b;--border:#e5e7eb;--shadow:0 2px 8px rgba(0,0,0,0.08);--shadow-hover:0 8px 24px rgba(0,0,0,0.12);--radius:12px;--radius-sm:8px;--max-width:1200px;--header-bg:rgba(255,255,255,0.95);--hero-bg:linear-gradient(135deg, #1e3a5f 0%, #2563eb 50%, #1d4ed8 100%);--input-bg:#ffffff;--output-bg:#f8fafc;--code-bg:#1e293b;--code-text:#e2e8f0;--overlay:rgba(0,0,0,0.5);--modal-bg:#ffffff;--footer-bg:#1e293b;--footer-text:#94a3b8}[data-theme=dark]{--bg:#0f172a;--bg-card:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#334155;--shadow:0 2px 8px rgba(0,0,0,0.3);--shadow-hover:0 8px 24px rgba(0,0,0,0.4);--header-bg:rgba(15,23,42,0.95);--hero-bg:linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #1e293b 100%);--input-bg:#334155;--output-bg:#1e293b;--code-bg:#0f172a;--code-text:#e2e8f0;--overlay:rgba(0,0,0,0.7);--modal-bg:#1e293b;--footer-bg:#0f172a;--footer-text:#64748b}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;transition:background .3s,color .3s}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}a{color:inherit}.header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.hero,.hero h1,.hero-sub,.popular-searches,.search-box,.tool-card,.trust-badges,.trust-text{position:relative}.badge-new,.badge-pop{top:8px;position:absolute}.lang-btn,.theme-toggle{background:0 0;cursor:pointer}.header-inner{display:flex;align-items:center;justify-content:center;height:60px;gap:24px}.header-actions,.logo{align-items:center;display:flex}.logo{font-size:1.3rem;font-weight:800;white-space:nowrap;gap:4px}.header-actions{gap:8px}.lang-switcher{display:flex;gap:4px}.lang-btn{padding:5px 10px;border:1px solid var(--border);color:var(--text-secondary);font-size:.78rem;font-weight:600;border-radius:var(--radius-sm);transition:.2s}.lang-btn:hover{color:var(--text);border-color:var(--primary)}.back-btn:hover,.copy-btn:hover,.lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.theme-toggle{border:none;font-size:1.15rem;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text);transition:background .2s}.theme-toggle:hover{background:var(--border)}.breadcrumb{padding:10px 0;font-size:.82rem;color:var(--text-secondary);background:var(--bg);border-bottom:1px solid var(--border)}.breadcrumb .container{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb span{color:var(--text-muted)}.hero{background:var(--hero-bg);padding:60px 0 40px;color:#fff}.hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.05) 0,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(255,255,255,.03) 0,transparent 50%);pointer-events:none}.hero h1{font-size:2.6rem;font-weight:800;margin-bottom:10px}.hero-sub{font-size:1.1rem;opacity:.9;margin-bottom:24px}.search-box{max-width:440px;margin:0 auto}.search-input{width:100%;padding:12px 20px;border:none;border-radius:50px;font-size:.95rem;background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(8px);outline:0;transition:background .3s}.search-input::placeholder{color:rgba(255,255,255,.5)}.search-input:focus,.search-tag:hover{background:rgba(255,255,255,.25)}.popular-searches{margin-top:14px}.ps-label{font-size:.78rem;opacity:.7;margin-right:6px}.search-tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:50px;font-size:.78rem;cursor:pointer;margin:3px;transition:.2s}.trust-badges{display:flex;justify-content:center;gap:20px;margin-top:24px;flex-wrap:wrap}.trust-stat{display:block;font-size:1.3rem;font-weight:800}.trust-label{display:block;font-size:.72rem;opacity:.8}.trust-text{margin-top:12px;font-size:.88rem;opacity:.85}.section-title{font-size:1.4rem;font-weight:700;margin-bottom:20px;padding-bottom:8px;border-bottom:2px solid var(--primary);display:inline-block}.back-btn,.tool-card{border:1px solid var(--border);cursor:pointer;text-decoration:none}.tools-section{padding:40px 0}.category-section{margin-bottom:36px}.tools-grid{display:grid;gap:16px}.tool-card{background:var(--bg-card);border-radius:var(--radius);padding:24px 16px;transition:.25s;box-shadow:var(--shadow);display:block;color:inherit}.back-btn,.btn,.copy-btn,.related-card{transition:.2s}.tool-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary);transform:scaleX(0);transition:transform .3s;transform-origin:left}.tool-card:hover::after{transform:scaleX(1)}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:var(--primary-light)}.tool-card .card-icon{font-size:2.2rem;margin-bottom:10px;display:block}.tool-card h3{font-size:.95rem;font-weight:700;margin-bottom:4px;color:var(--text)}.tool-card p{font-size:.8rem;color:var(--text-secondary)}.badge-new{right:8px;background:#ef4444;color:#fff;font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:4px}.back-btn,.tool-panel{background:var(--bg-card)}.back-btn,.tool-category,.tool-panel .tool-desc{color:var(--text-secondary);margin-bottom:20px}.badge-pop{right:8px;font-size:.9rem}.popular-section{padding:30px 0 10px}.popular-section .tools-grid .tool-card{border-color:var(--accent)}.tool-page{padding:20px 0 40px}.back-btn{display:inline-block;padding:8px 18px;border-radius:var(--radius-sm);font-size:.9rem}.tool-header h1{font-size:1.8rem;font-weight:800;margin-bottom:4px}.tool-category{font-size:.85rem}.tool-function{margin-bottom:30px}.tool-panel{border:1px solid var(--border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.tool-panel h2{font-size:1.4rem;font-weight:700;margin-bottom:6px}.tool-panel .tool-desc{font-size:.9rem}.tool-loading{padding:40px;color:var(--text-muted)}.seo-content{max-width:760px;margin:0 auto}.seo-content article h2{font-size:1.5rem;font-weight:700;margin:28px 0 12px;color:var(--text)}.seo-content article p{margin-bottom:14px;line-height:1.8;color:var(--text-secondary)}.features-list{list-style:none;margin:12px 0 20px}.features-list li{padding:8px 14px;margin-bottom:8px;border-radius:var(--radius-sm);border-left:3px solid var(--primary);font-size:.9rem;color:var(--text)}.faq-item,.related-card{border:1px solid var(--border)}.features-list li strong{color:var(--primary-dark)}.faq-section{margin:20px 0}.faq-item{border-radius:var(--radius-sm);margin-bottom:10px}.faq-item summary{padding:14px 18px;font-weight:600;cursor:pointer;font-size:.92rem;color:var(--text);transition:background .2s}.faq-item p,.related-card p{color:var(--text-secondary)}.faq-item[open] summary{border-bottom:1px solid var(--border)}.faq-item p{padding:14px 18px;font-size:.88rem;line-height:1.7}.related-section{padding:30px 0;background:var(--bg)}.related-grid{display:grid;gap:12px}.related-card{display:flex;align-items:center;gap:12px;background:var(--bg-card);border-radius:var(--radius-sm);padding:14px;cursor:pointer;color:inherit;text-decoration:none}.related-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-2px)}.related-icon{font-size:1.6rem}.related-card h4{font-size:.88rem;font-weight:700;margin-bottom:2px}.related-card p{font-size:.75rem}.form-group{margin-bottom:14px}.form-group label{display:block;font-weight:600;margin-bottom:5px;font-size:.85rem;color:var(--text)}.form-group input[type=date],.form-group input[type=datetime-local],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;background:var(--input-bg);color:var(--text);transition:border-color .2s;outline:0;font-family:inherit}.affiliate-card:hover,.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.subscribe-form input:focus{border-color:var(--primary)}.form-group textarea{min-height:100px;resize:vertical}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:.88rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--text-secondary);color:#fff}.btn-success{background:#059669;color:#fff}.copy-btn,.subscribe-desc{color:var(--text-secondary)}.btn-success:hover{background:#047857}.output-box{background:var(--output-bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;margin-top:14px;min-height:44px;font-family:"SF Mono","Fira Code",Consolas,monospace;font-size:.85rem;white-space:pre-wrap;word-break:break-all;position:relative}.copy-btn,.subscribe-form input{border:1px solid var(--border);font-family:inherit}.copy-btn{position:absolute;top:6px;right:6px;padding:3px 10px;background:var(--bg-card);border-radius:4px;font-size:.75rem;cursor:pointer}.ad-container{display:flex;justify-content:center;padding:10px 0}.subscribe-section{text-align:center;padding:40px 0;background:var(--primary-bg)}.subscribe-desc{margin-bottom:20px}.subscribe-form{display:flex;gap:8px;max-width:420px;margin:0 auto}.subscribe-form input{flex:1;padding:10px 14px;border-radius:var(--radius-sm);font-size:.9rem;background:var(--input-bg);color:var(--text);outline:0}.affiliate-section{padding:30px 0}.affiliate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.affiliate-card{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:.2s}.affiliate-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.aff-icon{font-size:2rem}.affiliate-card h4{font-size:1rem;font-weight:700}.affiliate-card p{font-size:.82rem;color:var(--text-secondary)}.footer{background:var(--footer-bg);color:var(--footer-text);padding:40px 0 0;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.footer-brand{max-width:240px}.footer-logo{font-size:1.2rem;font-weight:800;display:block;margin-bottom:6px}.footer-brand p{font-size:.82rem}.footer-links{display:flex;flex-wrap:wrap;gap:30px}.footer-col h4{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.footer-col a{display:block;font-size:.82rem;color:var(--footer-text);margin-bottom:6px;transition:color .2s;text-decoration:none}.footer-col a:hover{color:var(--primary-light)}.footer-bottom{padding:20px 0;margin-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem}@media (max-width:768px){.hero h1{font-size:1.8rem}.hero-sub{font-size:.95rem}.trust-badges{gap:12px}.trust-stat{font-size:1rem}.trust-label{font-size:.65rem}.footer-inner{flex-direction:column;gap:20px}.footer-links{gap:20px}.subscribe-form{flex-direction:column}.tool-header h1{font-size:1.4rem}.seo-content article h2{font-size:1.2rem}.related-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.related-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:1fr 1fr}.tool-card{padding:16px 8px}.tool-card .card-icon{font-size:1.6rem}.tool-card h3{font-size:.82rem}.tool-card p{font-size:.72rem}}