/* Selection page only. Values follow the approved homepage's final computed rules. */
:root{--paper:#f7fbf9;--card:#ffffff;--line:#dfeae6;--ink:#26302a;--ink-soft:#586862;--ink-faint:#586862;--accent:#1a7063;--accent-deep:#0b5f5a;--accent-wash:#e6f5ef;--radius:8px;--fade:450ms;--content-inset:clamp(24px,6vw,80px)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 "Segoe UI","Helvetica Neue","Microsoft YaHei",sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}h1,h2{font-family:Georgia,"Microsoft YaHei",serif}
.wrap{width:min(1000px,calc(100% - 80px));margin-inline:auto;padding-inline:var(--content-inset)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--card);padding:8px 14px}.skip:focus{left:12px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(247,251,249,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}
.header-row{height:88px;display:flex;align-items:center;gap:14px}.site-brand{flex-shrink:0}.site-brand img{width:108px;height:auto}.site-nav{display:flex;align-items:center;gap:12px;margin-right:auto;white-space:nowrap;font-size:14px}.site-nav a{text-decoration:none;color:var(--ink-soft);padding-block:8px;transition:color .25s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent)}.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#0b5f5a;text-underline-offset:7px}
.header-actions{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:14px}.header-actions a{text-decoration:none}.header-actions .nav-cta{font-size:15px;padding:9px 16px;border-radius:999px;background:var(--accent);color:var(--card)}.header-actions .nav-cta:hover{background:var(--accent-deep)}.menu-btn{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{padding-block:10px 18px;border-top:1px solid var(--line)}.mobile-nav a{display:block;padding:9px 0;text-decoration:none;font-size:16px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}
.page-content{padding-top:34px;padding-bottom:56px}.top{display:flex;flex-direction:column;gap:18px;margin-bottom:20px}.brand{margin:0 0 6px;font-size:13px;letter-spacing:.12em;color:var(--accent);font-weight:600}h1{font-size:34px;line-height:1.4;font-weight:500;margin:0 0 10px}.lead{margin:0;font-size:16px;line-height:1.7;color:var(--ink-soft)}.lead strong{font-weight:500;color:var(--ink)}
.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding-top:16px;border-top:1px solid var(--line)}.ctl-group{display:flex;align-items:center;gap:6px}.ctl-label{font-size:14px;color:var(--ink-soft);margin-right:4px}
button{font-size:14px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;min-height:34px;transition:background .25s,color .25s,border-color .25s,transform .3s}button:hover{border-color:var(--accent);background:var(--accent-wash)}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--card)}.btn-main{background:var(--accent);border-color:var(--accent);color:var(--card);font-weight:500;padding-inline:16px}.btn-main:hover{background:var(--accent-deep);color:var(--card)}
.scene-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px}.scene-strip figure{margin:0}.scene-strip img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#e6f1ed;border-radius:8px}.scene-strip figcaption{font-size:13px;color:var(--ink-soft);margin-top:7px;line-height:1.5}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}.card{min-width:0;padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);transition:transform .35s,box-shadow .35s,border-color .35s}.card:hover,.card:focus-within{transform:translateY(-5px);border-color:#aab29e;box-shadow:0 14px 28px rgba(11,95,90,.1)}
.card-head{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.card-title{font-size:19px;line-height:1.45;font-weight:500;margin:0}.num{font:500 12px "Segoe UI",sans-serif;color:#0b5f5a;margin-right:7px;font-variant-numeric:tabular-nums}.state-tag{font-size:12px;color:var(--ink-soft)}.state-tag.paused{color:var(--accent)}.card-summary{font-size:13px;line-height:1.55;margin:0;color:var(--ink-soft);min-height:4.65em}
.stage{position:relative;aspect-ratio:1/1;width:100%;background:transparent;border-radius:0;overflow:hidden}.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity var(--fade) ease,transform .5s}.stage img.is-active{opacity:1}.card:hover .stage img.is-active{transform:scale(1.04)}
.meta{min-height:104px}.p-name{font-size:16px;line-height:1.5;font-weight:500;margin:0 0 4px}.p-type{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0}.p-code{font-size:12px;color:var(--ink-faint);margin:6px 0 0;font-variant-numeric:tabular-nums}
.card .nav{margin-top:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.card .nav>button{font-size:13px;padding:6px 9px}.counter{font-size:12px;color:var(--ink-soft);font-variant-numeric:tabular-nums;text-align:center}.dots{display:flex;justify-content:center;align-items:center;gap:3px;margin:-4px 0 0}.dots button{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0;background:transparent}
.inventory{margin-top:30px;border-top:1px solid var(--line);padding-top:18px}.inventory summary{cursor:pointer;font-size:18px;font-weight:500;padding:8px 0;list-style-position:inside}.inv-note{font-size:14px;color:var(--ink-soft);margin:8px 0 18px}.inv-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}.inv-item{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:14px}.inv-img{aspect-ratio:1/1;background:transparent;overflow:hidden;margin-bottom:8px}.inv-img img{width:100%;height:100%;object-fit:contain}.inv-no{color:var(--accent);font-size:12px;margin-right:6px}.inv-group,.inv-code{font-size:12px;color:var(--ink-soft);margin:0}.inv-name{font-weight:500;margin:4px 0}.inv-type{margin:0;color:var(--ink-soft)}.error{background:var(--accent-wash);border:1px solid var(--accent);border-radius:8px;padding:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.site-nav,.header-actions .login-link{display:none}.header-actions{margin-left:auto}.menu-btn{display:inline-block}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){:root{--content-inset:22px}.wrap{width:calc(100% - 32px)}.header-row{height:76px}.site-brand img{width:94px}.header-actions{gap:8px}.header-actions .nav-cta{font-size:13px;padding:8px 12px}.page-content{padding-top:26px}h1{font-size:29px}.scene-strip{gap:8px;margin-bottom:20px}.scene-strip figcaption{font-size:12px}.grid{gap:12px}.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card-summary{min-height:0}.meta{min-height:100px}}
@media(max-width:560px){.grid{grid-template-columns:1fr}.stage{position:relative;aspect-ratio:1/1;width:100%;background:transparent;border-radius:0;overflow:hidden}.card-head{flex-direction:row;align-items:baseline;justify-content:space-between}.meta{min-height:0}.card-summary{min-height:0}.lead{font-size:15px}.scene-strip figcaption{font-size:11px}.controls{gap:12px}}
@media(prefers-reduced-motion:reduce){:root{--fade:0ms}*,*::before,*::after{transition:none!important;animation:none!important}.card:hover,.card:focus-within,.card:hover .stage img.is-active{transform:none}}

/* Keep focused controls and disclosure headings clear of the sticky header. */
.card button,.inventory summary,.controls button{scroll-margin-top:112px;scroll-margin-bottom:32px}


/* One image surface; compact direct-selection dots and USD range. */
.dots button::after{content:"";width:8px;height:8px;border-radius:50%;background:#c4d6cf;transition:background .25s,transform .25s}
.dots button:hover,.dots button[aria-pressed=true]{background:transparent;border:0}
.dots button[aria-pressed=true]::after{background:var(--accent);transform:scale(1.25)}
.dots button:hover::after{background:var(--accent)}
.p-price,.inv-price{color:var(--accent);font-size:20px;font-weight:600;line-height:1.4;margin:8px 0 4px;font-variant-numeric:tabular-nums}
.inv-price{font-size:16px}.meta{min-height:135px}.price-caption{margin:5px 0 0;font-size:13px;color:var(--ink-soft)}
.state-tag{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.card-head{min-height:28px}.card .nav{display:none}

/* All six category cards use the approved layout. */
.grid > .card{padding:0 0 16px;gap:8px;background:transparent;border-color:transparent;border-radius:0}
.grid > .card:hover,.grid > .card:focus-within{transform:none;box-shadow:none;border-color:transparent}
.grid > .card .card-head{min-height:28px;margin-bottom:4px}
.grid > .card .card-title{font:500 17px/1.5 "Segoe UI","Microsoft YaHei",sans-serif}
.grid > .card .stage{width:100%;aspect-ratio:1/1;background:#fff;border-radius:4px}
.grid > .card .stage img{inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}
.grid > .card:hover .stage img.is-active{transform:none}
.grid > .card .dots{margin:-4px 0 0;gap:0}
.grid > .card .dots button::after{width:6px;height:6px}
.grid > .card .meta{min-height:106px}
.grid > .card .p-name{font-size:15px;line-height:1.5;margin:0 0 2px;font-weight:500}
.grid > .card .p-type{font-size:13px;line-height:1.5}
.grid > .card .p-price{font-size:18px;line-height:1.4;font-weight:500;margin:6px 0 4px}
.grid > .card .p-code{font-size:11px;margin-top:4px;color:#5d6d67}
@media(max-width:560px){.grid > .card .stage{max-width:260px;margin-inline:auto}.grid > .card .meta{min-height:0}}
/* Product-card detail text follows the product-code type size. */
.grid > .card .p-type,
.grid > .card .p-price,
.grid > .card .p-code{font-size:11px;font-weight:400;line-height:1.5}
.grid > .card .p-price{margin:4px 0 0}
/* Keep the product-card dot group centered, at half the previous spacing. */
.grid > .card .dots button{width:14px}
/* Indent the complete four-line detail block by two Chinese characters. */
.grid > .card .meta{padding-left:2em;font-size:15px}
/* Halve the gap between the dots and the four-line details. */
.grid > .card .meta{margin-top:-9.5px}
/* Desktop sample: halve the visible whitespace above the second row. */
@media(min-width:1051px){.grid > .card:nth-child(n+4):nth-child(-n+6){margin-top:-28.5px}}
/* Full inventory follows the approved category-card presentation. */
.inventory{margin-top:-6px;padding-top:9px}
.inventory summary{font-size:17px;padding:4px 0}
.inv-note{font-size:13px;margin:4px 0 9px}
.inv-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px}
.inv-item{padding:0;background:transparent;border:0;border-radius:0}
.inv-img{position:relative;aspect-ratio:1/1;background:#fff;border-radius:4px;margin-bottom:10px}
.inv-img img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}
.inv-meta{padding-left:30px}
.inv-name{font-size:15px;line-height:1.5;font-weight:500;margin:0 0 2px}
.inv-no{font-size:11px}
.inv-type,.inv-price,.inv-code{font-size:11px;font-weight:400;line-height:1.5}
.inv-type{margin:0}
.inv-price{margin:4px 0 0}
.inv-code{margin:4px 0 0;color:#5d6d67}
@media(max-width:1050px){.inventory{margin-top:0}.inv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.inv-grid{grid-template-columns:1fr}.inv-img{max-width:260px;margin-inline:auto}}

/* ===================================================================
   2026-10-06 统一为新首页风格（WEWIN全站UI与动效统一规则_现行.md）
   10-05 已确认的产品卡布局（无外框、1:1 白底图、四行右缩进、圆点间距）不动；
   Angus 本轮另定：价格放大加深、去掉调速按钮、页尾加行动带与页脚。
   =================================================================== */
:root{--font:"Inter","Microsoft YaHei UI","Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;--copper:#0b5f5a;--gold:#6ee7b7;--sage-1:#effaf4;--sage-2:#dff3ea;--sage-line:rgba(26,112,99,.2);--ease:cubic-bezier(.16,1,.3,1)}
body{font-family:var(--font);-webkit-font-smoothing:antialiased}
h1,h2,.grid > .card .card-title{font-family:var(--font)}

/* 阅读进度线 */
.v2-progress{position:fixed;left:0;top:0;height:3px;width:100%;z-index:60;background:linear-gradient(90deg,var(--copper),var(--gold));transform-origin:0 50%;transform:scaleX(0);pointer-events:none}

/* 导航：毛玻璃，滚动后收窄 */
.site-header{background:rgba(247,251,249,.78);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);border-bottom-color:transparent;transition:box-shadow .4s var(--ease)}
.site-header .header-row{transition:height .45s var(--ease)}
.site-header.v2-scrolled{box-shadow:0 1px 0 rgba(38,48,42,.06),0 10px 30px -18px rgba(38,48,42,.35)}
.site-header.v2-scrolled .header-row{height:66px}
.site-brand img{transition:transform .45s var(--ease)}
.site-header.v2-scrolled .site-brand img{transform:scale(.86)}
.site-nav a{font-weight:500}
.site-nav a[aria-current=page]{text-decoration-color:var(--copper)}
.header-actions .nav-cta{font-weight:600;box-shadow:0 6px 16px -10px rgba(26,112,99,.8);transition:background .25s}

/* 页头：铜橙小标签 + 区块标题字阶 */
.page-content{padding-top:56px}
.brand{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.12em;color:var(--copper);background:rgba(26,112,99,.09);border:1px solid rgba(26,112,99,.18);padding:6px 12px 6px 10px;border-radius:999px;margin:0 0 20px}
.brand::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 3px rgba(26,112,99,.18)}
h1{font-size:40px;line-height:1.28;font-weight:650;letter-spacing:-.02em;margin:0 0 14px}

/* 产品卡：分类编号改铜橙胶囊，标题加粗；图片区悬停轻抬 */
.grid{gap:24px 20px;margin-top:12px}
.grid > .card .card-title{font-size:18px;font-weight:650;letter-spacing:-.01em;display:flex;align-items:center}
.num{display:inline-grid;place-items:center;min-width:30px;height:22px;padding:0 7px;border-radius:999px;font:700 11px var(--font);letter-spacing:.06em;color:var(--copper);background:rgba(26,112,99,.09);margin-right:9px}
.grid > .card .stage{border-radius:16px;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .4s}
.grid > .card:hover .stage,.grid > .card:focus-within .stage{transform:translateY(-6px);border-color:rgba(26,112,99,.3);box-shadow:0 24px 44px -30px rgba(38,48,42,.45)}
.grid > .card .p-name{font-weight:600}
.dots button[aria-pressed=true]::after{background:var(--accent)}
.dots button:hover::after{background:var(--copper)}

/* 价格：放大加深（Angus 2026-10-06） */
.grid > .card .p-price,.inv-price{font-size:15px;font-weight:700;line-height:1.4;color:var(--accent-deep);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.grid > .card .p-price{margin:5px 0 3px}
.inv-price{margin:5px 0 3px}

/* 全部清单 */
/* “查看全部产品清单”：醒目大按钮 + 跳动箭头 + 定时光带（Angus 2026-10-06：这个按钮很重要） */
.inventory{margin-top:40px;padding-top:0;border-top:0}
.inventory summary{position:relative;overflow:hidden;isolation:isolate;display:block;min-height:84px;padding:22px 96px 22px 32px;line-height:40px;list-style:none;border-radius:20px;border:1px solid var(--sage-line);background:linear-gradient(180deg,var(--sage-1),var(--sage-2));font-size:22px;font-weight:650;letter-spacing:-.01em;color:var(--ink);box-shadow:0 20px 44px -34px rgba(38,48,42,.5);transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}
.inventory summary::-webkit-details-marker{display:none}
.inventory summary::after{content:"↓";position:absolute;right:20px;top:50%;margin-top:-24px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;font-size:22px;font-weight:600;box-shadow:0 0 0 0 rgba(26,112,99,.45);animation:invBob 1.6s ease-in-out infinite,invRing 2.4s ease-out infinite;transition:transform .45s var(--ease),background .25s}
.inventory summary::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;background-repeat:no-repeat;animation:invShine 4.5s ease-in-out infinite}
.inventory summary:hover{transform:translateY(-3px);border-color:rgba(26,112,99,.45);box-shadow:0 26px 50px -32px rgba(38,48,42,.55)}
.inventory summary:hover::after{background:var(--accent-deep)}
.inventory[open] summary::after{content:"↑";animation:none}
.inventory[open] summary::before{animation:none}
@keyframes invBob{0%,100%{translate:0 0}50%{translate:0 5px}}
@keyframes invRing{0%{box-shadow:0 0 0 0 rgba(26,112,99,.45)}70%,100%{box-shadow:0 0 0 14px rgba(26,112,99,0)}}
@keyframes invShine{0%,55%{background-position:130% 0}85%,100%{background-position:-30% 0}}
.inv-note{margin:16px 0 18px}
@media(max-width:760px){.inventory summary{font-size:16px;min-height:72px;padding:22px 70px 22px 18px;line-height:1.5;white-space:nowrap}.inventory summary::after{width:42px;height:42px;margin-top:-21px;right:16px}}
.inv-img{border-radius:16px;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.inv-item:hover .inv-img{transform:translateY(-4px);box-shadow:0 20px 40px -30px rgba(38,48,42,.45)}
.inv-name{font-weight:600}
.inv-no{color:var(--copper);font-weight:700}

/* 按钮（同首页） */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-size:16px;font-weight:600;text-decoration:none;translate:var(--mx,0) var(--my,0);transition:translate .35s var(--ease),background .25s,color .25s,border-color .25s,box-shadow .3s}
.btn-solid{background:var(--accent);color:#fff;box-shadow:0 6px 16px -10px rgba(26,112,99,.8);background-image:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);background-size:250% 100%;background-position:130% 0;background-repeat:no-repeat}
.btn-solid::after{content:"→";display:inline-block;margin-left:8px;transition:transform .35s var(--ease)}
.btn-solid:hover{background-color:var(--accent-deep);animation:v3shine .9s ease}
.btn-solid:hover::after{transform:translateX(4px)}
.btn-line{color:var(--ink);border-color:rgba(38,48,42,.35);background:rgba(255,255,255,.5)}
.btn-line:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
@keyframes v3shine{from{background-position:130% 0}to{background-position:-30% 0}}

/* 行动带：浅鼠尾草绿 + 流光 */
.contact{position:relative;overflow:hidden;isolation:isolate;margin-top:72px;padding:56px 56px 60px;border-radius:24px;border:1px solid var(--sage-line);background:linear-gradient(180deg,var(--sage-1),var(--sage-2));box-shadow:0 30px 60px -44px rgba(38,48,42,.45)}
.contact::before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(38% 34% at 18% 22%,rgba(110,215,180,.45),transparent 70%),radial-gradient(34% 30% at 82% 72%,rgba(60,175,165,.28),transparent 70%),radial-gradient(32% 30% at 62% 12%,rgba(120,215,195,.42),transparent 70%);animation:v2drift 14s ease-in-out infinite alternate}
.contact-title{margin:0 0 12px;font-size:40px;line-height:1.25;font-weight:650;letter-spacing:-.02em}
.contact p{margin:0 0 28px;font-size:18px;line-height:1.7;color:var(--ink-soft);max-width:34em}
.contact-cta{display:flex;flex-wrap:wrap;gap:12px}
@keyframes v2drift{from{transform:translate3d(-4%,-3%,0) rotate(0)}to{transform:translate3d(5%,4%,0) rotate(8deg)}}

/* 页脚（同首页） */
.page-content{padding-bottom:96px}
.site-footer{border-top:1px solid var(--line);background:#e3f4ec;padding:56px 0 28px;font-size:15px;color:var(--ink-soft)}
.foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px 40px}
.foot-brand img{width:108px;height:auto}
.foot-brand p{margin:14px 0 0;max-width:22em;line-height:1.6}
.foot-col{display:grid;align-content:start;gap:10px}
.foot-h{margin:0 0 2px;font-weight:600;color:var(--ink)}
.foot-col a{color:var(--ink-soft);text-decoration:none}
.foot-col a:hover,.foot-col a:focus-visible{color:var(--accent);text-decoration:underline;text-underline-offset:4px}
.foot-note{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-size:14px}
.foot-note p{margin:0}

/* 进场：上浮 + 放大 + 错位（JS 加 .v3-rise，进入视口加 .v3-in，结束后移除；初始只用透明度） */
.v3-rise{transition:opacity .9s ease,transform 1.1s var(--ease);transition-delay:calc(var(--i,0) * 110ms)}
.v3-rise:not(.v3-in){opacity:0;transform:translateY(64px) scale(.94)}

:focus-visible{outline-color:var(--accent)}

@media(max-width:760px){
  h1,.contact-title{font-size:30px}
  .page-content{padding-top:32px}
  .contact{padding:32px 24px;margin-top:48px}
  .foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){
  .v3-rise{opacity:1!important;transform:none!important}
  .btn{translate:none}
  .grid > .card:hover .stage,.grid > .card:focus-within .stage,.inv-item:hover .inv-img{transform:none}
}

/* ===================================================================
   2026-10-06 第四轮（Angus：全站统一青绿色系，去掉褐色与橄榄绿，页尾也改青绿）
   颜色已整体替换：主色 #1a7063 / 深 #0b5f5a / 点缀青蓝 #0b5f5a / 薄荷 #6ee7b7 / 青柠 #9fe1cb / 页面底 #f7fbf9
   =================================================================== */
.v2-progress{background:linear-gradient(90deg,#0b5f5a,#14b8a6 55%,#6ee7b7)}
.site-footer{background:linear-gradient(180deg,#eaf8f2 0%,#d3efe4 100%);border-top:1px solid rgba(26,112,99,.18);color:#4a5e58}
.site-footer .foot-h{color:#0b5f5a}
.site-footer .foot-col a{color:#3f5650}
.site-footer .foot-col a:hover,.site-footer .foot-col a:focus-visible{color:#1a7063}
.site-footer .foot-note{border-top-color:rgba(26,112,99,.18)}

/* ===================================================================
   2026-10-06 第五轮：五色体系（Angus 定）
   黑 #1f2d29 ｜ 白 #ffffff ｜ 青绿 #1a7063（深 #0b5f5a）｜ 薄荷 #9fe1cb（比面板光晕深一档，不发黄）｜ 橙 #ff6801（10-06 取代淡紫，只作少量点缀）
   悬停 = 浅薄荷底 #e3f6ee；点开/选中 = 薄荷底 #9fe1cb + 深青绿字；主按钮仍为青绿实色。
   =================================================================== */
:root{--c-ink:#1f2d29;--c-teal:#1a7063;--c-teal-deep:#0b5f5a;--c-mint:#9fe1cb;--c-mint-soft:#e3f6ee;--c-coral:#ff6801;--c-coral-bg:#fff0e6;--c-coral-line:rgba(255,104,1,.35);--c-coral-soft:#ff6801;--c-neutral-bg:#eef3f1}
.v2-progress{background:linear-gradient(90deg,var(--c-teal),#6ee7b7)}
.dots button:hover::after{background:var(--c-mint)}
.inventory[open] summary{background:var(--c-mint);border-color:var(--c-mint)}
/* 10-06 轮播暂停按钮：小而低调，放在标题右侧（无障碍要求） */
.top{flex-direction:row;align-items:flex-end;justify-content:space-between}
.play-toggle{display:inline-flex;align-items:center;gap:8px;flex:none;min-height:36px;padding:0 14px;border:1px solid #dfeae6;border-radius:999px;background:#fff;color:#586862;font:500 14px/1 inherit;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.play-toggle:hover{background:#e3f6ee;border-color:#e3f6ee;color:#0b5f5a}
.play-toggle:focus-visible{outline:3px solid #1a7063;outline-offset:2px}
.play-ic{position:relative;width:10px;height:12px}
.play-ic::before,.play-ic::after{content:"";position:absolute;top:0;width:3px;height:12px;border-radius:1px;background:currentColor}
.play-ic::before{left:1px}.play-ic::after{right:1px}
.play-toggle[aria-pressed=true] .play-ic::before{left:1px;width:0;height:0;border-radius:0;background:none;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.play-toggle[aria-pressed=true] .play-ic::after{display:none}
.play-toggle[aria-pressed=true]{background:#e3f6ee;border-color:#9fe1cb;color:#0b5f5a}

/* 2026-10-06 客户体验：参考单价标签、“用这款提需求”链接 */
.grid > .card .meta{min-height:132px}
.price-l{color:var(--ink-soft);font-weight:400;margin-right:2px}
.p-req,.inv-req{display:inline-block;margin-top:8px;font-size:13px;font-weight:600;line-height:1.5;color:var(--accent-deep);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.p-req:hover,.inv-req:hover{border-bottom-color:currentColor}
.p-req:focus-visible,.inv-req:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}

/* 2026-10-07: catalog quantity and customization conditions */
.catalog-price-note{font-size:16px;line-height:1.8;color:#4c625c;max-width:100%;margin:0 0 28px;padding:18px 22px;background:#edf5f1;border-radius:14px}.purchase-details{margin:12px 0 16px;font-size:16px;line-height:1.7;color:#425950}.purchase-details summary{cursor:pointer;color:#176654;font-weight:600;min-height:32px}.purchase-line{margin:10px 0;overflow-wrap:anywhere}.purchase-line strong{font-weight:600}.price-pending{display:block;font-size:14px;line-height:1.6;color:#6e6251}
/* 2026-10-07 价格与定制说明：改为精巧折叠条；同时挡住 .inventory summary 大按钮样式对清单内各款的外溢 */
.purchase-details{margin:10px 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-size:15px;line-height:1.7;color:#425950;transition:background .25s,border-color .25s}
.purchase-details[open]{background:var(--sage-1);border-color:var(--sage-line);padding-bottom:6px}
.purchase-details>summary,.inventory .purchase-details>summary{position:static;overflow:visible;isolation:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:0;padding:9px 14px;line-height:1.5;white-space:normal;list-style:none;border:0;border-radius:10px;background:none;box-shadow:none;transform:none;font-size:15px;font-weight:600;letter-spacing:0;color:var(--accent-deep);cursor:pointer;transition:color .2s}
.purchase-details>summary::-webkit-details-marker{display:none}
.purchase-details>summary::before,.inventory .purchase-details>summary::before{content:none;animation:none}
.purchase-details>summary::after,.inventory .purchase-details>summary::after,.inventory[open] .purchase-details>summary::after{content:"+";position:static;margin:0;flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid var(--sage-line);background:none;color:var(--accent);font-size:16px;font-weight:500;line-height:1;box-shadow:none;animation:none;transition:transform .3s var(--ease),background .2s,color .2s}
.purchase-details>summary:hover,.inventory .purchase-details>summary:hover{transform:none;box-shadow:none;background:none;color:var(--accent)}
.purchase-details>summary:hover::after,.inventory .purchase-details>summary:hover::after{background:var(--accent-wash)}
.purchase-details[open]>summary::after,.inventory .purchase-details[open]>summary::after{transform:rotate(45deg);background:var(--accent);border-color:var(--accent);color:#fff}
.purchase-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.purchase-details .purchase-line{margin:4px 14px 8px;font-size:15px;line-height:1.65}
.purchase-details .purchase-line strong{color:var(--ink);font-weight:600}
@media(prefers-reduced-motion:reduce){.purchase-details>summary::after{transition:none}}
/* 2026-10-07 「查看全部产品清单」文字改橙色强调（品牌橙 --c-coral） */
.inventory summary{color:var(--c-coral)}
