/* =====================================================================
   PC 端样式 —— 仅 PC 端外壳（顶栏 / 头部 / 主导航 / 左右分栏 / 顶部广告带）
   通用组件样式（卡片、栅格、列表项、详情页、会员中心、页脚、比价表…）
   统一放在 base.css，两端共用。
   ===================================================================== */
/* ---------------- 顶栏 ---------------- */
.topbar{background:var(--c-deep);color:#c5dbe8;font-size:12.5px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:36px;gap:16px}
.topbar a{color:#c5dbe8}
.topbar a:hover{color:#fff}
.topbar .tb-l{display:flex;align-items:center;gap:16px;min-width:0;overflow:hidden}
.topbar .tb-r{display:flex;align-items:center;gap:14px;white-space:nowrap}
.topbar .tb-r .sep{color:#3a6a86}
.topbar .lang a.on{color:#fff;font-weight:600}
.topbar .cur a.on{color:#fff;font-weight:600}
.topbar .welcome{color:#8fb6cb}

/* ---------------- 头部 ---------------- */
.site-header{background:#fff;border-bottom:1px solid var(--c-line)}
.hd-main{display:flex;align-items:center;gap:26px;padding:20px 0}
.hd-logo{display:flex;align-items:center;gap:12px;flex:0 0 auto;max-width:280px}
.hd-logo img{height:48px;width:auto}
.hd-logo .txt{min-width:0}
.hd-logo .n{font-size:20px;font-weight:700;color:var(--c-deep);line-height:1.25;letter-spacing:.4px}
.hd-logo .s{font-size:12px;color:var(--c-ink-3);margin-top:2px}
.hd-search{flex:1;min-width:0;max-width:600px}
.search-box{display:flex;border:2px solid var(--c-primary);border-radius:var(--r);overflow:hidden;background:#fff}
.search-box select{border:0;border-right:1px solid var(--c-line);border-radius:0;width:120px;flex:0 0 120px;color:var(--c-ink-2);background:#fbfdff}
.search-box input{border:0;border-radius:0;box-shadow:none!important;flex:1}
.search-box input:focus{box-shadow:none}
.search-box .sbtn{border:0;border-radius:0;padding:0 26px;font-size:15px;flex:0 0 auto}
.search-hot{margin-top:7px;font-size:12.5px;color:var(--c-ink-3);display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.search-hot a{color:var(--c-ink-3)}
.search-hot a:hover{color:var(--c-primary)}
.hd-acts{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.hd-tel{text-align:right;line-height:1.3}
.hd-tel .t1{font-size:11.5px;color:var(--c-ink-3)}
.hd-tel .t2{font-size:17px;font-weight:700;color:var(--c-primary);white-space:nowrap}

/* ---------------- 主导航 ---------------- */
.main-nav{background:linear-gradient(90deg,var(--c-primary-d),var(--c-primary) 55%,#17a3c9);position:relative}
.main-nav .wrap{display:flex;align-items:stretch}
.main-nav .nav-item{position:relative}
.main-nav .nav-item>a{
  display:flex;align-items:center;height:48px;padding:0 17px;color:#eaf6fc;font-size:15px;
  white-space:nowrap;transition:background .18s;
}
.main-nav .nav-item>a:hover,.main-nav .nav-item.on>a{background:rgba(255,255,255,.16);color:#fff}
.main-nav .nav-item .arrow{font-size:9px;margin-left:4px;opacity:.75}
.main-nav .dropdown{
  position:absolute;top:100%;left:0;min-width:210px;background:#fff;border-radius:0 0 var(--r) var(--r);
  box-shadow:var(--sh-3);padding:8px 0;z-index:200;display:none;
}
.main-nav .nav-item:hover .dropdown{display:block}
.main-nav .dropdown a{display:block;padding:8px 18px;font-size:13.5px;color:var(--c-ink-2)}
.main-nav .dropdown a:hover{background:var(--c-primary-l);color:var(--c-primary-d)}
.main-nav .nav-all{background:rgba(0,0,0,.14);font-weight:600}

/* ---------------- 页面主体布局（左右结构） ---------------- */
.container{padding:20px 0 40px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:22px;align-items:start}
.layout-full{display:block}
.main-col{min-width:0}
.side-col{min-width:0;position:sticky;top:14px}
@media (max-width:1100px){
  .layout{grid-template-columns:1fr}
  .side-col{position:static}
}

/* 顶部广告带 */
.top-ad-banner{background:#fff;border-bottom:1px solid var(--c-line);padding:10px 0}
.top-ad-banner .advert-wrap{margin:0}