:root{--bg-color:#f3f4f6;--card-bg:#ffffff;--text-main:#111827;--text-sub:#6b7280;--border-color:#d1d5db;--btn-blue:#3b82f6;--btn-blue-hover:#2563eb;--sidebar-width:240px;--sidebar-collapsed-width:72px;--header-height:73px}html.dark-theme,body.dark-theme{--bg-color:#0f172a;--card-bg:#111827;--text-main:#f3f4f6;--text-sub:#94a3b8;--border-color:#1f2937;--btn-blue:#60a5fa;--btn-blue-hover:#3b82f6}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body{width:100%;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-main);display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--bg-color);border-right:.2px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .3s ease}.sidebar-top{padding:20px 16px 5px;flex-shrink:0}.logo-container{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);font-size:18px;font-weight:600;white-space:nowrap;overflow:hidden}.logo-container img{width:28px;height:28px;object-fit:contain;flex-shrink:0}.logo-text{overflow:hidden;text-overflow:ellipsis}.sidebar-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 24px;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.sidebar-scroll::-webkit-scrollbar{width:8px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.nav-menu{list-style:none;display:flex;flex-direction:column;gap:6px}.nav-title{font-size:11px;text-transform:uppercase;color:var(--text-sub);font-weight:400;margin:18px 0 8px 12px;letter-spacing:.4px;white-space:nowrap}.nav-item a{display:flex;align-items:center;gap:12px;padding:6px 8px;text-decoration:none;color:var(--text-main);font-size:14px;font-weight:400;border-radius:8px;border:1px solid transparent;transition:all .2s ease;white-space:nowrap}.nav-item a:hover{background-color:#0000000a}body.dark-theme .nav-item a:hover{background-color:#ffffff0a}.nav-item.active a{background-color:var(--card-bg);box-shadow:0 2px 8px #0000000a}.nav-item a i{font-size:17px;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-title{opacity:0;height:0;margin:0;overflow:hidden}.sidebar.collapsed .logo-container,.sidebar.collapsed .nav-item a{justify-content:center}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}.main-content::-webkit-scrollbar{width:10px}.main-content::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--bg-color);border-bottom:.2px solid var(--border-color);position:sticky;top:0;z-index:10}.header-left,.header-actions{display:flex;align-items:center;gap:18px}.header-badge-link{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;border-radius:10px;overflow:hidden}.header-badge-link img{display:block;width:81px;height:36px}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0f172a61;z-index:998}.sidebar-overlay.show{display:block}.toggle-btn,.theme-toggle{background:none;border:none;cursor:pointer;color:var(--text-main);display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;font-size:18px;transition:background .2s ease}.mobile-search-link{display:none;align-items:center;justify-content:center;text-decoration:none;color:var(--text-main);padding:8px;border-radius:8px;font-size:18px}.mobile-search-link:hover,.toggle-btn:hover,.theme-toggle:hover{background-color:#0000000d}body.dark-theme .toggle-btn:hover,body.dark-theme .theme-toggle:hover{background-color:#ffffff0d}.header-links{display:flex;gap:24px}.header-links a{text-decoration:none;color:var(--text-sub);font-size:14px;font-weight:400}.header-links a:hover{color:var(--text-main)}.btn-blue{background-color:var(--btn-blue);color:#fff;border:none;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.btn-blue:hover{background-color:var(--btn-blue-hover)}.hero-submit-button{display:inline-flex;align-items:center;gap:8px;background-color:var(--btn-blue-hover)}.hero-submit-button:hover{background-color:var(--btn-blue)}.content-area{width:100%;max-width:1500px;margin:0 auto;padding:20px 24px 40px;overflow-x:hidden}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.hero-main{min-width:0;flex:1}.hero h1{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text-main)}.hero p{max-width:920px;font-size:13px;line-height:1.65;color:var(--text-sub)}.hero-cta{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero-count{flex-shrink:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:14px;padding:12px 14px;text-align:left;width:auto;min-width:0;max-width:190px;align-self:flex-start}.hero-count-label{font-size:12px;color:var(--text-sub);margin-bottom:6px}.hero-count-value{font-size:22px;font-weight:700;color:var(--text-main);line-height:1}.section-block{margin-top:30px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-title{font-size:18px;font-weight:700;color:var(--text-main);letter-spacing:-.02em}.section-subtitle{font-size:13px;color:var(--text-sub);line-height:1.6}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.featured-card{background:var(--card-bg);border:2px solid #e6870b;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;min-width:0;display:flex;flex-direction:column;cursor:pointer}.featured-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000014}.featured-cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#e5e7eb}.featured-cover img{width:100%;height:100%;object-fit:cover;display:block}.featured-cover.is-logo-fallback img{object-fit:contain;padding:24px;background:linear-gradient(180deg,#f1f5f9f5,#e2e8f0f5)}.featured-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0f172a0a,#0f172a42);pointer-events:none}.featured-badge{position:absolute;left:12px;top:12px;z-index:1;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,#fbbf24,#f59e0b 55%,#d97706);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-flex;align-items:center;gap:6px;box-shadow:0 8px 20px #f59e0b59}body.dark-theme .featured-badge{color:#fff;border:1px solid rgba(255,255,255,.18)}.featured-badge i{font-size:12px}.featured-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.featured-top{display:flex;align-items:center;gap:10px;min-width:0}.featured-title{font-size:20px;font-weight:700;color:var(--text-main);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-desc{font-size:13px;color:var(--text-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.featured-footer{display:flex;align-items:center;justify-content:flex-start;gap:12px;font-size:12px;color:var(--text-sub)}.featured-category{display:inline-flex;align-items:center;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.featured-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.featured-visit{display:inline-flex;align-items:center;gap:10px;min-width:0;max-width:100%;padding:8px 12px;border-radius:999px;border:1px solid var(--border-color);background:#ffffffd1;color:var(--text-main);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;cursor:pointer}body.dark-theme .featured-visit{background:#0f172adb}.featured-visit:hover{transform:translateY(-1px);border-color:#3b82f659;box-shadow:0 8px 18px #0f172a14}.featured-visit-domain{display:inline-flex;align-items:center;min-width:0;font-size:13px;font-weight:400;color:var(--text-sub)}.featured-visit-domain span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.featured-visit-arrow{font-size:18px;color:var(--text-sub);flex-shrink:0}.tools-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.tool-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:16px;position:relative;display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.tool-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;min-width:0}.card-icon{width:28px;height:28px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center}.card-icon img{width:100%;height:100%;object-fit:contain;border-radius:6px;display:block}.card-icon-fallback{position:absolute;inset:0;border-radius:6px;background:#e5e7eb;color:#374151;display:none;align-items:center;justify-content:center;font-size:12px;font-weight:700}.card-icon-fallback.visible{display:flex}.card-title{font-size:16px;font-weight:600;color:var(--text-main);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-desc{font-size:13px;color:var(--text-sub);line-height:1.5;margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-footer{margin-top:12px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-sub)}.seo-section{margin-top:34px}.seo-section h2{font-size:18px;font-weight:700;color:var(--text-main);margin-bottom:14px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.faq-item summary{list-style:none;cursor:pointer;padding:16px 18px;font-size:15px;font-weight:600;color:var(--text-main);display:flex;align-items:center;justify-content:space-between;gap:16px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary i{color:var(--text-sub);font-size:18px;transition:transform .2s ease;flex-shrink:0}.faq-item[open] summary i{transform:rotate(180deg)}.faq-answer{padding:0 18px 18px;color:var(--text-sub);font-size:14px;line-height:1.75}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.related-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;text-decoration:none;color:inherit;min-width:0;transition:transform .2s ease,box-shadow .2s ease}.related-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.related-icon{width:34px;height:34px;border-radius:10px;background:#3b82f61a;color:var(--btn-blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.related-content{min-width:0}.related-name{font-size:15px;font-weight:600;color:var(--text-main);margin-bottom:4px}.related-meta{font-size:13px;color:var(--text-sub);line-height:1.5}.footer-links{margin-top:30px;font-size:12px;color:var(--text-sub);line-height:1.8}.footer-link-row{display:flex;flex-wrap:wrap;gap:10px 14px}.footer-link-row a{color:var(--text-sub);text-decoration:none}.footer-support-row{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border-color);background:#3b82f614;color:var(--text-main);font-size:13px}.footer-support-row a{color:var(--text-main);text-decoration:none;cursor:default}.footer-support-row span{color:var(--text-sub)}.copyright{margin-top:10px;font-size:12px;color:var(--text-sub)}.scroll-top-btn{position:fixed;right:22px;bottom:24px;width:42px;height:42px;border:none;border-radius:999px;background:var(--btn-blue);color:#fff;box-shadow:0 10px 24px #3b82f659;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:999;opacity:.96;pointer-events:auto}.scroll-top-btn.show{display:flex}@media(max-width:1200px){.featured-grid,.tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.featured-grid,.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:999;transform:translate(-100%);transition:transform .28s ease;box-shadow:none}.sidebar.mobile-open{transform:translate(0);box-shadow:0 18px 40px #0003}.sidebar.collapsed{width:280px}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{display:inline}.sidebar.collapsed .nav-title{opacity:1;height:auto;margin:18px 0 8px 12px;overflow:visible}.sidebar.collapsed .logo-container,.sidebar.collapsed .nav-item a{justify-content:flex-start}.header-links{display:flex}}@media(max-width:768px){.content-area{padding:20px 24px 40px}.header{padding:12px 16px}.hero{flex-direction:column}.hero-count{min-width:0;width:auto;max-width:190px}.hero-cta .btn-blue{width:auto}.header-links{display:none}.mobile-search-link{display:inline-flex}.related-grid{grid-template-columns:1fr}}@media(max-width:500px){.featured-grid,.tools-grid{grid-template-columns:1fr}.hero h1{font-size:20px}}