/* [2026-09-02] v46 由 News.cshtml 页内 <style> 抽取归拢到 2026814（样式内容未改动） */
/* ============================================================
   资讯详情页（兼容真实内容结构）
   标题 → 作者署名 → 长正文（章节/要点/引用）
        → 更多推荐 → 好店推荐 → CTA
   ============================================================ */
/* 标题区 */
.article{
  margin:0.120rem 0.140rem 0;background:var(--card);border-radius:var(--r);
  box-shadow:var(--shadow);border:0.010rem solid var(--line);
  padding:0.180rem 0.160rem 0.100rem;
}
.article h1{font-size:0.190rem;font-weight:800;line-height:1.5;color:var(--ink)}
.a-meta{
  display:flex;align-items:center;gap:0.120rem;margin-top:0.120rem;
  font-size:0.130rem;color:var(--ink-3);
}
.a-meta span{display:flex;align-items:center;gap:0.030rem}
.a-meta .ic{font-size:0.140rem}
.a-meta .a-tag{
  color:var(--brand);background:var(--brand-soft);
  border-radius:0.040rem;padding:0.015rem 0.070rem;font-weight:600;
}
/* 作者署名行（真实站点：作者：XX，从业N年） */
.a-author{
  display:flex;align-items:center;gap:0.090rem;margin-top:0.140rem;
  padding:0.110rem 0;border-top:0.010rem dashed var(--line);border-bottom:0.010rem dashed var(--line);
}
.a-author .av{
  width:0.360rem;height:0.360rem;border-radius:0.090rem;flex-shrink:0;
  background:#fff;border:0.010rem solid var(--line);
  display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0.050rem;
}
.a-author .av img{width:100%;height:100%;object-fit:contain}
.a-author b{font-size:0.140rem;font-weight:700;display:block}
.a-author span{font-size:0.130rem;color:var(--ink-3);display:block;margin-top:0.030rem}
.a-author .aa-year{
  margin-left:auto;flex-shrink:0;text-align:center;
}
.a-author .aa-year b{font-size:0.170rem;font-weight:900;color:var(--brand);font-variant-numeric:tabular-nums}
.a-author .aa-year span{font-size:0.120rem;color:var(--ink-3)}

