/* ===================================================================
   远讯科技工具箱纯静态首�?CSS �?�?JS 依赖，完�?SEO
   =================================================================== */
.home-nav{height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--bd);box-shadow:var(--shadow);position:sticky;top:0;z-index:100;}
.home-nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between;}
.home-header{background:linear-gradient(135deg,#1E3A5F,#1E40AF,#3B82F6);color:#fff;padding:56px 0 38px;text-align:center;}
.home-header h1{font-size:2rem;font-weight:700;margin-bottom:8px;}
.home-header p{font-size:.95rem;opacity:.85;}
.home-main{max-width:var(--max-w);margin:0 auto;padding:36px 20px;}
.cat-nav{display:flex;gap:6px;overflow-x:auto;padding:6px 0 22px;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap: wrap;}
.cat-nav::-webkit-scrollbar{display:none;}
.cat-nav-item{flex-shrink:0;padding:8px 16px;border-radius:99px;font-size:.85rem;font-weight:500;color:var(--tx-sec);background:var(--bg-card);border:1px solid var(--bd);white-space:nowrap;transition:var(--trans);}
.cat-nav-item:hover{background:var(--bg-hover);color:var(--ac);border-color:var(--ac);}
.cat-section{margin-bottom:36px;}
.cat-section h2{font-size:1.15rem;font-weight:700;margin-bottom:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.cat-icon{font-size:1.2rem;}
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;}
.tool-link{display:flex;align-items:center;gap:10px;padding:14px 18px;background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--radius);transition:var(--trans);text-decoration:none;will-change:transform;}
.tool-link:hover{border-color:var(--ac);box-shadow:var(--shadow-lg);transform:translateY(-1px);}
.tool-link__title{font-weight:600;font-size:.9rem;color:var(--tx);flex-shrink:0;}
.tool-link__desc{font-size:.78rem;color:var(--tx-sec);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tool-link__arrow{color:var(--ac);flex-shrink:0;font-size:1rem;}
.home-footer{background:var(--bg-card);border-top:1px solid var(--bd);padding:24px 0;text-align:center;color:var(--tx-sec);font-size:.83rem;}
@media(max-width:768px){
  .home-header h1{font-size:1.5rem;}
  .cat-grid{grid-template-columns:1fr;}
  .tool-link__desc{display:none;}
}
