/* ============================================
   宏福望 · 网易严选式主题(theme.css)
   精选杂志风:米白底 / 衬线标题 / 【】前置标签 / 极简两要素卡片
   挂载于 site.css 之后,覆盖并重构全局版式
   ============================================ */

:root {
  --color-primary: #8A6D3B;
  --color-primary-dark: #6B5B45;
  --color-primary-soft: #F5F1E8;
  --color-primary-light: #A88A55;
  --color-accent: #B54F42;
  --color-accent-dark: #94402F;
  --color-text: #3B342A;
  --color-text-light: #7A7061;
  --color-text-muted: #A89E8E;
  --color-bg: #FDFBF7;
  --color-bg-soft: #F5F1E8;
  --color-bg-section: #F5F1E8;
  --color-bg-deep: #4A4238;
  --color-card: #FFFFFF;
  --color-border: #E9E2D4;
  --shadow-sm: 0 1px 2px rgba(90,74,50,0.05);
  --shadow: 0 6px 18px rgba(90,74,50,0.08);
  --shadow-md: 0 12px 28px rgba(90,74,50,0.10);
  --radius-sm: 3px;
  --radius: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 10px;
}

body { background: #FDFBF7; font-size: 14px; }

/* ---------- 顶栏:米白 ---------- */
.topbar-yanx { background: #F5F1E8; color: #8A8071; font-size: 12px; height: 34px; border-bottom: 1px solid #EDE6D7; }
.topbar-yanx .topbar-inner { height: 34px; letter-spacing: 1px; }
.topbar-yanx .topbar-links a, .topbar-yanx .topbar-links button { color: #8A8071; font-size: 12px; }
.topbar-yanx .topbar-links a:hover { color: #8A6D3B; }
.topbar-yanx .topbar-auth-btn { background: none; border: none; color: #7A7061; }
.topbar-yanx .topbar-auth-btn.strong { color: #8A6D3B; border: 1px solid #C9BB9C; }

/* ---------- 主导航:米白衬线 ---------- */
.navbar-yanx { background: #FDFBF7; border-bottom: 1px solid #EDE6D7; position: sticky; top: 0; z-index: 120; }
.navbar-yanx .navbar-inner { height: 68px; gap: 26px; box-shadow: none; }
.brand-yanx .name {
  font-family: var(--font-serif);
  font-size: 24px; font-weight: 700; color: #4A4238; letter-spacing: 3px;
}
.nav-list-yanx { display: flex; gap: 2px; }
.nav-list-yanx li a {
  font-size: 14px; color: #7A7061; padding: 8px 14px; border-radius: 0;
  letter-spacing: 2px; border-bottom: 1px solid transparent;
}
.nav-list-yanx li a:hover { color: #4A4238; }
.nav-list-yanx li a.active { color: #8A6D3B; border-bottom-color: #8A6D3B; }
.nav-search-yanx { display: flex; width: 220px; margin-left: auto; }
.nav-search-yanx input { border: 1px solid #E0D8C6; background: #fff; height: 36px; border-radius: 3px 0 0 3px; font-size: 13px; }
.nav-search-yanx input:focus { border-color: #A88A55; }
.nav-search-yanx .search-btn { background: #8A6D3B; color: #fff; border: 1px solid #8A6D3B; border-left: none; border-radius: 0 3px 3px 0; font-size: 13px; padding: 0 16px; }
.nav-search-yanx .search-btn:hover { background: #6B5B45; }
.navbar-yanx .cart-emoji { background: #F0EADC; color: #6B5B45; border-radius: 3px; }
.navbar-yanx .cart-count { background: #B54F42; }
.navbar-yanx .nav-auth-btn { border: 1px solid #D8CFBC; color: #7A7061; border-radius: 3px; background: #fff; }
.navbar-yanx .nav-auth-btn.solid { background: #8A6D3B; border-color: #8A6D3B; color: #fff; }

/* ---------- 分类条:斜杠文字行 ---------- */
.category-strip-yanx { background: #FDFBF7; border-bottom: 1px solid #EDE6D7; }
.yx-link { color: #7A7061; font-size: 13px; letter-spacing: 1px; padding: 10px 2px; border-bottom: 2px solid transparent; }
.yx-link:hover { color: #8A6D3B; }
.yx-link.active { color: #8A6D3B; border-bottom-color: #8A6D3B; font-weight: 600; }
.yx-sep { color: #D8CFBC; margin: 0 8px; }

/* ---------- Hero:米白杂志开篇 ---------- */
.hero-v3 { background: #F5F1E8 !important; padding: 64px 0 58px; }
.hero-v3 .hero-v3-bg, .hero-v3 .hero-v3-overlay { display: none; }
.hero-v3 .hero-v3-tag {
  background: none; color: #B54F42; letter-spacing: 4px; font-size: 13px;
  border: none; padding: 0; font-weight: 600;
}
.hero-v3 h1 {
  font-family: var(--font-serif);
  color: #4A4238; font-size: 40px; font-weight: 700; letter-spacing: 2px; line-height: 1.3;
}
.hero-v3 h1 .hero-v3-accent { color: #8A6D3B; }
.hero-v3 .hero-v3-desc { color: #8A8071; font-size: 15px; line-height: 2; }
.hero-v3 .hero-v3-brandline { display: none; }
.btn-hero-primary {
  background: #4A4238; color: #F5F1E8; border-radius: 3px; padding: 12px 38px;
  font-weight: 600; letter-spacing: 2px; font-size: 15px;
}
.btn-hero-primary:hover { background: #8A6D3B; color: #fff; }
.btn-hero-outline { border: 1px solid #C9BB9C; color: #6B5B45; border-radius: 3px; padding: 11px 30px; letter-spacing: 1px; background: transparent; }
.btn-hero-outline:hover { border-color: #8A6D3B; color: #8A6D3B; }

/* ---------- 服务条:米白四栏 ---------- */
.service-bar-v3 { background: #fff; border: 1px solid #EDE6D7; box-shadow: none; margin-top: 10px; }
.service-bar-v3 .sb3-item { border-right: 1px solid #F0EADC; }
.service-bar-v3 .sb3-item:last-child { border-right: none; }
.service-bar-v3 .sb3-icon { background: #F5F1E8; color: #8A6D3B; border-radius: 3px; }
.service-bar-v3 strong { font-size: 14px; color: #4A4238; }

/* ---------- 区块标题:衬线居左 ---------- */
.section { background: transparent; }
.section-head .eyebrow { color: #B54F42; letter-spacing: 3px; }
.section-head h2 { font-family: var(--font-serif); font-size: 27px; font-weight: 700; color: #4A4238; letter-spacing: 2px; }
.section-head .sub { color: #A89E8E; letter-spacing: 1px; }
.section-head .more { color: #8A6D3B; letter-spacing: 1px; }

/* ---------- 编辑推荐楼层 ---------- */
.sk-yxedit { background: #F5F1E8; padding: 50px 0; }
.yx-edit-head { display: flex; align-items: baseline; gap: 14px; margin-bottom: 22px; }
.yx-edit-head h2 { font-family: var(--font-serif); font-size: 26px; font-weight: 700; color: #4A4238; letter-spacing: 2px; }
.yx-edit-head span { color: #A89E8E; font-size: 13px; letter-spacing: 2px; }
.yx-edit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.yx-edit-card {
  background: #fff; border: 1px solid #EDE6D7; border-radius: 6px; padding: 26px 26px 22px;
  display: flex; flex-direction: column; gap: 10px; transition: box-shadow .15s;
}
.yx-edit-card:hover { box-shadow: var(--shadow); }
.yx-edit-tag { color: #B54F42; font-size: 12px; letter-spacing: 1px; font-weight: 600; }
.yx-edit-card h3 { font-family: var(--font-serif); font-size: 19px; color: #4A4238; font-weight: 700; }
.yx-edit-card p { color: #8A8071; font-size: 13px; line-height: 1.9; }
.yx-edit-card .yx-price { margin-top: 4px; }

/* ---------- 严选式商品卡 ---------- */
.grid-4 { gap: 16px; }
.pcard-yanx { background: #fff; border: 1px solid #F0EADC; }
.pcard-yanx:hover { box-shadow: var(--shadow); transform: translateY(-2px); }
.pcard-yanx .pcard-img { height: 200px; }
.yx-name { display: flex; align-items: baseline; gap: 4px; font-size: 13.5px; color: #4A4238; line-height: 1.6; }
.yx-tag { color: #B54F42; flex-shrink: 0; font-weight: 600; }
.yx-price { font-size: 17px; font-weight: 700; color: #4A4238; margin-top: 6px; }
.yx-price s { color: #B8AE9C; font-size: 12px; font-weight: 400; margin-left: 6px; }
.yx-buy {
  display: inline-block; margin-top: 10px; color: #8A6D3B; font-size: 12.5px;
  letter-spacing: 1px; border-bottom: 1px solid #C9BB9C; padding-bottom: 1px;
}
.pcard-yanx:hover .yx-buy { color: #B54F42; border-bottom-color: #B54F42; }
.pcard-yanx .pcard-btns, .pcard-yanx .pcard-foot, .pcard-yanx .pcard-tags, .pcard-yanx .pcard-meta-top, .pcard-yanx .pcard-price { display: none; }

/* ---------- 品类入口:米白卡 ---------- */
.cat-entry-card { border: 1px solid #E9E2D4; }
.cat-entry-card .cec-content h3 { color: #4A4238; font-family: var(--font-serif); font-size: 20px; font-weight: 700; letter-spacing: 1px; }
.cat-entry-card .cec-content p { color: #8A8071; }
.cat-entry-card .cec-emoji { display: none; }
.cat-entry-card .cec-meta { color: #8A6D3B; }
.cat-entry-card .cec-arrow { color: #B54F42; }
.cat-entry-card .cec-accent { width: 3px; }

/* ---------- 品牌故事:深咖杂志页 ---------- */
.brand-story { background: #4A4238; }
.brand-story .eyebrow { color: #D8C9A5; letter-spacing: 3px; }
.brand-story h2 { color: #F5F1E8; font-family: var(--font-serif); font-weight: 700; letter-spacing: 2px; }
.brand-story p { color: rgba(245,241,232,0.78); }
.brand-story .story-card { background: rgba(245,241,232,0.08); border: 1px solid rgba(245,241,232,0.16); }
.brand-story .story-card .num { color: #D8C9A5; font-family: var(--font-serif); font-weight: 700; font-size: 14px; }
.brand-story .story-card .label { color: rgba(245,241,232,0.85); font-size: 12px; }
.brand-story .signature .line { background: rgba(245,241,232,0.3); }
.brand-story .signature .info span { color: #F5F1E8; }
.brand-story .signature .info small { color: rgba(245,241,232,0.6); }

/* ---------- 甄选志信息卡 ---------- */
.yx-info-card { background: #fff; border: 1px solid #F0EADC; border-radius: 6px; padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.yx-info-head { display: flex; align-items: center; gap: 8px; }
.yx-info-tag { color: #B54F42; font-size: 12px; font-weight: 600; letter-spacing: 1px; }
.yx-info-card h3 { font-family: var(--font-serif); font-size: 17px; color: #4A4238; }
.yx-info-card p { color: #8A8071; font-size: 13px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.yx-info-foot { display: flex; justify-content: space-between; color: #A89E8E; font-size: 12px; margin-top: auto; }

/* ---------- 页脚:米白杂志式 ---------- */
.footer-yanx { background: #F5F1E8; color: #8A8071; padding: 0 0 26px; }
.yx-footer-hero { text-align: center; padding: 40px 0 30px; border-bottom: 1px solid #E5DCC8; }
.yx-footer-hero h2 { font-family: var(--font-serif); font-size: 24px; color: #4A4238; font-weight: 700; letter-spacing: 2px; }
.yx-footer-hero p { color: #A89E8E; font-size: 13px; margin-top: 8px; letter-spacing: 1px; }
.yx-sign { margin-top: 14px; display: flex; flex-direction: column; gap: 2px; }
.yx-sign span { color: #8A6D3B; font-size: 14px; letter-spacing: 2px; }
.yx-sign small { color: #A89E8E; font-size: 10px; letter-spacing: 3px; }
.footer-yanx .footer-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 28px; padding: 26px 0; }
.footer-yanx h4 { font-family: var(--font-serif); color: #4A4238; font-size: 15px; margin-bottom: 12px; letter-spacing: 2px; }
.footer-yanx .footer-info-list .ic { background: #fff; color: #8A6D3B; border: 1px solid #E5DCC8; border-radius: 3px; font-size: 11px; }
.footer-yanx .footer-list a { color: #8A8071; font-size: 13px; }
.footer-yanx .footer-list a:hover { color: #8A6D3B; }
.footer-yanx .footer-bottom { border-top: 1px solid #E5DCC8; }
.footer-yanx .footer-bottom a.beian { color: #A89E8E; }
.footer-yanx .footer-bottom a.beian:hover { color: #8A6D3B; }

/* ---------- 信息动态 / 商家 ---------- */
.idc-card { background: #fff; border: 1px solid #F0EADC; border-radius: 6px; }
.idc-num { color: #E5DCC8; font-family: var(--font-serif); font-weight: 700; }
.mp-card { background: #fff; border: 1px solid #F0EADC; border-radius: 6px; }
.mp-logo { background: #F5F1E8; color: #8A6D3B; border-radius: 6px; }

/* ---------- Toast / 弹窗 ---------- */
.toast.success { background: #4A4238; }
.auth-modal-submit { background: #4A4238; }
.auth-modal-submit:hover { background: #6B5B45; }
.auth-modal-submit.solid { background: #8A6D3B; }

/* ---------- 响应式 ---------- */
@media (max-width: 960px) {
  .yx-edit-grid { grid-template-columns: 1fr; }
  .footer-yanx .footer-top { grid-template-columns: 1fr 1fr; }
  .navbar-yanx .navbar-inner { flex-wrap: wrap; height: auto; padding: 10px 0; gap: 10px; }
  .nav-search-yanx { width: 100%; order: 3; margin-left: 0; }
}
@media (max-width: 640px) {
  .hero-v3 h1 { font-size: 28px; }
}


/* ===== 导航收费标（付费资讯）===== */
.nav-badge { display: inline-block; margin-left: 6px; padding: 0 6px; font-size: 10px; font-style: normal; line-height: 16px; border-radius: 8px; color: #fff; background: var(--color-primary, #E1251B); vertical-align: 2px; font-weight: 400; }

/* ==== 分类入口卡片修复 v6：类名背景+纯色兜底（原 inline 渐变部分渲染环境不绘制） ==== */
.cat-entry-grid .cat-entry-card { display: flex; align-items: center; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan { background: #EFE7D8 linear-gradient(135deg,#F5F1E8,#EFE7D8) !important; border: 1px solid #E9E2D4; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan:hover { border-color: #8A6D3B; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan .cec-content h3 { color: #4A4238; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan .cec-content p { color: #8A8071; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan .cec-meta { color: #8A6D3B; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan .cec-arrow { color: #B54F42; }


/* ==== 品牌故事 v7:米色编辑部表格(独立版式) ==== */
.bs-new { background: #F5F1E8; padding: 64px 0; margin-top: 60px; border-top: 1px solid #E5DCC8; }
.bs-new .bsy { display: grid; grid-template-columns: 1fr 1.15fr; gap: 56px; align-items: center; }
.bs-new .bsy-copy .eyebrow { color: #8A6D3B; }
.bs-new .bsy-copy h2 { font-family: var(--font-serif); font-size: 28px; color: #3E362A; margin: 12px 0 16px; }
.bs-new .bsy-copy p { color: #7A7061; font-size: 13px; line-height: 2; margin: 0 0 10px; }
.bs-new .bsy-sign { margin-top: 18px; font-size: 13px; color: #4A4238; font-weight: 600; }
.bs-new .bsy-sign small { display: block; margin-top: 4px; font-size: 10px; letter-spacing: .25em; color: #B3A88F; font-weight: 400; }
.bs-new .bsy-table { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #DDD3BE; background: #DDD3BE; gap: 1px; }
.bs-new .bsy-cell { background: #FBF8F1; padding: 22px 20px; }
.bs-new .bsy-cell span { font-size: 10px; letter-spacing: .28em; color: #8A6D3B; }
.bs-new .bsy-cell h3 { font-family: var(--font-serif); font-size: 16px; color: #3E362A; margin: 8px 0 6px; }
.bs-new .bsy-cell p { font-size: 11px; color: #8A8071; margin: 0; line-height: 1.8; }
@media (max-width: 980px) { .bs-new .bsy { grid-template-columns: 1fr; gap: 30px; } }


/* ============================================================
   V8 重构 · 宏福望(严选式):米白杂志衬线风
   导航=杂志刊头双段(格言/衬线刊名/细线导航) / 页脚=刊尾宣言+双细线
   HERO=左文右双图拼贴 / 登录注册=米色纸感衬线
   ============================================================ */

/* ---------- 导航 V8 ---------- */
.navbar-yx2 { background: #FAF7F0; border-bottom: 1px solid #E4DCC9; position: sticky; top: 0; z-index: 50; }
.yx2-mast { border-bottom: 1px solid #EDE6D6; }
.yx2-mast-inner { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 18px 0; }
.yx2-motto { color: #A08A62; font-size: 12px; letter-spacing: 3px; }
.yx2-brand { color: #3D3629; font-family: Georgia, "Times New Roman", "STSong", serif; font-size: 30px; font-weight: 700; letter-spacing: 4px; text-decoration: none; text-align: center; }
.yx2-mastside { display: flex; justify-content: flex-end; align-items: center; gap: 14px; }
.yx2-mastside .nav-auth-btn { background: none; border: none; color: #6B5B45; font-size: 13px; letter-spacing: 2px; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
.yx2-mastside .nav-auth-btn.solid { background: #3D3629; color: #F5F1E8; padding: 7px 18px; text-decoration: none; }
.yx2-navrow-inner { display: flex; align-items: center; gap: 20px; }
.yx2-nav { display: flex; list-style: none; margin: 0; padding: 0; }
.yx2-nav li { display: flex; align-items: center; }
.yx2-nav li + li::before { content: "·"; color: #C9BBA0; margin: 0 4px; }
.yx2-nav a { display: block; color: #5A4F3C; font-family: Georgia, "STSong", serif; font-size: 15px; letter-spacing: 2px; text-decoration: none; padding: 13px 10px; border-bottom: 2px solid transparent; }
.yx2-nav a:hover, .yx2-nav a.active { color: #8A6D3B; border-bottom-color: #8A6D3B; }
.yx2-search { display: flex; margin-left: auto; border: 1px solid #D8CDB4; background: #fff; height: 34px; }
.yx2-search input { width: 160px; border: none; outline: none; padding: 0 10px; font-size: 13px; background: none; color: #4a4030; }
.yx2-searchbtn { background: none; border: none; border-left: 1px solid #D8CDB4; padding: 0 14px; color: #8A6D3B; font-size: 13px; cursor: pointer; }
.yx2-searchbtn:hover { background: #8A6D3B; color: #fff; }
.yx2-navrow .cart-icon { position: relative; text-decoration: none; color: #6B5B45; font-weight: 600; font-size: 13px; }

/* ---------- 页脚 V8:杂志刊尾 ---------- */
.footer-yx2 { background: #FAF7F0; margin-top: 56px; padding-top: 46px; }
.fy2-mast { text-align: center; max-width: 620px; margin: 0 auto; }
.fy2-mast h2 { color: #3D3629; font-family: Georgia, "STSong", serif; font-size: 26px; font-weight: 700; margin: 0 0 14px; }
.fy2-sign { display: flex; flex-direction: column; gap: 4px; }
.fy2-sign span { color: #8A6D3B; font-size: 14px; letter-spacing: 2px; }
.fy2-sign small { color: #B3A685; font-size: 10px; letter-spacing: 4px; }
.fy2-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 720px; margin: 34px auto 0; }
.fy2-col { text-align: center; }
.fy2-col h4 { color: #3D3629; font-size: 14px; letter-spacing: 3px; margin: 0 0 14px; }
.footer-yx2 .footer-list { list-style: none; padding: 0; margin: 0; }
.footer-yx2 .footer-list li { margin-bottom: 10px; }
.footer-yx2 .footer-list a { color: #877C64; font-size: 13px; text-decoration: none; }
.footer-yx2 .footer-list a:hover { color: #8A6D3B; text-decoration: underline; }
.fy2-contact { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; color: #A99C7F; font-size: 12px; margin: 30px 0 0; }
.fy2-rule { border-top: 3px double #D8CDB4; margin: 22px 0 0; }
.fy2-bar { text-align: center; padding: 18px 0 26px; color: #A99C7F; font-size: 12px; }
.fy2-bar .beian { color: #6B5B45; text-decoration: none; }
.fy2-bar .sep { margin: 0 8px; }
.fy2-bar a { color: #877C64; text-decoration: none; }

/* ---------- HERO V8:左文右双图拼贴 ---------- */
.hero-yx2 { background: #FAF7F0; padding: 60px 0 70px; }
.hero-yx2-grid { display: grid; grid-template-columns: 1fr 1.1fr; gap: 56px; align-items: center; }
.yx2-hero-tag { display: inline-block; color: #8A6D3B; font-size: 12px; letter-spacing: 4px; border-top: 1px solid #C9BBA0; border-bottom: 1px solid #C9BBA0; padding: 5px 4px; margin-bottom: 22px; }
.yx2-hero-title { color: #3D3629; font-family: Georgia, "STSong", serif; font-size: 40px; line-height: 1.4; margin: 0 0 16px; }
.yx2-hero-title .hero-v3-accent { color: #8A6D3B; }
.yx2-hero-desc { color: #7A7061; font-size: 14px; line-height: 2; margin: 0 0 30px; }
.yx2-hero-btns { display: flex; align-items: center; gap: 24px; }
.yx2-btn-solid { background: #3D3629; color: #F5F1E8; font-size: 14px; letter-spacing: 3px; padding: 13px 38px; text-decoration: none; }
.yx2-btn-solid:hover { background: #8A6D3B; }
.yx2-btn-text { color: #8A6D3B; font-size: 14px; letter-spacing: 2px; text-decoration: underline; text-underline-offset: 5px; }
.yx2-hero-visual { position: relative; height: 400px; }
.yx2-ph { position: absolute; margin: 0; overflow: hidden; background: #EFE7D8; box-shadow: 0 16px 40px rgba(90,75,50,.18); }
.yx2-ph img { width: 100%; height: 100%; object-fit: cover; display: block; }
.yx2-ph-a { width: 62%; height: 78%; left: 0; top: 0; z-index: 1; }
.yx2-ph-b { width: 52%; height: 62%; right: 0; bottom: 0; z-index: 2; border: 6px solid #FAF7F0; }

/* ---------- 登录注册 V8:米色纸感 ---------- */
body[data-skin="yanxuan"] .auth-modal-shell { background: #FBF8F1; border: 1px solid #E0D6C0; }
body[data-skin="yanxuan"] .auth-modal-close { color: #A99C7F; }
body[data-skin="yanxuan"] .auth-modal-side { background: #F2ECDD; border-right: 1px solid #E4DCC9; }
body[data-skin="yanxuan"] .auth-modal-kicker { color: #8A6D3B; letter-spacing: 3px; }
body[data-skin="yanxuan"] .auth-modal-side h2 { color: #3D3629; font-family: Georgia, "STSong", serif; }
body[data-skin="yanxuan"] .auth-modal-side p { color: #7A7061; }
body[data-skin="yanxuan"] .auth-modal-points strong { color: #6B5B45; }
body[data-skin="yanxuan"] .auth-modal-points span { color: #9C9078; }
body[data-skin="yanxuan"] .auth-modal-points div { border-color: #E0D6C0; }
body[data-skin="yanxuan"] .auth-modal-tab { color: #9C9078; }
body[data-skin="yanxuan"] .auth-modal-tab.active { color: #3D3629; border-bottom-color: #8A6D3B; }
body[data-skin="yanxuan"] .auth-modal-intro h3 { color: #3D3629; font-family: Georgia, "STSong", serif; }
body[data-skin="yanxuan"] .auth-modal-intro p { color: #9C9078; }
body[data-skin="yanxuan"] .auth-modal-field label { color: #6B5B45; }
body[data-skin="yanxuan"] .auth-modal-field input { background: #fff; border: 1px solid #D8CDB4; color: #3D3629; }
body[data-skin="yanxuan"] .auth-modal-field input:focus { border-color: #8A6D3B; }
body[data-skin="yanxuan"] .auth-modal-submit { background: #3D3629; color: #F5F1E8; border: none; letter-spacing: 3px; }
body[data-skin="yanxuan"] .auth-modal-note { color: #A99C7F; }
body[data-skin="yanxuan"] .auth-modal-check span { color: #7A7061; }
body[data-skin="yanxuan"] .auth-modal-check a { color: #8A6D3B; }

/* ---------- 移动端 ---------- */
@media (max-width: 900px) {
  .yx2-mast-inner { grid-template-columns: 1fr; gap: 8px; text-align: center; }
  .yx2-motto { display: none; }
  .yx2-mastside { justify-content: center; }
  .hero-yx2-grid { grid-template-columns: 1fr; }
  .yx2-hero-visual { height: 300px; }
  .yx2-hero-title { font-size: 30px; }
  .fy2-cols { grid-template-columns: 1fr; }
}


/* ===== V2 收银台:米色纸感(yanxuan) ===== */
.modal-skin-yx { background: #FBF8F1; border: 1px solid #E0D6C0; }
.modal-skin-yx .modal-body { padding: 24px 34px 26px; text-align: center; }
.modal-skin-yx .modal-close { color: #A99C7F; }
.pm-yx-mast { border-top: 3px double #C9BBA0; border-bottom: 3px double #C9BBA0; padding: 10px 0; margin-bottom: 18px; }
.pm-yx-mast span { display: block; font-family: Georgia, "STSong", serif; color: #3D3629; font-size: 17px; letter-spacing: 3px; }
.pm-yx-mast small { color: #B3A685; font-size: 10px; letter-spacing: 4px; }
.pm-yx-amount { color: #8A6D3B; font-size: 24px; font-weight: 700; margin: 10px 0 4px; font-family: Georgia, "STSong", serif; }
.pm-yx-tip { color: #A99C7F; font-size: 12px; margin: 4px 0 16px; }
.modal-skin-yx .modal-actions .btn { background: #3D3629; color: #F5F1E8; border: none; letter-spacing: 2px; }
.pm-order { font-size: 11px; color: #C3B896; margin-top: 10px; }


/* ============================================================
   V3 · 宏福望(yanxuan):米色四段承诺/衬线标题/甄选志行/商家名录/报纸登录
   ============================================================ */
/* service-bar:米色四段 */
.sb-yx2 { display:flex; justify-content:center; flex-wrap:wrap; gap:34px; padding:14px 0; border-bottom:1px solid #E4DCC9; font-size:13px; color:#877C64; letter-spacing:1px; margin-top:12px; }
.sb-yx2 span:nth-child(-n+2) { color:#B3A685; }
.sb-yx2 i { font-style:normal; color:#6B5B45; font-weight:600; }
/* section-head:衬线居中双线 */
.sh-yx2 { text-align:center; max-width:560px; margin:0 auto 28px; border-top:3px double #C9BBA0; border-bottom:1px solid #E0D6C0; padding:16px 0 14px; }
.sh-yx2-eyebrow { font-size:10px; letter-spacing:5px; color:#B3A685; }
.sh-yx2 h2 { font-family:Georgia,"STSong",serif; color:#3D3629; font-size:24px; letter-spacing:3px; margin:8px 0 6px; }
.sh-yx2 p { font-size:13px; color:#A99C7F; margin:0; letter-spacing:1px; }
.sh-yx2-more { text-align:center; margin-top:22px; }
.sh-yx2-more a { color:#8A6D3B; font-size:13px; letter-spacing:2px; text-decoration:underline; text-underline-offset:4px; }
/* 甄选志:衬线行 */
.npinfo-yx-list { max-width:680px; margin:0 auto; }
.npinfo-yx { display:block; padding:18px 4px; border-bottom:1px dotted #D8CDB4; text-decoration:none; }
.npinfo-yx:hover h3 { color:#8A6D3B; }
.npinfo-yx .yx-info-head { display:flex; gap:10px; align-items:baseline; margin-bottom:6px; }
.npinfo-yx .yx-info-tag { color:#8A6D3B; font-size:12px; }
.npinfo-yx .idc-cat { color:#B3A685; font-size:12px; }
.npinfo-yx h3 { font-family:Georgia,"STSong",serif; color:#3D3629; font-size:17px; margin:0 0 6px; }
.npinfo-yx p { color:#7A7061; font-size:13px; margin:0 0 8px; line-height:1.8; }
.npinfo-yx .yx-info-foot { display:flex; justify-content:space-between; color:#B3A685; font-size:12px; }
/* 商家名录 */
.npmp-yx-list { max-width:680px; margin:0 auto; display:flex; flex-direction:column; }
.npmp-yx { display:block; padding:16px 4px; border-bottom:1px dotted #D8CDB4; text-decoration:none; }
.npmp-yx:hover strong { color:#8A6D3B; }
.npmp-yx strong { display:block; font-family:Georgia,"STSong",serif; font-size:15px; color:#3D3629; margin-bottom:5px; }
.npmp-yx-meta { font-size:12px; color:#B3A685; display:block; margin-bottom:4px; }
.npmp-yx-go { font-size:12px; color:#8A6D3B; }
/* 登录注册:报纸刊头卡 */
.am-yx { width:440px; max-width:92vw; background:#FBF8F1; border:1px solid #E0D6C0; position:relative; padding:34px 38px 26px; box-sizing:border-box; }
.am-yx-close { position:absolute; right:12px; top:10px; background:none; border:none; font-size:24px; color:#A99C7F; cursor:pointer; }
.am-yx-mast { text-align:center; border-bottom:3px double #C9BBA0; padding-bottom:14px; margin-bottom:6px; }
.am-yx-kicker { font-size:10px; letter-spacing:4px; color:#B3A685; }
.am-yx-mast h2 { font-family:Georgia,"STSong",serif; color:#3D3629; font-size:24px; letter-spacing:3px; margin:8px 0 6px; }
.am-yx-date { font-size:11px; color:#B3A685; letter-spacing:2px; }
.am-yx-tabs { display:flex; justify-content:center; align-items:center; gap:12px; padding:12px 0 4px; }
.am-yx-tabs .auth-modal-tab { background:none; border:none; font-family:Georgia,"STSong",serif; font-size:15px; color:#9C9078; cursor:pointer; letter-spacing:2px; }
.am-yx-tabs .auth-modal-tab.active { color:#3D3629; text-decoration:underline; text-underline-offset:5px; }
.am-yx-tabs span { color:#C9BBA0; }
.am-yx form { padding:4px 0 0; }
.am-yx .auth-modal-field { margin:16px 0; }
.am-yx .auth-modal-field label { display:block; font-family:Georgia,"STSong",serif; font-size:12px; color:#877C64; margin-bottom:6px; letter-spacing:1px; }
.am-yx .auth-modal-field input { width:100%; background:#fff; border:1px solid #D8CDB4; padding:10px 12px; font-size:14px; box-sizing:border-box; outline:none; color:#3D3629; }
.am-yx .auth-modal-field input:focus { border-color:#8A6D3B; }
.am-yx-submit { width:100%; background:#3D3629; color:#F5F1E8; border:none; font-size:14px; letter-spacing:6px; padding:13px 0; cursor:pointer; margin-top:8px; }
.am-yx-sign { text-align:center; margin-top:16px; padding-top:12px; border-top:1px solid #E0D6C0; }
.am-yx-sign span { font-size:11px; color:#B3A685; letter-spacing:2px; }
/* login 页:米色纸感 */
body[data-skin="yanxuan"] .auth-page-v3 { background:#FAF7F0; }
body[data-skin="yanxuan"] .auth-v3-brand { background:#F2ECDD; border:1px solid #E4DCC9; }
body[data-skin="yanxuan"] .av3-name { color:#3D3629; font-family:Georgia,"STSong",serif; }
body[data-skin="yanxuan"] .av3-heading { color:#3D3629; font-family:Georgia,"STSong",serif; }
body[data-skin="yanxuan"] .av3-slogan, body[data-skin="yanxuan"] .av3-lead { color:#877C64; }
body[data-skin="yanxuan"] .auth-v3-form-side .av3-tab.active { color:#8A6D3B; }
body[data-skin="yanxuan"] #tabIndicator { background:#8A6D3B; }
body[data-skin="yanxuan"] .auth-v3-form-side, body[data-skin="yanxuan"] .av3-form-wrap { background:#FBF8F1; }
body[data-skin="yanxuan"] .av3-form button[type="submit"], body[data-skin="yanxuan"] .av3-form .av3-submit { background:#3D3629; color:#F5F1E8; letter-spacing:3px; }
body[data-skin="yanxuan"] .av3-form input { background:#fff; border-color:#D8CDB4; color:#3D3629; }
@media (max-width: 900px) { .sb-yx2 { gap:16px; } }


/* V3fix2 · 品类入口基础布局 */
.cat-entry-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.cat-entry-grid .cat-entry-card { position:relative; overflow:hidden; display:flex; align-items:center; padding:26px 30px; min-height:150px; border-radius:8px; text-decoration:none; }
.cat-entry-grid .cec-content { position:relative; z-index:1; }
.cat-entry-grid .cec-content h3 { margin:0 0 8px; }
.cat-entry-grid .cec-content p { margin:0 0 12px; line-height:1.55; }
.cat-entry-grid .cec-meta { display:flex; align-items:center; gap:14px; }
.cat-entry-grid .cec-arrow { font-weight:700; }
.cat-entry-grid .cec-accent { position:absolute; right:-34px; top:-34px; width:130px; height:130px; border-radius:50%; opacity:.16; }

.cat-entry-grid { gap:18px; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan { background:#FBF8F1 linear-gradient(135deg,#F5F1E8,#EFE7D8) !important; border:1px solid #E2D9C6; border-radius:2px; }
.cat-entry-grid .cat-entry-card.sk-cat-yanxuan:hover { border-color:#3E3325; background:#FFFDF8 !important; }
.cat-entry-grid .sk-cat-yanxuan .cec-content h3 { color:#2C2519; font-weight:700; }
.cat-entry-grid .sk-cat-yanxuan .cec-content p { color:#7A7263; font-size:13px; }
.cat-entry-grid .sk-cat-yanxuan .cec-meta { color:#8C8474; font-size:12px; }
.cat-entry-grid .sk-cat-yanxuan .cec-arrow { color:#3E3325; }
.cat-entry-grid .sk-cat-yanxuan .cec-accent { display:none; }

body[data-skin="yanxuan"] .auth-v3-brand { color:#2C2519; }
body[data-skin="yanxuan"] .av3-name { color:#2C2519; }
body[data-skin="yanxuan"] .av3-heading { color:#2C2519; }
body[data-skin="yanxuan"] .av3-lead { color:#7A7263; }
body[data-skin="yanxuan"] .av3-slogan { color:#A39A85; }
body[data-skin="yanxuan"] .av3-feat { background:#FFFDF8; border:1px solid #E4DCC9; }
body[data-skin="yanxuan"] .av3-feat-icon { color:#8A6D3B; font-weight:800; }
body[data-skin="yanxuan"] .av3-feat strong { color:#2C2519; }
body[data-skin="yanxuan"] .av3-feat span { color:#8C8474; }


/* ================= V4 · 详情页+结算页 区别化（北京宏福望） ================= */

/* —— V4 详情模块（pd2-yx） —— */
.pd2-yx .rich-highlights-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
.pd2-yx .hl-card { display:flex; gap:0; border:1px solid #E2D9C6; border-radius:2px; overflow:hidden; background:#FBF8F1; }
.pd2-yx .hl-img { width:180px; min-height:120px; flex-shrink:0; }
.pd2-yx .hl-img img { width:100%; height:100%; object-fit:cover; display:block; }
.pd2-yx .hl-text { padding:16px 18px; }
.pd2-yx .hl-text h4 { margin:0 0 6px; font-size:15px; color:#2C2519; }
.pd2-yx .hl-text p { margin:0; font-size:12.5px; color:#8C8474; line-height:1.7; }
.pd2-yx .rich-specs-table { border:1px solid #E2D9C6; border-radius:2px; overflow:hidden; background:#FBF8F1; }
.pd2-yx .rs-row { display:flex; padding:11px 16px; border-bottom:1px solid #E2D9C6; font-size:13px; }
.pd2-yx .rs-row:last-child { border-bottom:none; }
.pd2-yx .rs-label { width:110px; color:#8C8474; flex-shrink:0; }
.pd2-yx .rs-value { color:#2C2519; flex:1; }
.pd2-yx .rd-item { display:flex; gap:22px; align-items:center; margin-bottom:20px; }
.pd2-yx .rd-item.rd-right { flex-direction:row-reverse; }
.pd2-yx .rd-img { width:300px; flex-shrink:0; border-radius:2px; overflow:hidden; border:1px solid #E2D9C6; }
.pd2-yx .rd-img img { width:100%; display:block; }
.pd2-yx .rd-text { flex:1; }
.pd2-yx .rd-num { display:block; font-size:22px; font-weight:800; color:#6B5636; margin-bottom:6px; }
.pd2-yx .rd-text p { margin:0; font-size:13px; color:#8C8474; line-height:1.7; }
.pd2-yx .rs-scene { display:flex; gap:22px; align-items:center; margin-bottom:20px; }
.pd2-yx .rs-scene.rs-scene-right { flex-direction:row-reverse; }
.pd2-yx .rs-scene-img { width:300px; flex-shrink:0; border-radius:2px; overflow:hidden; border:1px solid #E2D9C6; }
.pd2-yx .rs-scene-img img { width:100%; display:block; }
.pd2-yx .rs-scene-text h4 { margin:0 0 6px; font-size:15px; color:#2C2519; }
.pd2-yx .rs-scene-text p { margin:0; font-size:13px; color:#8C8474; line-height:1.7; }
.pd2-yx .ra-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.pd2-yx .ra-item { display:flex; gap:12px; border:1px solid #E2D9C6; border-radius:2px; padding:14px; background:#FBF8F1; }
.pd2-yx .ra-ic { width:34px; height:34px; border-radius:2px; background:#F5F1E8; color:#6B5636; display:flex; align-items:center; justify-content:center; font-weight:800; font-size:14px; flex-shrink:0; }
.pd2-yx .ra-item strong { display:block; font-size:13.5px; margin-bottom:4px; color:#2C2519; }
.pd2-yx .ra-item p { font-size:12px; color:#8C8474; line-height:1.65; margin:0; }
.pd2-yx .rich-empty { color:#8C8474; font-size:13px; padding:10px 0; }
.pd2-yx .eval-item { border-bottom:1px solid #E2D9C6; padding:14px 2px; }
.pd2-yx .eval-item:last-child { border-bottom:none; }
.pd2-yx .eval-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
.pd2-yx .eval-user { display:flex; align-items:center; gap:10px; }
.pd2-yx .eval-avatar { width:30px; height:30px; border-radius:50%; background:#F5F1E8; color:#6B5636; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
.pd2-yx .eval-name { font-size:13px; color:#2C2519; font-weight:600; }
.pd2-yx .eval-stars { font-size:12px; color:#6B5636; }
.pd2-yx .eval-stars-dim { color:#E2D9C6; }
.pd2-yx .eval-date { font-size:12px; color:#8C8474; }
.pd2-yx .eval-text { margin:0; font-size:13px; color:#2C2519; line-height:1.7; }
.pd2-yx .eval-empty { text-align:center; padding:36px 0; color:#8C8474; font-size:13px; }
.pd2-yx .dm-card { display:flex; align-items:center; gap:12px; padding:14px 16px; border:1px solid #E2D9C6; border-radius:2px; background:#FBF8F1; text-decoration:none; color:#2C2519; }
.pd2-yx .dm-label { font-size:11px; color:#8C8474; margin-bottom:2px; }
.pd2-yx .dm-name { font-weight:700; font-size:14px; color:#2C2519; }
.pd2-yx .dm-meta { font-size:12px; color:#8C8474; }
.pd2-yx .dm-arrow { margin-left:auto; color:#6B5636; font-size:13px; white-space:nowrap; }
.pd2-yx .pd2-fallback { width:100%; height:100%; display:flex; align-items:center; justify-content:center; font-size:22px; letter-spacing:6px; font-weight:700; }
.pd2-yx .pd2-badge { display:inline-block; font-size:11px; font-weight:700; padding:2px 8px; border-radius:2px; margin-right:6px; }
.pd2-yx .pd2-badge-hot { background:#8A6D3B; color:#FBF8F1; }
.pd2-yx .pd2-badge-low { background:#F5F1E8; color:#B0532E; border:1px solid #B0532E; }
.pd2-yx .dt-thumb { width:64px; height:64px; padding:0; border:2px solid #E2D9C6; background:none; cursor:pointer; overflow:hidden; opacity:.65; }
.pd2-yx .dt-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.pd2-yx .dt-thumb.active { border-color:#6B5636; opacity:1; }
.pd2-yx .do-btn { padding:8px 18px; border:1px solid #E2D9C6; background:#FBF8F1; color:#2C2519; font-size:13px; cursor:pointer; border-radius:2px; margin:0 8px 8px 0; }
.pd2-yx .do-btn.active { border-color:#6B5636; color:#6B5636; background:#F5F1E8; font-weight:600; }
.pd2-yx .qty-btn { width:32px; height:32px; border:1px solid #E2D9C6; background:#FBF8F1; color:#2C2519; font-size:16px; cursor:pointer; line-height:1; }

/* —— V4 详情布局 yx —— */
main.pd2-yx-main { background:#F7F3E9; }
.pd2-yx { color:#2C2519; }
.pd2-yx-hero { padding:44px 0 52px; }
.pd2-yx-grid { display:grid; grid-template-columns:480px 1fr; gap:52px; max-width:1120px; }
.pd2-yx-stage { position:relative; width:100%; aspect-ratio:1/1; background:#FFFDF8; border:1px solid #E2D9C6; padding:12px; box-sizing:border-box; }
.pd2-yx-stage img { width:100%; height:100%; object-fit:cover; display:block; }
.pd2-yx-stage .pd2-fallback { position:absolute; inset:12px; color:#6B5636; }
.pd2-yx-badges { position:absolute; margin-top:-48px; margin-left:22px; z-index:2; }
.pd2-yx-badges:empty { margin:0; }
.pd2-yx-thumbs { display:flex; gap:12px; margin-top:14px; }
.pd2-yx-kicker { font-size:12px; letter-spacing:6px; color:#6B5636; margin-bottom:14px; }
.pd2-yx-tags { margin-bottom:12px; }
.pd2-yx-tags:empty { margin:0; }
.pd2-yx-tags .detail-tag { display:inline-block; font-size:12px; color:#6B5636; border:1px solid #E2D9C6; padding:2px 12px; margin-right:8px; background:#FBF8F1; }
.pd2-yx-tags .detail-tag[style] { color:#FBF8F1; border-color:transparent; }
.pd2-yx-name { font-family:'Noto Serif SC',serif; font-size:26px; font-weight:700; color:#2C2519; margin:0 0 8px; line-height:1.45; }
.pd2-yx-sub { margin:0 0 18px; font-size:13px; color:#8C8474; }
.pd2-yx-price { padding:18px 0; border-top:3px double #E2D9C6; border-bottom:3px double #E2D9C6; margin-bottom:16px; display:flex; align-items:baseline; }
.pd2-yx-price-now { font-family:'Noto Serif SC',serif; font-size:30px; font-weight:700; color:#6B5636; }
.pd2-yx-price-orig { font-size:14px; color:#8C8474; text-decoration:line-through; margin-left:14px; }
.pd2-yx-price-save { font-size:12px; color:#6B5636; margin-left:12px; }
.pd2-yx-metarow { font-size:12.5px; color:#8C8474; margin-bottom:22px; display:flex; gap:12px; }
.pd2-yx-metarow strong { color:#2C2519; }
.pd2-yx-opt { margin-bottom:20px; }
.pd2-yx-opt-label { font-family:'Noto Serif SC',serif; font-size:13px; color:#8C8474; margin-bottom:10px; }
.pd2-yx-qty { display:flex; align-items:center; }
.pd2-yx-qty input { width:56px; height:34px; text-align:center; border:1px solid #E2D9C6; border-left:none; border-right:none; background:#FBF8F1; color:#2C2519; }
.pd2-yx-stocknote { font-size:12px; color:#8C8474; margin-left:14px; }
.pd2-yx-actions { display:flex; gap:16px; margin:26px 0; }
.pd2-yx-btn-cart, .pd2-yx-btn-buy { flex:1; height:48px; font-family:'Noto Serif SC',serif; font-size:15px; letter-spacing:4px; cursor:pointer; border:1px solid #6B5636; background:#FBF8F1; color:#6B5636; }
.pd2-yx-btn-cart:hover { background:#F5F1E8; }
.pd2-yx-btn-buy { background:#6B5636; color:#FBF8F1; }
.pd2-yx-btn-buy:hover { background:#6B56362; }
.pd2-yx-merchant { margin-bottom:18px; }
.pd2-yx-promises { font-size:12px; color:#8C8474; }
.pd2-yx-tabs-sec { max-width:1120px; margin:0 auto; padding-bottom:48px; }
.pd2-yx-tabs { display:flex; justify-content:center; gap:56px; border-top:3px double #E2D9C6; border-bottom:3px double #E2D9C6; margin-bottom:30px; }
.pd2-yx-tabs .dt-btn { padding:13px 8px; font-family:'Noto Serif SC',serif; font-size:15px; letter-spacing:4px; background:none; border:none; cursor:pointer; color:#8C8474; }
.pd2-yx-tabs .dt-btn.active { color:#2C2519; font-weight:700; }
.pd2-yx-module { margin-bottom:34px; }
.pd2-yx-mhead { text-align:center; margin-bottom:20px; }
.pd2-yx-mhead h3 { margin:0; font-family:'Noto Serif SC',serif; font-size:17px; letter-spacing:6px; color:#2C2519; }
.pd2-yx-mhead h3::before { content:'— '; color:#6B5636; }
.pd2-yx-mhead h3::after { content:' —'; color:#6B5636; }
.pd2-yx-related-sec { max-width:1120px; margin:0 auto; padding:8px 0 60px; }
.pd2-yx-rhead { text-align:center; font-family:'Noto Serif SC',serif; font-size:19px; letter-spacing:6px; color:#2C2519; margin:0 0 22px; }

/* —— V4 结算布局 ck2-yx —— */
main.ck2-yx-main { background:#F7F3E9; }
.ck2-yx-sec { padding:40px 0 72px; }
.ck2-yx-wrap { max-width:760px; margin:0 auto; color:#2C2519; }
.ck2-yx-rulebar { border-top:3px double #E2D9C6; margin-bottom:22px; }
.ck2-yx-title { text-align:center; font-family:'Noto Serif SC',serif; font-size:24px; letter-spacing:8px; color:#2C2519; margin:0 0 6px; }
.ck2-yx-subrule { text-align:center; font-size:12px; color:#8C8474; letter-spacing:3px; margin-bottom:34px; }
.ck2-yx-empty { text-align:center; padding:64px 0; }
.ck2-yx-go { display:inline-block; margin-top:12px; padding:10px 30px; background:#6B5636; color:#FBF8F1; text-decoration:none; font-size:14px; letter-spacing:4px; }
.ck2-yx-sechead { font-family:'Noto Serif SC',serif; text-align:center; font-size:16px; letter-spacing:6px; color:#2C2519; margin:36px 0 18px; padding-top:22px; border-top:3px double #E2D9C6; }
.ck2-yx-wrap .radio-item { display:flex; align-items:center; padding:13px 16px; border:1px solid #E2D9C6; background:#FBF8F1; margin-bottom:8px; cursor:pointer; }
.ck2-yx-wrap .radio-item.checked { border-color:#6B5636; background:#F5F1E8; }
.ck2-yx-wrap .ck2-shipfee { font-weight:700; color:#2C2519; font-size:13px; }
.ck2-yx-wrap .ck2-shipfee.free { color:#6B5636; }
.ck2-yx-wrap .ck2-shipdesc { font-size:12px; color:#8C8474; margin-top:2px; }
.ck2-item { display:flex; align-items:center; gap:14px; padding:13px 0; }
.ck2-item + .ck2-item { border-top:1px solid #E2D9C6; }
.ck2-item-thumb { width:60px; height:60px; overflow:hidden; background:#F5F1E8; border:1px solid #E2D9C6; flex-shrink:0; }
.ck2-item-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.ck2-yx-wrap .ck2-thumb-fb { width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:#6B5636; font-size:12px; letter-spacing:3px; }
.ck2-item-info { flex:1; min-width:0; }
.ck2-item-name { font-size:13.5px; color:#2C2519; margin-bottom:4px; line-height:1.45; }
.ck2-item-meta { font-size:12px; color:#8C8474; }
.ck2-item-right { text-align:right; flex-shrink:0; }
.ck2-item-sub { color:#6B5636; font-weight:700; font-size:14px; }
.ck2-yx-sumwrap { margin-top:8px; }
.ck2-yx-sumrow { display:flex; justify-content:space-between; font-size:13px; color:#8C8474; line-height:2.2; }
.ck2-yx-sumrow span:last-child { color:#2C2519; }
.ck2-yx-sumtotal { display:flex; justify-content:space-between; font-family:'Noto Serif SC',serif; font-size:17px; font-weight:700; color:#2C2519; border-top:3px double #E2D9C6; margin-top:10px; padding-top:14px; }
.ck2-yx-sumtotal span:last-child { color:#6B5636; }
.ck2-yx-footbtns { display:flex; justify-content:center; align-items:center; gap:18px; margin-top:24px; }
.ck2-yx-back { font-size:13px; color:#8C8474; text-decoration:none; }
.ck2-yx-submit { height:48px; padding:0 52px; background:#6B5636; color:#FBF8F1; border:none; font-family:'Noto Serif SC',serif; font-size:15px; letter-spacing:6px; cursor:pointer; }
.ck2-yx-submit:hover { background:#6B56362; }
.ck2-yx-wrap .form-group label { font-size:12px; color:#8C8474; margin-bottom:6px; display:block; letter-spacing:2px; }
.ck2-yx-wrap .form-group input, .ck2-yx-wrap .form-group textarea { width:100%; padding:10px 12px; border:1px solid #E2D9C6; border-radius:2px; font-size:13px; box-sizing:border-box; background:#FBF8F1; color:#2C2519; }
.ck2-yx-wrap .form-group input:focus, .ck2-yx-wrap .form-group textarea:focus { outline:none; border-color:#6B5636; }
.ck2-yx-wrap .form-row { display:flex; gap:12px; margin-bottom:12px; }
.ck2-yx-wrap .form-row .form-group { flex:1; }
.ck2-mapbtn { padding:8px 14px; border:1px solid #E2D9C6; background:#FBF8F1; color:#2C2519; font-size:12px; border-radius:2px; cursor:pointer; white-space:nowrap; flex-shrink:0; }
.ck2-mapbtn:hover { border-color:#6B5636; color:#6B5636; }
.ck2-map-btn { padding:8px 16px; border:1px solid #ddd; background:white; color:#333; font-size:13px; border-radius:2px; cursor:pointer; }
.ck2-map-btn.primary { background:#6B5636; color:#FBF8F1; border-color:#6B5636; }
.ck2-map-btn:disabled { opacity:.5; cursor:not-allowed; }

.pd2-yx-gallery { position:relative; }


/* ================= V5 · 导航/分类区别化（北京宏福望） ================= */

/* —— V5 导航/分类（yx） —— */
.topbar-yx5 { background:#F2ECDD; border-bottom:1px solid #E4DCC9; }
.topbar-yx5-inner { display:flex; align-items:center; height:38px; }
.yx5-motto { font-family:'Noto Serif SC',serif; font-size:12px; color:#8C8474; letter-spacing:2px; white-space:nowrap; }
.yx5-line { flex:1; margin:0 20px; border-top:1px solid #E4DCC9; }
.yx5-navrow-inner { display:flex; align-items:center; justify-content:center; position:relative; }
.yx5-nav { display:flex; justify-content:center; gap:8px; list-style:none; margin:0; padding:0; }
.yx5-nav li { list-style:none; }
.yx5-nav a { font-family:'Noto Serif SC',serif; font-size:14px; color:#5C5240; text-decoration:none; padding:13px 14px; position:relative; }
.yx5-nav a + a::before { content:'·'; position:absolute; left:-6px; color:#C9BFA8; }
.yx5-nav a.active { color:#3E3325; font-weight:700; }
.yx5-nav a.active::after { content:''; position:absolute; left:14px; right:14px; bottom:8px; border-bottom:1px solid #6B5636; }
.yx5-search { display:flex; align-items:center; border-bottom:1px solid #C9BFA8; margin-left:26px; }
.yx5-search input { border:none; background:none; width:120px; font-family:'Noto Serif SC',serif; font-size:12.5px; padding:4px 2px; outline:none; color:#2C2519; }
.yx5-searchbtn { border:none; background:none; color:#6B5636; font-family:'Noto Serif SC',serif; font-size:12.5px; letter-spacing:2px; cursor:pointer; padding:4px 2px; }
.cart-yx .cart-word { font-family:'Noto Serif SC',serif; color:#5C5240; font-size:13px; }
.cart-yx .cart-count { background:#6B5636; }
.cs5-yx { background:#FBF8F1; border-bottom:3px double #E2D9C6; }
.cs5-yx-inner { display:flex; justify-content:center; align-items:center; height:46px; }
.cs5-yx-link { font-family:'Noto Serif SC',serif; font-size:13.5px; color:#5C5240; text-decoration:none; position:relative; padding:0 18px; }
.cs5-yx-link + .cs5-yx-link::before { content:'·'; position:absolute; left:-5px; color:#C9BFA8; }
.cs5-yx-link:hover, .cs5-yx-link.active { color:#3E3325; }
.cs5-yx-link.active { font-weight:700; text-decoration:underline; text-underline-offset:5px; }
.breadcrumb { background:#FBF8F1; border-bottom:1px solid #EAE2D0; }
.breadcrumb a, .breadcrumb .current { font-family:'Noto Serif SC',serif; font-size:12.5px; color:#8C8474; }
.breadcrumb .current { color:#3E3325; }
.breadcrumb .sep { display:none; }
.breadcrumb a::after { content:'·'; margin:0 10px; color:#C9BFA8; }

.topbar-yx5 .topbar-links a, .topbar-yx5 .topbar-auth-btn { color:#6B5636; background:none; border:none; }
.topbar-yx5 .topbar-auth-btn.strong { border:1px solid #6B5636; padding:1px 10px; }