:root{--h-blue:#3f7cb6;--h-dk:#2c5a86;--h-org:#8a8f96;--h-ink:#2b3238;--h-bg:#f3f5f7;--h-line:#dfe3e8;--h-sub:#868f98}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--h-bg);color:var(--h-ink);font-size:14px;line-height:1.75;padding-bottom:60px}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
button{font-family:inherit;cursor:pointer;border:none}
input,textarea{font-family:inherit;font-size:14px;outline:none}
.dm-search{background:#fff;border-bottom:1px solid var(--h-line);padding:11px 13px}
.dm-search input{width:100%;border:1px solid var(--h-line);border-radius:22px;background:var(--h-bg);padding:8px 15px;font-size:13px}
.dm-catnav{background:#fff;border-bottom:1px solid var(--h-line);display:flex;overflow-x:auto;scrollbar-width:none;position:sticky;top:0;z-index:50}
.dm-catnav::-webkit-scrollbar{display:none}
.dm-catnav a{flex:none;padding:11px 14px;font-size:14px;color:var(--h-sub);border-bottom:2px solid transparent}
.dm-catnav a.active{color:var(--h-blue);border-bottom-color:var(--h-org);font-weight:700}
.dm-hero{display:block;margin:0;position:relative}
.dm-hero img{width:100%;aspect-ratio:16/7;object-fit:cover}
.dm-hero i{position:absolute;left:12px;bottom:12px;font-style:normal;background:rgba(44,90,134,.8);color:#fff;font-size:11px;padding:3px 11px;border-radius:3px;letter-spacing:1px}
.dm-head{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 9px}
.dm-head h3,.dm-head h4{font-size:15px;font-weight:700;color:var(--h-dk);padding-left:8px;border-left:3px solid var(--h-org)}
.dm-head a,.dm-head span{font-size:12px;color:var(--h-sub)}
.dm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 10px}
.dm-card{background:#fff;border:1px solid var(--h-line);border-radius:12px;overflow:hidden}
.dm-card .dm-thumb{width:100%;aspect-ratio:1/1;object-fit:cover}
.dm-card .dm-info{padding:8px 9px 10px}
.dm-card .dm-name{font-size:13px;font-weight:500;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:39px}
.dm-card .dm-price{color:var(--h-blue);font-weight:700;font-size:16px;margin-top:3px}
.dm-buy{display:block;width:100%;margin-top:7px;height:30px;line-height:28px;text-align:center;background:var(--h-blue);color:#fff;font-size:12px;font-weight:600;border-radius:15px;border:none}
.dm-cardb{background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:13px 14px;margin:10px 10px 0}
.dm-cardb h4{font-size:14px;color:var(--h-dk);margin-bottom:9px;font-weight:700}
.dm-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--h-line);display:flex;align-items:center;gap:10px;padding:9px 13px calc(9px + env(safe-area-inset-bottom))}
.dm-bar span{flex:1;font-size:13px}
.dm-bar span b{color:var(--h-blue);font-size:17px}
.dm-btn{flex:none;width:132px;height:38px;border-radius:22px;background:var(--h-blue);color:#fff;font-size:14px;font-weight:700}
.dm-fitem{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:11px 13px;margin:10px 10px 0}
.dm-fitem input[type=text],.dm-fitem input[type=password],.dm-fitem input:not([type]){flex:1;border:none;background:transparent;font-size:14px}
.dm-fitem input[type=checkbox]{width:16px;height:16px;accent-color:var(--h-blue)}
.dm-cell{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:12px 13px;margin:10px 10px 0}
.dm-cell>div{flex:1;min-width:0}
.dm-arrow{color:#c2ccd6}
.dm-mehead{background:linear-gradient(140deg,var(--h-dk),var(--h-blue));padding:19px 16px 15px;color:#fff}
.dm-mehead>div:first-child{display:flex;align-items:center;gap:12px}
.dm-mehead .dm-avatar{width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.55);text-align:center;line-height:46px;font-size:19px}
.dm-mehead b{font-size:16px}
.dm-mestat{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:10px 0;margin-left:10px;margin-right:10px}
.dm-mestat div{text-align:center;border-right:1px solid var(--h-line)}
.dm-mestat div:last-child{border-right:none}
.dm-mestat b{display:block;font-size:16px;color:var(--h-dk)}
.dm-mestat span{font-size:10px;color:var(--h-sub)}
.dm-ogrid{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:12px 0;margin:10px 10px 0}
.dm-ogrid a{text-align:center;font-size:11px;position:relative}
.dm-ogrid a .dm-ico{display:block;font-style:normal;font-size:16px;margin-bottom:2px}
.dm-ogrid a .dm-badge{position:absolute;top:-6px;right:15%;background:var(--h-org);color:#fff;font-size:9px;min-width:15px;line-height:15px;border-radius:12px;padding:0 3px}
.dm-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--h-line);display:flex;height:56px;padding-bottom:env(safe-area-inset-bottom)}
.dm-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;color:var(--h-sub)}
.dm-tabbar a.active{color:var(--h-blue);font-weight:700}
.dm-specrow{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:12px 13px;margin:10px 10px 0;font-size:13px}
.dm-specrow .arrow{margin-left:auto;color:#c2ccd6}
.dm-specmask{display:none;position:fixed;inset:0;background:rgba(74,58,52,.5);z-index:80}
.dm-specpanel{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-radius:12px 12px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
.dm-specitem{display:inline-block;font-size:12px;border:1px solid var(--h-line);border-radius:4px;padding:5px 12px;background:var(--h-bg);margin:0 6px 6px 0}
.dm-specitem.on{color:var(--h-blue);border-color:var(--h-blue);background:#fdeee8;font-weight:600}
.dm-numc{display:flex;align-items:center;border:1px solid var(--h-line);border-radius:4px;overflow:hidden}
.dm-numc button{width:32px;height:30px;background:var(--h-bg);font-size:15px}
.dm-numc b{width:38px;text-align:center}
.dm-price{color:var(--h-blue);font-weight:700}
.dm-price .pd-price{font-size:inherit}
.pd-price-row{padding:0 12px;margin-top:10px;display:flex;align-items:baseline;gap:4px;font-size:12px;color:var(--h-sub)}
.pd-price-row .dm-price,.pd-price-row .pd-price{font-size:24px;color:var(--h-blue)}
.pd-title{font-size:16px;font-weight:700;line-height:1.6;margin:10px 12px 0}
.pd-meta{display:flex;gap:14px;font-size:11px;color:var(--h-sub);margin:6px 12px 0}
.swiper{position:relative;background:#f3e6dd;overflow:hidden}
.swiper-track{display:flex;transition:transform .25s ease}
.swiper-slide{flex:none;width:100%}
.swiper-slide img{width:100%;aspect-ratio:1/1;object-fit:cover;pointer-events:none}
.counter{position:absolute;right:12px;bottom:12px;background:rgba(201,111,94,.6);color:#fff;font-size:11px;padding:2px 10px;border-radius:10px}
.arrow-btn{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;line-height:28px;text-align:center;background:rgba(255,255,255,.88);border-radius:50%;font-size:17px;user-select:none;z-index:5}
.arrow-btn.prev{left:10px}.arrow-btn.next{right:10px}
.dots{display:flex;justify-content:center;gap:6px;padding:9px 0 0}
.dots i{width:6px;height:6px;border-radius:50%;background:#e3d3c9;transition:all .2s}
.dots i.on{background:var(--h-blue);width:14px;border-radius:3px}
.tag{display:inline-block;font-size:11px;color:var(--h-blue);border:1px solid var(--h-blue);border-radius:3px;padding:2px 9px;margin:10px 12px 0 0}
#specTags{padding:0 12px}
.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--h-line);display:flex;align-items:center;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
.bottom-bar .op{flex:none;width:44px;text-align:center;font-size:10px;color:var(--h-sub);line-height:1.4}
.bottom-bar .op .ico{display:block;font-style:normal;font-size:16px;line-height:1.3}
.btn-cart{flex:1;height:40px;border-radius:2px;background:#fff;color:var(--h-blue);border:1px solid var(--h-blue);font-size:14px;font-weight:600;margin-left:6px}
.btn-buy2{flex:1;height:40px;border-radius:2px;background:var(--h-org);color:#fff;font-size:14px;font-weight:700;margin-left:8px}
.spec-mask{display:none;position:fixed;inset:0;background:rgba(74,58,52,.5);z-index:80}
.spec-panel{display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;background:#fff;border-radius:12px 12px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}
.spec-item.on{color:var(--h-blue);border-color:var(--h-blue);background:#fdeee8;font-weight:600}
.num-ctrl{display:flex;align-items:center;border:1px solid var(--h-line);border-radius:4px;overflow:hidden}
.num-ctrl button{width:32px;height:30px;background:var(--h-bg);font-size:15px}
.num-ctrl b{width:38px;text-align:center}
.btn-sm{padding:3px 10px;font-size:11px;border-radius:12px}
.btn-del{background:#fdeeea;color:#b04a2e}
.op .ico{font-style:normal}
.dm-notes{max-width:820px;margin:22px auto 6px;padding:20px 22px;background:#fff;border:1px solid #dfe3e8;border-radius:12px}
.dm-notes-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}
.dm-notes-hd b{font-size:16px;color:#2c5a86}
.dm-notes-hd span{font-size:11px;letter-spacing:1px;color:#868f98}
.dm-notes-bd p{margin:8px 0;font-size:13.5px;color:#3a4147;line-height:1.95}
.dm-notes-bd b{color:#2b3238}
.dm-spec{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}
.dm-spec td{padding:7px 4px;border-bottom:1px dashed #dfe3e8}
.dm-spec td:first-child{width:92px;color:#868f98}
.dm-brand{background:linear-gradient(135deg,var(--h-dk),var(--h-blue));color:#fff;padding:16px 14px 13px}
.dm-brand b{display:block;font-size:20px;letter-spacing:2px}
.dm-brand span{display:block;font-size:10px;letter-spacing:1px;opacity:.75;margin-top:2px}
.dm-bar .op{flex:none;width:38px;text-align:center;font-size:10px;color:var(--h-sub);line-height:1.4}
.dm-cartbtn,.dm-buy2{flex:1;min-width:0;height:38px;border-radius:19px;color:#fff;font-size:13px;font-weight:700;border:none}
.dm-cartbtn{background:#fff;color:var(--h-blue);border:1px solid var(--h-blue)}
.dm-buy2{background:var(--h-blue)}

body:has(.dm-bar) .dm-tabbar{display:none}
body{padding-bottom:70px}


@media (min-width: 768px) {
  .dm-hero        { height: 300px; }
  .dm-hero img    { height: 300px; object-fit: cover; }
  .dm-grid        { grid-template-columns: repeat(3, 1fr); gap: 16px; }
  .dm-grid img    { height: 300px; object-fit: cover; }
 }


.dm-hero-copy{display:none}
@media (min-width: 768px) {
  .dm-hero       { height: 180px; background: #141C26; }
  .dm-hero img   { display: none; }
  .dm-hero-copy  { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%; }
  .dm-hero-copy b{ color: #fff; font-size: 25px; font-weight: 800; letter-spacing: 2px; }
  .dm-hero-copy em{ font-style: normal; color: #9FB4C8; font-size: 13px; }
  .dm-grid img   { height: 260px; }
  .tabbar, .dm-tabbar { display: none; }
}


@media (min-width: 768px) {
  .dm-hero      { height: 150px; }
  .dm-hero img  { height: 150px; object-fit: cover; }
  .dm-grid img  { height: 240px; }
}


@media (min-width:768px){
  body{max-width:560px;margin:0 auto;box-shadow:0 0 46px rgba(0,0,0,.30)}
  .dm-hero{height:120px}
  .dm-hero img{display:block;height:120px;object-fit:cover}
  .dm-hero-copy{display:none}
  .dm-grid{grid-template-columns:1fr 1fr;gap:10px}
  .dm-grid img{height:170px}
  .tabbar,.dm-tabbar{display:flex}
}
html{background:#141C26}

body{overflow-x:hidden}.pd-title{overflow-wrap:anywhere;word-break:break-word}.dm-payline{display:flex;align-items:center;gap:7px;margin:10px 12px 2px;font-size:12px;color:#999;flex-wrap:wrap}.dm-payline b{display:inline-flex;align-items:center;gap:4px;background:#e8f1fb;color:#1677c2;font-size:11px;border-radius:4px;padding:3px 9px;font-weight:600}.dm-spec{table-layout:fixed}.dm-spec td{word-break:break-word}.dm-bar .op{white-space:nowrap}.dm-pd,.dm-pd-info{min-width:0;width:100%;max-width:100vw}.dm-promise{background:#3f7cb6;color:#fff;font-size:11px;text-align:center;padding:5px 8px;letter-spacing:.5px}
.dm-sold{margin-left:8px;font-size:11px;color:#868f98;font-weight:400}
@media (min-width:768px){
 html{background:#eef2f6}
 body{max-width:none;margin:0;box-shadow:none;padding-bottom:100px}
 .dm-brand{padding:20px 40px}
 .dm-brand b{font-size:24px;letter-spacing:3px}
 .dm-search{max-width:1200px;margin:0 auto;padding:14px 4px;background:transparent;border:0}
 .dm-search input{background:#fff}
 .dm-catnav{max-width:1200px;margin:0 auto;border:1px solid var(--h-line);border-radius:10px;overflow:hidden}
 .dm-hero{max-width:1200px;margin:18px auto 0;height:150px;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#2c5a86,#3f7cb6)}
 .dm-hero img{display:none}
 .dm-hero i{display:none}.dm-hero-copy{display:flex}
 .dm-head{max-width:1200px;margin:0 auto;padding:18px 4px 10px}
 .dm-grid{grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:0 auto;padding:0 4px}
 .dm-grid img{height:220px}
 .dm-card{transition:box-shadow .2s}
 .dm-card:hover{box-shadow:0 6px 18px rgba(44,90,134,.12)}
 .dm-notes{max-width:1200px;margin:28px auto 40px}
 .dm-tabbar{display:none}
 .dm-bar{max-width:1200px;margin:0 auto;padding:10px 20px;border-radius:10px 10px 0 0}
 .dm-pd{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;max-width:1200px;margin:0 auto;padding:26px 4px 110px}
 .dm-pd-media{background:#fff;border:1px solid var(--h-line);border-radius:12px;overflow:hidden;align-self:start;position:sticky;top:20px}
 .dm-pd-media .swiper{background:#fff}.dm-pd-media .swiper-slide img{aspect-ratio:4/3;object-fit:contain;background:#fff}
 .dm-pd-info #specTags{padding:0}
 .dm-pd-info .pd-price-row{padding:0;margin-top:0}
 .dm-pd-info .pd-title{margin:10px 0 0}
 .dm-pd-info .pd-meta{margin:8px 0 0}
 .dm-pd-info .tag{margin:0 8px 0 0}
 .dm-pd-info .dm-cardb{margin:16px 0 0;border-radius:10px}
 .dm-pd-info .card{background:#fff;border:1px solid var(--h-line);border-radius:10px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:14px 0 0}
 .dm-pd-media .arrow-btn{width:34px;height:34px;line-height:32px}
}
@media (min-width:1400px){.dm-grid{grid-template-columns:repeat(5,1fr)}}
/* whs product/gallery/shelf v2 (20261024b) */
.dm-gallery{position:relative;background:#f7f1ec;border-bottom:1px solid var(--h-line);}
.dm-frames{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
.dm-frames::-webkit-scrollbar{display:none}
.dm-frame{flex:0 0 100%;margin:0;scroll-snap-align:center;}
.dm-frame img{width:100%;aspect-ratio:1;object-fit:cover;display:block;}
.dm-shift{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#2b3238;font-size:20px;line-height:1;cursor:pointer;z-index:3;}
.dm-shift-l{left:10px}
.dm-shift-r{right:10px}
.dm-count{position:absolute;right:12px;bottom:12px;background:rgba(44,90,134,.6);color:#fff;font-size:11px;padding:3px 9px;border-radius:10px;}
.dm-dots{display:flex;justify-content:center;gap:6px;padding:9px 0 8px;}
.dm-dot{width:6px;height:6px;border:0;padding:0;border-radius:50%;background:#d8cdc4;cursor:pointer;}
.dm-dot.is-live{width:16px;border-radius:3px;background:var(--h-blue);}
.dm-chip{display:inline-block;margin:2px 0 6px;padding:3px 10px;border:1px solid #dbe3ea;border-radius:12px;font-size:11px;color:#3f7cb6;background:#eef4fb;}
.dm-price{display:flex;align-items:baseline;gap:8px;}
.dm-price em{font-style:normal;font-size:12px;color:#868f98;}
.dm-price b{font-size:26px;color:#3f7cb6;font-weight:700;}
.dm-price del{font-size:12px;color:#a9b3bd;}
.dm-title{margin:6px 0 8px;font-size:18px;line-height:1.55;font-weight:600;color:#2b3238;}
.dm-facts{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0 0 12px;padding:0;list-style:none;}
.dm-facts li{font-size:11px;color:#868f98;}
.dm-choose{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;font-size:13px;color:#3a4147;text-align:left;}
.dm-choose span{color:#868f98;font-size:12px;}
.dm-choose i{flex:1;font-style:normal;color:#2b3238;}
.dm-choose em{font-style:normal;color:#aab4be;}
.dm-brief{margin:12px 0 0;padding:14px;border:1px solid #dfe3e8;border-radius:10px;background:#fff;}
.dm-brief h2{margin:0 0 8px;font-size:14px;color:#2c5a86;font-weight:600;}
.dm-brief p{margin:0;font-size:12.5px;line-height:1.85;color:#3a4147;}
.dm-brief-body{font-size:12.5px;line-height:1.9;color:#3a4147;}
.dm-buybar{position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;align-items:center;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dfe3e8;}
.dm-op{flex:0 0 44px;text-align:center;font-size:10px;color:#868f98;line-height:1.3;}
.dm-op i{display:block;font-style:normal;font-size:16px;}
.dm-cart-btn,.dm-buy-btn{flex:1;height:40px;border-radius:20px;border:0;font-size:14px;font-weight:600;}
.dm-cart-btn{background:#eef4fb;color:#2c5a86;}
.dm-buy-btn{background:#3f7cb6;color:#fff;}
.dm-veil{display:none;position:fixed;inset:0;background:rgba(28,38,48,.45);z-index:96;}
.dm-sheet{display:none;position:fixed;left:0;right:0;bottom:0;z-index:97;background:#fff;border-radius:16px 16px 0 0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-height:76vh;overflow:auto;}
.dm-sheet-x{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:18px;color:#868f98;cursor:pointer;}
.dm-sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.dm-sheet-head img{width:64px;height:64px;object-fit:cover;border-radius:8px;}
.dm-sheet-head b{display:block;font-size:18px;color:#3f7cb6;}
.dm-sheet-head span{font-size:11px;color:#868f98;}
.dm-sheet-label{margin:0 0 8px;font-size:12px;color:#868f98;}
.dm-opts{display:flex;flex-wrap:wrap;gap:8px;}
.dm-opt{padding:6px 14px;border:1px solid #dbe3ea;border-radius:6px;background:#f5f8fb;font-size:12px;color:#3a4147;cursor:pointer;}
.dm-opt.is-on{border-color:#3f7cb6;background:#e9f2fb;color:#2c5a86;font-weight:600;}
.dm-qty{display:flex;align-items:center;justify-content:space-between;margin:14px 0 0;font-size:13px;color:#3a4147;}
.dm-step{display:inline-flex;align-items:center;border:1px solid #dbe3ea;border-radius:6px;overflow:hidden;}
.dm-step button{width:34px;height:30px;border:0;background:#f0f5fa;font-size:15px;cursor:pointer;}
.dm-step b{width:40px;text-align:center;font-size:13px;}
.dm-sheet-actions{display:flex;gap:10px;margin-top:14px;}

/* shelf layout */
.dm-shelf-wrap{padding:6px 10px 8px;}
.dm-shelf-note{margin:10px 2px 4px;font-size:12px;color:#868f98;}
.dm-shelf{margin:10px 0 18px;}
.dm-shelf-head{display:flex;align-items:baseline;justify-content:space-between;padding:4px 2px 8px;}
.dm-shelf-head h3{margin:0;font-size:15px;color:#2c5a86;font-weight:700;}
.dm-shelf-head em{font-style:normal;font-size:11px;color:#868f98;}
.dm-shelf-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;}
.dm-tile{display:block;background:#fff;border:1px solid #dfe3e8;border-radius:10px;overflow:hidden;}
.dm-tile figure{margin:0;aspect-ratio:1;background:#f3f5f7;}
.dm-tile figure img{width:100%;height:100%;object-fit:cover;display:block;}
.dm-tile h4{margin:8px 9px 0;font-size:12.5px;line-height:1.45;font-weight:400;color:#2b3238;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.dm-tile-price{margin:5px 9px 10px;font-size:14px;color:#3f7cb6;font-weight:600;}

@media (min-width:768px){
 .dm-gallery{position:sticky;top:16px;border:1px solid #dfe3e8;border-radius:12px;overflow:hidden;background:#fff;}
 .dm-buybar{max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px;border-radius:10px 10px 0 0;}
 .dm-sheet{left:0;right:0;width:520px;margin:0 auto;bottom:80px;border-radius:16px;}
 .dm-shelf-wrap{max-width:1200px;margin:0 auto;padding:10px 0 20px;}
 .dm-shelf-row{grid-template-columns:repeat(4,1fr);gap:16px;}
}
@media (min-width:1400px){
 .dm-shelf-row{grid-template-columns:repeat(5,1fr);}
}

/* ===== 组合二十二 清单册式（dml-*）2026-10-25 骨架级重排 ===== */
body.dml{background:#F6F2E9;color:#23303B;max-width:none;margin:0;padding-bottom:30px;font-family:"PingFang SC","Microsoft YaHei",sans-serif;-webkit-tap-highlight-color:transparent}
body.dml a{color:inherit;text-decoration:none}
body.dml img{max-width:100%;display:block}
.dml-notice{background:#2E5245;color:#F1EBDD;font-size:12px;text-align:center;padding:7px 10px;letter-spacing:1px}
.dml-top{background:#F6F2E9;border-bottom:1px solid #D9D2C4}
.dml-head{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:16px 20px 10px}
.dml-seal{width:52px;height:52px;flex:none;background:#2E5245;color:#F6F2E9;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;border-radius:4px}
.dml-name{display:flex;flex-direction:column;gap:4px;min-width:0}
.dml-name b{font-size:22px;letter-spacing:4px;font-weight:800}
.dml-name span{font-size:11px;color:#8A8377;letter-spacing:.5px}
.dml-search{margin-left:auto}
.dml-search input{width:230px;border:1px solid #D9D2C4;background:#FFFDF8;border-radius:3px;padding:9px 12px;font-size:13px;outline:none}
.dml-cats{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;border-top:1px solid #E6DFD2;padding:0 10px}
.dml-cats a{padding:11px 16px 9px;font-size:13.5px;color:#23303B;border-bottom:2px solid transparent}
.dml-cats a i{font-style:normal;font-size:10px;color:#B25B3A;margin-right:6px;vertical-align:super}
.dml-cats a.on{border-bottom-color:#2E5245;font-weight:700}
.dml-sec{max-width:1200px;margin:26px auto 0;padding:0 20px}
.dml-sec-hd{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #D9D2C4;padding-bottom:9px}
.dml-sec-hd h2{font-size:19px;letter-spacing:3px;font-weight:800}
.dml-sec-hd em{font-style:normal;font-size:12px;color:#8A8377}
.dml-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.dml-row{display:grid;grid-template-columns:64px 92px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px dashed #D9D2C4}
.dml-no{font-size:11px;color:#8A8377;letter-spacing:1px}
.dml-row img{width:92px;height:92px;object-fit:cover;border-radius:4px;background:#fff;border:1px solid #E6DFD2}
.dml-txt{min-width:0}
.dml-txt h3{font-size:14px;line-height:1.55;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dml-txt p{font-size:11.5px;color:#8A8377;margin-top:5px}
.dml-price{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
.dml-tag{background:#B25B3A;color:#fff;font-size:15px;font-weight:800;padding:5px 10px;border-radius:3px 0 3px 0;letter-spacing:.5px}
.dml-price s{font-size:11px;color:#A39B8E}
.dml-empty{padding:40px;text-align:center;color:#8A8377}
.dml-feat{max-width:1200px;margin:34px auto;display:grid;grid-template-columns:1fr 1fr;background:#FFFDF8;border:1px solid #D9D2C4;border-radius:6px;overflow:hidden}
.dml-feat img{width:100%;height:320px;object-fit:cover}
.dml-feat div{padding:34px 40px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.dml-feat b{font-size:12px;color:#B25B3A;letter-spacing:3px;font-weight:700}
.dml-feat h3{font-size:23px;line-height:1.5;letter-spacing:1px}
.dml-feat p{font-size:14px;line-height:2;color:#4A453D}
.dml-link{font-size:13px;color:#2E5245;font-weight:700;letter-spacing:1px}
.dml-feat-alt img{order:2}
.dml-feat-alt div{order:1}
.dml-notes{max-width:1200px;margin:20px auto 0;padding:0 20px 34px;column-count:2;column-gap:52px}
.dml-notes .dml-sec-hd{column-span:all;margin-bottom:14px}
.dml-notes p{font-size:13px;line-height:2.05;color:#4A453D;margin:0 0 14px;break-inside:avoid}
.dml-notes b{color:#23303B}
.dml-promise{max-width:1200px;margin:10px auto 26px;display:flex;justify-content:center;gap:44px;border-top:1px solid #D9D2C4;border-bottom:1px solid #D9D2C4;padding:16px;font-size:13px;color:#2E5245;letter-spacing:1px}
/* 详情页 */
.dml-pd{max-width:1200px;margin:22px auto 40px;padding:0 20px}
.dml-crumb{font-size:12px;color:#8A8377;margin-bottom:12px}
.dml-crumb a{color:#2E5245}
.dml-gallery{display:grid;grid-template-columns:1fr 96px;gap:12px;align-items:start}
.dml-swiper{position:relative;background:#fff;border:1px solid #D9D2C4;border-radius:6px;overflow:hidden}
.dml-slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.dml-slides::-webkit-scrollbar{display:none}
.dml-slides .swiper-slide{flex:0 0 100%;scroll-snap-align:start}
.dml-slides .swiper-slide img{width:100%;aspect-ratio:1;object-fit:cover}
.dml-count{position:absolute;right:12px;bottom:12px;background:rgba(35,48,59,.72);color:#fff;font-size:12px;border-radius:12px;padding:2px 10px}
.dml-thumbs{display:flex;flex-direction:column;gap:10px}
.dml-thumbs img{width:96px;height:96px;object-fit:cover;border:1px solid #D9D2C4;border-radius:4px;cursor:pointer;background:#fff}
.dml-thumbs img.on{border-color:#2E5245;box-shadow:0 0 0 2px rgba(46,82,69,.15)}
.dml-info{margin-top:22px;background:#FFFDF8;border:1px solid #D9D2C4;border-radius:6px;padding:24px 26px}
.dml-pricebar{display:flex;align-items:center;gap:18px;border-bottom:1px dashed #D9D2C4;padding-bottom:16px}
.dml-pricebar .tag{background:#B25B3A;color:#fff;font-size:26px;font-weight:800;padding:8px 16px;border-radius:4px 0 4px 0;letter-spacing:1px}
.dml-pricebar s{color:#A39B8E;font-size:13px}
.dml-sold{font-size:12px;color:#8A8377;margin-left:auto}
.dml-h1{font-size:22px;line-height:1.55;margin:16px 0 10px;letter-spacing:.5px}
.dml-meta{display:flex;flex-wrap:wrap;gap:8px 26px;font-size:12px;color:#8A8377;margin-bottom:14px}
.dml-pay{display:flex;gap:8px;align-items:center;font-size:12px;color:#4A453D;background:#F3EEE3;border:1px dashed #D9D2C4;border-radius:4px;padding:10px 12px;margin-bottom:14px}
.dml-pay b{background:#E7F0FA;color:#1677C2;font-size:11px;border-radius:3px;padding:3px 9px;flex:none}
.dml-choose{width:100%;display:flex;align-items:center;gap:12px;background:#F6F2E9;border:1px solid #D9D2C4;border-radius:4px;padding:12px 14px;font-size:13px;text-align:left;cursor:pointer;margin-bottom:18px}
.dml-choose i{font-style:normal;color:#8A8377;flex:1}
.dml-choose em{font-style:normal;color:#A39B8E}
.dml-brief{padding-top:8px}
.dml-brief h2{font-size:16px;letter-spacing:2px;border-left:4px solid #B25B3A;padding-left:10px;margin:18px 0 10px}
.dml-body{font-size:14px;line-height:2.05;color:#3C382F}
.dml-body p{margin:0 0 10px}
.dml-body table{width:100%;border-collapse:collapse;margin-top:10px;font-size:13px}
.dml-body table td{padding:8px 4px;border-bottom:1px dashed #D9D2C4;color:#4A453D}
.dml-body table td:first-child{width:110px;color:#8A8377}
.dml-buybar{position:fixed;left:0;right:0;bottom:0;z-index:80;background:#FFFDF8;border-top:1px solid #D9D2C4;display:flex;align-items:center;gap:10px;padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) 12px}
.dml-op{width:52px;text-align:center;font-size:11px;color:#6C665C}
.dml-cart{flex:1;background:#FFF3E2;color:#B25B3A;border:1px solid #B25B3A;border-radius:4px;padding:11px;font-size:15px;font-weight:700;cursor:pointer}
.dml-buy{flex:1;background:#B25B3A;color:#fff;border:none;border-radius:4px;padding:11px;font-size:15px;font-weight:700;cursor:pointer}
@media (min-width: 768px){
  body.dml{padding-bottom:96px}
  body.dml .dml-buybar{max-width:1200px;margin:0 auto;border:1px solid #D9D2C4;border-bottom:none;border-radius:6px 6px 0 0;padding:10px 16px}
  body.dml .dml-op{width:64px}
  .dml-gallery{grid-template-columns:minmax(0,1fr) 104px;gap:14px}
  .dml-thumbs img{width:104px;height:104px}
  .dml-info{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:40px;align-items:start}
  .dml-info .dml-pricebar,.dml-info .dml-h1,.dml-info .dml-meta,.dml-info .dml-pay,.dml-info .dml-choose{grid-column:1}
  .dml-info .dml-brief{grid-column:2;grid-row:1 / span 5;margin-top:0}
  .dml-info .dml-brief + .dml-brief{grid-column:1;grid-row:auto}
}
@media (max-width: 760px){
  .dml-list{grid-template-columns:1fr;column-gap:0}
  .dml-row{grid-template-columns:52px 76px minmax(0,1fr) auto;gap:10px}
  .dml-row img{width:76px;height:76px}
  .dml-cats{border-top:none}
  .dml-cats a{padding:9px 10px 8px;font-size:12.5px}
  .dml-feat{grid-template-columns:1fr;margin:24px 14px}
  .dml-feat img{height:200px;order:1}
  .dml-feat div{order:2;padding:22px}
  .dml-notes{column-count:1;padding:0 16px 26px}
  .dml-promise{gap:14px;flex-wrap:wrap;font-size:12px;margin:10px 14px 22px}
  .dml-gallery{grid-template-columns:1fr}
  .dml-thumbs{flex-direction:row}
  .dml-thumbs img{width:64px;height:64px}
  .dml-info{padding:16px}
  .dml-pricebar .tag{font-size:22px}
  .dml-h1{font-size:18px}
  .dml-sec{padding:0 14px}
  .dml-pd{padding:0 14px}
}
/* 详情页尺寸修正 2026-10-25 */
@media (min-width: 768px){
  .dml-gallery{max-width:680px;margin:0 auto;grid-template-columns:minmax(0,1fr) 96px;gap:12px}
  .dml-slides .swiper-slide img{aspect-ratio:4/3}
  .dml-info{max-width:980px;margin:20px auto 0}
  .dml-thumbs img{width:96px;height:96px}
}
/* 详情页：桌面三图通栏 2026-10-25 */
@media (min-width: 768px){
  .dml-gallery{max-width:none;display:block}
  .dml-thumbs{display:none}
  .dml-slides{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;overflow:visible}
  .dml-slides .swiper-slide img{aspect-ratio:1;border:1px solid #D9D2C4;border-radius:4px}
  .dml-count{display:none}
  .dml-info{max-width:1160px;margin:18px auto 0}
}
/* 详情页：桌面内联按钮 + 隐藏底部浮动条 2026-10-25 */
.dml-actions{display:none}
@media (min-width: 768px){
  body.dml{padding-bottom:30px}
  .dml-buybar{display:none}
  .dml-actions{display:flex;gap:12px;margin:0 0 6px}
  .dml-actions .dml-cart,.dml-actions .dml-buy{flex:0 0 190px}
  .dml-info .dml-h1{grid-column:1}
  .dml-info .dml-brief{grid-row:1 / span 6}
}

/* 场景式门店布局 2026-10-25（刊头/不对称清单/场景带/三档对比） */
body.dml .dml-head{max-width:1200px;margin:0 auto;padding:12px 20px 8px;gap:14px;display:flex;align-items:center;flex-wrap:nowrap}
body.dml .dml-seal{width:42px;height:42px;font-size:21px;border-radius:3px}
body.dml .dml-name{gap:2px}
body.dml .dml-name b{font-size:20px;letter-spacing:3px;line-height:1.25}
body.dml .dml-name span{font-size:11px;letter-spacing:.5px}
body.dml .dml-search{margin-left:auto;flex:none}
body.dml .dml-search input{width:210px;padding:8px 12px}
.dml-scenenav{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:2px;border-top:1px solid #E6DFD2;padding:0 10px;overflow-x:auto;scrollbar-width:none}
.dml-scenenav::-webkit-scrollbar{display:none}
.dml-scenenav a{flex:none;padding:10px 14px 8px;font-size:13.5px;color:#23303B;border-bottom:2px solid transparent;white-space:nowrap;letter-spacing:.5px}
.dml-scenenav a:hover{color:#2E5245;border-bottom-color:#B25B3A}
.dml-scenenav a.dml-all{margin-left:auto;color:#B25B3A;font-weight:700;letter-spacing:.5px}

.dml-sec-pick{margin-top:20px}
.dml-pick{display:grid;grid-template-columns:2fr 1fr;gap:16px;margin-top:14px}
.dml-main{display:flex;flex-direction:column;background:#FFFDF8;border:1px solid #D9D2C4;border-radius:6px;overflow:hidden}
.dml-main figure{margin:0;background:#F3EEE3}
.dml-main figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.dml-main-b{padding:15px 18px 18px;display:flex;flex-direction:column;gap:9px;flex:1}
.dml-main-b h3{font-size:18px;line-height:1.55;letter-spacing:.5px;font-weight:700}
.dml-main-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.dml-main-price b{font-size:26px;color:#B25B3A;font-weight:800;letter-spacing:.5px}
.dml-main-price s{font-size:12px;color:#A39B8E}
.dml-main-price em{font-style:normal;font-size:11.5px;color:#8A8377;margin-left:auto}
.dml-main-spec{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px dashed #D9D2C4;padding-top:10px;margin-top:2px}
.dml-main-spec div{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed #EDE7DB;font-size:12.5px;min-width:0}
.dml-main-spec dt{flex:none;width:58px;color:#8A8377}
.dml-main-spec dd{color:#3C382F;flex:1;min-width:0;word-break:break-all}
.dml-main-cta{margin-top:auto;font-size:13px;color:#2E5245;font-weight:700;letter-spacing:1px}
.dml-pick-side{display:grid;grid-template-columns:1fr;gap:10px;grid-auto-rows:1fr}
.dml-mini{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;background:#fff;border:1px solid #E6DFD2;border-radius:5px;padding:8px;min-height:0}
.dml-mini img{width:92px;height:92px;object-fit:cover;border-radius:3px;background:#F3EEE3}
.dml-mini-t{display:flex;flex-direction:column;gap:4px;min-width:0}
.dml-mini-t i{font-style:normal;font-size:10.5px;color:#A39B8E;letter-spacing:1px}
.dml-mini-t h4{font-size:13px;line-height:1.5;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dml-mini-t b{font-size:15px;color:#B25B3A;font-weight:800;margin-top:auto}
.dml-pick-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.dml-std{background:#fff;border:1px solid #E6DFD2;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}
.dml-std img{width:100%;aspect-ratio:1;object-fit:cover;background:#F3EEE3}
.dml-std div{padding:9px 11px 12px;display:flex;flex-direction:column;gap:5px}
.dml-std h4{font-size:13px;line-height:1.5;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:39px}
.dml-std b{font-size:15px;color:#B25B3A;font-weight:800}
.dml-std em{font-style:normal;font-size:11px;color:#8A8377}

.dml-zone{max-width:1200px;margin:36px auto 0;padding:0 20px}
.dml-zone-hd{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid #D9D2C4;padding-bottom:8px}
.dml-zone-hd h3{font-size:19px;letter-spacing:2px;font-weight:800;color:#23303B}
.dml-zone-hd h3 span{margin-right:8px;font-size:18px}
.dml-zone-hd em{font-style:normal;font-size:12px;color:#8A8377}
.dml-zone-banner{display:block;position:relative;height:140px;overflow:hidden;border:1px solid #D9D2C4;border-radius:5px;margin-top:12px;background:#F3EEE3}
.dml-zone-banner img{width:100%;height:140px;object-fit:cover;transition:transform .35s ease}
.dml-zone-banner:hover img{transform:scale(1.03)}
.dml-zone-banner span{position:absolute;left:0;bottom:0;background:rgba(46,82,69,.84);color:#F6F2E9;font-size:12px;padding:6px 14px;letter-spacing:1px}
.dml-strip{display:flex;gap:12px;overflow-x:auto;padding:12px 2px 8px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.dml-strip::-webkit-scrollbar{height:5px}
.dml-strip::-webkit-scrollbar-thumb{background:#D9D2C4;border-radius:3px}
.dml-strip a{flex:0 0 182px;scroll-snap-align:start;background:#fff;border:1px solid #E6DFD2;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}
.dml-strip img{width:100%;height:132px;object-fit:cover;background:#F3EEE3}
.dml-strip h4{font-size:12.5px;line-height:1.5;font-weight:600;padding:8px 10px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:37px}
.dml-strip b{font-size:14.5px;color:#B25B3A;font-weight:800;padding:5px 10px 10px;margin-top:auto}

.dml-compare{max-width:1200px;margin:40px auto 0;padding:0 20px}
.dml-cmp-wrap{overflow-x:auto;margin-top:14px}
.dml-cmp{display:grid;grid-template-columns:96px repeat(3,minmax(0,1fr));border:1px solid #D9D2C4;background:#FFFDF8;border-radius:5px;overflow:hidden;min-width:640px}
.dml-cmp-cell{padding:10px 12px;border-right:1px solid #E6DFD2;border-bottom:1px solid #E6DFD2;font-size:13px;text-align:center;color:#3C382F;display:flex;align-items:center;justify-content:center}
.dml-cmp-cell:last-child{border-right:none}
.dml-cmp-lbl{background:#F3EEE3;color:#8A8377;font-size:12px;letter-spacing:1px}
.dml-cmp-fig{padding:0;border-bottom:1px solid #E6DFD2}
.dml-cmp-fig a{display:block;width:100%}
.dml-cmp-fig img{width:100%;height:130px;object-fit:cover;display:block}
.dml-cmp-price{color:#B25B3A;font-size:17px;font-weight:800}
.dml-cmp-go{display:inline-block;font-size:12px;color:#2E5245;border:1px solid #2E5245;border-radius:3px;padding:4px 12px;font-weight:700}
.dml-cmp-note{font-size:12.5px;color:#6C665C;line-height:1.95;margin-top:10px}

@media (max-width:760px){
  body.dml .dml-head{position:relative;padding:8px 106px 8px 10px;gap:8px;flex-wrap:nowrap}
  body.dml .dml-seal{width:30px;height:30px;font-size:15px}
  body.dml .dml-name{flex:0 0 auto;min-width:0;display:block}
  body.dml .dml-name b{display:block;font-size:15px;letter-spacing:0;white-space:nowrap;line-height:1.3}
  body.dml .dml-name span{display:none}
  body.dml .dml-search{position:absolute;right:10px;top:9px;width:84px;margin:0;display:block}
  body.dml .dml-search input{width:84px;padding:5px 8px;font-size:12px}
  .dml-scenenav{padding:0 4px}
  .dml-scenenav a{padding:8px 9px 6px;font-size:12px}
  .dml-scenenav a.dml-all{display:none}
  .dml-sec-pick{margin-top:16px}
  .dml-pick{grid-template-columns:1fr;gap:10px}
  .dml-main figure img{aspect-ratio:4/3}
  .dml-main-b{padding:12px 14px 14px}
  .dml-main-b h3{font-size:16px}
  .dml-main-price b{font-size:22px}
  .dml-main-price em{margin-left:0}
  .dml-main-spec{grid-template-columns:1fr;gap:0}
  .dml-pick-side{grid-template-columns:1fr 1fr;gap:8px}
  .dml-mini{grid-template-columns:1fr;padding:0;gap:0}
  .dml-mini img{width:100%;height:112px;border-radius:0}
  .dml-mini-t{padding:8px 9px 10px}
  .dml-pick-row{grid-template-columns:1fr 1fr;gap:10px}
  .dml-zone{margin:26px auto 0;padding:0 14px}
  .dml-zone-hd h3{font-size:16px}
  .dml-zone-banner{height:120px}
  .dml-zone-banner img{height:120px}
  .dml-strip a{flex:0 0 150px}
  .dml-strip img{height:108px}
  .dml-compare{margin:28px auto 0;padding:0 14px}
  .dml-cmp{grid-template-columns:74px repeat(3,minmax(118px,1fr));min-width:520px}
  .dml-cmp-fig img{height:104px}
  .dml-cmp-cell{padding:8px 8px;font-size:12px}
}