/* ===== 白酒网 baijiu.169e.com 设计系统 v2 · 中国酒韵·雅致奢华 ===== */
:root{
  --bj-red:#B81C22; --bj-red-deep:#8E1419; --bj-wine:#6B1F2A; --bj-red-soft:#D94A4F;
  --bj-gold:#C9A227; --bj-gold-soft:#E7CE86; --bj-gold-line:#EAD9A8; --bj-gold-deep:#9c7d18;
  --bj-ink:#1A1410; --bj-ink-2:#3a2f28; --bj-muted:#8a7d72;
  --bj-cream:#FBF6EE; --bj-cream-2:#F3E9D8; --bj-line:#EADfcf;
  --bj-serif:"Songti SC","STSong","Source Han Serif SC","Noto Serif SC","SimSun",serif;
  --bj-radius:14px; --bj-shadow:0 10px 30px rgba(142,20,25,.12);
  --bj-cloud:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='60'%20height='12'%3E%3Cpath%20d='M0%2010%20Q15%200%2030%2010%20T60%2010'%20stroke='%23C9A227'%20stroke-width='1.4'%20fill='none'%20opacity='0.55'/%3E%3C/svg%3E");
}
*{box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bj-cream);color:var(--bj-ink);}
img{max-width:100%}
.bj-serif{font-family:var(--bj-serif)}

