/* ===== HS编码查询站 全局样式 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"PingFang SC","Microsoft YaHei","微软雅黑",Arial,sans-serif;background:#f2f5f9;color:#26313d;font-size:14px;line-height:1.65}
a{color:#1b5aab;text-decoration:none}
a:hover{color:#c8102e}
img{max-width:100%}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}

/* 头部 */
.site-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px rgba(16,42,80,.06);position:sticky;top:0;z-index:99}
.header-inner{display:flex;align-items:center;height:62px;gap:22px;flex-wrap:wrap}
.logo{display:flex;align-items:center;gap:10px;color:#1a2b49}
.logo-mark{background:#1f4e8c;color:#fff;font-weight:700;font-size:15px;padding:6px 9px;border-radius:6px;letter-spacing:1px}
.logo-mark:after{content:""}
.logo-text b{font-size:19px;color:#1f4e8c;letter-spacing:1px}
.logo-text small{display:block;color:#7a8699;font-size:11px}
.main-nav{display:flex;gap:4px}
.main-nav a{padding:8px 13px;border-radius:6px;color:#3d4c63;font-size:14px}
.main-nav a:hover{background:#eef4fb;color:#1f4e8c}
.main-nav a.on{background:#1f4e8c;color:#fff}
.top-search{margin-left:auto;display:flex}
.top-search input{width:250px;border:1px solid #c9d6e5;border-right:0;border-radius:16px 0 0 16px;padding:7px 14px;font-size:13px;outline:0}
.top-search input:focus{border-color:#1f4e8c}
.top-search button{border:0;background:#1f4e8c;color:#fff;border-radius:0 16px 16px 0;padding:0 18px;cursor:pointer;font-size:13px}
.top-search button:hover{background:#c8102e}

/* Hero 搜索区 */
.hero{background:linear-gradient(135deg,#1f4e8c 0%,#2a6cb8 55%,#3e8ed0 100%);color:#fff;padding:46px 0 40px}
.hero h1{font-size:30px;letter-spacing:1px;font-weight:700}
.hero-sub{margin-top:8px;color:#cfe2f6;font-size:14px}
.hero-form{display:flex;margin-top:22px;max-width:640px}
.hero-form input{flex:1;border:0;border-radius:24px 0 0 24px;padding:13px 20px;font-size:15px;outline:0;min-width:0}
.hero-form button{background:#c8102e;color:#fff;border:0;border-radius:0 24px 24px 0;padding:0 28px;font-size:15px;cursor:pointer}
.hero-form button:hover{background:#a00d24}
.pageform{max-width:600px;margin:16px 0 6px}
.hotwords{margin-top:14px;font-size:13px;color:#d7e6f7}
.hotwords a{display:inline-block;color:#fff;background:rgba(255,255,255,.16);border-radius:12px;padding:2px 11px;margin:4px 8px 0 0;font-size:12px}
.hotwords a:hover{background:#c8102e}

/* 数据库未就绪提示 */
.db-hint{background:#fff7e0;border:1px solid #f2d79a;color:#7a5b12;padding:12px 16px;margin:16px auto 0;max-width:1148px;border-radius:8px;font-size:13px}
.db-hint b{color:#a00d24}

/* 统计条 */
.stat-bar{display:flex;flex-wrap:wrap;background:#fff;border-radius:10px;margin-top:18px;padding:16px 8px;box-shadow:0 1px 6px rgba(16,42,80,.05);gap:6px}
.stat-i{flex:1;min-width:150px;text-align:center;padding:6px}
.stat-i b{display:block;font-size:26px;color:#1f4e8c}
.stat-i span{color:#7a8699;font-size:12px}

/* 区块标题 */
.sec-head{display:flex;align-items:baseline;justify-content:space-between;margin:30px 0 14px}
.sec-head h2{font-size:21px;color:#1a2b49;border-left:4px solid #c8102e;padding-left:10px}
.sec-head .more{font-size:13px;color:#7a8699}

/* 章网格 */
.ch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:10px}
.ch-cell{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px;transition:.15s}
.ch-cell:hover{border-color:#1f4e8c;box-shadow:0 3px 10px rgba(31,78,140,.12);transform:translateY(-1px)}
.ch-no{font-weight:700;color:#1f4e8c;background:#e8f0fa;border-radius:6px;padding:2px 7px;font-size:13px}
.ch-name{font-size:13px;color:#3d4c63;flex:1}

/* 卡片列 */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:26px}
.card{background:#fff;border-radius:10px;padding:18px 20px;border:1px solid #e2e8f0}
.card h2{font-size:17px;color:#1a2b49;margin-bottom:10px}
.rel-list{list-style:none}
.rel-list li{padding:6px 0;border-bottom:1px dashed #e8edf3}
.rel-list li:last-child{border:0}
.rel-list a{color:#3d4c63}
.rel-list a:hover{color:#c8102e}

/* SEO 内容 */
.seo-zone{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:26px 0 30px;padding:22px 24px}
.seo-zone h2{font-size:19px;color:#1a2b49;margin-bottom:10px;border-left:4px solid #c8102e;padding-left:10px}
.seo-zone p{color:#4a5768;margin:8px 0;font-size:14px}
.seo-note{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px 22px;margin:20px 0}
.seo-note h2{font-size:17px;color:#1a2b49;border-left:3px solid #c8102e;padding-left:9px;margin-bottom:8px}
.seo-note p{color:#55637a;font-size:13px;margin:6px 0}

/* 页面容器 */
.page{min-height:420px;padding-top:20px;padding-bottom:30px}
.page-title{font-size:24px;color:#1a2b49;margin:14px 0 8px;line-height:1.4}
.lead{color:#55637a;margin:4px 0 14px;font-size:14px}
.lead b{color:#1f4e8c}

/* 面包屑 */
.crumb{font-size:13px;color:#7a8699;margin:2px 0 4px}
.crumb a{color:#7a8699}
.crumb a:hover{color:#1f4e8c}
.crumb .cur{color:#1a2b49}
.crumb .sep{margin:0 6px;color:#b8c4d2}

/* 详情页 */
.code-h1{word-break:break-all}
.code-big{color:#1f4e8c}
.meta-line{color:#55637a;font-size:13px;margin-bottom:14px}
.meta-line a{color:#1b5aab}

/* 税率盒 */
.rate-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:14px 0;padding:14px 16px;overflow:auto}
.rate-box h3{font-size:15px;color:#1a2b49;margin-bottom:8px}
.rate-tbl{width:100%;border-collapse:collapse;font-size:14px}
.rate-tbl th{background:#f0f5fb;color:#3d4c63;text-align:left;padding:8px 12px;font-size:13px;border:1px solid #e2e8f0}
.rate-tbl td{padding:9px 12px;border:1px solid #e8edf3;vertical-align:top}
.rate-mfn{font-weight:700;color:#1f4e8c;font-size:16px}
.rate-agree td{color:#0e6a4a}
.rate-spec td{color:#8a4b08}
.rnote{color:#a05d10;font-style:normal;font-size:12px;font-weight:400}
.note-box ul{padding-left:18px;color:#4a5768}

/* 列表表 */
.list-tbl{overflow:auto;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin:14px 0}
.code-tbl{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}
.code-tbl th{background:#f0f5fb;text-align:left;padding:9px 12px;border-bottom:2px solid #dbe5f0;color:#3d4c63;font-size:13px;white-space:nowrap}
.code-tbl td{padding:8px 12px;border-bottom:1px solid #eef2f7}
.code-tbl tr:hover td{background:#f7fafd}
.code-tbl td.tcode{white-space:nowrap}
.code-tbl td.tname{min-width:300px;color:#3d4c63}
.tcode a b{color:#1f4e8c}
.tcode a:hover b{color:#c8102e}

/* 品目网格(章页) */
.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:10px}
.cat-cell{display:flex;align-items:baseline;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 13px;transition:.15s}
.cat-cell:hover{border-color:#1f4e8c;box-shadow:0 2px 8px rgba(31,78,140,.1)}
.cat-no{font-weight:700;color:#1f4e8c;white-space:nowrap;font-size:13px}
.cat-name{flex:1;color:#3d4c63;font-size:13px}
.cat-cnt{color:#97a3b3;font-size:12px;white-space:nowrap}

/* 子目导航条 */
.sib-list{display:flex;flex-wrap:wrap;gap:8px}
.sib-list a{display:inline-flex;gap:8px;align-items:baseline;border:1px solid #e2e8f0;border-radius:20px;padding:4px 13px;font-size:12.5px;color:#3d4c63;background:#fafcff}
.sib-list a:hover{border-color:#1f4e8c;color:#1f4e8c}
.sib-list a.cur{background:#1f4e8c;color:#fff;border-color:#1f4e8c}
.sib-no{color:#1f4e8c;font-weight:700}
.sib-list a.cur .sib-no{color:#fff}

/* 上下条 */
.pager-nav{display:flex;justify-content:space-between;gap:10px;margin:16px 0;flex-wrap:wrap}
.pn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 14px;font-size:13px;color:#3d4c63;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn:hover{border-color:#1f4e8c;color:#1f4e8c}
.pn.next{margin-left:auto}

/* 分页 */
.pager{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:16px 0}
.pager a,.pager span{min-width:30px;text-align:center;background:#fff;border:1px solid #dbe5f0;border-radius:6px;padding:5px 9px;color:#3d4c63;font-size:13px}
.pager a:hover{border-color:#1f4e8c;color:#1f4e8c}
.pager span.cur{background:#1f4e8c;color:#fff;border-color:#1f4e8c}

/* 空态 */
.empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:36px 24px;text-align:center;color:#7a8699;margin:18px 0}
.empty-state h3{font-size:18px;color:#3d4c63;margin-bottom:6px}
.empty-state a{color:#1f4e8c}

/* 页脚 */
.site-footer{background:#1a2b49;color:#b8c6da;margin-top:30px}
.site-footer .wrap{padding-top:22px;padding-bottom:20px}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-bottom:12px}
.footer-links a{color:#c9d6ea;font-size:13px}
.footer-links a:hover{color:#fff}
.disclaimer{color:#8fa0b8;font-size:12px;line-height:1.8;margin-bottom:8px}
.copyright{color:#6f8099;font-size:12px}

/* 响应式 */
@media(max-width:860px){
  .header-inner{height:auto;padding:8px 0;gap:8px}
  .main-nav{order:3;width:100%}
  .top-search{margin-left:0;flex:1;min-width:200px}
  .top-search input{width:auto;flex:1}
  .hero h1{font-size:24px}
  .two-col{grid-template-columns:1fr}
  .pn{max-width:100%}
  .hero{padding:30px 0 26px}
}