/* =====================================================================
   蓉城岁集 · 极简白场（Picset 参考）
   在既有 tokens/pages/detail 之后加载，只改视觉，不改 4000/2600 骨架
   ===================================================================== */

:root {
  --red: #111111;
  --paper: #ffffff;
  --paper-light: #f6f6f7;
  --gold: #e6e6e6;
  --gold-ink: #ff5a1f;
  --ink: #111111;
  --ink-soft: #6b6b6b;
  --line: #ececec;
  --line-2: #d8d8d8;
  --paper-60: rgba(255,255,255,.66);
  --paper-42: rgba(255,255,255,.4);
  --paper-25: rgba(255,255,255,.22);
  --ink-06: rgba(17,17,17,.06);
  --sans: "Noto Sans SC", "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;
  --serif: var(--sans);
}

html, body { background: #fff; }
body { font-family: var(--sans); letter-spacing: 0; color: #111; }

/* 顶部导航：白底毛玻璃，黑色字 */
.site-head,
.site-head--red {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255,255,255,.9);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid #eee;
  color: #111;
}
.site-head--red .brand__en,
.site-head--red .search,
.site-head--red .tool { color: #6b6b6b; border-color: #e8e8e8; }
.site-head--red .tool--cart { color: #111; }
.brand__name { font: 650 18px/1 var(--sans); letter-spacing: .04em; color: #111; }
.brand__en { color: #9a9a9a; letter-spacing: .16em; }
.nav { gap: 34px; margin-left: 20px; }
.nav a { font: 500 14px/1 var(--sans); color: #555; letter-spacing: 0; }
.nav a.on, .nav a:hover { color: #111; }
.nav a::after { height: 2px; border-radius: 2px; background: #111; }
.search { border-radius: 999px; background: #f5f5f5; border-color: transparent; height: 40px; }
.site-head--red .search { background: #f5f5f5; border-color: transparent; }
.badge { background: #111; color: #fff; border-radius: 999px; font-weight: 600; }
.site-head--red .badge { background: #111; color: #fff; }

/* 首屏：白场 + 大黑标题 + 圆角产品图 */
.hero { background: #fff; color: #111; }
.hero__grid { grid-template-columns: 600px 560px; gap: 40px; padding-top: 88px; }
.hero__copy { padding-right: 0; }
.hero__copy::after { display: none; }
.hero__eyebrow { color: #ff5a1f; letter-spacing: .16em; font-weight: 600; }
.hero__title { margin-top: 22px; color: #111; font: 700 78px/90px var(--sans); letter-spacing: -.05em; }
.hero__lead { margin-top: 24px; max-width: 480px; color: #666; font-size: 17px; line-height: 32px; }
.hero__cta { margin-top: 34px; gap: 12px; }
.hero__spec { border-top: 1px solid #eee; margin-top: 46px; padding-top: 20px; }
.hero__spec li { border-right-color: #eee; }
.hero__spec dt { color: #9a9a9a; }
.hero__spec dd { color: #222; }
.hero__plate { width: 560px; height: 560px; }
.hero__card {
  width: 100%; height: 100%;
  border: 1px solid #ececec;
  border-radius: 28px;
  background: #f6f6f7;
  padding: 10px;
}
.hero__card img { border-radius: 20px; object-fit: cover; }
.hero .plate__cap { color: #9a9a9a; }
.hero__figure { width: 560px; }

/* 按钮：黑色胶囊 / 白底细边 */
.btn { border-radius: 999px; height: 52px; padding: 0 28px; font-weight: 500; letter-spacing: 0; }
.btn--solid, .btn--onred { background: #111; border-color: #111; color: #fff; }
.btn--solid:hover, .btn--onred:hover { background: #ff5a1f; border-color: #ff5a1f; color: #fff; }
.btn--line, .btn--onred-line { border-color: #e2e2e2; color: #111; background: #fff; }
.btn--line:hover, .btn--onred-line:hover { background: #111; border-color: #111; color: #fff; }

/* 字体层级：全部无衬线 */
.h0 { font: 700 78px/90px var(--sans); letter-spacing: -.05em; }
h1, .h1 { font: 700 58px/70px var(--sans); letter-spacing: -.04em; }
.h1b { font: 700 44px/56px var(--sans); letter-spacing: -.03em; }
h2, .h2 { font: 650 44px/56px var(--sans); letter-spacing: -.035em; }
h3, .h3 { font: 600 26px/36px var(--sans); letter-spacing: -.02em; }
.h4 { font: 600 19px/28px var(--sans); }
.eyebrow { color: #ff5a1f; letter-spacing: .16em; font-weight: 600; }
.lead { color: #666; }

/* 品牌释义带：浅灰圆角卡 */
.band { padding: 26px 0 0; }
.band .wrap { background: #f6f6f7; border-radius: 24px; padding: 26px 32px; height: 174px; }
.band__grid { height: 100%; align-items: start; }
.band__word { font: 650 24px/32px var(--sans); letter-spacing: -.02em; color: #111; }
.band__txt { color: #777; font-size: 13px; line-height: 24px; }
.band__item { border-left: 0; padding-left: 0; }

/* 通用 section 标题 */
.sechd { align-items: flex-end; }
.sechd__aside { color: #888; }

/* 四件年货卡：白卡 + 20 圆角 + 极轻阴影 */
.four { padding-top: 26px; }
.card-s {
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 20px;
  box-shadow: 0 10px 30px rgba(17,17,17,.045);
  transition: transform .2s ease, box-shadow .2s ease;
}
.card-s:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(17,17,17,.08); border-color: #e3e3e3; }
.card-s__media { border-bottom: 1px solid #f0f0f0; background: #f6f6f7; border-radius: 20px 20px 0 0; }
.card-s__media img { padding: 0; object-fit: cover; }
.card-s__no { background: #fff; color: #111; border-radius: 999px; margin: 12px; height: 24px; font-weight: 600; }
.card-s__name { font: 600 20px/30px var(--sans); letter-spacing: -.02em; }
.card-s__sub { color: #888; }
.card-s__price { font: 650 26px/32px var(--sans); color: #111; }
.card-s__meta { color: #999; }
.tag-demo { border-color: #e5e5e5; color: #ff5a1f; border-radius: 999px; font-weight: 600; letter-spacing: .04em; }

/* 主推 / 视觉 / 延展：白或浅灰大圆角 */
.box { background: #f6f6f7; border-radius: 34px; padding: 42px 0; }
.box__plate { border-radius: 24px; overflow: hidden; background: #fff; border: 1px solid #ececec; }
.box__params { border-color: #e8e8e8; }
.box__params dt { color: #ff5a1f; }
.box__note .n { color: #ff5a1f; }
.taosu { padding-top: 34px; }
.taosu__plate { border-radius: 22px; overflow: hidden; background: #f6f6f7; }
.sys { background: #fff; padding-top: 34px; }
.sys__mark { border-radius: 22px; border-color: #ececec; background: #f6f6f7; }
.sys__item { border-top-color: #ececec; }
.sys__h { font: 600 17px/26px var(--sans); }
.sys__no { color: #ff5a1f; }
.ext__card { border-radius: 16px; border-color: #ececec; background: #fff; }
.ext__thumb { border-radius: 12px; border-color: #ececec; }
.rule { background: #ededed; }

/* 页脚：浅灰，不再黑底 */
.foot-narrow { background: #f6f6f7; color: #111; border-top: 1px solid #ececec; }
.foot-narrow__l b { font-family: var(--sans); letter-spacing: .04em; }
.foot-narrow__l span, .foot-narrow__r { color: #999; }

/* 通用图片版口 */
.plate { border-radius: 22px; border-color: #ececec; background: #f6f6f7; }
.plate__tag { border: 0; border-radius: 999px; margin: 10px; background: #111; color: #fff; }

/* 详情页 */
.pdp { padding-top: 22px; }
.pdp .crumb { color: #999; }
.pdp__main { border-radius: 26px; background: #f6f6f7; border: 1px solid #ececec; overflow: hidden; }
.pdp__main img { object-fit: cover; }
.pdp__title { font: 700 50px/62px var(--sans); letter-spacing: -.04em; }
.pdp__sub { color: #6b6b6b; }
.pdp__pricebox { border-radius: 18px; background: #f6f6f7; border-color: #ececec; }
.pdp__thumb { border-radius: 12px; background: #f6f6f7; border-color: #ececec; overflow: hidden; }
.pdp__thumb img { object-fit: cover; }
.pdp--dark { background: #111; }
.pdp--dark .pdp__main { background: #1b1b1b; border-color: #2a2a2a; }
.pdp--dark .pdp__main img { background: #fff; }
.pdp--collage .pdp__stage { border-radius: 24px; background: #f6f6f7; border-color: #ececec; overflow: hidden; }
.pdp--banner .pdp__band { border-radius: 24px; background: #f6f6f7; border: 1px solid #ececec; overflow: hidden; }
.pdp__buyrow .btn { border-radius: 999px; }
.dtl__cap, .craft__row { border-color: #eee; }
.craft__table { border-color: #eee; }

/* 会员 / 客服卡片 */
.tier, .svccard, .order, .gift, .faq, .panel, .addr {
  border-radius: 18px !important;
  border-color: #ececec !important;
  box-shadow: 0 8px 24px rgba(17,17,17,.035);
}

/* 图片统一轻微圆角 */
img { border-radius: 0; }
.hero__card img, .card-s__media img, .box__plate img, .taosu__plate img,
.pdp__main img, .pdp__thumb img, .ext__thumb { border-radius: 16px; }

/* 页脚浅色修正 */
.site-foot{background:#f6f6f7 !important;color:#111 !important;border-top:1px solid #ececec}
.foot__name{color:#111 !important;font-family:var(--sans) !important;letter-spacing:.04em}
.foot__en,.foot__org,.foot__col li,.foot__bar{color:#9a9a9a !important}
.foot__col h4{color:#ff5a1f !important}
.foot__bar{border-top-color:#e8e8e8 !important}
.hero__lead{max-width:560px !important;font-size:16px !important;line-height:30px !important}

/* D3 黑底上的次按钮：透明描边白字，避免白底白字 */
.pdp--dark .btn--line{background:transparent !important;color:#fff !important;border-color:rgba(255,255,255,.45) !important}
.pdp--dark .btn--line:hover{background:#fff !important;color:#111 !important;border-color:#fff !important}