/* aero-one · 纯静态站样式（对齐 unitingco.com 视觉） */
:root{
  --accent: #108474;
  --accent-2: #f78fbb;
  --ink: #3a2230;
  --text: #3a2230;
  --muted: #505158;
  --line: #e8e8e8;
  --bg: #ffffff;
  --bg-soft: #fff4f8;
  --maxw: 1400px;
  --ease: cubic-bezier(.25,.46,.45,.94);
}*{ margin: 0; padding: 0; box-sizing: border-box; }html{ scroll-behavior: smooth; }body{
  font-family: 'DM Sans', system-ui, -apple-system, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  color: var(--ink); background: var(--bg); line-height: 1.6; overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}a{ color: inherit; text-decoration: none; }img{ max-width: 100%; display: block; }.container{ width: 100%; max-width: var(--maxw); margin: 0 auto; padding: 0 20px; }@media (min-width: 900px){ .container { padding: 0 40px; } }.muted{ color: var(--muted); }/* ---------- announcement ---------- */
.announcement-bar{ background: var(--accent); color: #fff; overflow: hidden; white-space: nowrap; padding: 10px 0; }.announcement-text{ display: inline-block; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; animation: marquee 28s linear infinite; }@keyframes marquee{ 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }/* ---------- header ---------- */
.site-header{ position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,.95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line); transition: all .3s ease; }.header-inner{ display: flex; align-items: center; justify-content: space-between; padding: 14px 20px; max-width: var(--maxw); margin: 0 auto; }@media (min-width: 900px){ .header-inner { padding: 18px 40px; } }.logo{ display: flex; align-items: center; }.logo-img{ height: 40px; width: auto; transition: opacity .3s; }@media (min-width: 900px){ .logo-img { height: 52px; } }.logo:hover .logo-img{ opacity: .8; }.nav{ display: flex; align-items: center; gap: 18px; }@media (min-width: 900px){ .nav { gap: 35px; } }.nav a{ font-size: 13px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; position: relative; padding: 5px 0; }@media (min-width: 900px){ .nav a { font-size: 14px; } }.nav a::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--accent); transition: width .3s ease; }.nav a:hover{ color: var(--accent); }.nav a:hover::after{ width: 100%; }.nav a.btn::after{ display: none; }.nav .btn{ color: #fff; }/* ---------- buttons ---------- */
.btn{ display: inline-block; background: var(--ink); color: #fff; font-weight: 800; font-size: 13px; letter-spacing: 1.5px; text-transform: uppercase; padding: 14px 28px; border: 1px solid var(--ink); transition: all .3s var(--ease); }.btn:hover{ background: var(--accent); border-color: var(--accent); transform: translateY(-2px); }.btn-ghost{ background: transparent; color: var(--ink); }.btn-ghost:hover{ color: #fff; }.btn-sm{ padding: 9px 18px; font-size: 12px; }/* ---------- hero ---------- */
.hero{ padding: 64px 0 56px; background: linear-gradient(180deg, #fafafa 0%, #fff 100%); }@media (min-width: 900px){ .hero { padding: 96px 0 80px; } }.hero h1{ font-size: clamp(32px, 7vw, 64px); line-height: 1.05; font-weight: 900; letter-spacing: -1.5px; text-transform: uppercase; margin: 0 0 18px; }.hero h1 .accent{ color: var(--accent); }.lead{ color: var(--muted); font-size: clamp(15px, 2vw, 18px); max-width: 640px; margin: 0 0 30px; }.hero-actions{ display: flex; flex-wrap: wrap; gap: 12px; }/* ---------- sections ---------- */
section{ padding: 56px 0; }@media (min-width: 900px){ section { padding: 80px 0; } }.section-header{ display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; border-bottom: 2px solid var(--ink); padding-bottom: 14px; margin-bottom: 28px; }.section-title{ font-size: clamp(22px, 3.4vw, 28px); font-weight: 900; letter-spacing: -.5px; text-transform: uppercase; }.section-title .accent{ color: var(--accent); }.section-sub{ color: var(--muted); max-width: 720px; margin: 0 0 32px; }/* ---------- cards ---------- */
.about-section{ background: var(--bg-soft); border-bottom: 1px solid var(--line); }.cards{ display: grid; gap: 16px; grid-template-columns: 1fr; }@media (min-width: 640px){ .cards { grid-template-columns: repeat(2, 1fr); } }@media (min-width: 1100px){ .cards { grid-template-columns: repeat(4, 1fr); } }.card{ background: #fff; border: 1px solid var(--line); padding: 24px; transition: all .3s var(--ease); }.card:hover{ border-color: var(--ink); transform: translateY(-4px); box-shadow: 0 10px 30px rgba(0,0,0,.05); }.card h3{ font-size: 16px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 10px; }.card p{ color: var(--muted); font-size: 14px; }/* ---------- filters & products ---------- */
.filters{ display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 32px; }.filter-btn{ border: 1px solid var(--line); background: #fff; color: var(--ink); padding: 9px 18px; font: inherit; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; transition: all .25s ease; }.filter-btn:hover{ border-color: var(--ink); }.filter-btn.active{ background: var(--ink); border-color: var(--ink); color: #fff; }.product-grid{ display: grid; grid-template-columns: 1fr; gap: 24px; }@media (min-width: 700px){ .product-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; } }.product-card{ border: 1px solid var(--line); background: #fff; display: flex; flex-direction: column; overflow: hidden; transition: all .3s var(--ease); }.product-card:hover{ border-color: var(--ink); transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,.06); }.product-media{ overflow: hidden; aspect-ratio: 1 / 1; background: #f5f5f5; }.product-thumb{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }.product-card:hover .product-thumb{ transform: scale(1.05); }.product-body{ padding: 18px 18px 22px; }.product-name{ font-size: 15px; font-weight: 800; letter-spacing: .3px; margin: 0 0 6px; }.product-cat{ color: var(--muted); font-size: 12px; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 8px; }.product-desc{ color: var(--muted); font-size: 13px; margin: 0; }.loading{ color: var(--muted); }/* ---------- oem ---------- */
.oem-section{ background: var(--bg-soft); }.oem-list{ list-style: none; display: grid; gap: 12px; grid-template-columns: 1fr; max-width: 720px; }@media (min-width: 700px){ .oem-list { grid-template-columns: repeat(2, 1fr); } }.oem-list li{ background: #fff; border: 1px solid var(--line); border-left: 4px solid var(--accent); padding: 14px 18px; font-size: 14px; font-weight: 600; }/* ---------- footer ---------- */
.site-footer{ background: var(--ink); color: #fff; padding: 64px 0 28px; }.footer-inner{ display: grid; gap: 36px; grid-template-columns: 1fr; border-bottom: 1px solid #222; padding-bottom: 44px; }@media (min-width: 900px){ .footer-inner { grid-template-columns: 1.5fr 1fr 1fr 1.5fr; gap: 60px; } }.footer-wordmark{ font-size: 30px; font-weight: 900; letter-spacing: -1px; text-transform: uppercase; margin-bottom: 14px; }.footer-wordmark .accent{ color: var(--accent); }.site-footer p{ color: #999; font-size: 14px; }.site-footer h4{ font-size: 12px; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; color: var(--accent); margin-bottom: 18px; }.site-footer ul{ list-style: none; }.site-footer li{ margin-bottom: 10px; }.site-footer li a{ color: #ccc; font-size: 14px; transition: color .25s; }.site-footer li a:hover{ color: #fff; }.copyright{ margin-top: 24px; color: #666; font-size: 13px; letter-spacing: .5px; }/* ---------- 模块化 blocks ---------- */
.block--white{ background: #fff; }.block--grey{ background: var(--bg-soft); }.block--dark{ background: var(--ink); color: #fff; }.block--accent{ background: var(--accent); color: #fff; }.block--dark .section-title, .block--accent .section-title{ color: #fff; }.block--dark .lead, .block--accent .lead{ color: #d8d8d8; }.block--dark .prose p, .block--accent .prose p{ color: #c9c9c9; }.block--dark .btn, .block--accent .btn{ background: #fff; color: var(--ink); border-color: #fff; }.block--dark .btn:hover, .block--accent .btn:hover{ background: var(--accent); color: #fff; border-color: var(--accent); }.pad-sm{ padding: 32px 0; }.pad-md{ padding: 56px 0; }.pad-lg{ padding: 76px 0; }@media (min-width: 900px){
  .pad-sm { padding: 44px 0; }
  .pad-md { padding: 84px 0; }
  .pad-lg { padding: 116px 0; }
}.center{ text-align: center; }.center .section-header{ justify-content: center; }.center .section-title{ text-align: center; }.center .lead{ margin-left: auto; margin-right: auto; }.center .prose p{ margin-left: auto; margin-right: auto; }.eyebrow{ font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: var(--accent); margin-bottom: 14px; }.prose p{ color: var(--muted); margin: 0 0 1em; max-width: 780px; }.prose p:last-child{ margin-bottom: 0; }.split{ display: grid; gap: 28px; align-items: center; }@media (min-width: 900px){ .split { grid-template-columns: 1fr 1fr; gap: 56px; } .split--reverse .media { order: 2; } }.split .media img{ width: 100%; height: auto; display: block; }.gallery{ display: grid; gap: 16px; grid-template-columns: repeat(2, 1fr); }@media (min-width: 900px){ .gallery { grid-template-columns: repeat(3, 1fr); } }.gallery img{ width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1; }.nav-toggle{ display: none; }@media (max-width: 820px){
  .nav-toggle { display: flex; flex-direction: column; gap: 5px; background: none; border: 0; padding: 6px; cursor: pointer; }
  .nav-toggle span { display: block; width: 22px; height: 2px; background: var(--ink); }
  .nav { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border-bottom: 1px solid var(--line); flex-direction: column; align-items: flex-start; gap: 0; padding: 6px 20px 14px; display: none; box-shadow: 0 12px 24px rgba(0,0,0,.06); }
  .nav.open { display: flex; }
  .nav a { width: 100%; padding: 12px 0; }
  .nav a.btn { margin: 8px 0 4px; text-align: center; }
}/* ---------- 可视化编辑模式 ---------- */
.edit-mode [data-path]{ outline: 1px dashed rgba(255,51,153,.35); cursor: text; }.edit-mode [data-path]:hover{ outline: 2px dashed rgba(255,51,153,.8); }.edit-mode [data-path]:focus{ outline: 2px solid #ff3399; background: #fff7fc; }.edit-mode .editable-image{ cursor: pointer; outline: 3px dashed rgba(255,51,153,.6); outline-offset: -3px; }.edit-mode .block-tools{ position: absolute; top: 10px; right: 10px; display: flex; gap: 6px; z-index: 80; opacity: 0; transition: opacity .2s; }.edit-mode section:hover > .block-tools{ opacity: 1; }.edit-mode .block-tools button{ width: 30px; height: 30px; border-radius: 8px; border: 0; background: #111; color: #fff; font-size: 14px; line-height: 1; cursor: pointer; }.edit-mode .block-tools button:hover{ background: #ff3399; }/* ---------- 富文本浮动工具条 ---------- */
.rich-bar{
  position: fixed; z-index: 999; display: none; align-items: center; gap: 4px;
  padding: 6px; background: #111; border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.28);
}.rich-bar button{
  width: 28px; height: 28px; border: 0; border-radius: 6px; background: #262626;
  color: #fff; cursor: pointer; font-size: 13px; line-height: 1; padding: 0;
}.rich-bar button:hover{ background: #ff3399; }.rich-bar .sep{ width: 1px; height: 20px; background: #333; margin: 0 3px; }/* ---------- 工具条下拉 / 字体面板 ---------- */
.rich-bar select{
  height: 28px; background: #262626; color: #fff; border: 0; border-radius: 6px;
  font-size: 12px; padding: 0 6px; cursor: pointer; max-width: 110px;
}.rich-bar select option{ background: #1a1a1a; color: #fff; }/* ---------- brand wall / newsletter ---------- */
.brand-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); }@media (min-width: 700px){ .brand-grid { grid-template-columns: repeat(4, 1fr); } }.brand-tile{ background: #fff; padding: 30px 14px; text-align: center; font-weight: 800; font-size: 13px; letter-spacing: .8px; text-transform: uppercase; transition: all .25s ease; }.brand-tile:hover{ background: var(--accent); color: #fff; }.nl-form{ display: flex; gap: 10px; max-width: 520px; margin: 26px auto 0; flex-wrap: wrap; justify-content: center; }.nl-form input[type=email]{ flex: 1 1 260px; padding: 14px 16px; border: 1px solid rgba(255,255,255,.35); background: transparent; color: #fff; font: inherit; }.nl-form input::placeholder{ color: rgba(255,255,255,.6); }.newsletter-block .btn{ background: #fff; color: var(--ink); border-color: #fff; }.newsletter-block .btn:hover{ background: var(--accent); color: #fff; border-color: var(--accent); }/* ---------- 分类条 / 大图 Hero / 产品滚动条 ---------- */
.cat-bar{ border-top: 1px solid var(--line); }.cat-nav{ display: flex; gap: 24px; overflow-x: auto; padding: 10px 20px; max-width: var(--maxw); margin: 0 auto; scrollbar-width: none; }.cat-nav::-webkit-scrollbar{ display: none; }@media (min-width: 900px){ .cat-nav { padding: 12px 40px; } }.cat-nav a{ font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; white-space: nowrap; }.cat-nav a:hover{ color: var(--accent); }.hero-image-block{ position: relative; min-height: 68vh; background-size: cover; background-position: center; background-color: #ddd; display: flex; align-items: flex-end; }.hero-image-block::after{ content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.5)); }.hero-image-inner{ position: relative; z-index: 1; width: 100%; padding: 70px 0; color: #fff; }.hero-image-block h1{ font-size: clamp(32px, 6vw, 58px); color: #fff; }.hero-image-block .lead{ color: rgba(255,255,255,.9); }.hero-image-block .eyebrow{ color: #fff; opacity: .85; }@media (max-width: 700px){ .hero-image-block { min-height: 52vh; } .hero-image-inner { padding: 40px 0; } }.strip-block{ padding: 56px 0 40px; background: #fff; overflow: hidden; }.strip{ overflow: hidden; margin-top: 14px; }.strip-track{ display: flex; gap: 18px; width: max-content; animation: strip-move 45s linear infinite; }.strip:hover .strip-track{ animation-play-state: paused; }@keyframes strip-move{ from { transform: translateX(0); } to { transform: translateX(-50%); } }.strip-item{ width: 176px; flex: 0 0 auto; }.strip-media{ display: block; width: 176px; height: 176px; background: var(--bg-soft); overflow: hidden; border: 1px solid var(--line); }.strip-media img{ width: 100%; height: 100%; object-fit: cover; }.strip-name{ display: block; margin-top: 10px; font-size: 12px; line-height: 1.45; color: var(--muted); }/* ---------- 顶部黑条 / 信任条 / 图标 / 右对齐 hero / 小图滚动 ---------- */
.topbar{ background: #111; color: #fff; font-size: 12px; }.topbar-inner{ max-width: var(--maxw); margin: 0 auto; padding: 8px 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }@media (min-width: 900px){ .topbar-inner { padding: 9px 40px; } }.topbar-social{ display: flex; gap: 14px; }.topbar-social a{ opacity: .85; font-size: 11px; letter-spacing: .5px; }.topbar-social a:hover{ opacity: 1; color: var(--accent); }.topbar-promo{ flex: 1; text-align: center; font-weight: 700; letter-spacing: .3px; }.topbar-lang{ opacity: .85; white-space: nowrap; }.trustbar{ background: var(--accent); color: #fff; }.trustbar-inner{ max-width: var(--maxw); margin: 0 auto; padding: 9px 20px; display: flex; gap: 28px; justify-content: center; font-size: 12px; font-weight: 700; letter-spacing: .4px; flex-wrap: wrap; }@media (min-width: 900px){ .trustbar-inner { padding: 10px 40px; } }.header-icons{ display: flex; gap: 14px; align-items: center; margin-left: 6px; }.icon-btn{ background: none; border: 0; font-size: 18px; cursor: pointer; color: var(--ink); text-decoration: none; line-height: 1; }.nav a .cat-caret{ font-size: 8px; opacity: .55; margin-left: 3px; }.hero-image-block--right .hero-image-inner{ text-align: right; }.hero-image-block--right .lead{ margin-left: auto; }.hero-image-block--right .hero-actions{ justify-content: flex-end; }.strip-media{ width: 110px; height: 86px; border: 0; background: transparent; display: flex; align-items: center; justify-content: center; }.strip-media img{ width: 100%; height: 100%; object-fit: contain; }.strip-item{ width: 110px; }.strip-track{ gap: 14px; }.strip-label{ font-size: 13px; color: var(--muted); padding: 0 0 12px; }.btn-accent{ background: var(--accent); border-color: var(--accent); }.btn-accent:hover{ background: var(--ink); border-color: var(--ink); }/* ---------- 产品展示行（参考站 Fall Into…） ---------- */
.showcase-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }@media (min-width: 760px){ .showcase-grid { grid-template-columns: repeat(3, 1fr); } }@media (min-width: 1100px){ .showcase-grid { grid-template-columns: repeat(6, 1fr); gap: 14px; } }.showcase-media{ background: #f4f4f4; aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; }.showcase-media img{ width: 100%; height: 100%; object-fit: contain; }.showcase-name{ font-size: 12px; line-height: 1.45; margin-top: 10px; color: var(--ink); }/* ---------- 参考站细节：胶囊按钮 / 中条 / 手风琴 / 文章卡 ---------- */
.block--warm{ background: #f6f1ea; }.btn-pill{ display: inline-flex; align-items: center; justify-content: center; margin-top: 12px; padding: 9px 14px; border: 1px solid var(--ink); border-radius: 999px; font-size: 12px; font-weight: 600; color: var(--ink); background: #fff; }.btn-pill:hover{ background: var(--ink); color: #fff; }.btn-pill--wide{ min-width: 120px; }.view-all-wrap{ display: flex; justify-content: center; margin-top: 28px; }.showcase-card{ display: flex; flex-direction: column; }.showcase-name{ min-height: 34px; margin-bottom: 2px; }.midbar{ background: #1c1c1c; color: #fff; text-align: center; font-size: 13px; letter-spacing: .5px; padding: 14px 10px; }.bullets{ margin: 18px 0 0; padding-left: 18px; color: var(--muted); }.bullets li{ margin: 6px 0; }.acc-row{ border-bottom: 1px solid var(--line); }.acc-row:first-child{ border-top: 1px solid var(--line); }.acc-row summary{ display: grid; grid-template-columns: 24px 1fr auto;  gap: 2px 10px; align-items: center; padding: 18px 0; cursor: pointer; list-style: none; }.acc-row summary::-webkit-details-marker{ display: none; }.acc-icon{ grid-area: icon; color: var(--accent); font-size: 16px; }.acc-title{ grid-area: title; font-weight: 800; font-size: 16px; }.acc-sub{ grid-area: sub; font-size: 12px; color: var(--muted); }.acc-explore{ grid-area: explore; font-size: 11px; font-weight: 700; letter-spacing: 1px; color: var(--muted); }.acc-caret{ font-size: 9px; }.acc-body{ padding: 0 0 18px 34px; color: var(--muted); font-size: 14px; }.article-grid{ display: grid; gap: 16px; }@media (min-width: 900px){ .article-grid { grid-template-columns: repeat(3, 1fr); } }.article-card{ position: relative; display: block; overflow: hidden; }.article-card img{ width: 100%; height: 320px; object-fit: cover; display: block; }.article-overlay{ position: absolute; inset: auto 0 0 0; padding: 18px; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.78)); color: #fff; display: flex; flex-direction: column; gap: 10px; }.article-title{ font-weight: 800; font-size: 15px; line-height: 1.35; }.article-btn{ align-self: flex-start; background: var(--accent); color: #fff; font-size: 11px; font-weight: 700; padding: 6px 10px; border-radius: 2px; }/* 深色顶部 Header */
.site-header{ background: #111; border-bottom: 1px solid rgba(255,255,255,.10); }.site-header .nav a, .site-header .nav a:visited{ color: #fff; }.site-header .nav a:hover{ color: var(--accent); }.site-header .icon-btn{ color: #fff; }.site-header .nav-toggle span{ background: #fff; }.logo-text{ font-weight: 900; font-size: 17px; letter-spacing: .6px; color: #fff; line-height: 1.25; max-width: 240px; text-transform: uppercase; }@media (max-width: 820px){ .logo-text { font-size: 14px; max-width: 170px; } }@media (max-width: 820px){
  .site-header .nav { background: #111; border-bottom-color: rgba(255,255,255,.12); }
  .site-header .nav a { color: #fff; }
}/* ---------- 搜索 ---------- */
.search-panel{ position: fixed; inset: 0; background: rgba(0,0,0,.45); display: none; z-index: 300; }.search-panel.open{ display: block; }.search-inner{ position: relative; background: #fff; max-width: 760px; margin: 90px auto 0; padding: 24px 20px; border-radius: 4px; }.search-inner input{ width: 100%; border: 1px solid var(--line); padding: 14px 16px; font: inherit; font-size: 16px; outline: none; }.search-inner input:focus{ border-color: var(--ink); }#searchClose{ position: absolute; top: 8px; right: 10px; background: none; border: 0; font-size: 18px; cursor: pointer; color: var(--muted); }.sr-item{ display: flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--line); }.sr-item:last-child{ border-bottom: 0; }.sr-item img{ width: 44px; height: 44px; object-fit: contain; background: var(--bg-soft); }.sr-item span{ font-size: 13px; color: var(--ink); }.sr-empty{ color: var(--muted); font-size: 13px; padding: 12px 0 0; }/* ---------- 顶部内联搜索 ---------- */
.header-search{ position: relative; }.header-search input{ width: 210px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.22); color: #fff; padding: 9px 12px; font: inherit; font-size: 13px; border-radius: 2px; }.header-search input::placeholder{ color: rgba(255,255,255,.6); }.header-search input:focus{ outline: none; border-color: var(--accent); background: rgba(255,255,255,.14); }.search-suggest{ display: none; position: absolute; top: calc(100% + 8px); right: 0; width: 320px; background: #fff; color: var(--ink); box-shadow: 0 12px 30px rgba(0,0,0,.18); padding: 4px 14px; z-index: 400; }.search-suggest.open{ display: block; }.search-suggest .sr-item{ display: flex; align-items: center; gap: 10px; padding: 9px 0; border-bottom: 1px solid var(--line); }.search-suggest .sr-item:last-child{ border-bottom: 0; }.search-suggest .sr-item img{ width: 40px; height: 40px; object-fit: contain; background: var(--bg-soft); }.search-suggest .sr-item span{ font-size: 13px; color: var(--ink); }.search-suggest .sr-empty{ font-size: 12px; color: var(--muted); padding: 10px 0; }@media (max-width: 820px){ .header-search input { width: 130px; } .search-suggest { width: 260px; } }/* 分类卡片自适应（7 项） */
.cards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }/* 4+3 分类栅格：第二行 3 个更宽，宽度与上一行对齐 */
@media (min-width: 1100px){
  .cards { grid-template-columns: repeat(12, 1fr); }
  .cards > * { grid-column: span 3; }
  .cards > *:nth-child(n+5) { grid-column: span 4; }
}/* 头部两端更贴边：Logo 靠左、搜索靠右 */
.header-inner{ max-width: 1600px; padding-left: 14px; padding-right: 14px; }@media (min-width: 900px){ .header-inner { padding-left: 28px; padding-right: 28px; } }.header-search{ margin-left: auto; }/* 头部三段式：左 Logo / 中导航 / 右搜索 */
@media (min-width: 900px){
  .header-inner { position: relative; display: flex; justify-content: center; padding-left: 16px; padding-right: 16px; }
  .header-inner .logo { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); }
  .header-inner .header-search { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); margin-left: 0; }
  .header-inner .nav { margin: 0 auto; }
}/* 头部三栏网格（修复重叠）：左 Logo / 中导航（可横向滚动）/ 右搜索 */
@media (min-width: 900px){
  .header-inner {
    display: grid !important;
    grid-template-columns: minmax(150px, 230px) 1fr minmax(170px, 210px);
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
  }
  .header-inner .logo { position: static; left: auto; top: auto; transform: none; justify-self: start; min-width: 0; }
  .header-inner .header-search { position: static; right: auto; top: auto; transform: none; justify-self: end; margin-left: 0; width: 100%; }
  .header-inner .header-search input { width: 100%; }
  .header-inner .nav { justify-self: center; margin: 0; gap: 16px; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
  .header-inner .nav::-webkit-scrollbar { display: none; }
  .header-inner .nav a { font-size: 12px; letter-spacing: .4px; white-space: nowrap; }
}/* 导航列收缩，避免压到搜索框 */
@media (min-width: 900px){
  .header-inner { grid-template-columns: minmax(130px, 200px) minmax(0, 1fr) minmax(150px, 190px); }
  .header-inner .nav { min-width: 0; max-width: 100%; overflow-x: auto; justify-content: flex-start; padding-right: 6px; }
  .header-inner .nav a { font-size: 11.5px; letter-spacing: .3px; }
}/* 分类两行显示：允许换行，长名字断成两行 */
@media (min-width: 900px){
  .header-inner .nav { flex-wrap: wrap; justify-content: center; overflow: visible; row-gap: 6px; column-gap: 18px; }
  .header-inner .nav a { white-space: normal; text-align: center; max-width: 118px; line-height: 1.2; font-size: 11.5px; padding: 2px 0; }
}/* ---------- About Us 图文 ---------- */
.about-grid{ display: grid; gap: 36px; align-items: center; }@media (min-width: 900px){ .about-grid { grid-template-columns: 1fr 1fr; gap: 56px; } }.about-media img{ width: 100%; height: auto; display: block; background: var(--bg-soft); }.about-copy .section-title{ margin-bottom: 16px; }.about-copy .prose p{ color: var(--muted); }/* ---------- 导航下拉 ---------- */
.nav-item{ position: relative; display: flex; align-items: center; }.submenu{ position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); min-width: 220px; background: #fff; border: 1px solid var(--line); box-shadow: 0 14px 34px rgba(0,0,0,.12); padding: 8px 0; display: none; z-index: 250; }.nav-item.has-sub:hover .submenu{ display: block; }.submenu a{ display: block; padding: 8px 16px; font-size: 12px; color: var(--ink) !important; text-transform: none; letter-spacing: 0; white-space: nowrap; }.submenu a:hover{ background: var(--bg-soft); color: var(--accent) !important; }.cat-caret{ display: inline-block; margin-left: 5px; font-size: 9px; opacity: .55; }/* ---------- 产品列表 / 明细 ---------- */
.page-head{ padding: 36px 0 10px; }.page-head h1{ font-size: 30px; margin: 0 0 6px; }.loading-note{ padding: 60px 0; color: var(--muted); }.filter-bar{ display: flex; flex-wrap: wrap; gap: 10px; margin: 14px 0 28px; }.chip{ display: inline-block; padding: 8px 14px; border: 1px solid var(--line); font-size: 12px; color: var(--ink); background: #fff; }.chip:hover{ border-color: var(--accent); color: var(--accent); }.chip.is-active{ background: var(--accent); border-color: var(--accent); color: #fff; }.plist-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; padding-bottom: 50px; }@media (min-width: 700px){ .plist-grid { grid-template-columns: repeat(3, 1fr); } }@media (min-width: 1100px){ .plist-grid { grid-template-columns: repeat(4, 1fr); gap: 24px; } }.pcard{ display: flex; flex-direction: column; }.pcard-media{ display: flex; align-items: center; justify-content: center; background: var(--bg-soft); aspect-ratio: 1 / 1; overflow: hidden; }.pcard-media img{ width: 100%; height: 100%; object-fit: contain; }.pcard-item{ font-size: 11px; color: var(--muted); margin-top: 10px; letter-spacing: .4px; }.pcard-name{ font-size: 13px; font-weight: 600; color: var(--ink); line-height: 1.35; margin-top: 2px; }.pcard:hover .pcard-name{ color: var(--accent); }.crumbs{ font-size: 12px; color: var(--muted); padding: 22px 0 18px; }.crumbs a{ color: var(--muted); }.crumbs a:hover{ color: var(--accent); }.detail-grid{ display: grid; gap: 30px; padding-bottom: 60px; }@media (min-width: 900px){ .detail-grid { grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: start; } }.gallery-main{ background: var(--bg-soft); display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; }.gallery-main img{ width: 100%; height: 100%; object-fit: contain; }.gallery-thumbs{ display: flex; gap: 10px; margin-top: 12px; flex-wrap: wrap; }.pthumb{ width: 68px; height: 68px; padding: 0; border: 1px solid var(--line); background: #fff; cursor: pointer; }.pthumb img{ width: 100%; height: 100%; object-fit: contain; }.pthumb.is-active{ border-color: var(--accent); border-width: 2px; }.detail-cat{ font-size: 11px; letter-spacing: 1.2px; text-transform: uppercase; color: var(--accent); margin: 0 0 6px; }.detail-copy h1{ font-size: 30px; margin: 0 0 6px; line-height: 1.2; }.detail-item{ font-size: 12px; color: var(--muted); margin: 0 0 18px; }.spec{ display: grid; grid-template-columns: 120px 1fr; gap: 10px 16px; margin: 0 0 24px; font-size: 13px; }.spec dt{ color: var(--muted); }.spec dd{ margin: 0; color: var(--ink); line-height: 1.6; }.detail-back{ margin-top: 10px; }@media (max-width: 899px){
  .submenu { position: static; transform: none; box-shadow: none; border: 0; display: block; padding: 0 0 0 10px; }
  .nav-item { display: block; }
}/* ---------- 参考版导航（白底 / 标题式 / 干净下拉） ---------- */
.site-header{ background: rgba(255,255,255,.97); border-bottom: 1px solid #ededed; }.site-header .nav a, .site-header .nav a:visited{ color: #141414; }.site-header .nav a:hover, .site-header .nav a.is-open{ color: #000; }.site-header .icon-btn{ color: #141414; }.site-header .nav-toggle span{ background: #141414; }.logo-text{ color: #141414; text-transform: none; letter-spacing: 0; font-weight: 700; }.nav a{ text-transform: none; letter-spacing: 0; font-weight: 500; font-size: 14px; }.nav-item.has-sub > .cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 600; line-height: 1.2; color: #141414; background: transparent; border: 0; border-radius: 0; padding: 6px 2px; text-transform: none; }.nav a::after{ height: 1px; background: #141414; }.submenu{ top: 100%; margin-top: 10px; min-width: 214px; padding: 8px 0; border: 1px solid #ececec; box-shadow: 0 12px 30px rgba(0,0,0,.08); }.submenu::before{ content: ''; position: absolute; top: -12px; left: 0; right: 0; height: 12px; }.submenu a{ padding: 10px 20px; font-size: 13.5px; font-weight: 400; color: #1a1a1a !important; }.submenu a:hover{ background: #f7f7f7; color: #000 !important; }.nav-item.has-sub.is-open .submenu{ display: block; }@media (max-width: 820px){
  .site-header .nav { background: #fff; border-bottom-color: #ececec; }
  .site-header .nav a { color: #141414; }
}/* ---------- 参考 beautestar 头部：两行 + 大字号菜单 + 多列下拉 ---------- */
@media (min-width: 900px){
  .header-inner {
    display: grid;
    grid-template-columns: auto 1fr;
    
    align-items: center;
    gap: 8px 28px;
    padding: 18px 28px 0 !important;
    max-width: 1440px;
  }
  .logo { grid-area: logo; }
  .header-icons { grid-area: search; justify-self: end; width: min(460px, 52%); }
  .header-icons .header-search { width: 100%; }
  .nav { grid-area: nav; justify-self: start; padding: 10px 0 12px; border-top: 1px solid #f0f0f0; width: 100%; gap: 30px; }
  .nav a, .header-inner .nav a { font-size: 15.5px; font-weight: 500; }
  .nav .nav-item.has-sub > .cat-link { gap: 7px; }
  .cat-caret { font-size: 9px; opacity: .5; }
  .submenu { min-width: 240px; padding: 14px 0; }
  .submenu a { padding: 9px 22px; font-size: 14px; }
  .submenu--mega { columns: 2; column-gap: 8px; min-width: 460px; }
  .nav-toggle { display: none; }
}/* 产品明细：大图 + 大标题（参考图比例） */
@media (min-width: 900px){
  .detail-grid { grid-template-columns: 1.15fr 1fr; gap: 64px; }
  .gallery-main { aspect-ratio: 1 / 1; background: #f2f0ee; }
  .detail-copy h1 { font-size: 40px; line-height: 1.15; margin-bottom: 14px; }
  .detail-cat { font-size: 12px; margin-bottom: 8px; }
  .detail-item { font-size: 13px; margin-bottom: 22px; }
  .spec { font-size: 14.5px; grid-template-columns: 132px 1fr; gap: 12px 20px; }
  .gallery-thumbs { margin-top: 16px; }
  .pthumb { width: 78px; height: 78px; }
}/* 大号三级菜单（参考 beautestar 的列式下拉） */
@media (min-width: 900px){
  .nav { gap: 36px; }
  .nav a, .header-inner .nav a { font-size: 17px; font-weight: 500; }
  .submenu--mega {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, auto);
    gap: 6px 40px;
    min-width: 0;
    width: max-content;
    max-width: min(1100px, 92vw);
    padding: 28px 34px;
    border: 1px solid #ececec;
    box-shadow: 0 18px 40px rgba(0,0,0,.10);
    columns: initial;
  }
  .mega-col { break-inside: avoid; min-width: 200px; }
  .mega-title { font-size: 12px; letter-spacing: 1.3px; text-transform: uppercase; font-weight: 800; color: #111; margin: 0 0 10px; }
  .submenu--mega a { display: block; padding: 6px 0; font-size: 14.5px; color: #333 !important; }
  .submenu--mega a:hover { color: #000 !important; background: none; text-decoration: underline; }
  .submenu--mega .mega-all { margin-top: 10px; font-weight: 700; font-size: 12px; letter-spacing: 1px; text-transform: uppercase; }
}/* 重做导航：单列下拉，修复错乱 */
@media (min-width: 900px){
  .nav { gap: 26px; flex-wrap: nowrap; }
  .nav a, .header-inner .nav a { font-size: 16px; white-space: nowrap; }
  .nav-item { white-space: nowrap; }
  .submenu, .submenu--mega {
    display: block !important;
    columns: initial !important;
    grid-template-rows: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    transform: none;
    margin-top: 8px;
    min-width: 230px;
    max-width: 320px;
    width: max-content;
    padding: 12px 0;
    background: #fff;
    border: 1px solid #ececec;
    box-shadow: 0 16px 36px rgba(0,0,0,.10);
  }
  .submenu a, .submenu--mega a {
    display: block;
    padding: 9px 22px;
    font-size: 14px;
    line-height: 1.35;
    color: #222 !important;
    white-space: normal;
  }
  .submenu a:hover, .submenu--mega a:hover { background: #f7f7f7; color: #000 !important; text-decoration: none; }
  .mega-col, .mega-title, .mega-all { display: none !important; }
}/* 导航定稿：粉色圆角一级菜单 + 默认收起 */
@media (min-width: 900px){
  .nav { gap: 22px; align-items: center; }
  .nav .cat-link,
  .header-inner .nav .cat-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
    padding: 6px 2px;
    border-radius: 0;
    background: transparent !important;
    color: #3a2230 !important;
    text-decoration: none;
  }
  .nav .cat-link:hover,
  .nav-item.has-sub.is-open > .cat-link { background: transparent !important; color: #2a1824 !important; }
  .nav .cat-link::after { display: none; }

  .nav-item.has-sub > .submenu { display: none !important; }
  .nav-item.has-sub:hover > .submenu,
  .nav-item.has-sub.is-open > .submenu { display: block !important; }

  .submenu {
    left: 0;
    right: auto;
    transform: none;
    margin-top: 10px;
    padding: 14px 0;
    min-width: 240px;
    max-width: 340px;
    width: max-content;
    text-align: left;
  }
  .submenu a,
  .submenu--mega a {
    display: block;
    text-align: left;
    padding: 13px 24px;
    font-size: 14.5px;
    line-height: 1.45;
  }
}/* 导航修正：胶囊包住文字 + 二级左对齐不溢出 + 粉色分隔线 */
@media (min-width: 900px){
  .nav { gap: 22px; overflow: visible; }
  .nav-item, .nav > .cat-link { flex: 0 0 auto; }
  .nav .cat-link, .header-inner .nav .cat-link {
    white-space: nowrap;
    width: max-content;
    padding: 6px 2px;
    font-size: 18px;
    border-radius: 0;
    background: transparent !important;
  }
  .submenu {
    width: max-content;
    min-width: 260px;
    max-width: none;
    padding: 8px 0;
    text-align: left;
  }
  .submenu a, .submenu--mega a {
    display: block;
    text-align: left;
    white-space: nowrap;
    padding: 12px 26px;
    font-size: 14.5px;
    border-bottom: 0;
  }
  .submenu a:last-child, .submenu--mega a:last-child { border-bottom: 0; }
}/* 导航加固：胶囊不被压缩 + 下拉不被裁切 */
@media (min-width: 900px){
  .nav, .nav-item, .nav .cat-link { flex-shrink: 0 !important; }
  .nav .cat-link { display: inline-block; white-space: nowrap; width: auto; max-width: none; }
  .nav-item.has-sub > .submenu {
    width: max-content !important;
    min-width: 280px !important;
    max-width: 90vw !important;
    left: 0 !important;
    right: auto !important;
    padding: 10px 0 !important;
  }
  .submenu a { display: block !important; text-align: left !important; padding: 12px 24px !important; white-space: nowrap; }
}/* 最终修正：解除 max-width（响应式旧规则的 118px 限制） */
.header-inner .nav a.cat-link,
.header-inner .nav .nav-item > .cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 600; line-height: 1.2; color: #141414; background: transparent; border: 0; border-radius: 0; padding: 6px 2px; text-transform: none; }/* 最终修正 v2：覆盖旧响应式规则（11.5px / max-width 118px） */
.header-inner .nav a.cat-link,
.header-inner .nav .nav-item > a.cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 600; line-height: 1.2; color: #141414; background: transparent; border: 0; border-radius: 0; padding: 6px 2px; text-transform: none; }.header-inner .nav a.cat-link:hover { background: transparent; color: #d24d84; }/* 最终修正 v3：去掉箭头、文字居中、下拉宽度按内容 */
.header-inner .nav a.cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 600; line-height: 1.2; color: #141414; background: transparent; border: 0; border-radius: 0; padding: 6px 2px; text-transform: none; }.header-inner .nav .submenu{
  width: max-content !important;
  max-width: min(92vw, 640px) !important;
  min-width: 280px !important;
  box-sizing: border-box !important;
  padding: 10px 0 !important;
}.header-inner .nav .submenu a{
  display: block !important;
  white-space: nowrap !important;
  text-align: left !important;
  padding: 12px 24px !important;
}.header-inner .nav .submenu a:last-child{ border-bottom: 0 !important; }/* 下拉右侧留白，避免长名字贴边 */
.header-inner .nav .submenu a{
  padding-left: 26px !important;
  padding-right: 34px !important;
}.header-inner .nav .submenu{ padding-right: 4px !important; }/* 最终修正 v4：下拉面板按内容撑开，长名字在框内换行，杜绝溢出 */
.header-inner .nav .submenu{
  left: 0 !important;
  right: auto !important;
  transform: none !important;
  width: max-content !important;
  min-width: 300px !important;
  max-width: min(92vw, 560px) !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  padding: 8px 0 !important;
}.header-inner .nav .submenu a{
  display: block !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
  text-align: left !important;
  padding: 12px 30px !important;
  line-height: 1.4 !important;
}/* 最终修正 v5：不换行，面板按最长项撑开 */
.header-inner .nav .submenu{
  width: max-content !important;
  min-width: 300px !important;
  max-width: none !important;
  overflow: visible !important;
}.header-inner .nav .submenu a{
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  text-overflow: clip !important;
  padding: 12px 30px !important;
}.site-header{ overflow: visible !important; }.nav{ overflow: visible !important; }/* 微调：下拉整体左移、文字左侧留白收一点 */
.header-inner .nav .submenu{
  left: -12px !important;
  padding: 8px 0 !important;
}.header-inner .nav .submenu a{
  padding-left: 20px !important;
  padding-right: 28px !important;
}/* 微调 v2：二级字号小一号；窄菜单不再被 min-width 撑宽 */
.header-inner .nav .submenu a{
  font-size: 13.5px !important;
  line-height: 1.4 !important;
}.header-inner .nav .submenu{
  min-width: 190px !important;
  width: max-content !important;
}/* 仅 Aprons & Capes 下拉收窄，其他保持 300px */
.header-inner .nav .submenu{ min-width: 300px !important; }.header-inner .nav .nav-item--aprons .submenu{ min-width: 190px !important; width: max-content !important; }/* 统一定宽：完全按二级菜单内容自适应 */
.header-inner .nav .submenu,
.header-inner .nav .nav-item--aprons .submenu{
  width: max-content !important;
  min-width: 150px !important;
  max-width: none !important;
  left: 0 !important;
  transform: none !important;
  box-sizing: border-box !important;
}.header-inner .nav .submenu a{
  white-space: nowrap !important;
  padding: 12px 24px !important;
  font-size: 13.5px !important;
}/* CATEGORY 卡片可点击 */
a.card, .card--link{ display: block; color: inherit; text-decoration: none; position: relative; transition: transform .25s ease, box-shadow .25s ease; }a.card:hover, .card--link:hover{ transform: translateY(-3px); box-shadow: 0 12px 28px rgba(0,0,0,.08); }.card-arrow{ position: absolute; right: 18px; bottom: 14px; font-size: 16px; color: var(--accent); opacity: 0; transition: opacity .25s ease; }a.card:hover .card-arrow{ opacity: 1; }/* FALL INTO 区块：产品图 2 秒自动轮播 */
.showcase-img{ transition: opacity .18s ease; }/* 移动端：二级菜单默认收起 + 导航可滚动，避免“卡住” */
@media (max-width: 899px){
  .site-header .nav.open {
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 24px;
  }
  .site-header .nav .submenu {
    display: none !important;
    position: static !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 0 6px 14px !important;
    width: auto !important;
    min-width: 0 !important;
    transform: none !important;
    left: auto !important;
  }
  .site-header .nav .nav-item.has-sub.is-open > .submenu { display: block !important; }
  .site-header .nav .submenu a { white-space: normal !important; padding: 8px 0 !important; font-size: 14px !important; border-bottom: 0 !important; }
  .site-header .nav .cat-link { display: block !important; width: 100% !important; text-align: left !important; font-size: 15px !important; padding: 10px 0 !important; background: transparent !important; color: #141414 !important; border-radius: 0 !important; }
  .site-header .nav .cat-link:hover { background: transparent !important; }
}/* 产品详情：图集改为上下结构（修复缩略图跑到右侧） */
.detail-grid .gallery{ display: block !important; }.detail-grid .gallery-main{ width: 100%; }.detail-grid .gallery-thumbs{ display: flex !important; flex-wrap: wrap; gap: 10px; margin-top: 12px; }@media (max-width: 899px){
  .detail-grid { grid-template-columns: 1fr !important; }
  .detail-copy h1 { font-size: 26px !important; }
  .spec { grid-template-columns: 100px 1fr !important; font-size: 13px !important; }
}/* 移动端详情页：图集统一在顶部，文字在下方，杜绝压图 */
@media (max-width: 899px){
  .detail-grid { display: block !important; }
  .detail-grid .gallery { display: block !important; width: 100% !important; }
  .detail-grid .gallery-main { width: 100% !important; float: none !important; position: static !important; }
  .detail-grid .gallery-main img { width: 100% !important; height: auto !important; display: block !important; }
  .detail-grid .gallery-thumbs {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 10px !important;
    margin: 12px 0 0 !important;
    padding-bottom: 4px !important;
  }
  .detail-grid .pthumb { flex: 0 0 auto; width: 64px !important; height: 64px !important; }
  .detail-grid .detail-copy { margin-top: 26px !important; position: static !important; }
  .detail-grid .spec { display: grid !important; grid-template-columns: 92px 1fr !important; gap: 8px 12px !important; }
  .detail-grid .spec dd { word-break: break-word; }
  /* 列表页卡片：文字始终在图片下方 */
  .plist-grid .pcard { display: flex !important; flex-direction: column !important; }
  .plist-grid .pcard-media { order: 0; }
  .plist-grid .pcard-item, .plist-grid .pcard-name { position: static !important; }
}/* 移动端一级菜单：缩小 + 菜单之间留间距 */
@media (max-width: 899px){
  .site-header .nav.open {
    padding: 12px 16px 22px !important;
    gap: 9px !important;
    align-items: flex-start !important;
  }
  .site-header .nav .nav-item { width: auto !important; }
  .site-header .nav .cat-link,
  .site-header .nav a.cat-link {
    display: inline-flex !important;
    width: auto !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    padding: 8px 16px !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #3a2230 !important;
  }
  .site-header .nav .cat-link:hover { background: transparent !important; }
  .site-header .nav .submenu { margin: 4px 0 6px 8px !important; }
  .site-header .nav .submenu a { font-size: 13.5px !important; padding: 7px 0 !important; }
}/* 移动端：一级菜单从右侧抽屉滑出 */
@media (max-width: 899px){
  .site-header .nav,
  .site-header .nav.open {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    width: min(78vw, 320px) !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 74px 18px 28px !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: -14px 0 36px rgba(0,0,0,.16) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 9px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    transform: translateX(100%);
    transition: transform .28s ease;
    visibility: hidden;
    z-index: 120;
  }
  .site-header .nav.open {
    transform: translateX(0);
    visibility: visible;
  }
  .site-header .nav-toggle { position: relative; z-index: 130; }
}/* 移动端抽屉：一级菜单右对齐 */
@media (max-width: 899px){
  .site-header .nav,
  .site-header .nav.open { align-items: flex-end !important; }
  .site-header .nav .nav-item { width: auto !important; }
  .site-header .nav .cat-link,
  .site-header .nav a.cat-link { text-align: right !important; justify-content: flex-end !important; }
  .site-header .nav .submenu { margin: 4px 0 6px 0 !important; text-align: right !important; }
  .site-header .nav .submenu a { text-align: right !important; }
}/* 移动端：展开二级菜单时一级胶囊位置不动 */
@media (max-width: 899px){
  .site-header .nav .nav-item,
  .site-header .nav-item.has-sub {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }
  .site-header .nav .cat-link,
  .site-header .nav a.cat-link {
    margin-left: auto !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }
  .site-header .nav .submenu {
    width: 100% !important;
    max-width: 100% !important;
    text-align: right !important;
    margin: 6px 0 4px 0 !important;
  }
  .site-header .nav .submenu a {
    display: block !important;
    text-align: right !important;
    white-space: normal !important;
  }
}/* FALL INTO 区块：左右滑动轮播 */
.showcase-media{ overflow: hidden; position: relative; }.showcase-track{
  display: flex !important;
  height: 100%;
  width: 100%;
  transition: transform .55s cubic-bezier(.4,.0,.2,1);
  will-change: transform;
}.showcase-track img{
  flex: 0 0 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}/* FALL INTO 轮播：左右细箭头 */
.showcase-media{ position: relative; overflow: hidden; }.ss-nav{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 42px;
  border: 0;
  padding: 0;
  background: rgba(255,255,255,.82);
  color: #222;
  font-size: 22px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
  transition: opacity .2s ease, background .2s ease;
  z-index: 3;
}.ss-prev{ left: 0; border-radius: 0 4px 4px 0; }.ss-next{ right: 0; border-radius: 4px 0 0 4px; }.showcase-card:hover .ss-nav, .showcase-media:hover .ss-nav{ opacity: 1; }.ss-nav:hover{ background: #fff; }@media (hover: none){ .ss-nav { opacity: .85; } }/* 下拉面板：彻底按内容收缩（shrink-to-fit），长名字不溢出 */
@media (min-width: 900px){
  .header-inner .nav .submenu {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
  }
  .header-inner .nav .submenu a {
    display: block !important;
    white-space: nowrap !important;
    width: auto !important;
    padding: 12px 24px !important;
  }
}/* 修复：下拉默认隐藏，悬停/点击才显示（v24 的 display 覆盖导致全开） */
@media (min-width: 900px){
  .header-inner .nav .submenu { display: none !important; }
  .header-inner .nav .nav-item.has-sub:hover > .submenu,
  .header-inner .nav .nav-item.has-sub.is-open > .submenu {
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
  }
}/* 下拉宽度由 JS 测量后写入，这里只管显示/隐藏 */
@media (min-width: 900px){
  .header-inner .nav .submenu { display: none !important; }
  .header-inner .nav .nav-item.has-sub:hover > .submenu,
  .header-inner .nav .nav-item.has-sub.is-open > .submenu {
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  .header-inner .nav .submenu a { white-space: nowrap !important; display: block !important; }
}/* ===== 下拉菜单最终定稿（高优先级，覆盖之前所有规则）===== */
@media (min-width: 900px){
  .site-header .nav .nav-item.has-sub > .submenu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    width: max-content !important;
    min-width: 0 !important;
    max-width: none !important;
    background: #ffffff !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.12) !important;
    padding: 8px 0 !important;
    margin-top: 8px !important;
    z-index: 60 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .site-header .nav .nav-item.has-sub:hover > .submenu,
  .site-header .nav .nav-item.has-sub.is-open > .submenu {
    display: block !important;
  }
  .site-header .nav .nav-item.has-sub > .submenu > a {
    display: block !important;
    width: auto !important;
    white-space: nowrap !important;
    padding: 10px 22px !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    color: #222222 !important;
    background: #ffffff !important;
    text-align: left !important;
    border-bottom: 0 !important;
  }
  .site-header .nav .nav-item.has-sub > .submenu > a:last-child { border-bottom: 0 !important; }
  .site-header .nav .nav-item.has-sub > .submenu > a:hover { background: #faf7f8 !important; color: #000 !important; }
}/* 最终：固定下限宽度，保证长名字不溢出；Aprons 单独窄 */
@media (min-width: 900px){
  .site-header .nav .nav-item.has-sub > .submenu {
    width: auto !important;
    min-width: 330px !important;
    max-width: 92vw !important;
  }
  .site-header .nav .nav-item.has-sub.nav-item--aprons > .submenu {
    min-width: 190px !important;
    width: auto !important;
  }
  .site-header .nav .nav-item.has-sub > .submenu > a {
    white-space: nowrap !important;
    width: auto !important;
  }
}/* BEST SELLERS STRIP：两张图淡入切换 */
.strip-img{ transition: opacity .25s ease; }/* ===== About page ===== */
.about-hero{ position: relative; overflow: hidden; background: #fdf3f7; }.about-hero-img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.about-hero-inner{ position: relative; z-index: 2; padding: 132px 24px 128px; max-width: 1240px; margin: 0 auto; }.about-hero-inner > *{ max-width: 620px; }.about-hero h1{ font-size: clamp(32px, 4.2vw, 54px); line-height: 1.12; margin: 10px 0 14px; letter-spacing: -.01em; }.about-hero-sub{ font-size: 15px; letter-spacing: .12em; text-transform: uppercase; color: #9b6f80; margin: 0 0 18px; }.about-hero-lead{ font-size: 17px; line-height: 1.65; color: #3d3138; margin: 0; }.about-section{ padding: 76px 0; }.about-section--soft{ background: #fdf7f9; }.about-split{ display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }.about-split--reverse .about-figure{ order: -1; }.about-copy h2, .about-narrow h2{ font-size: clamp(24px, 2.4vw, 34px); line-height: 1.2; margin: 0 0 16px; }.about-copy p, .about-narrow p{ font-size: 16px; line-height: 1.72; color: #46383f; margin: 0 0 14px; }.about-figure{ margin: 0; }.about-figure img{ width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; border-radius: 6px; background: #f6eef2; }.chips{ list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 10px; }.chips li{ font-size: 14px; padding: 9px 16px; background: #fff; border: 1px solid #f4d8e2; border-radius: 999px; color: #3d3138; }.about-list{ margin: 0 0 18px; padding-left: 20px; }.about-list li{ font-size: 16px; line-height: 1.7; color: #46383f; margin-bottom: 6px; }.about-narrow{ max-width: 780px; }.mission{ margin: 34px 0 30px; padding: 6px 0 6px 24px; border-left: 3px solid #f4a0c0; }.mission p{ font-size: 20px; line-height: 1.55; color: #241a20; margin: 6px 0 10px; }.mission cite{ font-style: normal; font-size: 14px; color: #9b6f80; }.about-cta{ display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }.btn-pill--ghost{ background: transparent; border: 1px solid #e7c9d6; color: #3d3138; }@media (max-width: 899px){
  .about-hero-inner { padding: 92px 20px 88px; }
  .about-hero-lead { font-size: 15.5px; }
  .about-section { padding: 52px 0; }
  .about-split { grid-template-columns: 1fr; gap: 28px; }
  .about-split--reverse .about-figure { order: 0; }
  .about-figure img { aspect-ratio: 16 / 10; }
  .mission p { font-size: 18px; }
}/* CATEGORY 区块：上 3 下 3，等宽对齐 */
@media (min-width: 900px){
  .cards { grid-template-columns: repeat(3, 1fr) !important; }
  .cards > * { grid-column: auto !important; width: auto !important; }
}@media (min-width: 600px) and (max-width: 899px){
  .cards { grid-template-columns: repeat(2, 1fr) !important; }
  .cards > * { grid-column: auto !important; }
}@media (max-width: 599px){
  .cards { grid-template-columns: 1fr !important; }
  .cards > * { grid-column: auto !important; }
}/* ===== 桌面头部定稿：Logo 左 / 文字菜单居中带箭头 / 搜索右 ===== */
@media (min-width: 900px){
  .site-header { background: #ffffff !important; border-bottom: 1px solid #ececec !important; }
  .header-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 28px !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 18px 40px !important;
  }
  .header-inner .logo { position: static !important; justify-self: start !important; transform: none !important; }
  .logo-text { color: #141414 !important; font-size: 20px !important; font-weight: 800 !important; letter-spacing: .08em !important; }
  .header-inner .nav {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-self: center !important;
    gap: 34px !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
  }
  .header-inner .nav .cat-link,
  .header-inner .nav .nav-item > a.cat-link {
    background: transparent !important;
    color: #161616 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .01em !important;
    padding: 6px 0 !important;
    border-radius: 0 !important;
    text-transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .header-inner .nav .cat-link:hover { color: #000 !important; background: transparent !important; }
  .header-inner .nav .nav-item.has-sub > .cat-link::after {
    content: '⌄' !important;
    display: inline-block !important;
    margin-left: 7px !important;
    font-size: 15px !important;
    color: #8a8a8a !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    position: static !important;
    transform: translateY(-2px) !important;
  }
  .header-inner .header-search { position: static !important; justify-self: end !important; width: 230px !important; margin: 0 !important; }
  .header-inner .header-search input {
    width: 100% !important;
    background: #fff !important;
    border: 1px solid #dcdcdc !important;
    color: #161616 !important;
    border-radius: 999px !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
  }
  .header-inner .header-search input::placeholder { color: #9a9a9a !important; }
}/* 桌面头部：确保 logo / 菜单 / 搜索 同一行（v33） */
@media (min-width: 900px){
  .header-inner {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 24px !important;
  }
  .header-inner .logo { grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important; }
  .header-inner .nav { grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important; margin: 0 auto !important; }
  .header-inner .header-icons { grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important; display: flex !important; align-items: center !important; }
  .header-inner .header-search { width: 230px !important; }
  .header-inner .header-search input { width: 230px !important; box-sizing: border-box !important; }
  .header-inner .nav-toggle { display: none !important; }
}/* 桌面头部菜单字号 20px（v34） */
@media (min-width: 900px){
  .header-inner .nav .cat-link,
  .header-inner .nav .nav-item > a.cat-link {
    font-size: 20px !important;
  }
  .header-inner .nav { gap: 30px !important; }
  .header-inner .nav .nav-item.has-sub > .cat-link::after { font-size: 16px !important; }
}/* ===== 产品页左侧常驻分类（v35） ===== */
.shop-layout{ display: grid; grid-template-columns: 1fr; gap: 28px; }.shop-side{ border-right: 0; }.side-heading{ font-size: 12px; letter-spacing: .16em; text-transform: uppercase; color: #9a9a9a; margin: 0 0 12px; }.side-nav{ display: flex; flex-direction: column; gap: 4px; }.side-link{ display: flex; align-items: baseline; justify-content: space-between; gap: 10px; font-size: 18px; font-weight: 500; color: #161616; text-decoration: none; padding: 8px 0; border-bottom: 1px solid #f4e6ec; }.side-link span{ font-size: 12px; color: #b09aa4; font-weight: 400; }.side-link:hover{ color: #000; }.side-link.is-active{ font-weight: 700; color: #000; }.side-subs{ display: flex; flex-direction: column; padding: 4px 0 8px 14px; gap: 2px; }.side-sub{ font-size: 15px; color: #6f6f6f; text-decoration: none; padding: 5px 0; }.side-sub:hover{ color: #000; }.side-sub.is-active{ color: #000; font-weight: 600; }@media (min-width: 900px){
  .shop-layout { grid-template-columns: 250px minmax(0, 1fr); gap: 56px; align-items: start; }
  .shop-side { position: sticky; top: 96px; align-self: start; max-height: calc(100vh - 120px); overflow: auto; }
  .side-link { font-size: 20px; }
  .shop-main .plist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}@media (max-width: 899px){
  .shop-side { border-bottom: 1px solid #f4e6ec; padding-bottom: 10px; }
  .side-link { font-size: 17px; }
  .side-subs { flex-direction: row; flex-wrap: wrap; gap: 6px 14px; padding-left: 0; }
}/* 侧栏：可展开分组 + 整体左移（v36） */
.side-group > summary{ list-style: none; cursor: pointer; }.side-group > summary::-webkit-details-marker{ display: none; }.side-group > summary::after{ content: '▾'; margin-left: 8px; font-size: 12px; color: #b09aa4; transition: transform .2s ease; }.side-group[open] > summary::after{ transform: rotate(180deg); }.side-link{ justify-content: flex-start !important; gap: 8px; }.side-link span{ margin-left: auto; }.side-subs .side-sub{ display: block; }@media (min-width: 900px){
  .shop-layout { margin-left: -18px; }
  .side-link { padding: 10px 0; }
}/* 侧栏行 + 展开按钮（v37） */
.side-row{ display: flex; align-items: center; gap: 6px; }.side-row .side-link{ flex: 1; }.side-caret{ border: 0; background: none; color: #b09aa4; font-size: 14px; line-height: 1; cursor: pointer; padding: 4px; transition: transform .2s ease; }.side-group.is-open .side-caret{ transform: rotate(180deg); }.side-subs{ display: none; }.side-group.is-open .side-subs{ display: flex; flex-direction: column; }/* 产品卡图片轮播 */
.pcard-media{ position: relative; display: block; overflow: hidden; }.pcard-track{ display: flex; width: 100%; transition: transform .45s ease; }.pc-slide{ flex: 0 0 100%; display: block; }.pc-slide img{ width: 100%; height: 100%; object-fit: cover; display: block; }.pc-nav{ position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; border-radius: 50%; border: 1px solid #ecd6df; background: rgba(255,255,255,.92); color: #333; font-size: 17px; line-height: 1; cursor: pointer; opacity: 0; transition: opacity .2s ease; z-index: 2; }.pcard:hover .pc-nav{ opacity: 1; }.pc-prev{ left: 8px; }.pc-next{ right: 8px; }/* 产品页侧栏贴左常驻（大屏） */
@media (min-width: 1200px){
  #productsPage .shop-layout { display: block; }
  #productsPage .shop-side {
    position: fixed;
    left: 40px;
    top: 108px;
    width: 220px;
    max-height: calc(100vh - 140px);
    overflow: auto;
    margin: 0;
    z-index: 5;
    background: #fff;
    padding-right: 8px;
  }
  #productsPage .shop-main { margin-left: 290px; }
  #productsPage .shop-main .plist-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}/* 侧栏右移 5px + 产品 4 列（v38 重建） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 45px; }
  #productsPage .shop-main { margin-left: 295px; }
  #productsPage .shop-main .plist-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}/* 侧栏移到红框位置 + 取消二级菜单（v39） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 120px; width: 210px; }
  #productsPage .shop-main { margin-left: 380px; }
}.side-subs, .side-caret{ display: none !important; }/* 中等宽度头部防换行（v40） */
@media (min-width: 900px){
  .header-inner { grid-template-columns: auto minmax(0, 1fr) auto !important; }
  .header-inner .nav { flex-wrap: nowrap !important; min-width: 0; }
  .logo-text { white-space: nowrap; }
}@media (min-width: 900px) and (max-width: 1439px){
  .header-inner .nav { gap: 18px !important; }.header-inner .nav .cat-link, .header-inner .nav .nav-item > a.cat-link { display: inline-flex; align-items: center; gap: 7px; font-size: 17px; font-weight: 600; line-height: 1.2; color: #141414; background: transparent; border: 0; border-radius: 0; padding: 6px 2px; text-transform: none; }
  .header-inner .header-search { width: 170px !important; }
  .header-inner .header-search input { width: 170px !important; }
  .logo-text { font-size: 18px !important; }
}/* 产品卡放大：图片更高、名称字号加大（v41） */
.pcard-media{ aspect-ratio: 4 / 5; }.pcard-track{ height: 100%; }.pc-slide img{ object-fit: cover; }.pcard-item{ font-size: 12px; margin-top: 12px; }.pcard-name{ font-size: 16px; font-weight: 600; line-height: 1.4; margin-top: 4px; }@media (min-width: 1200px){
  #productsPage .shop-main { margin-left: 350px; }
  #productsPage .shop-main .plist-grid { gap: 22px; }
}/* 详情页描述分行 + 字号加大（v42） */
.detail-desc .desc-row{ display: block; font-size: 18px; line-height: 1.9; color: #161616; }.detail-desc .desc-k{ color: #7a7a7a; }.spec dd{ font-size: 17px; line-height: 1.75; }/* 侧栏贴页面最左边（v43） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 24px; width: 210px; }
  #productsPage .shop-main { margin-left: 270px; }
}/* 侧栏距左 100px（v44） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 100px; width: 210px; }
  #productsPage .shop-main { margin-left: 350px; }
}/* 侧栏距左 300px（v45） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 300px; width: 210px; }
  #productsPage .shop-main { margin-left: 550px; }
}/* A 方案：菜单固定 left 300 / 产品区 540，两者解耦，改一个不会带动另一个（v46） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 300px; width: 210px; }
  #productsPage .shop-main { margin-left: 540px; }
}/* 产品页全宽：菜单/产品区按视口计算，不再受 1400 容器影响（v47） */
@media (min-width: 1200px){
  #productsPage .container {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 40px !important;
  }
  #productsPage .shop-side { left: 300px; width: 210px; }
  #productsPage .shop-main { margin-left: 540px; }
}/* 菜单左移到 200，产品区保持 540（v48） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 200px; width: 210px; }
  #productsPage .shop-main { margin-left: 540px; }
}/* 菜单 150 / 产品区 490（v49） */
@media (min-width: 1200px){
  #productsPage .shop-side { left: 150px; width: 210px; }
  #productsPage .shop-main { margin-left: 490px; }
}/* 产品图改为 1:1（v50） */
.pcard-media{ aspect-ratio: 1 / 1; }/* 产品图固定 280×280，产品区左距不变，多余留白放右侧（v51） */
@media (min-width: 1200px){
  #productsPage .shop-main .plist-grid {
    grid-template-columns: repeat(4, 280px) !important;
    justify-content: start !important;
    gap: 22px !important;
  }
  #productsPage .pcard-media { width: 280px; height: 280px; aspect-ratio: auto; }
}/* 二级菜单：加宽、左对齐、粉色分隔线（客户意见 2026-10-28） */
@media (min-width: 900px){
  .nav-item .submenu { min-width: 300px; padding: 6px 0 8px; }
  .nav-item .submenu a {
    text-align: left;
    padding: 10px 22px;
    border-bottom: 0;
  }
  .nav-item .submenu a:last-child { border-bottom: 0; }
  .nav-item .submenu a:hover { background: #fdf4f7; }
}/* Word 20261028：头部居中 + 社媒图标 + 箭头常驻 + 面包屑加大（v53） */
@media (min-width: 900px){
  .header-inner { grid-template-columns: auto minmax(0,1fr) auto; }
  .header-inner .nav { justify-self: center; }
}.brand-wrap{ display: flex; align-items: center; gap: 14px; }.header-social{ display: flex; align-items: center; gap: 8px; }.header-social a{ color: #1a1a1a; opacity: .7; display: inline-flex; line-height: 0; transition: opacity .2s, color .2s; }.header-social a:hover{ opacity: 1; color: var(--accent); }@media (max-width: 1080px){ .header-social { display: none; } }.pc-nav{ opacity: 1 !important; background: rgba(255,255,255,.55); backdrop-filter: blur(2px); border-color: rgba(255,255,255,.85); }.pc-nav:hover{ background: rgba(255,255,255,.9); }.pcard-media::before, .pcard-media::after{
  content: ''; position: absolute; top: 0; bottom: 0; width: 54px; z-index: 1; pointer-events: none;
}.pcard-media::before{ left: 0; background: linear-gradient(90deg, rgba(255,255,255,.95), rgba(255,255,255,0)); }.pcard-media::after{ right: 0; background: linear-gradient(270deg, rgba(255,255,255,.95), rgba(255,255,255,0)); }.crumbs{ font-size: 14px; padding: 24px 0 20px; }.crumbs a{ text-decoration: underline; text-underline-offset: 2px; }@media (min-width: 900px){ .crumbs { font-size: 15px; } }/* 三级菜单（Foil → Rolls / Pop Ups → 产品）（v54） */
.submenu--3{ display: flex; gap: 22px; padding: 16px 20px; min-width: 460px; }.subgroup{ min-width: 180px; }.subgroup-title{ display: block; font-size: 12px; letter-spacing: .6px; text-transform: uppercase; color: #b07; font-weight: 700; padding: 4px 10px 8px; }.subgroup-link{ display: block; padding: 7px 10px; font-size: 13.5px; color: #1a1a1a !important; border-bottom: 0; }.subgroup-link:last-child{ border-bottom: 0; }.subgroup-link:hover{ background: #fdf4f7; color: #000 !important; }/* 强制文字导航（修详情页回退成胶囊 + 头部换行）（v55） */
@media (min-width: 900px){
  .header-inner { grid-template-columns: auto minmax(0,1fr) auto !important; grid-auto-flow: column; align-items: center; }
  .header-inner .nav { justify-self: center !important; display: flex !important; gap: 22px !important; }
  .header-inner .nav .cat-link,
  .header-inner .nav a.cat-link,
  .header-inner .nav .nav-item > .cat-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #141414 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 6px 2px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: none !important;
  }
  .header-inner .nav .cat-link:hover,
  .header-inner .nav a.cat-link:hover { background: transparent !important; color: #d24d84 !important; }
  .header-inner .nav-toggle { display: none !important; }
  .header-inner .brand-wrap { display: flex; align-items: center; gap: 14px; }
}/* 主页产品卡左右箭头常驻 + 半透明白底（v56） */
.showcase-media .ss-nav{ opacity: 1 !important; background: rgba(255,255,255,.72) !important; backdrop-filter: blur(2px); border: 1px solid rgba(255,255,255,.9); }.showcase-media .ss-nav:hover{ background: #fff !important; }.showcase-media::before, .showcase-media::after{
  content: ''; position: absolute; top: 0; bottom: 0; width: 46px; z-index: 1; pointer-events: none;
}.showcase-media::before{ left: 0; background: linear-gradient(90deg, rgba(255,255,255,.9), rgba(255,255,255,0)); }.showcase-media::after{ right: 0; background: linear-gradient(270deg, rgba(255,255,255,.9), rgba(255,255,255,0)); }/* 三级菜单：二级 hover 右侧飞出三级（v57） */
.submenu--3{ display: block; min-width: 220px; padding: 6px 0 !important; }.nav-sub-item{ position: relative; }.nav-sub-item > .subgroup-title{
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 10px 18px; font-size: 14px; letter-spacing: .3px; text-transform: none;
  color: #1a1a1a !important; border-bottom: 0;
}.nav-sub-item:last-child > .subgroup-title{ border-bottom: 0; }.nav-sub-item > .subgroup-title::after{ content: '\203A'; color: #c9a6b5; font-size: 16px; line-height: 1; }.nav-sub-item:hover > .subgroup-title{ background: #fdf4f7; }.submenu-flyout{
  position: absolute; left: 100%; top: -6px; min-width: 250px;
  background: #fff; border: 1px solid #ececec; box-shadow: 0 14px 34px rgba(0,0,0,.12);
  padding: 6px 0; display: none; z-index: 320;
}.submenu-flyout::before{ content: ''; position: absolute; left: -10px; top: 0; bottom: 0; width: 10px; }.nav-sub-item:hover > .submenu-flyout{ display: block; }.submenu-flyout a{ display: block; padding: 9px 18px; font-size: 13.5px; color: #1a1a1a !important; border-bottom: 0; }.submenu-flyout a:last-child{ border-bottom: 0; }.submenu-flyout a:hover{ background: #fdf4f7; }/* 三级箭头紧跟二级名称右侧（v58） */
.nav-sub-item > .subgroup-title{ justify-content: flex-start !important; gap: 8px !important; }.nav-sub-item > .subgroup-title::after{ margin-left: 2px; }/* 三级箭头与一级菜单箭头一致（v59） */
.nav-sub-item > .subgroup-title::after{
  content: '\203A' !important;
  font-size: 15px !important;
  line-height: 1 !important;
  color: #8a8a8a !important;
  margin-left: 6px !important;
  font-weight: 400 !important;
}.nav-sub-item > .subgroup-title{ gap: 2px !important; }/* 最终覆盖：优先级高于历史胶囊规则（v60） */
@media (min-width: 900px){
  header.site-header .header-inner {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    gap: 18px !important;
  }
  header.site-header .header-inner > .nav {
    display: flex !important;
    justify-self: center !important;
    gap: 22px !important;
    align-items: center !important;
    width: auto !important;
  }
  header.site-header .header-inner .nav a.cat-link,
  header.site-header .header-inner .nav .nav-item > a.cat-link,
  header.site-header .header-inner .nav .cat-link {
    background: transparent !important;
    background-color: transparent !important;
    color: #141414 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 6px 2px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    text-transform: none !important;
    width: auto !important;
  }
  header.site-header .header-inner .nav a.cat-link:hover,
  header.site-header .header-inner .nav .cat-link:hover {
    background: transparent !important;
    color: #d24d84 !important;
  }
  header.site-header .header-inner .nav-toggle { display: none !important; }
  header.site-header .header-inner .brand-wrap { display: flex !important; align-items: center !important; gap: 14px !important; }
}/* 终极覆盖：优先级压过所有历史胶囊规则（v61） */
@media (min-width: 900px){
  html body header.site-header .header-inner {
    display: grid !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    grid-auto-flow: column !important;
    align-items: center !important;
    gap: 18px !important;
  }
  html body header.site-header .header-inner > nav.nav {
    display: flex !important;
    justify-self: center !important;
    gap: 22px !important;
    align-items: center !important;
    width: auto !important;
  }
  html body header.site-header .header-inner .nav a.cat-link,
  html body header.site-header .header-inner .nav .nav-item > a.cat-link,
  html body header.site-header .header-inner .nav .nav-item > .cat-link {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #141414 !important;
    padding: 6px 2px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    justify-content: flex-start !important;
    text-align: left !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  html body header.site-header .header-inner .nav a.cat-link:hover {
    background: transparent !important;
    color: #d24d84 !important;
  }
  html body header.site-header .header-inner .nav-toggle { display: none !important; }
}

/* 头部单行定稿：清除旧两行 grid-areas（v64） */
@media (min-width: 900px) {
  html body header.site-header .header-inner {
    
    grid-template-rows: auto !important;
    grid-template-columns: auto minmax(0,1fr) auto !important;
    grid-auto-flow: column !important;
  }
  html body header.site-header .header-inner > .brand-wrap {
    grid-area: auto !important; grid-column: 1 !important; grid-row: 1 !important; justify-self: start !important;
  }
  html body header.site-header .header-inner > nav.nav {
    grid-area: auto !important; grid-column: 2 !important; grid-row: 1 !important; justify-self: center !important;
    border-top: 0 !important; padding: 0 !important; width: auto !important;
  }
  html body header.site-header .header-inner > .header-icons {
    grid-area: auto !important; grid-column: 3 !important; grid-row: 1 !important; justify-self: end !important;
    display: flex !important; align-items: center !important;
  }
  html body header.site-header .header-inner > .header-icons .header-search { grid-area: auto !important; }
}

/* 头部改 flex 单行，彻底绕开 grid 历史规则（v66） */
@media (min-width: 900px) {
  html body header.site-header .header-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    padding: 16px 40px !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    position: static !important;
  }
  html body header.site-header .header-inner > .brand-wrap {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  html body header.site-header .header-inner > nav.nav {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    position: static !important;
    width: auto !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body header.site-header .header-inner > .header-icons {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    position: static !important;
    grid-column: auto !important;
    grid-row: auto !important;
  }
  html body header.site-header .header-inner .header-search { width: 230px !important; }
  html body header.site-header .header-inner .nav-toggle { display: none !important; }
}

/* 面包屑：对齐内容区、字号放大（v66） */
.crumbs {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #6b6b6b !important;
  padding: 22px 40px 14px !important;
  max-width: 1480px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}
.crumbs a { color: #6b6b6b !important; }
.crumbs a:hover { color: #d24d84 !important; }
@media (max-width: 899px) {
  .crumbs { padding: 16px 20px 10px !important; font-size: 13px !important; }
}


/* 详情页三项定稿（v67）：头部单行 / 面包屑放大 / 主图缩小一半 */
@media (min-width: 900px) {
  html body header.site-header .header-inner {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
  }
  html body header.site-header .header-inner > .brand-wrap { flex: 0 0 auto !important; }
  html body header.site-header .header-inner > nav.nav {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    gap: 24px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  html body header.site-header .header-inner > .header-icons { flex: 0 0 auto !important; }

  /* 主图缩到原来一半左右 */
  .detail-grid { grid-template-columns: minmax(0, 0.55fr) minmax(0, 1fr) !important; gap: 48px !important; }
  .detail-grid .gallery-main { max-width: 420px !important; margin: 0 !important; }
}

/* 面包屑放大 */
.crumbs { font-size: 15px !important; padding: 24px 40px 16px !important; }
.crumbs a { font-size: 15px !important; }
@media (max-width: 899px) { .crumbs, .crumbs a { font-size: 13.5px !important; } }


/* 详情页版式定稿（v68）：主图 1.5 倍 + 与面包屑左对齐 + 图文间距 80px；
   头部 logo 左移 100px，社媒移到 logo 上方 */
@media (min-width: 900px) {
  html body header.site-header .header-inner {
    padding-left: 100px !important;
    padding-right: 40px !important;
  }
  html body header.site-header .header-inner > .brand-wrap {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
  }
  html body header.site-header .header-inner > .brand-wrap > .header-social {
    order: -1 !important;
    display: flex !important;
    gap: 8px !important;
  }
  html body header.site-header .header-inner > .brand-wrap > .logo { order: 0 !important; }

  .detail-grid {
    display: grid !important;
    grid-template-columns: 630px minmax(0, 1fr) !important;
    gap: 80px !important;
    align-items: start !important;
    max-width: 1480px !important;
    margin: 0 auto !important;
    padding: 0 40px 60px !important;
    box-sizing: border-box !important;
  }
  .detail-grid .gallery-main { max-width: 630px !important; width: 100% !important; }
}
@media (max-width: 899px) {
  .detail-grid { padding: 0 20px 40px !important; }
}


/* 头部间距定稿（v69）：菜单距 logo 100px，搜索距右边 100px */
@media (min-width: 900px) {
  html body header.site-header .header-inner {
    padding-left: 100px !important;
    padding-right: 100px !important;
    gap: 0 !important;
  }
  html body header.site-header .header-inner > .brand-wrap {
    margin-right: 100px !important;
  }
  html body header.site-header .header-inner > nav.nav {
    justify-content: flex-start !important;
  }
  html body header.site-header .header-inner > .header-icons {
    margin-left: auto !important;
  }
}


/* 头部布局定稿（v70）：左右各 60px，logo 左、菜单真正居中、搜索右 */
@media (min-width: 900px) {
  html body header.site-header .header-inner {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 16px 60px !important;
    max-width: 1600px !important;
    margin: 0 auto !important;
  }
  html body header.site-header .header-inner > .brand-wrap {
    grid-column: 1 !important;
    justify-self: start !important;
    margin-right: 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  html body header.site-header .header-inner > nav.nav {
    grid-column: 2 !important;
    justify-self: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
  }
  html body header.site-header .header-inner > .header-icons {
    grid-column: 3 !important;
    justify-self: end !important;
    margin-left: 0 !important;
  }
}


/* 二级菜单去掉右侧箭头（v71） */
.nav-sub-item > .subgroup-title::after { content: none !important; display: none !important; }


/* 二级菜单：去掉常显粉色分隔线，仅悬停时出现动态线条（v72） */
.nav-sub-item > .subgroup-title {
  border-bottom: 0 !important;
  position: relative;
}
.nav-sub-item > .subgroup-title::before {
  content: '' !important;
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 3px;
  height: 1px;
  background: #d24d84;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
  pointer-events: none;
}
.nav-sub-item:hover > .subgroup-title::before,
.nav-sub-item.is-active > .subgroup-title::before { transform: scaleX(1); }
.nav-sub-item:hover > .subgroup-title { background: transparent !important; }


/* Foil 二级列表：彻底去掉常显粉色线（v73） */
@media (min-width: 900px) {
  html body header.site-header .header-inner .nav .submenu--3,
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item,
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item > a.subgroup-title {
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
  }
}


/* 二级菜单动线：只在悬停时出现，长度跟随文字（v74） */
.nav-sub-item > .subgroup-title::before {
  left: 18px !important;
  right: auto !important;
  width: 0;
  bottom: 2px;
  height: 1px;
  background: #d24d84;
  transform: none !important;
  transition: width .25s ease !important;
}
.nav-sub-item:hover > .subgroup-title::before { width: calc(100% - 36px) !important; }


/* Foil 二级项：去掉所有常显底线，只保留悬停动线（v75） */
@media (min-width: 900px) {
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item > a.subgroup-title,
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item {
    border-top: 0 !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
}


/* 二级菜单动线改为贴合文字长度（v76） */
.nav-sub-item > .subgroup-title::before { display: none !important; content: none !important; }
.nav-sub-item > .subgroup-title > span { position: relative; display: inline-block; }
.nav-sub-item > .subgroup-title > span::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 1px;
  background: #d24d84;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
}
.nav-sub-item:hover > .subgroup-title > span::after,
.nav-sub-item.is-active > .subgroup-title > span::after { transform: scaleX(1); }


/* Foil 二级菜单对齐 Clips 下拉样式（v77）：白底、灰细分割线、无粉色 */
@media (min-width: 900px) {
  html body header.site-header .header-inner .nav .submenu--3 {
    padding: 0 !important;
    min-width: 230px !important;
    background: #fff !important;
    border: 1px solid #ececec !important;
    box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  }
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item > a.subgroup-title {
    padding: 11px 22px !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #222 !important;
    border-bottom: 1px solid #ededed !important;
    background: #fff !important;
  }
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item:last-child > a.subgroup-title {
    border-bottom: 0 !important;
  }
  html body header.site-header .header-inner .nav .submenu--3 .nav-sub-item:hover > a.subgroup-title {
    background: #f7f7f7 !important;
    color: #000 !important;
  }
  html body header.site-header .header-inner .nav .submenu--3 .subgroup-title > span::after {
    background: #222 !important;
  }
}


/* 菜单项不再被压缩/截断（v78）：Aprons & Capes 与 Towels 之间恢复间距 */
@media (min-width: 900px) {
  html body header.site-header .header-inner .nav { gap: 28px !important; }
  html body header.site-header .header-inner .nav > .nav-item,
  html body header.site-header .header-inner .nav .nav-item { flex: 0 0 auto !important; margin: 0 !important; }
  html body header.site-header .header-inner .nav .cat-link,
  html body header.site-header .header-inner .nav .nav-item > a.cat-link {
    max-width: none !important;
    width: auto !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }
}


/* ===== Foil 三级菜单（重构，独立命名空间）===== */
.nav-item--three { position: relative; }
.foil-menu {
  position: absolute; top: 100%; left: 0; margin-top: 10px;
  display: none; min-width: 220px; padding: 0;
  background: #fff; border: 1px solid #ececec;
  box-shadow: 0 14px 34px rgba(0,0,0,.10);
  z-index: 320; text-align: left;
}
.nav-item--three.is-foil-open > .foil-menu,
.nav-item--three:hover > .foil-menu { display: block; }
.foil-group { position: relative; }
.foil-group-link {
  display: block; padding: 11px 22px;
  font-size: 13.5px; line-height: 1.4; color: #222 !important;
  text-transform: none; letter-spacing: 0;
  border-bottom: 1px solid #ededed;
  white-space: nowrap;
}
.foil-group:last-child .foil-group-link { border-bottom: 0; }
.foil-group:hover .foil-group-link { background: #f7f7f7; color: #000 !important; }
.foil-flyout {
  position: absolute; left: 100%; top: 0; margin-left: 0;
  display: none; min-width: 250px; padding: 6px 0;
  background: #fff; border: 1px solid #ececec;
  box-shadow: 0 14px 34px rgba(0,0,0,.12);
  z-index: 330;
}
.foil-flyout::before { content: ''; position: absolute; left: -12px; top: 0; bottom: 0; width: 12px; }
.foil-group:hover .foil-flyout { display: block; }
.foil-flyout a {
  display: block; padding: 9px 18px;
  font-size: 13.5px; color: #1a1a1a !important;
  text-transform: none; letter-spacing: 0;
  border-bottom: 1px solid #f5f5f5;
  white-space: nowrap;
}
.foil-flyout a:last-child { border-bottom: 0; }
.foil-flyout a:hover { background: #fafafa; color: #000 !important; }


/* Foil 菜单视觉对齐 Brush 下拉（v80）：同内边距/字号/悬停底/无分隔线 */
.foil-menu {
  padding: 8px 0 !important;
  min-width: 230px !important;
  border: 1px solid #ececec !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.10) !important;
  margin-top: 8px !important;
}
.foil-group-link {
  padding: 10px 22px !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: #222 !important;
  border-bottom: 0 !important;
  white-space: nowrap !important;
}
.foil-group:hover .foil-group-link { background: #f7f7f7 !important; color: #1a1a1a !important; }
.foil-flyout {
  padding: 8px 0 !important;
  min-width: 240px !important;
}
.foil-flyout a {
  padding: 10px 22px !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  color: #222 !important;
  border-bottom: 0 !important;
}
.foil-flyout a:hover { background: #f7f7f7 !important; color: #1a1a1a !important; }


/* Foil 下拉项清除全局 .nav a 的居中/下划线伪元素（v81） */
.foil-menu a,
.foil-menu .foil-group-link,
.foil-flyout a {
  display: block !important;
  text-align: left !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  border: 0 !important;
  background-image: none !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  font-weight: 400 !important;
  color: #222 !important;
  padding: 10px 22px !important;
  font-size: 13.5px !important;
}
.foil-menu a::after,
.foil-menu a::before,
.foil-flyout a::after,
.foil-flyout a::before {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: none !important;
}


/* Foil 菜单：粉色动线 + 悬停桥接，避免二级菜单闪没（v82） */
.foil-menu::before {
  content: '' !important;
  position: absolute;
  top: -14px; left: 0; right: 0; height: 14px;
  background: transparent;
}
.foil-group-link > span { position: relative; display: inline-block; }
.foil-group-link > span::after {
  content: '' !important;
  position: absolute;
  left: 0; right: 0; bottom: -4px;
  height: 1px;
  background: #f78fbb;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform .25s ease;
  display: block !important;
  width: auto !important;
}
.foil-group:hover .foil-group-link > span::after { transform: scaleX(1); }
.foil-group-link { position: relative; z-index: 1; }
.foil-flyout { margin-left: 0; }
.foil-group::after {
  content: '' !important;
  position: absolute;
  right: -14px; top: 0; bottom: 0; width: 14px;
  background: transparent;
  z-index: 2;
}


/* 三级面板与二级项顶部对齐（v83） */
.foil-menu { overflow: visible !important; }
.foil-group { position: relative !important; }
.foil-flyout {
  top: -1px !important;
  left: 100% !important;
  margin: 0 !important;
  z-index: 340 !important;
}


/* Foil 二/三级项：恢复常驻粉色线 + 悬停动态线（v84） */
.foil-menu a.foil-group-link,
.foil-flyout a {
  position: relative !important;
  padding-bottom: 12px !important;
}
html body .foil-menu a.foil-group-link::before,
html body .foil-flyout a::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 6px !important;
  height: 1px !important;
  width: auto !important;
  background: #f9c6d6 !important;
  pointer-events: none !important;
}
html body .foil-menu a.foil-group-link::after,
html body .foil-flyout a::after {
  content: none !important;
  display: none !important;
}
.foil-group-link > span::after {
  bottom: 2px !important;
  height: 1px !important;
  background: #f78fbb !important;
  z-index: 2;
}


/* 二/三级项：动线与常驻线合并成一条（v85） */
.foil-group-link > span::after { content: none !important; display: none !important; }

html body .foil-menu a.foil-group-link::before,
html body .foil-flyout a::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 6px !important;
  height: 1px !important;
  background: #f9c6d6 !important;
  z-index: 1 !important;
}

html body .foil-menu a.foil-group-link::after,
html body .foil-flyout a::after {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  left: 22px !important;
  right: 22px !important;
  bottom: 6px !important;
  height: 1px !important;
  background: #f78fbb !important;
  transform: scaleX(0) !important;
  transform-origin: left center !important;
  transition: transform .25s ease !important;
  z-index: 2 !important;
  pointer-events: none !important;
  width: auto !important;
}

.foil-group:hover .foil-group-link::after,
.foil-flyout a:hover::after { transform: scaleX(1) !important; }


/* 产品图左右箭头：去掉白色渐变底/圆形底，只保留常显箭头（v86） */
.pc-nav,
.showcase-media .ss-nav {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: #333 !important;
  opacity: 1 !important;
}
.pc-nav:hover,
.showcase-media .ss-nav:hover {
  background: transparent !important;
  color: #000 !important;
}
.pcard-media::before, .pcard-media::after,
.showcase-media::before, .showcase-media::after {
  content: none !important;
  display: none !important;
  background: none !important;
}


/* 箭头恢复白色半透明底，仅去掉模糊（v87） */
.pc-nav {
  background: rgba(255,255,255,.6) !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  border-radius: 50% !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}
.pc-nav:hover { background: rgba(255,255,255,.9) !important; }

.showcase-media .ss-nav {
  background: rgba(255,255,255,.65) !important;
  border: 1px solid rgba(255,255,255,.9) !important;
  border-radius: 4px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  opacity: 1 !important;
}
.showcase-media .ss-nav:hover { background: rgba(255,255,255,.9) !important; }

/* ---------- v88: 新 logo（UniTing 字标） ---------- */
.logo-img{ height: 34px !important; width: auto !important; }
@media (min-width: 900px){ .logo-img{ height: 40px !important; } }
.site-header .logo-img{ filter: none; }

/* ---------- v89/v90: 滚动条每款仅首图 + 速度放慢30% + 分类卡 4+3 满宽 ---------- */
.strip-track{ animation-duration: 64s; }
@media (min-width: 900px){
  .cards{ grid-template-columns: repeat(12, 1fr) !important; }
  .cards > *{ grid-column: span 3 !important; }
  .cards > *:nth-child(n+5){ grid-column: span 4 !important; }
}

/* ---------- v91: 桌面 logo 高度 35px ---------- */
@media (min-width: 900px){ .logo-img{ height: 35px !important; } }

/* ---------- v92: 四列页脚（品牌 / shop / about / help+legal） ---------- */
.site-footer{ background:#16241d; padding:56px 0 26px; }
.site-footer .footer-inner{ display:grid; grid-template-columns:1fr; gap:34px; border-bottom:1px solid rgba(255,255,255,.10); padding-bottom:38px; }
@media (min-width:900px){ .site-footer .footer-inner{ grid-template-columns:1.35fr .75fr .75fr 1.25fr; gap:48px; } }
.site-footer h4{ color:#fff; font-size:13px; font-weight:600; letter-spacing:0; text-transform:none; margin-bottom:16px; }
.site-footer li{ margin-bottom:9px; }
.site-footer li a{ color:rgba(255,255,255,.72); font-size:13.5px; }
.site-footer li a:hover{ color:#fff; }
.footer-logo{ display:inline-block; margin-bottom:14px; }
.footer-logo img{ height:30px; width:auto; display:block; }
.footer-tagline{ color:rgba(255,255,255,.66) !important; font-size:13px; line-height:1.6; max-width:250px; margin:0 0 18px; }
.footer-social{ display:flex; gap:10px; }
.fsoc{ width:30px; height:30px; border:1px solid rgba(255,255,255,.35); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; }
.fsoc svg{ width:15px; height:15px; }
.fsoc:hover{ background:#fff; color:#16241d; border-color:#fff; }
.footer-last{ display:flex; gap:40px; }
.footer-last .footer-col{ flex:1; min-width:0; }
@media (max-width:899px){ .footer-last{ gap:28px; } }
.copyright{ color:rgba(255,255,255,.4); font-size:12px; }

/* ---------- v93: 页脚第四列改为 WhatsApp/邮箱图标 + FB/IG 链接 ---------- */
.footer-last{ display:block !important; }
.footer-contact{ display:flex; gap:10px; margin-bottom:20px; }
.fct{ width:32px; height:32px; border:1px solid rgba(255,255,255,.35); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; }
.fct svg{ width:16px; height:16px; }
.fct:hover{ background:#fff; color:#16241d; border-color:#fff; }
.footer-soc-links{ list-style:none; }
.footer-soc-links li{ margin-bottom:9px; }
.footer-soc-links li a{ color:rgba(255,255,255,.72); font-size:13.5px; }
.footer-soc-links li a:hover{ color:#fff; }

/* ---------- v94: 页脚第四列 图标+文字 四行 ---------- */
.footer-contact-list{ list-style:none; margin:0; padding:0; }
.footer-contact-list li{ margin-bottom:14px; }
.footer-contact-list li a{ display:inline-flex; align-items:center; gap:10px; color:rgba(255,255,255,.78); font-size:13.5px; }
.footer-contact-list li a:hover{ color:#fff; }
.footer-contact-list .fci{ width:26px; height:26px; border:1px solid rgba(255,255,255,.35); border-radius:50%; display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; }
.footer-contact-list .fci svg{ width:13px; height:13px; }
.footer-contact-list li a:hover .fci{ background:#fff; color:#16241d; border-color:#fff; }

/* ---------- v95: 页脚粉色底 + 第四列文字不换行 ---------- */
.site-footer{ background:#f9c6d6 !important; color:#3a2230 !important; }
.site-footer .footer-inner{ border-bottom:1px solid rgba(58,34,48,.18); }
.site-footer h4{ color:#3a2230 !important; }
.site-footer li a, .footer-contact-list li a, .footer-soc-links li a{ color:rgba(58,34,48,.78) !important; }
.site-footer li a:hover, .footer-contact-list li a:hover, .footer-soc-links li a:hover{ color:#3a2230 !important; }
.footer-tagline{ color:rgba(58,34,48,.72) !important; }
.fsoc, .footer-contact-list .fci{ border-color:rgba(58,34,48,.35) !important; color:#3a2230 !important; }
.fsoc:hover, .footer-contact-list li a:hover .fci{ background:#3a2230 !important; color:#fff !important; border-color:#3a2230 !important; }
.copyright{ color:rgba(58,34,48,.55) !important; }
.footer-contact-list li a{ white-space:nowrap; }
.footer-contact-list .fci{ flex:0 0 auto; }

/* ---------- v96: 页脚强制左对齐、联系方式图标与文字同一行 ---------- */
.site-footer, .site-footer .container, .site-footer .footer-inner,
.site-footer .footer-col, .site-footer .footer-brand{ text-align:left !important; }
.site-footer ul{ margin:0 !important; padding:0 !important; list-style:none !important; }
.site-footer h4{ text-align:left !important; }
.footer-last{ display:block !important; }
.footer-contact-list li{ text-align:left !important; margin:0 0 14px !important; }
.footer-contact-list li a{ display:flex !important; align-items:center !important; justify-content:flex-start !important;
  gap:10px !important; text-align:left !important; white-space:nowrap !important; line-height:1.2 !important; }
.footer-contact-list .fci{ display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:26px !important; height:26px !important; flex:0 0 26px !important; }
.footer-contact-list .fct{ display:inline-block !important; }
.footer-social{ justify-content:flex-start !important; }

/* ---------- v97: 页脚改深紫色底 + 白字 + 联系方式严格对齐 ---------- */
.site-footer{ background:#3a2230 !important; color:#fff !important; }
.site-footer .footer-inner{ border-bottom:1px solid rgba(255,255,255,.14) !important; }
.site-footer h4{ color:#fff !important; font-size:13px; }
.site-footer li a, .footer-soc-links li a{ color:rgba(255,255,255,.75) !important; }
.site-footer li a:hover, .footer-soc-links li a:hover{ color:#fff !important; }
.footer-tagline{ color:rgba(255,255,255,.70) !important; }
.fsoc{ border-color:rgba(255,255,255,.35) !important; color:#fff !important; background:transparent !important; }
.fsoc:hover{ background:#fff !important; color:#3a2230 !important; }
.footer-contact-list{ margin:0 !important; padding:0 !important; }
.footer-contact-list li{ margin:0 0 12px !important; padding:0 !important; text-align:left !important; background:none !important; }
.footer-contact-list li a{ display:flex !important; align-items:center !important; gap:10px !important;
  color:rgba(255,255,255,.78) !important; font-size:13.5px !important; line-height:1 !important;
  white-space:nowrap !important; background:none !important; }
.footer-contact-list li a:hover{ color:#fff !important; }
.footer-contact-list .fci{ display:inline-flex !important; align-items:center !important; justify-content:center !important;
  width:26px !important; height:26px !important; min-width:26px !important; flex:0 0 26px !important;
  border:1px solid rgba(255,255,255,.35) !important; border-radius:50% !important;
  background:transparent !important; color:#fff !important; }
.footer-contact-list li a:hover .fci{ background:#fff !important; color:#3a2230 !important; border-color:#fff !important; }
.footer-contact-list .fct{ display:inline-block !important; color:inherit !important; background:none !important;
  border:0 !important; padding:0 !important; }
.copyright{ color:rgba(255,255,255,.45) !important; }

/* ---------- v98: 页脚黑色底 + 联系方式整组水平居中 ---------- */
.site-footer{ background:#111214 !important; }
.site-footer .footer-inner{ border-bottom:1px solid rgba(255,255,255,.12) !important; }
.footer-last{ text-align:center !important; }
.footer-contact-list{ width:max-content !important; margin:0 auto !important; }
.footer-contact-list li{ text-align:left !important; }
.footer-contact-list li a{ align-items:center !important; }
.footer-contact-list .fct{ line-height:1 !important; display:inline-flex !important; align-items:center !important; }
.copyright{ color:rgba(255,255,255,.45) !important; }

/* ---------- v99: 第四列加宽，避免长文本压到图标 ---------- */
@media (min-width:900px){
  .site-footer .footer-inner{ grid-template-columns:1.15fr .7fr .7fr 1.55fr !important; gap:40px !important; }
}
.footer-last{ min-width:0 !important; overflow:visible !important; }
.footer-contact-list{ max-width:100% !important; }
.footer-contact-list li a{ flex-wrap:nowrap !important; }
.footer-contact-list .fct{ min-width:0 !important; overflow:visible !important; }

/* ---------- v100: 联系方式列改用 inline-block 布局（彻底避免重叠） ---------- */
.footer-last{ text-align:center !important; }
.footer-contact-list{ display:inline-block !important; text-align:left !important; width:auto !important;
  margin:0 auto !important; padding:0 !important; list-style:none !important; vertical-align:top !important; }
.footer-contact-list li{ display:block !important; margin:0 0 12px !important; padding:0 !important; text-align:left !important; }
.footer-contact-list li a{ display:block !important; white-space:nowrap !important; color:rgba(255,255,255,.78) !important;
  font-size:13.5px !important; line-height:26px !important; text-decoration:none !important; }
.footer-contact-list li a:hover{ color:#fff !important; }
.footer-contact-list .fci{ display:inline-block !important; width:26px !important; height:26px !important;
  line-height:24px !important; text-align:center !important; margin-right:10px !important; vertical-align:middle !important;
  border:1px solid rgba(255,255,255,.35) !important; border-radius:50% !important; background:transparent !important; color:#fff !important; }
.footer-contact-list .fci svg{ width:13px !important; height:13px !important; vertical-align:middle !important; }
.footer-contact-list .fct{ display:inline !important; vertical-align:middle !important; color:inherit !important; }

/* ---------- v101: 产品页分类栏改回 sticky（fix 浮动遮挡页脚） ---------- */
@media (min-width: 1200px){
  #productsPage .shop-layout{ display:grid !important; grid-template-columns:250px minmax(0,1fr) !important;
    gap:48px !important; margin-left:0 !important; align-items:start !important; }
  #productsPage .shop-side{ position:sticky !important; left:auto !important; right:auto !important;
    top:100px !important; width:auto !important; max-height:calc(100vh - 130px) !important;
    overflow:auto !important; z-index:auto !important; background:transparent !important; }
  #productsPage .shop-main{ margin-left:0 !important; }
}

/* ---------- v102: 恢复产品页原来的左右留白（左 150 / 栏 210 / 间距 130） ---------- */
@media (min-width: 1200px){
  #productsPage .shop-layout{ display:grid !important; grid-template-columns:210px minmax(0,1fr) !important;
    gap:130px !important; margin-left:0 !important; align-items:start !important;
    padding-left:150px !important; padding-right:40px !important; }
  #productsPage .shop-side{ position:sticky !important; left:auto !important; top:100px !important;
    width:auto !important; max-height:calc(100vh - 130px) !important; overflow:auto !important; }
  #productsPage .shop-main{ margin-left:0 !important; }
}
@media (min-width: 1600px){
  #productsPage .shop-layout{ padding-left:200px !important; }
}

/* ---------- v103: 首页大图按图片比例显示，不再上下裁切 ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 1920 / 950 !important; min-height: 0 !important; height: auto !important;
    background-size: cover !important; background-position: center center !important; }
}

/* ---------- v104: 大图比例跟随新图 1875:663，并隐藏图上文字 ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 1875 / 663 !important; }
}
.hero-image-block .hero-image-inner{ display:none !important; }

/* ---------- v105: 大图比例改为 1837:906（对齐新图） ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 1837 / 906 !important; }
}

/* ---------- v106: 高清版大图 1920x946，比例对齐 ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 1920 / 946 !important; }
}

/* ---------- v107: 大图 1920x800，比例对齐 ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 1920 / 800 !important; }
}

/* ---------- v108: 21:9 大图 + 首屏可见滚动条（高度上限=视口-导航-滚动条，超限裁左右） ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 21 / 9 !important; max-height: calc(100vh - 390px) !important;
    min-height: 360px !important; background-position: center center !important; }
}

/* ---------- v109: 强制整宽 + 高度取 min(21:9, 视口剩余) ---------- */
@media (min-width: 900px){
  .hero-image-block{
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: auto !important;
    height: min(calc(100vw * 9 / 21), calc(100vh - 390px)) !important;
    max-height: none !important;
    min-height: 340px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}

/* ---------- v110: 不裁切，整宽按图片原始比例 2904:1260 ---------- */
@media (min-width: 900px){
  .hero-image-block{
    width: 100% !important;
    max-width: 100% !important;
    aspect-ratio: 2904 / 1260 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
  }
}

/* ---------- v111: 大图换新（2336:1024），整宽不裁切 ---------- */
@media (min-width: 900px){
  .hero-image-block{ aspect-ratio: 2336 / 1024 !important; }
}

/* ---------- v112: About 图文比例改为 2:3（图占 40%，文字 60%） ---------- */
@media (min-width: 900px){
  .about-grid{ grid-template-columns: 2fr 3fr !important; gap: 56px !important; }
}

/* ---------- v115: 以换图前 1:1 为基准，文字列 x1.1 / 图片列 x0.7 ---------- */
@media (min-width: 900px){
  .about-grid{ grid-template-columns: 1.1fr 0.7fr !important; gap: 56px !important; justify-content: stretch !important; }
  .about-media{ width: 100% !important; }
  .about-media img{ width: 100% !important; max-width: 100% !important; }
}


/* ---------- v116: 大图上的文字已隐藏，去掉压暗渐变 ---------- */
.hero-image-block::after{ background: none !important; }


/* ---------- v117: 首页 header —— logo 左移 100px、右侧搜索框右移 100px，中间菜单不动 ---------- */
@media (min-width: 1500px){
  html body header.site-header .header-inner{ overflow: visible; }
  html body header.site-header .header-inner > .brand-wrap{ transform: translateX(-100px); }
  html body header.site-header .header-inner > .header-icons{ transform: translateX(100px); }
}


/* ---------- v118: All Products 列表横向可滑动，解决小屏显示不全 ---------- */
#productsPage .shop-main .plist-grid,
#productsPage .plist-grid{
  overflow-x: auto !important;
  overflow-y: hidden;
  padding-bottom: 14px;
  scrollbar-width: thin;
  scrollbar-color: #d9a9c0 #f6eef2;
  -webkit-overflow-scrolling: touch;
}
#productsPage .plist-grid::-webkit-scrollbar{ height: 10px; }
#productsPage .plist-grid::-webkit-scrollbar-track{ background: #f6eef2; border-radius: 8px; }
#productsPage .plist-grid::-webkit-scrollbar-thumb{ background: #d9a9c0; border-radius: 8px; }
#productsPage .plist-grid::-webkit-scrollbar-thumb:hover{ background: #c98aa9; }
@media (max-width: 1199px){
  #productsPage .plist-grid{ grid-auto-flow: column; grid-template-rows: auto; grid-auto-columns: 240px; }
  #productsPage .plist-grid .pcard{ width: 240px; }
}


/* ---------- v119: logo 高度在 35px 基础上放大 15% ---------- */
.logo-img{ height: 39px !important; width: auto !important; }
@media (min-width: 900px){ .logo-img{ height: 40.25px !important; } }


/* ---------- v120: 页头社媒图标移到 logo 右侧、上下竖排、间距 10px ---------- */
.brand-wrap{ gap: 10px !important; align-items: center !important; }
.header-social{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
}
.header-social a{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; color: #1a1a1a; opacity: .75; }
.header-social a:hover{ opacity: 1; color: var(--accent); }
.header-social svg{ width: 16px; height: 16px; }
@media (max-width: 1080px){ .header-social{ display: flex !important; } }


/* ---------- v121: 社媒图标回到 logo 右侧、上下竖排、间距 10px（覆盖旧的竖排上方规则） ---------- */
html body header.site-header .header-inner > .brand-wrap{
  flex-direction: row !important;
  align-items: center !important;
  gap: 10px !important;
}
html body header.site-header .header-inner > .brand-wrap > .header-social{
  order: 0 !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  margin: 0 !important;
}
html body header.site-header .header-inner > .brand-wrap > .logo{ order: 0 !important; }
html body header.site-header .header-inner > .brand-wrap > .header-social a{
  width: 16px !important; height: 16px !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
}
html body header.site-header .header-inner > .brand-wrap > .header-social svg{
  width: 15px !important; height: 15px !important;
}


/* ---------- v122: 中等宽度（900-1499）header 改为 flex，避免菜单压住 logo 和搜索框 ---------- */
@media (min-width: 900px) and (max-width: 1499px){
  html body header.site-header .header-inner{
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  html body header.site-header .header-inner > .brand-wrap{
    flex: 0 0 auto !important;
    margin-right: 0 !important;
    transform: none !important;
  }
  html body header.site-header .header-inner > .brand-wrap > .header-social{
    flex-direction: column !important;
  }
  html body header.site-header .header-inner > nav.nav{
    flex: 1 1 auto !important;
    justify-content: center !important;
    gap: 14px !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    scrollbar-width: none !important;
  }
  html body header.site-header .header-inner > nav.nav::-webkit-scrollbar{ display: none !important; }
  html body header.site-header .header-inner > nav.nav a{
    font-size: 12px !important;
    letter-spacing: .2px !important;
    flex: 0 0 auto !important;
  }
  html body header.site-header .header-inner > .header-icons{
    margin-left: 0 !important;
    transform: none !important;
    flex: 0 0 auto !important;
  }
  html body header.site-header .header-inner .header-search{ width: 180px !important; }
  html body header.site-header .header-inner .header-search input{ width: 100% !important; }
}
/* 搜索框在窄一点时再收一档 */
@media (min-width: 900px) and (max-width: 1180px){
  html body header.site-header .header-inner .header-search{ width: 140px !important; }
  html body header.site-header .header-inner > nav.nav a{ font-size: 11px !important; }
}


/* ---------- v123: 中等宽度不再横向滚动 —— 放不下时一级菜单整体换到第二行，逐项自动折行 ---------- */
@media (min-width: 900px) and (max-width: 1499px){
  html body header.site-header .header-inner{
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 16px !important;
    padding: 10px 24px !important;
  }
  html body header.site-header .header-inner > .brand-wrap{
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
  }
  html body header.site-header .header-inner > .brand-wrap > .header-social{
    flex-direction: column !important;
  }
  html body header.site-header .header-inner > nav.nav{
    flex: 1 1 420px !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    row-gap: 6px !important;
    overflow: visible !important;
    white-space: normal !important;
  }
  html body header.site-header .header-inner > nav.nav a{
    font-size: 12px !important;
    letter-spacing: .2px !important;
    flex: 0 0 auto !important;
  }
  html body header.site-header .header-inner > .header-icons{
    flex: 0 0 auto !important;
    margin-left: auto !important;
    transform: none !important;
  }
  html body header.site-header .header-inner .header-search{ width: 180px !important; }
}
@media (min-width: 900px) and (max-width: 1180px){
  html body header.site-header .header-inner .header-search{ width: 150px !important; }
  html body header.site-header .header-inner > nav.nav a{ font-size: 11.5px !important; }
}


/* ---------- v124: 去掉搜索框；logo+菜单随宽度等比缩放，不折行；窄屏切右上角下拉 ---------- */
@media (min-width: 1100px){
  html body header.site-header .header-inner{
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 0 !important;
    padding: 12px 40px !important;
    flex-wrap: nowrap !important;
  }
  html body header.site-header .header-inner > .brand-wrap{ transform: none !important; margin: 0 !important; }
  html body header.site-header .header-inner > .brand-wrap > .header-social{ flex-direction: column !important; }
  html body header.site-header .header-inner > nav.nav{
    justify-self: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    gap: clamp(10px, 1.35vw, 34px) !important;
  }
  html body header.site-header .header-inner > nav.nav a{
    font-size: clamp(10.5px, 0.92vw, 14px) !important;
    letter-spacing: clamp(0px, 0.05vw, 1px) !important;
    white-space: nowrap !important;
  }
  html body header.site-header .header-inner .logo-img{ height: clamp(24px, 2.5vw, 40.25px) !important; }
  html body header.site-header .header-inner > .header-icons{ display: none !important; }
  html body header.site-header .header-inner .nav-toggle{ display: none !important; }
}
@media (max-width: 1099px){
  html body header.site-header .header-inner{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 20px !important;
    position: relative !important;
  }
  html body header.site-header .header-inner > .brand-wrap{ transform: none !important; margin: 0 !important; }
  html body header.site-header .header-inner > .header-icons{ display: none !important; }
  html body header.site-header .header-inner > nav.nav{ display: none !important; }
  html body header.site-header .header-inner > nav.nav.open{
    display: flex !important;
    position: absolute !important;
    top: 100% !important;
    right: 16px !important;
    left: auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    background: #fff !important;
    border: 1px solid var(--line) !important;
    border-radius: 10px !important;
    padding: 14px 18px !important;
    min-width: 230px !important;
    gap: 12px !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.14) !important;
    z-index: 300 !important;
    white-space: nowrap !important;
  }
  html body header.site-header .header-inner > nav.nav.open a{ font-size: 14px !important; letter-spacing: .3px !important; }
  html body header.site-header .header-inner .nav-toggle{
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    background: none !important;
    border: 0 !important;
    padding: 6px !important;
    margin-left: auto !important;
    cursor: pointer !important;
    z-index: 320 !important;
  }
}


/* ---------- v125: logo 全宽度区间随视口等比缩放（含 1100 以下，消除跳变） ---------- */
html body header.site-header .header-inner .logo-img{
  height: clamp(20px, 2.5vw, 40.25px) !important;
  width: auto !important;
}


/* ---------- v126: 缓存破除 + 窄屏兜底（1075 等宽度强制右上角下拉） ---------- */
@media (max-width: 1099px){
  html body header.site-header .header-inner > nav.nav:not(.open){ display: none !important; }
  html body header.site-header .header-inner .nav-toggle{ display: flex !important; }
}

/* ---------- v127: 900 以上强制 logo/社媒/菜单回归正常流，消除绝对定位导致的叠压 ---------- */
@media (min-width: 900px){
  html body header.site-header .header-inner{ display:flex !important; align-items:center !important; gap:20px !important; justify-content:flex-start !important; position:relative !important; }
  html body header.site-header .header-inner .logo{ position:static !important; left:auto !important; top:auto !important; transform:none !important; }
  html body header.site-header .header-inner .header-social{ position:static !important; }
  html body header.site-header .header-inner > nav.nav:not(.open){ position:static !important; min-width:0 !important; }
  html body header.site-header .header-inner > nav.nav{ flex:1 1 auto !important; min-width:0 !important; justify-content:center !important; flex-wrap:nowrap !important; overflow:hidden !important; }
}

/* ---------- v128: 间距驱动：logo 与菜单间距 <15px 时切汉堡 ---------- */
@media (min-width: 900px){
  html body header.site-header .header-inner{
    display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
    justify-content:flex-start !important; gap:0 !important;
  }
  html body header.site-header .header-inner > .brand-wrap{ flex:0 0 auto !important; }
  html body header.site-header .header-inner > nav.nav{
    display:flex !important; flex:1 1 auto !important; min-width:0 !important;
    position:static !important; justify-content:center !important;
    flex-wrap:nowrap !important; overflow:visible !important;
    background:none !important; border:0 !important; box-shadow:none !important;
    padding:0 !important;
  }
  html body header.site-header .header-inner > .header-icons{ display:none !important; }
  html body header.site-header .header-inner:not(.is-compact) .nav-toggle{ display:none !important; }
  html body header.site-header .header-inner.is-compact > nav.nav:not(.open){ display:none !important; }
  html body header.site-header .header-inner.is-compact .nav-toggle{
    display:flex !important; flex-direction:column !important; gap:5px !important;
    margin-left:auto !important; background:none !important; border:0 !important;
    padding:6px !important; cursor:pointer !important; z-index:320 !important;
  }
  html body header.site-header .header-inner.is-compact > nav.nav.open{
    display:flex !important; position:absolute !important; top:100% !important; right:20px !important; left:auto !important;
    flex-direction:column !important; align-items:flex-start !important; flex-wrap:nowrap !important;
    background:#fff !important; border:1px solid var(--line) !important; border-radius:10px !important;
    padding:14px 18px !important; min-width:230px !important; gap:12px !important;
    box-shadow:0 18px 44px rgba(0,0,0,.14) !important; z-index:300 !important; white-space:nowrap !important;
  }
}
@media (max-width: 899px){
  html body header.site-header .header-inner > nav.nav{ display:none !important; }
  html body header.site-header .header-inner > nav.nav.open{ display:flex !important; }
}

/* ---------- v129: is-compact 时强制显示汉堡、隐藏菜单（兜底） ---------- */
@media (min-width: 900px){
  html body header.site-header .header-inner.is-compact > nav.nav:not(.open){ display:none !important; }
  html body header.site-header .header-inner.is-compact .nav-toggle{ display:flex !important; }
}

/* ---------- v130: 菜单不再缩字号，只让 logo 与菜单间距自然收缩 ---------- */
@media (min-width: 900px){
  html body header.site-header .header-inner > nav.nav{ flex: 0 1 auto !important; }
  html body header.site-header .header-inner > nav.nav a{ white-space: nowrap !important; }
}

/* ---------- v131: 紧凑模式下汉堡按钮必须可见（防白底白条） ---------- */
@media (min-width: 900px){
  html body header.site-header .header-inner.is-compact .nav-toggle{
    display: flex !important; width: 36px !important; height: 32px !important;
    flex-direction: column !important; align-items: center !important; justify-content: center !important;
    gap: 5px !important; opacity: 1 !important; visibility: visible !important;
  }
  html body header.site-header .header-inner.is-compact .nav-toggle span{
    display: block !important; width: 22px !important; height: 2px !important;
    background: #141414 !important; opacity: 1 !important;
  }
}

/* ---------- v133: 三级下拉面板加宽，产品名不被截断 ---------- */
html body header.site-header .nav .submenu{ overflow: visible !important; }
html body header.site-header .nav .submenu-flyout{
  width: max-content !important;
  min-width: 280px !important;
  max-width: 460px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
html body header.site-header .nav .submenu-flyout a{
  white-space: nowrap !important;
  padding-right: 26px !important;
}
html body header.site-header .nav .submenu-flyout a span{ white-space: nowrap !important; }

/* ---------- v134: 三级面板超出右边界时向左翻转 ---------- */
html body header.site-header .nav .submenu-flyout.flip-left{
  left: auto !important;
  right: 100% !important;
}
html body header.site-header .nav .submenu-flyout{
  max-width: calc(100vw - 24px) !important;
}

/* ---------- v135: 三级面板固定宽度，超长产品名换行显示 ---------- */
html body header.site-header .nav .submenu-flyout{
  width: 260px !important;
  min-width: 260px !important;
  max-width: 260px !important;
}
html body header.site-header .nav .submenu-flyout a{
  white-space: normal !important;
  line-height: 1.35 !important;
  padding: 9px 18px !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}

/* ---------- v136: 产品页栅格自适应，修复右侧被裁切且无滚动条 ---------- */
html body .shop-layout{
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  gap: 40px !important;
  margin-left: 0 !important;
}
html body .shop-main{ margin-left: 0 !important; min-width: 0 !important; max-width: 100% !important; }
html body .shop-main .plist-grid{
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  padding-bottom: 50px !important;
}
html body .pcard, html body .pcard-media{ min-width: 0 !important; }
@media (max-width: 1023px){
  html body .shop-layout{ grid-template-columns: 1fr !important; gap: 24px !important; }
  html body .shop-side{ position: static !important; max-height: none !important; overflow: visible !important; border-bottom: 1px solid #f4e6ec !important; padding-bottom: 10px !important; }
}

/* ---------- v137: 产品卡媒体固定 280px 导致溢出重叠，改成自适应 ---------- */
html body #productsPage .pcard-media,
html body .plist-grid .pcard-media{
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  position: relative !important;
  overflow: hidden !important;
}
html body .pcard{ min-width: 0 !important; overflow: hidden !important; }
html body .pcard-track{ width: 100% !important; max-width: 100% !important; }
html body .pcard-track > *{ flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; }
html body .pcard-track img{ width: 100% !important; height: 100% !important; object-fit: contain !important; }
html body .plist-grid > *{ min-width: 0 !important; }

/* ---------- v138: 产品列表横向滚动条常显；<1024px 三行两列双向滚动 ---------- */
html body .plist-grid{
  overflow-x: scroll !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
  scrollbar-color: #c9a6b5 #f6eef1;
  padding-bottom: 14px !important;
}
html body .plist-grid::-webkit-scrollbar{ height: 10px; width: 10px; }
html body .plist-grid::-webkit-scrollbar-track{ background: #f6eef1; border-radius: 5px; }
html body .plist-grid::-webkit-scrollbar-thumb{ background: #c9a6b5; border-radius: 5px; }
html body .plist-grid::-webkit-scrollbar-thumb:hover{ background: #b78ea1; }

@media (max-width: 1023px){
  html body .plist-grid{
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: none !important;
    grid-template-rows: repeat(3, minmax(240px, max-content)) !important;
    grid-auto-columns: 210px !important;
    gap: 18px !important;
    max-height: 80vh !important;
    overflow-x: scroll !important;
    overflow-y: auto !important;
    padding-right: 8px !important;
  }
}

/* ---------- v139: 产品页整体锁宽，卡片固定 230px，超出只横向滚动 ---------- */
html body .shop-layout{
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
html body .shop-main{
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-left: 0 !important;
  overflow: hidden !important;
}
html body .shop-main .plist-grid{
  grid-template-columns: repeat(auto-fill, 230px) !important;
  justify-content: start !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: scroll !important;
}
html body .pcard{ width: 230px !important; max-width: 230px !important; }
html body .pcard-media{ width: 100% !important; height: auto !important; aspect-ratio: 1 / 1 !important; }

/* ---------- v140: 页脚 logo 透明背景 + 反白，去掉白色方块 ---------- */
html body .footer-logo img,
html body footer .footer-logo img{
  background: transparent !important;
  filter: invert(1) !important;
  mix-blend-mode: normal !important;
}
html body footer img[src*="logo"]{ background: transparent !important; }

/* ---------- v141: 页脚 wordmark 反白（黑底上原本是深色字） ---------- */
html body footer .footer-wordmark,
html body .footer-wordmark,
html body #footerWordmark{
  color: #ffffff !important;
}
html body footer .footer-wordmark .accent{ color: #e86a9a !important; }

/* ---------- v142: 页脚用透明白 logo，取消滤镜反色 ---------- */
html body .footer-logo img,
html body footer .footer-logo img{
  filter: none !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
}

/* ---------- v143: 三级面板按最长产品名自适应宽度 ---------- */
html body header.site-header .nav .submenu-flyout{
  width: max-content !important;
  min-width: 260px !important;
  max-width: min(420px, calc(100vw - 40px)) !important;
}
html body header.site-header .nav .submenu-flyout a{
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}

/* ---------- v144: 三级面板真身是 .foil-flyout，按内容自适应 + 贴边左翻 ---------- */
html body .foil-flyout{
  width: max-content !important;
  min-width: 230px !important;
  max-width: min(430px, calc(100vw - 40px)) !important;
  white-space: nowrap !important;
}
html body .foil-flyout a{
  white-space: nowrap !important;
  overflow-wrap: normal !important;
}
html body .foil-flyout.flip-left{
  left: auto !important;
  right: 100% !important;
}

/* ---------- v146: 回退 v145 的 10px 间隙 ---------- */
html body .foil-flyout{
  left: 100% !important;
  margin-left: 0 !important;
}
html body .foil-flyout::before{
  left: -12px !important;
  width: 12px !important;
}
html body .foil-flyout.flip-left{
  left: auto !important;
  right: 100% !important;
}