/* 正文 */
.article-body{font-size:0.150rem;color:#3a3d46;line-height:1.95;margin-top:0.150rem}
.article-body p{margin-bottom:0.150rem}
.article-body .lead{font-size:0.170rem;font-weight:600;color:var(--ink)}
.article-body h2{
  font-size:0.170rem;font-weight:800;color:var(--ink);margin:0.250rem 0 0.130rem;
  display:flex;align-items:center;gap:0.070rem;
}
.article-body h2::before{
  content:"";width:0.040rem;height:0.150rem;border-radius:0.020rem;
  background:linear-gradient(180deg,#ff7a2e,var(--brand));flex-shrink:0;
}
.article-body .hl{color:var(--brand);font-weight:800}
.article-body .hl-box{
  position:relative;margin:0.160rem 0;padding:0.130rem 0.140rem 0.130rem 0.380rem;
  background:var(--brand-soft);border-radius:0.100rem;
  font-size:0.140rem;font-weight:600;color:var(--ink);line-height:1.8;
}
.article-body .hl-box::before{
  content:"❝";position:absolute;left:0.110rem;top:0.080rem;
  font-size:0.230rem;color:var(--brand);font-weight:800;
}
.article-body ul{padding-left:0;list-style:none;margin-bottom:0.150rem}
.article-body ul li{
  position:relative;padding:0.080rem 0 0.080rem 0.260rem;
  border-bottom:0.010rem dashed var(--line);
}
.article-body ul li:last-child{border-bottom:none}
.article-body ul li::before{
  content:"";position:absolute;left:0.040rem;top:0.140rem;
  width:0.140rem;height:0.140rem;border-radius:50%;
  background:var(--brand-soft);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f15500' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
  background-size:0.090rem;background-position:center;background-repeat:no-repeat;
}
.article-body ul li b{color:var(--ink);font-weight:700}

/* 更多推荐（纯文本列表） */
.more-head{
  display:flex;align-items:center;gap:0.080rem;margin:0.180rem 0.140rem 0.100rem;
}
.more-head .mh-ic{
  width:0.240rem;height:0.240rem;border-radius:0.070rem;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.140rem;
}
.more-head h2{font-size:0.170rem;font-weight:800}
.more-list{
  margin:0 0.140rem;background:var(--card);border-radius:var(--r);
  box-shadow:var(--shadow);padding:0.040rem 0.140rem;border:0.010rem solid var(--line);
}
.more-item{
  display:flex;align-items:center;gap:0.080rem;
  padding:0.130rem 0;font-size:0.140rem;color:var(--ink-2);
}
.more-item + .more-item{border-top:0.010rem dashed var(--line)}
.more-item .mi-ic{color:var(--brand);font-size:0.150rem;flex-shrink:0}
.more-item .mi-txt{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.more-item .mi-meta{flex-shrink:0;font-size:0.120rem;color:var(--ink-3);display:flex;align-items:center;gap:0.040rem;margin-left:0.090rem}
.more-item .mi-meta .ic{font-size:0.130rem}

/* 好店推荐（店铺卡片） */
.shop-head{
  display:flex;align-items:center;gap:0.080rem;margin:0.180rem 0.140rem 0.100rem;
}
.shop-head .sh-ic{
  width:0.240rem;height:0.240rem;border-radius:0.070rem;
  background:var(--brand-soft);color:var(--brand);
  display:flex;align-items:center;justify-content:center;font-size:0.140rem;
}
.shop-head h2{font-size:0.170rem;font-weight:800}
.shop-head .sh-more{margin-left:auto;font-size:0.130rem;color:var(--ink-3)}
.shop-list{display:flex;flex-direction:column;gap:0.100rem;padding:0 0.140rem}
.shop-card{
  display:flex;flex-direction:column;gap:0.090rem;background:var(--card);border-radius:var(--r);
  box-shadow:var(--shadow);padding:0.110rem;border:0.010rem solid var(--line);
  transition:transform .2s;
}
.shop-card:active{transform:scale(.98)}
/* [2026-08-17] 同步首页：第一行 徽章+标题（单行省略） */
.shop-top{display:flex;align-items:flex-start;gap:0.040rem}
.shop-badge{flex-shrink:0;height:0.160rem;width:auto;display:inline-block;margin-top:0.025rem}
.shop-name{
  flex:1;min-width:0;font-size:0.150rem;font-weight:700;line-height:1.4;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* [2026-08-17] 同步首页：第二行 缩略图+属性并排 */
.shop-mid{display:flex;gap:0.120rem;align-items:stretch}
.shop-thumb{
  flex-shrink:0;width:0.720rem;height:0.720rem;border-radius:0.090rem;overflow:hidden;
  background:var(--brand-soft);
}
.shop-thumb img{width:100%;height:100%;object-fit:cover}
.shop-info{flex:1;min-width:0;display:flex;flex-direction:column}
.shop-tags{display:flex;gap:0.050rem;margin-top:0.060rem}
.shop-tags .st{
  font-size:0.120rem;color:var(--ink-2);background:var(--bg);
  border-radius:0.040rem;padding:0.015rem 0.060rem;
}
.shop-tags .st.hot{color:var(--red,#e60012);background:#fdecec;font-weight:700}
.shop-tags .st.cert{color:var(--blue,#537ada);background:#eef2fc;font-weight:700}
.shop-foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:0.060rem}
.shop-foot-l{display:flex;flex-direction:column;gap:0.030rem;align-items:flex-start;flex-shrink:0}
/* [2026-08-17] 价格下移与微信咨询按钮垂直居中对齐（canvas 文字 baseline 偏上） */
.shop-price{padding-top:0.050rem;display:inline-block}
.shop-price .price-img{height:0.240rem;flex-shrink:0}
.shop-sold{font-size:0.120rem;color:var(--ink-3);display:flex;align-items:center;gap:0.040rem}


.shop-cta{
  display:inline-flex;align-items:center;gap:0.040rem;flex-shrink:0;
  font-size:0.130rem;font-weight:600;color:#fff;
  background:var(--brand);
  min-height:0.320rem;padding:0.050rem 0.120rem;border-radius:0.140rem;
}
.shop-cta .ic{font-size:0.130rem}
/* [2026-08-17] 同步首页：微信咨询图标文件引用 */
.shop-cta .ic.ic-wx{width:0.190rem;height:0.190rem;display:block;flex-shrink:0}

/* [2026-08-17] 同步首页：限时优惠条 */
.shop-flash{
  display:inline-flex;align-items:center;gap:0.040rem;
  font-size:0.100rem;font-weight:700;color:#fff;letter-spacing:0.010rem;
  background:linear-gradient(90deg,#ff7a2e,#f15500);
  border-radius:0.040rem;padding:0.020rem 0.070rem;margin-bottom:0.060rem;
}
.shop-flash .ic{font-size:0.110rem}
.shop-flash .cd{font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.0.005rem}

/* 文末 CTA：深色品牌卡（与首页 lead-bar 同语言，克制有质感） */
.article-cta{
  margin:0.140rem;padding:0.180rem 0.160rem;border-radius:var(--r);text-align:center;
  background:linear-gradient(135deg,#ff8a3d,#f15500);box-shadow:0 0.060rem 0.180rem rgba(241,85,0,.28);color:#fff;
  box-shadow:0 0.080rem 0.220rem rgba(20,22,28,.22);
  position:relative;overflow:hidden;
}
.article-cta::before{
  content:"";position:absolute;right:-0.240rem;top:-0.340rem;
  width:1.100rem;height:1.100rem;border-radius:50%;
  background:rgba(241,85,0,.22);
}
.article-cta b{font-size:0.170rem;font-weight:800;letter-spacing:.0.060rem;position:relative;z-index:1}
.article-cta p{font-size:0.140rem;color:rgba(255,255,255,.9);margin:0.080rem 0 0.150rem;position:relative;z-index:1}
.article-cta .cta-btns{display:flex;gap:0.100rem;position:relative;z-index:1}
.article-cta .cta-btn{
  flex:1;display:flex;align-items:center;justify-content:center;gap:0.050rem;
  padding:0.120rem 0;border-radius:0.250rem;font-size:0.140rem;font-weight:700;
}
.article-cta .btn-solid{background:#fff;color:var(--brand);box-shadow:0 0.040rem 0.120rem rgba(0,0,0,.1)}
.article-cta .btn-ghost{background:rgba(255,255,255,.14);color:#fff;border:0.010rem solid rgba(255,255,255,.4)}