/* 首页 v2（2026-10-01）：Zara 的克制大片 × Steve Madden 的口号和入口。只被 index_v2.html 引用，不影响其它页面。
   类名全部以 v2- 开头；变量沿用 style.css（--serif --disp --tile --line --gut --ease）。 */
:root{--cond:"Anton","Oswald","Arial Narrow",Impact,sans-serif}

/* A 首屏轮播（Zara 式：满版出血、左下两行字、一个描边小按钮） */
.v2-hero{position:relative;height:clamp(480px,52.5vw,820px);overflow:hidden;background:#d9cfc2}
.v2-hero .sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s var(--ease),visibility 0s 1.1s;color:#161616}
.v2-hero .sl.on{opacity:1;visibility:visible;transition:opacity 1.1s var(--ease),visibility 0s}
.v2-hero .sl.lt{color:#fff}
.v2-hero .sl>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%)}
.v2-hero .sl.lt::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,0) 46%)}
.v2-hero .tx{position:absolute;left:var(--gut);bottom:clamp(40px,5.4vw,84px);z-index:2;max-width:640px}
.v2-hero .vol{font-family:var(--serif);font-style:italic;font-size:clamp(18px,1.9vw,28px);line-height:1}
.v2-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6vw,96px);line-height:.96;letter-spacing:.005em;margin:8px 0 14px}
.v2-hero .ln{font-family:var(--disp);font-weight:300;letter-spacing:.22em;text-transform:uppercase;font-size:12px;margin-bottom:22px}
.v2-btn{display:inline-block;border:1px solid currentColor;padding:13px 28px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;transition:background .2s,color .2s,border-color .2s}
.v2-hero .sl:not(.lt) .v2-btn:hover{background:#161616;color:#fff;border-color:#161616}
.v2-hero .sl.lt .v2-btn:hover{background:#fff;color:#000;border-color:#fff}
.v2-hero .ctl{position:absolute;right:var(--gut);bottom:clamp(40px,5.4vw,84px);z-index:3;display:flex;align-items:center;gap:14px;color:#161616}
.v2-hero.lt .ctl{color:#fff}
.v2-hero .ctl button{font-size:20px;line-height:1;padding:6px 4px;opacity:.75}
.v2-hero .ctl button:hover{opacity:1}
.v2-hero .bars{display:flex;gap:6px}
.v2-hero .bars i{display:block;width:30px;height:2px;background:currentColor;opacity:.3;cursor:pointer;position:relative;overflow:hidden}
.v2-hero .bars i.on{opacity:1}
@media(max-width:820px){
  .v2-hero{height:auto;aspect-ratio:4/5;max-height:86vh}
  .v2-hero .sl>img{object-position:var(--mpos,50% 50%)}
  .v2-hero .sl:not(.lt)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,252,246,.55),rgba(255,252,246,0) 46%)}
  .v2-hero .tx{top:30px;bottom:auto}
  .v2-hero h1{font-size:clamp(38px,11vw,56px)}
  .v2-hero .ctl{bottom:22px}
}

/* B 口号条（Steve Madden 式：窄体粗字大写一句话） */
.v2-strip{background:#000;color:#fff;text-align:center;padding:clamp(24px,3.4vw,46px) var(--gut)}
.v2-strip b{display:block;font-family:var(--cond);font-weight:400;text-transform:uppercase;font-size:clamp(32px,5.6vw,82px);line-height:1.02;letter-spacing:.012em}
.v2-strip span{display:block;margin-top:10px;font-family:var(--disp);font-weight:300;letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:#d6d1c8}

/* C 四个入口小海报（Steve Madden 式：每张都是一扇门） */
.v2-doors{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:6px}
.v2-doors a,.v2-trend a{position:relative;display:block;overflow:hidden;background:var(--tile)}
.v2-doors a{aspect-ratio:4/5}
.v2-doors img,.v2-trend img,.v2-ed img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.v2-doors a:hover img,.v2-trend a:hover img,.v2-ed a:hover img{transform:scale(1.035)}
.v2-doors .lb{position:absolute;left:0;right:0;bottom:0;padding:90px clamp(12px,1.6vw,22px) clamp(14px,1.8vw,24px);color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}
.v2-doors .lb b{display:block;font-family:var(--cond);font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.3vw,36px);line-height:1;letter-spacing:.01em}
.v2-doors .lb u{display:inline-block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-underline-offset:4px}
@media(max-width:1100px){.v2-doors{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.v2-doors{grid-template-columns:1fr 1fr}.v2-doors .lb b{font-size:clamp(24px,7vw,34px)}}

/* D 编辑双联（Zara 式：两张近景，无按钮，一行字） */
.v2-ed{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:64px}
.v2-ed a{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:var(--tile);color:#fff}
.v2-ed .cap{position:absolute;left:clamp(16px,2.2vw,34px);bottom:clamp(18px,2.6vw,38px);z-index:2}
.v2-ed .cap i{display:block;font-family:var(--serif);font-size:clamp(22px,2.4vw,36px);line-height:1.08}
.v2-ed .cap u{display:inline-block;margin-top:10px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-underline-offset:4px}
.v2-ed a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.34),rgba(0,0,0,0) 40%)}
@media(max-width:820px){.v2-ed{grid-template-columns:1fr}}

/* E 趋势四格（Steve Madden 式：风格名当大标题） */
.v2-th{display:flex;align-items:baseline;justify-content:space-between;margin:72px 0 14px}
.v2-th b{font-family:var(--cond);font-weight:400;text-transform:uppercase;font-size:clamp(30px,4vw,56px);line-height:1;letter-spacing:.01em}
.v2-trend{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.v2-trend a{aspect-ratio:1/1}
.v2-trend .nm{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(0,0,0,.16);font-family:var(--cond);text-transform:uppercase;font-size:clamp(28px,4vw,60px);letter-spacing:.02em;text-align:center;padding:10px}
@media(max-width:820px){.v2-trend{grid-template-columns:1fr 1fr}}

/* F 字标收尾（Zara 式：超大字标出血在底边） */
.v2-mark{position:relative;overflow:hidden;background:var(--tile);height:clamp(130px,25vw,380px);margin-top:72px}
.v2-mark span{position:absolute;left:50%;transform:translateX(-50%);bottom:-.1em;font-family:var(--serif);font-weight:500;font-size:clamp(70px,17vw,270px);line-height:1;letter-spacing:.06em;white-space:nowrap;color:#111}
.v2-mark small{position:absolute;left:var(--gut);top:clamp(14px,2vw,26px);z-index:2;font-family:var(--disp);font-weight:300;letter-spacing:.3em;text-transform:uppercase;font-size:12px;color:#444}