/* ---------- 顶栏（置于 mip-fixed 内，由框架固定） ---------- */
.bj-topbar{background:#fff;border-bottom:3px solid var(--bj-red);box-shadow:0 2px 16px rgba(0,0,0,.07);position:relative;}
.bj-topbar:before{content:"";position:absolute;left:0;right:0;bottom:-3px;height:3px;background:linear-gradient(90deg,var(--bj-gold-line),var(--bj-gold),var(--bj-gold-line));}
.bj-topbar .bj-bar{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:9px 18px;gap:14px;}
.bj-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--bj-ink);}
.bj-logo .bj-seal{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#d6342f,var(--bj-red-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bj-serif);font-weight:800;font-size:23px;box-shadow:0 0 0 2px var(--bj-gold) inset,0 0 0 4px rgba(201,162,39,.30);}
.bj-logo .bj-name{font-family:var(--bj-serif);font-size:23px;font-weight:800;letter-spacing:2px;}
.bj-logo .bj-name b{color:var(--bj-red)}
.bj-logo .bj-slogan{font-size:11px;color:var(--bj-muted);letter-spacing:2px;}
.bj-nav{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;flex-wrap:wrap;}
.bj-nav a{display:block;padding:8px 13px;color:var(--bj-ink-2);text-decoration:none;font-size:15px;border-radius:8px;transition:.15s;position:relative;}
.bj-nav a:hover{color:var(--bj-red);background:var(--bj-cream);}
.bj-nav a.active{color:var(--bj-red);font-weight:700;}
.bj-nav a.active:after{content:"";position:absolute;left:13px;right:13px;bottom:2px;height:2px;background:linear-gradient(90deg,var(--bj-red),var(--bj-gold));border-radius:2px;}
.bj-search{display:flex;align-items:center;gap:6px;}
.bj-search input{border:1px solid var(--bj-line);border-radius:999px;padding:8px 15px;width:190px;outline:none;font-size:14px;background:var(--bj-cream);}
.bj-search input:focus{border-color:var(--bj-red);background:#fff;}
.bj-search button{border:0;background:linear-gradient(135deg,var(--bj-red),var(--bj-red-deep));color:#fff;border-radius:999px;padding:8px 17px;cursor:pointer;font-size:14px;font-weight:600;}
.bj-search button:hover{box-shadow:0 4px 12px rgba(142,20,25,.3);}
.bj-nav-toggle{display:none;background:none;border:1px solid var(--bj-line);border-radius:8px;font-size:20px;padding:2px 10px;cursor:pointer;color:var(--bj-red);}

/* ---------- 通用区块 ---------- */
.bj-section{max-width:1180px;margin:34px auto;padding:0 18px;}
.bj-sec-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;position:relative;
border-bottom:1px solid var(--bj-line);}
.bj-sec-head:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:3px;background:linear-gradient(90deg,var(--bj-red),var(--bj-gold));border-radius:3px;}
.bj-sec-head h2{margin:0;font-family:var(--bj-serif);font-size:26px;color:var(--bj-ink);letter-spacing:1px;display:flex;align-items:center;gap:10px;}
.bj-sec-head h2 .bj-h-seal{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--bj-red),var(--bj-red-deep));color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 0 0 2px var(--bj-gold) inset;}
.bj-sec-head a{color:var(--bj-red);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;}
.bj-sec-head a:hover{text-decoration:underline;}
.bj-btn{display:inline-block;background:linear-gradient(135deg,var(--bj-red),var(--bj-red-deep));color:#fff;text-decoration:none;padding:12px 28px;border-radius:999px;font-weight:700;font-size:15px;box-shadow:var(--bj-shadow);transition:.15s;border:0;cursor:pointer;}
.bj-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(142,20,25,.28);}
.bj-btn-gold{background:linear-gradient(135deg,var(--bj-gold-soft),var(--bj-gold));color:#5a3d05;}
.bj-btn-gold:hover{background:linear-gradient(135deg,var(--bj-gold),var(--bj-gold-deep));}
.bj-btn-ghost{background:#fff;color:var(--bj-red);border:1.5px solid var(--bj-red);box-shadow:none;}
.bj-btn-ghost:hover{background:var(--bj-red);color:#fff;}

/* ---------- Hero ---------- */
.bj-hero{background:linear-gradient(135deg,#6B1F2A 0%,#8E1419 45%,#B81C22 100%);color:#fff;position:relative;overflow:hidden;}
.bj-hero:before{content:"";position:absolute;right:-90px;top:-90px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(231,206,134,.30),transparent 70%);}
.bj-hero:after{content:"";position:absolute;left:-70px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(231,206,134,.16),transparent 70%);}
.bj-hero .bj-mark{position:absolute;right:6%;top:50%;transform:translateY(-50%);font-family:var(--bj-serif);font-size:340px;line-height:1;color:rgba(231,206,134,.10);font-weight:800;pointer-events:none;user-select:none;z-index:0;}
.bj-hero .bj-inner{max-width:1180px;margin:0 auto;padding:62px 18px;position:relative;z-index:1;}
.bj-hero .bj-kicker{letter-spacing:5px;color:var(--bj-gold-soft);font-size:13px;font-weight:700;font-family:var(--bj-serif);}
.bj-hero h1{font-family:var(--bj-serif);font-size:44px;line-height:1.25;margin:14px 0 12px;font-weight:800;letter-spacing:1px;}
.bj-hero h1 em{font-style:normal;color:var(--bj-gold-soft);}
.bj-hero p{font-size:17px;color:#f6e6da;max-width:660px;margin:0 0 24px;}
.bj-hero .bj-search{margin-top:6px;}
.bj-hero .bj-search input{width:300px;background:rgba(255,255,255,.95);}
.bj-hero .bj-search button{background:linear-gradient(135deg,var(--bj-gold-soft),var(--bj-gold));color:#5a3d05;}
.bj-hero .bj-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;}
.bj-hero .bj-cta .bj-btn{box-shadow:0 10px 26px rgba(0,0,0,.28);}

/* ---------- 白酒品牌库（圆形奖牌徽章） ---------- */
.bj-brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.bj-brand-card{background:#fff;border:1px solid var(--bj-line);border-radius:var(--bj-radius);padding:16px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--bj-ink);transition:.18s;box-shadow:0 2px 10px rgba(0,0,0,.04);position:relative;overflow:hidden;}
.bj-brand-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(var(--bj-red),var(--bj-gold));opacity:0;transition:.18s;}
.bj-brand-card:hover{transform:translateY(-4px);border-color:var(--bj-gold);box-shadow:var(--bj-shadow);}
.bj-brand-card:hover:before{opacity:1;}
.bj-brand-card .bj-medal{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d6342f,var(--bj-red-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bj-serif);font-weight:800;font-size:26px;box-shadow:0 0 0 3px var(--bj-gold) inset,0 0 0 4px rgba(201,162,39,.30);}
.bj-brand-card .bj-b-name{font-family:var(--bj-serif);font-size:17px;font-weight:700;line-height:1.2;}
.bj-brand-card .bj-b-tags{margin-top:5px;}
.bj-tag{display:inline-block;background:var(--bj-cream);border:1px solid var(--bj-gold-line);color:var(--bj-red-deep);border-radius:6px;padding:0 7px;font-size:11.5px;margin:2px 3px 0 0;}

/* ---------- 臻选名酒（暗金专区） ---------- */
.bj-feature{background:linear-gradient(160deg,#1A1410,#2a1d16);border-radius:18px;padding:30px 28px;margin:34px auto;max-width:1180px;position:relative;overflow:hidden;border:1px solid var(--bj-gold-deep);}
.bj-feature:before{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.18),transparent 70%);}
.bj-feature .bj-sec-head{border-color:rgba(201,162,39,.3);}
.bj-feature .bj-sec-head:after{background:linear-gradient(90deg,var(--bj-gold),var(--bj-gold-soft));}
.bj-feature .bj-sec-head h2{color:#fff;}
.bj-feature-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;position:relative;z-index:1;}
.bj-feat-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,162,39,.35);border-radius:14px;padding:18px 14px;text-align:center;text-decoration:none;color:#fff;transition:.18s;}
.bj-feat-card:hover{background:rgba(201,162,39,.12);transform:translateY(-4px);}
.bj-feat-card .bj-medal{width:60px;height:60px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#d6342f,var(--bj-red-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--bj-serif);font-weight:800;font-size:28px;box-shadow:0 0 0 3px var(--bj-gold) inset,0 0 0 4px rgba(201,162,39,.30);}
.bj-feat-card .bj-b-name{font-family:var(--bj-serif);font-size:16px;font-weight:700;}
.bj-feat-card small{color:var(--bj-gold-soft);font-size:12px;}

/* ---------- 频道矩阵 ---------- */
.bj-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bj-channel-card{background:linear-gradient(160deg,#fff,#fdf8ef);border:1px solid var(--bj-line);border-radius:var(--bj-radius);padding:20px;display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--bj-ink);transition:.18s;position:relative;}
.bj-channel-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:4px;background:linear-gradient(var(--bj-gold),var(--bj-red));}
.bj-channel-card:hover{transform:translateY(-4px);box-shadow:var(--bj-shadow);border-color:var(--bj-gold);}
.bj-channel-card .bj-ico{width:54px;height:54px;flex:0 0 54px;border-radius:14px;background:linear-gradient(135deg,var(--bj-gold),var(--bj-gold-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;box-shadow:0 4px 12px rgba(201,162,39,.3);}
.bj-channel-card h3{margin:0;font-family:var(--bj-serif);font-size:19px;}
.bj-channel-card small{color:var(--bj-muted);}

/* ---------- 企业服务 ---------- */
.bj-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bj-service-card{background:#fff;border:1px solid var(--bj-line);border-top:4px solid var(--bj-red);border-radius:var(--bj-radius);padding:24px 22px;transition:.18s;position:relative;}
.bj-service-card:before{content:"";position:absolute;top:-4px;left:24px;right:24px;height:4px;border-radius:4px;background:linear-gradient(90deg,transparent,var(--bj-gold),transparent);opacity:0;transition:.18s;}
.bj-service-card:hover{transform:translateY(-4px);box-shadow:var(--bj-shadow);}
.bj-service-card:hover:before{opacity:1;}
.bj-service-card .bj-ico{width:52px;height:52px;border-radius:13px;background:var(--bj-cream);color:var(--bj-red);display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:14px;}
.bj-service-card h3{margin:0 0 7px;font-family:var(--bj-serif);font-size:19px;}
.bj-service-card p{margin:0 0 14px;color:var(--bj-ink-2);font-size:14px;line-height:1.7;}
.bj-service-card a{color:var(--bj-red);text-decoration:none;font-weight:700;font-size:14px;}

/* ---------- 排行榜 / 列表 ---------- */
.bj-rank{background:#fff;border:1px solid var(--bj-line);border-radius:var(--bj-radius);padding:18px 22px;}
.bj-rank ol{margin:0;padding-left:0;list-style:none;counter-reset:rk;}
.bj-rank li{counter-increment:rk;display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px dashed var(--bj-line);}
.bj-rank li:last-child{border-bottom:0;}
.bj-rank li:before{content:counter(rk);width:26px;height:26px;flex:0 0 26px;border-radius:7px;background:var(--bj-cream);color:var(--bj-red);display:flex;align-items:center;justify-content:center;font-family:var(--bj-serif);font-weight:800;font-size:14px;}
.bj-rank li:nth-child(1):before{background:linear-gradient(135deg,var(--bj-red),var(--bj-red-deep));color:#fff;}
.bj-rank li:nth-child(2):before{background:linear-gradient(135deg,var(--bj-gold),var(--bj-gold-deep));color:#fff;}
.bj-rank li:nth-child(3):before{background:var(--bj-ink-2);color:#fff;}
.bj-rank a{color:var(--bj-ink-2);text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bj-rank a:hover{color:var(--bj-red);}
.bj-rank .bj-num{color:var(--bj-muted);font-size:12px;}
.bj-news-list{background:#fff;border:1px solid var(--bj-line);border-radius:var(--bj-radius);padding:8px 22px;}
.bj-news-list li{padding:11px 0;border-bottom:1px dashed var(--bj-line);list-style:none;}
.bj-news-list li:last-child{border-bottom:0;}
.bj-news-list a{color:var(--bj-ink-2);text-decoration:none;}
.bj-news-list a:hover{color:var(--bj-red);}
.bj-news-list time{color:var(--bj-muted);float:right;font-size:12px;}

/* ---------- 数据信任条（暗金+回纹） ---------- */
.bj-stats{background:linear-gradient(135deg,#1A1410,#2a1d16);color:#fff;border-radius:18px;padding:30px 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center;position:relative;overflow:hidden;border:1px solid var(--bj-gold-deep);}
.bj-stats:before{content:"";position:absolute;inset:8px;border:1px solid rgba(201,162,39,.30);border-radius:12px;pointer-events:none;}
.bj-stats .bj-stat b{display:block;font-family:var(--bj-serif);font-size:32px;color:var(--bj-gold-soft);}
.bj-stats .bj-stat small{color:#cbb9a8;}

/* ---------- 详情页包装 + CTA ---------- */
.bj-detail-wrap{background:#fff;border:1px solid var(--bj-line);border-radius:var(--bj-radius);padding:26px 30px;box-shadow:0 4px 18px rgba(0,0,0,.04);}
.bj-detail-title{font-family:var(--bj-serif);font-size:30px;line-height:1.35;color:var(--bj-ink);border-left:5px solid var(--bj-red);padding-left:14px;margin:0 0 14px;}
.bj-cta-box{margin:26px 0;background:linear-gradient(135deg,#fff,#fdf6ea);border:1px solid var(--bj-gold-line);border-left:5px solid var(--bj-red);border-radius:12px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.bj-cta-box h4{margin:0 0 5px;font-family:var(--bj-serif);font-size:19px;color:var(--bj-red);}
.bj-cta-box p{margin:0;color:var(--bj-ink-2);font-size:14px;}

/* ---------- 浮窗 CTA ---------- */
.bj-float{position:fixed;right:18px;bottom:24px;z-index:1040;display:flex;flex-direction:column;gap:10px;}
.bj-float a{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:12px;text-align:center;line-height:1.15;box-shadow:0 6px 16px rgba(0,0,0,.25);font-weight:700;font-family:var(--bj-serif);}
.bj-float .bj-f-enter{background:linear-gradient(135deg,var(--bj-red),var(--bj-red-deep));}
.bj-float .bj-f-consult{background:linear-gradient(135deg,var(--bj-gold),var(--bj-gold-deep));color:#5a3d05;}

/* ---------- 页脚服务 ---------- */
.bj-foot-svc{background:var(--bj-cream);border-top:1px solid var(--bj-line);padding:24px 0;}
.bj-foot-svc .bj-inner{max-width:1180px;margin:0 auto;padding:0 18px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.bj-foot-svc a{background:#fff;border:1px solid var(--bj-line);color:var(--bj-ink-2);text-decoration:none;padding:8px 16px;border-radius:999px;font-size:14px;display:inline-flex;align-items:center;gap:6px;}
.bj-foot-svc a:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bj-red);box-shadow:0 0 0 2px var(--bj-gold);}
.bj-foot-svc a:hover{border-color:var(--bj-red);color:var(--bj-red);}

/* ---------- 响应式 ---------- */
@media(max-width:992px){
  .bj-brand-grid{grid-template-columns:repeat(3,1fr)}
  .bj-channels,.bj-services{grid-template-columns:repeat(2,1fr)}
  .bj-feature-grid{grid-template-columns:repeat(3,1fr)}
  .bj-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .bj-topbar .bj-bar{flex-wrap:wrap;}
  .bj-nav-toggle{display:block;}
  .bj-nav{display:none;width:100%;order:3;}
  .bj-nav.open{display:flex;flex-direction:column;}
  .bj-search input{width:140px;}
  .bj-hero{padding:0;}
  .bj-hero .bj-mark{font-size:200px;right:-10px;}
  .bj-hero h1{font-size:30px;}
  .bj-hero .bj-search input{width:200px;}
  .bj-brand-grid{grid-template-columns:repeat(2,1fr)}
  .bj-channels,.bj-services{grid-template-columns:1fr;}
  .bj-feature-grid{grid-template-columns:repeat(2,1fr);}
  .bj-stats{grid-template-columns:repeat(2,1fr);}
  .bj-detail-wrap{padding:18px;}
  .bj-detail-title{font-size:24px;}
}
/* 品牌词条元数据 */
.bj-brand-meta{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bj-brand-meta li{background:var(--bj-cream);border:1px solid var(--bj-gold-line);border-left:3px solid var(--bj-red);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--bj-ink-2)}
.bj-brand-meta strong{color:var(--bj-red);margin-right:4px}
@media(max-width:768px){.bj-brand-meta{grid-template-columns:1fr}}

/* 知识卡片与贴士（zhishi 栏目） */
.bj-know-meta{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bj-know-meta li{background:var(--bj-cream);border:1px solid var(--bj-gold-line);border-left:3px solid var(--bj-red);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--bj-ink-2)}
.bj-know-meta strong{color:var(--bj-red);margin-right:4px}
.bj-tip{background:linear-gradient(180deg,#fffdf8,#fff8ef);border:1px solid var(--bj-gold-line);border-left:4px solid var(--bj-gold);border-radius:10px;padding:14px 16px;margin:18px 0;font-size:14.5px;color:var(--bj-ink-2);line-height:1.8}
.bj-tip b{color:var(--bj-red)}
@media(max-width:768px){.bj-know-meta{grid-template-columns:1fr}}

/* ===== 侧边栏 白酒专题 ===== */
.bj-side-topics .mip-box-body{padding:12px}
.bj-side-topics .bj-side-topic{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px solid #ecd9c0;border-radius:10px;background:linear-gradient(135deg,#fff8f2,#fbeede);text-decoration:none;color:#3d2c45;transition:.2s}
.bj-side-topics .bj-side-topic:last-child{margin-bottom:0}
.bj-side-topics .bj-side-topic:hover{box-shadow:0 4px 14px rgba(184,28,34,.12);transform:translateX(2px)}
.bj-side-topics .bj-st-ico{font-size:22px;line-height:1}
.bj-side-topics .bj-st-txt{display:flex;flex-direction:column;line-height:1.3}
.bj-side-topics .bj-st-txt b{font-size:15px;color:#b81c22}
.bj-side-topics .bj-st-txt small{font-size:12px;color:#9a7b68}