/* ============================================================
   严选杂志式 MG-V1（组合十九）2026-10-22
   纸白底 + 墨字 + 海军蓝点缀 + 双色胶囊角标；衬线刊头
   依赖 nf-2026.min.css 基础层（tabbar/swiper/弹层），本文件只管外壳
   ============================================================ */
body.mg-home, body.mg-cat, body.mgd { background: #F8F6F1; color: #26231F; }

/* —— 通知条 —— */
.mg-notice { background: #274460; color: #F5F3EC; font-size: 12px; letter-spacing: 1px; text-align: center; padding: 9px 12px; }

/* —— 杂志刊头 —— */
.mg-mast { text-align: center; padding: 22px 16px 18px; background: #F8F6F1; }
.mg-mast-top { display: flex; justify-content: space-between; font-size: 10px; letter-spacing: 3px; color: #9A9284; border-top: 1px solid #26231F; padding-top: 8px; }
.mg-mast h1 { font-family: Georgia, "Songti SC", "SimSun", serif; font-size: 30px; font-weight: bold; letter-spacing: 6px; margin: 10px 0 8px; }
.mg-mast-sub { font-size: 12px; color: #6E675C; letter-spacing: 2px; border-bottom: 1px solid #D8D2C4; padding-bottom: 12px; }
.mg-mast-sm { padding: 16px 16px 12px; }
.mg-mast-sm h1 { font-size: 20px; letter-spacing: 4px; margin: 0 0 6px; }
.mg-mast-sm .mg-mast-sub { border-bottom: none; padding-bottom: 4px; }
.mg-mast-sub b { color: #274460; }

/* —— 区块头 —— */
.mg-sec { padding: 4px 14px 14px; }
.mg-sec-hd { display: flex; align-items: baseline; gap: 8px; margin: 14px 0 10px; }
.mg-sec-hd b { font-family: Georgia, "Songti SC", serif; font-size: 18px; letter-spacing: 1px; }
.mg-sec-hd i { font-style: normal; font-size: 10px; letter-spacing: 2px; color: #9A9284; }
.mg-more { margin-left: auto; font-size: 12px; color: #274460; }

/* —— 胶囊角标 —— */
.mg-caps { display: inline-block; font-size: 10px; color: #fff; border-radius: 2px; padding: 2px 7px; letter-spacing: 1px; vertical-align: middle; }
.mg-c-new { background: #9A7B3F; }
.mg-c-sale { background: #A63A2A; }

/* —— 露边大图轮播（scroll-snap，无 JS） —— */
.mg-hot { padding: 0 0 6px; }
.mg-hot-strip { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding: 2px 14px 8px; }
.mg-hot-strip::-webkit-scrollbar { display: none; }
.mg-hot-strip { scrollbar-width: none; }
.mg-hot-card { position: relative; flex: 0 0 76%; scroll-snap-align: start; background: #fff; border: 1px solid #E7E1D4; border-radius: 3px; overflow: hidden; }
.mg-hot-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.mg-hot-card .mg-caps { position: absolute; top: 8px; left: 8px; }
.mg-hot-card b { display: block; font-size: 13px; font-weight: normal; padding: 8px 10px 0; line-height: 1.45; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mg-2p { padding: 4px 10px 10px; }
.mg-2p em { font-style: normal; font-size: 15px; font-weight: bold; color: #26231F; font-family: Georgia, serif; }
.mg-2p s { font-size: 11px; color: #B4AC9D; margin-left: 6px; }
.mg-2p .mg-caps { margin-left: 8px; font-size: 9px; }

/* —— 图左文右横卡 —— */
.mg-rowcard { display: flex; gap: 10px; background: #fff; border: 1px solid #E7E1D4; border-radius: 3px; padding: 9px; margin-bottom: 9px; }
.mg-rowcard img { width: 104px; height: 104px; object-fit: cover; border-radius: 2px; flex-shrink: 0; background: #EFEBE1; }
.mg-rowcard .bd { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.mg-rowcard .bd b { font-size: 13px; font-weight: bold; line-height: 1.45; height: 38px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mg-rowcard .bd p { font-size: 11px; color: #8F887A; line-height: 1.5; margin: 4px 0; flex: 1; }
.mg-rowcard .mg-2p { padding: 0; }

/* —— 自营承诺 —— */
.mg-brand { margin: 2px 14px 12px; background: #fff; border: 1px solid #E7E1D4; border-radius: 3px; padding: 4px 14px 14px; }
.mg-brand p { font-size: 12px; color: #55503F; line-height: 1.85; margin: 0 0 10px; }
.mg-serve { display: flex; flex-wrap: wrap; gap: 6px; }
.mg-serve span { font-size: 11px; color: #274460; border: 1px solid #C9D2DC; background: #F2F5F8; border-radius: 2px; padding: 3px 9px; }

/* —— 专题横滑 —— */
.mg-topic { padding: 2px 0 6px; }
.mg-topic .mg-sec-hd { margin: 14px 14px 10px; }
.mg-topic-strip { display: flex; gap: 9px; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 2px 14px 8px; }
.mg-topic-strip::-webkit-scrollbar { display: none; }
.mg-topic-strip { scrollbar-width: none; }
.mg-tcard { flex: 0 0 44%; aspect-ratio: 3 / 4; border-radius: 3px; padding: 14px 12px; display: flex; flex-direction: column; justify-content: flex-end; color: #F5F3EC; }
.mg-tcard b { font-family: Georgia, "Songti SC", serif; font-size: 16px; letter-spacing: 2px; }
.mg-tcard i { font-style: normal; font-size: 10px; opacity: .8; margin-top: 5px; letter-spacing: 1px; }
.mg-t1 { background: linear-gradient(160deg, #2C4A66, #1B2F42); }
.mg-t2 { background: linear-gradient(160deg, #56604A, #333B2C); }
.mg-t3 { background: linear-gradient(160deg, #7A4A33, #4A2C1E); }
.mg-t4 { background: linear-gradient(160deg, #4A4440, #2A2624); }

/* —— 手记长文 / 页脚信息 —— */
.mg-panel { margin: 6px 14px 14px; background: #fff; border: 1px solid #E7E1D4; border-radius: 3px; padding: 16px; }
.mg-panel h3 { font-family: Georgia, "Songti SC", serif; font-size: 17px; letter-spacing: 1px; margin-bottom: 10px; }
.mg-panel h4 { font-size: 13px; margin: 14px 0 6px; color: #274460; letter-spacing: 1px; }
.mg-panel p { font-size: 12px; color: #5C564A; line-height: 1.9; margin-bottom: 6px; text-align: justify; }
.mg-footinfo { text-align: center; font-size: 11px; color: #8B8578; line-height: 2; padding: 4px 14px 86px; }
.mg-empty { text-align: center; color: #9A9284; font-size: 13px; padding: 46px 0; letter-spacing: 1px; }

/* —— 分类页：品类胶囊行 —— */
.mg-cats { display: flex; flex-wrap: wrap; gap: 7px; padding: 2px 14px 8px; }
.mg-cats a { font-size: 12px; color: #55503F; border: 1px solid #D8D2C4; background: #fff; border-radius: 2px; padding: 5px 12px; }
.mg-cats a.on { background: #274460; border-color: #274460; color: #F5F3EC; }

/* —— 详情页（body.mgd） —— */
.mgd .swiper { background: #EFEBE1; }
.mgd .swiper-slide img { aspect-ratio: 1 / 1; }
.mg-pricebar { background: #fff; border-bottom: 1px solid #E7E1D4; padding: 14px; }
.mg-pricebar .row1 { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.mg-pricebar .row1 em { font-style: normal; font-size: 24px; font-weight: bold; font-family: Georgia, serif; color: #26231F; }
.mg-pricebar .row1 s { font-size: 12px; color: #B4AC9D; }
.mg-pricebar .t { font-size: 15px; font-weight: bold; line-height: 1.55; margin-top: 8px; }
.mg-pricebar .row2 { display: flex; justify-content: space-between; font-size: 11px; color: #8F887A; margin-top: 10px; }
.mg-detail { background: #fff; border-bottom: 1px solid #E7E1D4; padding: 14px; }
.mg-detail h4 { font-size: 14px; letter-spacing: 1px; margin-bottom: 8px; }
.mg-detail .rich { font-size: 13px; color: #4A463C; line-height: 1.75; }
.mg-detail .rich img { border-radius: 2px; margin: 6px 0; }
.mg-choose { display: flex; align-items: center; gap: 10px; background: #fff; border-bottom: 1px solid #E7E1D4; padding: 13px 14px; font-size: 13px; }
.mg-choose .lb { font-size: 11px; color: #9A9284; }
.mg-choose .vv { flex: 1; }
.mg-choose .ar { color: #B4AC9D; }
.mg-note { background: #fff; border-bottom: 1px solid #E7E1D4; padding: 13px 14px; }
.mg-note h4 { font-size: 13px; color: #274460; margin-bottom: 5px; letter-spacing: 1px; }
.mg-note p { font-size: 12px; color: #5C564A; line-height: 1.8; }
.mg-help { text-align: center; font-size: 11px; color: #8B8578; line-height: 2; padding: 14px 12px 96px; }
.mg-help a { color: #274460; margin: 0 3px; }
/* 功能控件换肤（结构/id 不动） */
.mgd .nf-bar { background: #FDFCF9; }
.mgd .nf-bar .btn-cart { background: #8B8578; }
.mgd .nf-bar .btn-buy2 { background: #274460; }
.mgd .spec-item { border-color: #C9D2DC; color: #33506B; }
.mgd .spec-item.on { background: #274460; border-color: #274460; color: #fff; }
.mgd .pd-price { color: #26231F; }

/* desktop-full 20261023a: 商品页左图右文（治「二级页太少/商品图太小」） */
@media (min-width:768px){
  body{max-width:none !important;box-shadow:none !important}
  .mg-hot-card{flex:0 0 23%}
  .mg-hot-card img{height:260px;object-fit:cover;width:100%}
  .mg-sec .mg-rowcard{display:inline-flex;width:24%;vertical-align:top;margin:0 0 12px}
  .pd-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:start;max-width:1280px;margin:0 auto 20px;padding:0 4px}
  .pd-media{position:relative}
  .pd-top .swiper{border-radius:10px;overflow:hidden}
  .pd-top .swiper img{width:100%;height:auto;display:block}
  .pd-side{position:sticky;top:24px}
  .mg-detail,.mg-choose,.mg-note{max-width:1280px;margin-left:auto;margin-right:auto}
}