.micro-category-page { background: var(--micro-paper); }
.micro-subhero { display: grid; grid-template-columns: .92fr 1.08fr; min-height: 78svh; padding-top: 5.25rem; border-bottom: 1px solid var(--micro-line); }
.micro-subhero__copy { display: grid; align-content: center; padding: clamp(3rem, 7vw, 7rem); }
.micro-subhero__copy nav { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: clamp(3rem, 7vh, 6rem); color: var(--micro-muted); font-size: .62rem; letter-spacing: .08em; }
.micro-subhero__copy nav a { text-decoration: none; }
.micro-subhero__copy > p { margin: 0 0 1rem; color: var(--micro-wine); font-size: .61rem; font-weight: 700; letter-spacing: .2em; }
.micro-subhero h1 { margin: 0; font: 400 clamp(4rem, 6.5vw, 8rem)/.98 STSong, "Noto Serif SC", serif; letter-spacing: -.075em; }
.micro-subhero__copy > span { max-width: 38rem; margin-top: 1.6rem; color: var(--micro-muted); font-size: .79rem; line-height: 1.95; }
.micro-subhero__visual { position: relative; min-height: calc(78svh - 5.25rem); margin: 0; overflow: hidden; background: #d9d2c8; }
.micro-subhero__visual img { width: 100%; height: 100%; object-fit: cover; }
.micro-subhero__visual.contain img { padding: 2rem; object-fit: contain; background: #eee9df; }
.micro-subhero__visual.micro-subhero__family { background: #fff; }
.micro-subhero__visual.contain.micro-subhero__family img { padding: 1.5rem; background: #fff; }
.micro-subhero__visual::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 66%, rgba(46,39,35,.55)); content: ""; }
.micro-subhero__visual figcaption { position: absolute; z-index: 2; right: 1.5rem; bottom: 1.3rem; left: 1.5rem; color: #fff; font-size: .59rem; letter-spacing: .1em; }
.micro-subnav { display: flex; justify-content: space-between; gap: 1rem; padding: 1rem var(--edge); border-bottom: 1px solid var(--micro-line); background: var(--micro-white); }
.micro-subnav a { font-size: .63rem; font-weight: 700; letter-spacing: .07em; text-decoration: none; }
.micro-detail-section { padding: clamp(5rem, 8vw, 8rem) var(--edge); }
.micro-detail-section:nth-of-type(even) { background: var(--micro-white); }
.micro-detail-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(3rem, 8vw, 9rem); align-items: end; margin-bottom: clamp(3rem, 6vw, 5rem); }
.micro-detail-head > div > p { margin: 0 0 1rem; color: var(--micro-wine); font-size: .6rem; font-weight: 700; letter-spacing: .18em; }
.micro-detail-head h2 { margin: 0; font: 400 clamp(3rem, 5.4vw, 6.2rem)/1 STSong, "Noto Serif SC", serif; letter-spacing: -.07em; }
.micro-detail-head > p { margin: 0; color: var(--micro-muted); font-size: .76rem; line-height: 1.9; }
.micro-detail-gallery { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.2rem; }
.micro-detail-gallery figure { position: relative; min-height: 28rem; margin: 0; overflow: hidden; border: 1px solid var(--micro-line); background: #ddd7cd; }
.micro-detail-gallery img { width: 100%; height: 100%; object-fit: cover; }
.micro-detail-gallery figure.contain img { padding: 2rem; object-fit: contain; background: #eee9df; }
.micro-detail-gallery figcaption { position: absolute; inset: auto 0 0; padding: 3rem 1rem 1rem; color: #fff; background: linear-gradient(transparent, rgba(46,39,35,.72)); font-size: .58rem; }
.micro-source-bar { display: grid; grid-template-columns: auto 1fr; gap: 2rem; margin-top: 1.2rem; padding: 1.2rem 1.4rem; border-left: 3px solid var(--micro-gold); background: rgba(200,148,36,.08); }
.micro-source-bar b { font: 400 .95rem/1.4 STSong, "Noto Serif SC", serif; }
.micro-source-bar p { margin: 0; color: var(--micro-muted); font-size: .64rem; line-height: 1.75; }
.cork-grain-board { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 1.2rem; border-top: 1px solid var(--micro-line); border-left: 1px solid var(--micro-line); background: var(--micro-white); }
.cork-grain-board article { display: grid; min-height: 24rem; padding: 2rem; border-right: 1px solid var(--micro-line); border-bottom: 1px solid var(--micro-line); }
.cork-grain-board i { align-self: center; justify-self: center; width: 8.5rem; aspect-ratio: 1; border-radius: 50%; background-color: #b6a17a; background-image: radial-gradient(circle, #6f5a38 0 9%, transparent 10%); box-shadow: inset 0 0 0 1px rgba(58,44,25,.12), 0 1rem 2rem rgba(58,44,25,.08); }
.cork-grain-board i.fine { background-size: .42rem .42rem; }
.cork-grain-board i.mixed { background-size: .7rem .7rem; }
.cork-grain-board i.thick { background-size: 1.05rem 1.05rem; }
.cork-grain-board span { align-self: end; margin-top: 2rem; color: var(--micro-wine); font-size: .56rem; font-weight: 700; letter-spacing: .16em; }
.cork-grain-board b { margin-top: .55rem; font: 400 1.55rem/1.1 STSong, "Noto Serif SC", serif; }
.cork-grain-board p { margin: .5rem 0 0; color: var(--micro-muted); font-size: .64rem; }
.micro-back-panel { display: grid; grid-template-columns: 1fr auto; gap: 3rem; align-items: center; padding: clamp(3rem, 6vw, 5rem) var(--edge); color: var(--micro-ink); border-top: 1px solid var(--micro-line); border-bottom: 1px solid var(--micro-line); background: #d9ded8; }
.micro-back-panel h2 { margin: 0; font: 400 clamp(2.2rem, 4vw, 4.4rem)/1.1 STSong, "Noto Serif SC", serif; letter-spacing: -.05em; }
.micro-back-panel a { padding: 1rem 0; border-bottom: 1px solid rgba(41,39,36,.55); font-size: .65rem; font-weight: 700; text-decoration: none; transition: color .25s, border-color .25s; }
.micro-back-panel a:hover { color: #51645a; border-color: #51645a; }
.archive-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--micro-line); border-left: 1px solid var(--micro-line); }
.archive-product-grid article { min-height: 14rem; padding: 1.4rem; border-right: 1px solid var(--micro-line); border-bottom: 1px solid var(--micro-line); }
.archive-product-grid span { color: var(--micro-wine); font-size: .55rem; letter-spacing: .13em; }
.archive-product-grid h3 { margin: 4rem 0 .7rem; font: 400 1.5rem/1.15 STSong, "Noto Serif SC", serif; }
.archive-product-grid p { margin: 0; color: var(--micro-muted); font-size: .65rem; line-height: 1.7; }
.individual-product-list { border: 1px solid var(--micro-line); background: var(--micro-line); }
.individual-product { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); min-height: 35rem; margin-bottom: 1px; background: var(--micro-white); }
.individual-product:last-child { margin-bottom: 0; }
.individual-product:nth-child(even) figure { order: 2; }
.individual-product figure { position: relative; min-height: 35rem; margin: 0; overflow: hidden; background: #f5f1e9; }
.individual-product figure img { width: 100%; height: 100%; object-fit: contain; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.individual-product:hover figure img { transform: scale(1.035); }
.individual-product figcaption { position: absolute; right: 1.2rem; bottom: 1rem; left: 1.2rem; padding-top: .8rem; border-top: 1px solid rgba(43,38,34,.2); color: var(--micro-muted); font-size: .58rem; letter-spacing: .12em; }
.individual-product__copy { display: grid; align-content: center; padding: clamp(2rem, 5vw, 5rem); }
.individual-product__copy > span { color: var(--micro-wine); font-size: .6rem; font-weight: 700; letter-spacing: .18em; }
.individual-product__copy h3 { margin: 1rem 0 1.2rem; font: 400 clamp(2.7rem, 4.7vw, 5.4rem)/1 STSong, "Noto Serif SC", serif; letter-spacing: -.065em; }
.individual-product__copy > strong { max-width: 34rem; font: 400 clamp(1.15rem, 1.7vw, 1.65rem)/1.5 STSong, "Noto Serif SC", serif; }
.individual-product__copy > p { max-width: 38rem; margin: 1rem 0 1.5rem; color: var(--micro-muted); font-size: .72rem; line-height: 1.85; }
.individual-product__copy dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-top: 1px solid var(--micro-line); border-left: 1px solid var(--micro-line); }
.individual-product__copy dl > div { min-height: 5rem; padding: .9rem; border-right: 1px solid var(--micro-line); border-bottom: 1px solid var(--micro-line); }
.individual-product__copy dt { color: var(--micro-muted); font-size: .57rem; }
.individual-product__copy dd { margin: .65rem 0 0; font: 400 .78rem/1.45 STSong, "Noto Serif SC", serif; }
.individual-product__copy em { display: block; margin-top: 1rem; color: var(--micro-wine); font-size: .59rem; font-style: normal; line-height: 1.7; }
@media(max-width:900px){
  .micro-subhero { grid-template-columns: 1fr; }
  .micro-subhero__visual { order: -1; min-height: 52svh; }
  .micro-detail-head { grid-template-columns: 1fr; gap: 1.5rem; }
  .archive-product-grid { grid-template-columns: repeat(2, 1fr); }
  .cork-grain-board { grid-template-columns: 1fr; }
  .cork-grain-board article { min-height: 20rem; }
  .individual-product { grid-template-columns: 1fr; }
  .individual-product:nth-child(even) figure { order: 0; }
  .individual-product figure { min-height: 28rem; }
}
@media(max-width:760px){
  .micro-subhero { padding-top: 4.7rem; }
  .micro-subhero__visual { min-height: 48svh; }
  .micro-subhero__copy { padding: 4rem 1rem; }
  .micro-subhero__copy nav { margin-bottom: 3rem; }
  .micro-subhero h1 { font-size: clamp(3.6rem, 17vw, 5.5rem); }
  .micro-subnav { padding: .9rem 1rem; }
  .micro-detail-section { padding: 4.5rem 1rem; }
  .micro-detail-head h2 { font-size: clamp(3rem, 14vw, 4.7rem); }
  .micro-detail-gallery { grid-template-columns: 1fr; }
  .micro-detail-gallery figure { min-height: 22rem; }
  .micro-source-bar, .micro-back-panel { grid-template-columns: 1fr; gap: .7rem; }
  .archive-product-grid { grid-template-columns: 1fr; }
  .individual-product { min-height: 0; }
  .individual-product figure { min-height: 23rem; }
  .individual-product__copy { padding: 2.5rem 1rem 3rem; }
  .individual-product__copy dl { grid-template-columns: 1fr; }
}

/* 独立产品展示：材料档案式画册，而不是电商规格卡 */
.individual-product-list { border: 0; background: transparent; }
.individual-product { position: relative; grid-template-columns: minmax(24rem, .78fr) minmax(0, 1.22fr); min-height: 48rem; margin: 0; border-top: 1px solid var(--micro-line); background: #fbfaf7; }
.individual-product:last-child { border-bottom: 1px solid var(--micro-line); }
.individual-product:nth-child(even) figure { order: 0; }
.individual-product figure { display: grid; grid-template-rows: minmax(0, 1fr) auto; min-height: 48rem; border-right: 1px solid var(--micro-line); background: #fff; }
.individual-product figure img { width: 70%; height: 70%; min-height: 0; place-self: center; object-fit: contain; }
.individual-product figcaption { position: relative; inset: auto; padding: 1.35rem clamp(1.4rem, 2.5vw, 2.4rem) 1.5rem; border-top: 1px solid var(--micro-line); color: var(--micro-ink); background: #f0ece5; }
.individual-product figcaption span { display: block; color: var(--micro-wine); font-size: .59rem; font-weight: 700; letter-spacing: .14em; }
.individual-product figcaption p { max-width: 31rem; margin: .65rem 0 0; color: var(--micro-muted); font-size: .67rem; line-height: 1.72; letter-spacing: 0; }
.individual-product__copy { padding: clamp(3.3rem, 5vw, 6rem) clamp(3rem, 5.6vw, 6.5rem); background: #fbfaf7; }
.individual-product__copy > span { font-size: .58rem; letter-spacing: .22em; }
.individual-product__copy h3 { margin: 1rem 0 1.15rem; font-size: clamp(3rem, 4.3vw, 5rem); line-height: .98; }
.individual-product__copy > strong { max-width: 40rem; font-size: clamp(1.2rem, 1.6vw, 1.55rem); line-height: 1.55; }
.individual-product__copy > p { max-width: 42rem; margin: .85rem 0 2.1rem; font-size: .74rem; line-height: 1.9; }
.individual-product__copy dl { grid-template-columns: 1fr 1fr; gap: 0 2.2rem; border: 0; }
.individual-product__copy dl::before { grid-column: 1 / -1; padding-bottom: .8rem; color: var(--micro-wine); font-size: .56rem; font-weight: 700; letter-spacing: .18em; content: "MATERIAL DOSSIER  /  材料档案"; }
.individual-product__copy dl > div { display: grid; grid-template-columns: minmax(4.5rem, .72fr) minmax(0, 1.28fr); gap: .8rem; align-items: baseline; min-height: 0; padding: .9rem 0; border: 0; border-top: 1px solid var(--micro-line); }
.individual-product__copy dt { font-size: .56rem; letter-spacing: .04em; }
.individual-product__copy dd { margin: 0; font-size: .75rem; line-height: 1.6; }
.individual-product__guidance { display: grid; grid-template-columns: 7rem 1fr; gap: 1.2rem; margin-top: 1.15rem; padding: 1.05rem 0 0; border: 0; border-top: 1px solid var(--micro-line); background: transparent; }
.individual-product__guidance span { color: var(--micro-wine); font-size: .56rem; font-weight: 700; letter-spacing: .14em; }
.individual-product__guidance p { margin: 0; color: var(--micro-muted); font-size: .64rem; line-height: 1.75; }
.individual-product__copy em { margin-top: 1.1rem; padding-left: 8.2rem; color: #8d665f; font-size: .55rem; line-height: 1.75; }
@media(max-width:900px){
  .individual-product { grid-template-columns: 1fr; min-height: 0; }
  .individual-product figure { min-height: 31rem; border-right: 0; }
}
@media(max-width:760px){
  .individual-product figure { min-height: 27rem; }
  .individual-product figure img { width: 76%; height: 76%; }
  .individual-product figcaption { padding: 1rem; }
  .individual-product__copy { padding: 3rem 1rem; }
  .individual-product__copy dl { grid-template-columns: 1fr; }
  .individual-product__guidance { grid-template-columns: 1fr; gap: .55rem; }
  .individual-product__copy em { padding-left: 0; }
}

/* ReadyCork 第一单元：以真实材料触感为主视觉，不使用未核准的性能数字 */
.readycork-page .site-header { background: rgba(247, 244, 237, .9); }
.cork-hero { display: grid; grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr); min-height: 100svh; padding-top: 5.25rem; border-bottom: 1px solid var(--micro-line); background: #f7f4ed; }
.cork-hero__copy { display: grid; align-content: center; padding: clamp(3rem, 6vw, 7rem); }
.cork-hero__copy nav { display: flex; flex-wrap: wrap; gap: .55rem; margin-bottom: clamp(2.8rem, 7vh, 5.5rem); color: var(--micro-muted); font-size: .62rem; letter-spacing: .08em; }
.cork-hero__copy nav a { text-decoration: none; }
.cork-hero__eyebrow { margin: 0 0 1rem; color: #24634f; font-size: .61rem; font-weight: 700; letter-spacing: .2em; }
.cork-hero h1 { max-width: 8.6em; margin: 0; font: 400 clamp(3.7rem, 5.6vw, 7rem)/1.02 STSong, "Noto Serif SC", serif; letter-spacing: -.07em; }
.cork-hero h1 em { color: #24634f; font-style: normal; }
.cork-hero__lead { max-width: 42rem; margin: 1.7rem 0 0; color: var(--micro-muted); font-size: .78rem; line-height: 1.95; }
.cork-hero__routes { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 2.2rem; border-top: 1px solid var(--micro-line); border-left: 1px solid var(--micro-line); }
.cork-hero__routes a { display: grid; min-height: 7.8rem; padding: .9rem; border-right: 1px solid var(--micro-line); border-bottom: 1px solid var(--micro-line); text-decoration: none; transition: color .25s, background .25s; }
.cork-hero__routes span { color: #24634f; font-size: .52rem; font-weight: 700; letter-spacing: .12em; }
.cork-hero__routes strong { align-self: end; font: 400 1.1rem/1.1 STSong, "Noto Serif SC", serif; letter-spacing: .04em; }
.cork-hero__routes small { margin-top: .35rem; color: var(--micro-muted); font-size: .55rem; line-height: 1.55; }
.cork-hero__routes a:hover { color: #fff; background: #24634f; }
.cork-hero__routes a:hover span, .cork-hero__routes a:hover small { color: rgba(255,255,255,.72); }
.cork-hero__action { display: flex; justify-content: space-between; margin-top: 1.25rem; padding: .95rem 0; border-bottom: 1px solid var(--micro-ink); font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-decoration: none; }
.cork-hero__action i { font-style: normal; }
.cork-hero__visual { position: relative; min-height: calc(100svh - 5.25rem); overflow: hidden; background: #194f3f; }
.cork-hero__texture { position: absolute; inset: 0; margin: 0; overflow: hidden; }
.cork-hero__texture::after { position: absolute; inset: 0; background: linear-gradient(115deg, rgba(7,45,35,.05), rgba(7,36,29,.44)); content: ""; }
.cork-hero__texture > img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); }
.cork-hero__texture figcaption { position: absolute; z-index: 2; right: 2rem; bottom: 1.6rem; left: 2rem; display: flex; justify-content: space-between; gap: 1rem; padding-top: .75rem; border-top: 1px solid rgba(255,255,255,.5); color: #fff; }
.cork-hero__texture figcaption span { font-size: .56rem; font-weight: 700; letter-spacing: .13em; }
.cork-hero__texture figcaption small { color: rgba(255,255,255,.7); font-size: .55rem; }
.cork-hero__package { position: absolute; z-index: 3; top: clamp(2rem, 8vh, 5rem); right: clamp(1rem, 5vw, 4.5rem); display: grid; grid-template-columns: minmax(8rem, 14rem) minmax(9rem, 13rem); align-items: center; width: min(78%, 29rem); padding: 1.2rem; border: 1px solid rgba(255,255,255,.52); background: rgba(255,253,248,.93); box-shadow: 0 1.5rem 4rem rgba(11,38,30,.24); backdrop-filter: blur(12px); }
.cork-hero__package > img { width: 100%; mix-blend-mode: multiply; }
.cork-hero__package > div { padding: 1rem 0 1rem 1rem; border-left: 1px solid var(--micro-line); }
.cork-hero__package span { display: block; color: #24634f; font-size: .52rem; font-weight: 700; letter-spacing: .16em; }
.cork-hero__package strong { display: block; margin-top: 1.6rem; font: 400 1.25rem/1.2 STSong, "Noto Serif SC", serif; }
.cork-hero__package small { display: block; margin-top: .6rem; color: var(--micro-muted); font-size: .55rem; line-height: 1.6; }

@media(max-width:1000px){
  .cork-hero { grid-template-columns: 1fr; }
  .cork-hero__visual { order: -1; min-height: 62svh; }
  .cork-hero__copy { padding-block: 5rem; }
}
@media(max-width:760px){
  .cork-hero { padding-top: 4.7rem; }
  .cork-hero__visual { min-height: 56svh; }
  .cork-hero__copy { padding: 3.7rem 1rem 4.5rem; }
  .cork-hero__copy nav { margin-bottom: 2.7rem; }
  .cork-hero h1 { max-width: 100%; font-size: clamp(3.3rem, 15vw, 5.1rem); overflow-wrap: anywhere; }
  .cork-hero__routes { grid-template-columns: 1fr; }
  .cork-hero__routes a { grid-template-columns: 2rem 5.2rem 1fr; align-items: center; min-height: auto; }
  .cork-hero__routes strong { align-self: center; }
  .cork-hero__routes small { margin: 0; }
  .cork-hero__package { top: 1rem; right: 1rem; grid-template-columns: 8rem 1fr; width: calc(100% - 2rem); padding: .7rem; }
  .cork-hero__package > div { padding-left: .8rem; }
  .cork-hero__package strong { margin-top: .7rem; }
  .cork-hero__texture figcaption { right: 1rem; bottom: 1rem; left: 1rem; }
}