.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--r-sm);font-weight:600;font-size:var(--fs-sm);transition:var(--transition)}.btn-primary{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--c-primary-600)}.btn-outline{border:1px solid var(--c-border);color:var(--c-text)}.btn-outline:hover{border-color:var(--c-primary);color:var(--c-primary)}.btn-sm{padding:7px 14px;font-size:var(--fs-xs)}.icon-btn{width:38px;height:38px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;background:var(--c-surface-2);color:var(--c-text-muted);font-size:1rem;transition:var(--transition)}.icon-btn:hover{color:var(--c-primary)}.search-shell{max-width:640px;margin:0 auto var(--sp-6);background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:var(--r-lg);padding:6px 6px 6px 20px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-md)}.search-shell input{flex:1;border:none;outline:none;background:none;font-family:var(--f-mono);font-size:.95rem;padding-block:14px;color:var(--c-text)}.search-shell input::placeholder{color:var(--c-text-muted)}.search-shell .btn{border-radius:var(--r-md)}.search-cursor{display:inline-block;width:2px;height:16px;background:var(--c-primary);animation:ts-blink 1s step-start infinite;margin-inline-start:2px;vertical-align:middle}@keyframes ts-blink{50%{opacity:0}}.popular-searches{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--sp-8)}.popular-searches a{padding:5px 12px;border:1px solid var(--c-border);border-radius:var(--r-full);font-family:var(--f-mono);transition:var(--transition)}.popular-searches a:hover{border-color:var(--c-primary);color:var(--c-primary)}.pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:var(--sp-10)}.pill{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;box-shadow:var(--shadow-sm);transition:var(--transition)}.pill:hover{transform:translateY(-2px);border-color:var(--c-primary)}.trust-row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-10)}.trust-item{text-align:center}.trust-item strong{display:block;font-family:var(--f-display);font-size:1.6rem;color:var(--c-primary)}.trust-item span{font-size:var(--fs-xs);color:var(--c-text-muted);font-family:var(--f-mono)}.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-5)}.cat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-6) var(--sp-4);text-align:center;transition:var(--transition)}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--c-primary)}.cat-icon{width:52px;height:52px;border-radius:var(--r-sm);margin-inline:auto var(--sp-4);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--c-primary-100);color:var(--c-primary)}.cat-card h3{font-size:.95rem;margin-bottom:4px}.cat-card span{font-size:var(--fs-xs);color:var(--c-text-muted);font-family:var(--f-mono)}.ad-unit{position:relative;border:1.5px dashed var(--c-border);border-radius:var(--r-md);background:var(--c-surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center}.ad-unit-label{position:absolute;top:6px;left:10px;font-family:var(--f-mono);font-size:10px;letter-spacing:.05em;color:var(--c-text-muted);text-transform:uppercase}.ad-unit-inner,.ad-unit-lazy{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ad-728{min-height:100px}.ad-300{min-height:250px;width:300px;margin-inline:auto}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5)}.tool-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-5);transition:var(--transition);display:flex;flex-direction:column;gap:var(--sp-3)}.tool-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tool-top{display:flex;align-items:center;justify-content:space-between}.badge{font-family:var(--f-mono);font-size:10px;font-weight:600;padding:4px 9px;border-radius:var(--r-full);background:var(--c-accent-100);color:var(--c-accent);text-transform:uppercase;letter-spacing:.04em}.badge.blue{background:var(--c-primary-100);color:var(--c-primary)}.tool-ic{width:40px;height:40px;border-radius:var(--r-sm);background:var(--c-surface-2);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.tool-card h3{font-size:1.02rem}.tool-card p{font-size:var(--fs-sm);color:var(--c-text-muted);flex:1}.tool-card .btn{align-self:flex-start;margin-top:auto}.trend-list{display:flex;flex-direction:column;border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-surface)}.trend-row{display:flex;align-items:center;gap:var(--sp-5);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);transition:var(--transition)}.trend-row:last-child{border-bottom:none}.trend-row:hover{background:var(--c-surface-2)}.trend-rank{font-family:var(--f-mono);font-weight:700;font-size:1.1rem;color:var(--c-text-muted);width:32px}.trend-row:nth-child(-n+3) .trend-rank{color:var(--c-primary)}.trend-info{flex:1}.trend-info h4{font-size:.95rem;margin-bottom:2px}.trend-info span{font-size:var(--fs-xs);color:var(--c-text-muted)}.trend-stat{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-accent);font-weight:600;white-space:nowrap}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.stat-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-6);display:flex;align-items:center;gap:var(--sp-4)}.stat-card .cat-icon{margin:0;flex-shrink:0}.stat-card h3{font-size:1rem;margin-bottom:4px}.stat-card .bar{height:6px;border-radius:99px;background:var(--c-surface-2);margin-top:8px;overflow:hidden}.stat-card .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-accent))}.stat-card .cnt{font-size:var(--fs-xs);color:var(--c-text-muted);font-family:var(--f-mono);margin-top:4px;display:block}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.blog-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;transition:var(--transition)}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--c-primary)}.blog-thumb{height:170px;background:linear-gradient(135deg,var(--c-primary-100),var(--c-accent-100));display:flex;align-items:center;justify-content:center;font-size:2rem;overflow:hidden}.blog-thumb img{width:100%;height:100%;object-fit:cover}.blog-body{padding:var(--sp-5)}.blog-meta{font-family:var(--f-mono);font-size:10px;color:var(--c-text-muted);display:flex;gap:10px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}.blog-body h3{font-size:1.02rem;margin-bottom:8px}.blog-body p{font-size:var(--fs-sm);color:var(--c-text-muted)}.newsletter{background:linear-gradient(135deg,var(--c-text) 0%,#23263A 100%);color:#fff;border-radius:var(--r-lg);padding:var(--sp-12) var(--sp-10);text-align:center;position:relative;overflow:hidden}[data-theme="dark"] .newsletter{background:linear-gradient(135deg,var(--c-primary-600),#201F5C)}.newsletter h2{font-size:var(--fs-h2);margin-bottom:10px}.newsletter p{color:#C7CAD9;max-width:460px;margin:0 auto var(--sp-6)}.newsletter-form{display:flex;max-width:420px;margin-inline:auto;gap:8px}.newsletter-form input{flex:1;padding:13px 16px;border-radius:var(--r-sm);border:none;outline:none;font-size:var(--fs-sm)}.newsletter-form .btn{background:#fff;color:var(--c-text)}.chip{padding:7px 14px;border:1px solid var(--c-border);border-radius:var(--r-full);font-size:var(--fs-xs);font-family:var(--f-mono);display:inline-block}.chip.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--sp-6);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:var(--sp-10);flex-wrap:wrap}.pagination a,.pagination span{min-width:38px;height:38px;padding:0 10px;display:flex;align-items:center;justify-content:center;border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--fs-sm);font-family:var(--f-mono)}.pagination .current{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}