/* v3 Events — 结构与文案照 design-system/lab-events-mockup-v3.html（像素靶子）。
   颜色/字体全部映射到既有 tokens（mockup 旧绿系 → 现行墨绿/奶油/哑光金），零新增颜色：
   cream→--cream · green-ink→--court · tile-dark→--v3-deep · gold→--gold · ball→--ball(=--gold) · hair→--hairline。
   作用域限 body.events-v3；画布/导航/footer 暗色适配复用 home.css（body 同挂 home-v3）。 */

.ev-wrap{width:min(100% - 36px, 800px);margin-inline:auto}

/* ── 满版带（host 2026-08-27 批的 full-bleed 改版）──
   区块通栏、明暗交替：页首(绿) → 第一次来(深) → 节奏/主题/杯/墙(绿) → 人脉球(深) → 收尾(米)。
   带内仍用 .ev-wrap 锁内容宽，只有底色跑满视窗；
   原本的「深色卡」进带后拆掉卡壳（背景与内距归零），版式其余不动。 */
.ev-band{width:100%}
.ev-band--deep{background:var(--v3-deep);padding-block:clamp(30px,4.5vw,56px);margin-top:26px}
.ev-band--cream{background:var(--cream);padding-block:clamp(34px,5vw,64px);margin-top:26px}
.ev-band .ev-first,.ev-band .ev-deal{margin-top:0;background:transparent;padding:0}
.ev-band .ev-end{margin-top:0;padding-bottom:0}
.ev-band + .ev-wrap > :first-child{margin-top:26px}

/* 米色带上的收尾：配色反转，字与钮换成深绿系 */
.ev-band--cream .ev-end .line{color:var(--court)}
.ev-band--cream .ev-cta-light{background:var(--court-deep);color:var(--cream)}
.ev-band--cream .ev-cta-light:hover{color:var(--cream)}
.ev-band--cream .ev-share--light{border-color:rgba(30,59,45,.35);color:var(--court)}
.ev-band--cream .ev-share--light:hover{border-color:var(--court);background:rgba(30,59,45,.06);color:var(--court)}

/* ── 页首 ── */
.ev-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:var(--weight-medium)}
.ev-h1{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(27px,4.5vw,40px);color:var(--cream);margin:6px 0 4px}
.ev-lede{font-size:clamp(11.5px,1.5vw,14px);color:rgba(242,237,218,.7);line-height:1.7;margin-bottom:16px}

/* ── 下一场 ── */
.ev-next{background:var(--cream)}
.ev-next .top{padding:clamp(16px,2.2vw,22px) clamp(18px,2.6vw,26px) 14px;border-bottom:1px dashed var(--hairline)}
.ev-kicker{font-size:10px;letter-spacing:1.5px;color:var(--ash);font-weight:var(--weight-semibold);margin-bottom:8px}
.ev-name{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(20px,2.8vw,27px);color:var(--court)}
.ev-en{font-family:var(--font-display);font-size:clamp(11.5px,1.4vw,13px);color:var(--ash);margin-top:2px}
.ev-dateline{display:flex;align-items:flex-end;gap:12px;margin-top:14px}
.ev-d{font-family:Anton,Impact,sans-serif;font-size:clamp(42px,6vw,58px);line-height:.95;color:var(--court);letter-spacing:1px}
.ev-m{font-size:clamp(11px,1.3vw,12.5px);color:var(--ash);padding-bottom:5px;line-height:1.6}
.ev-meta{padding:14px clamp(18px,2.6vw,26px) 4px;display:grid;grid-template-columns:auto 1fr;gap:9px 12px;font-size:clamp(12px,1.5vw,14px);color:var(--charcoal)}
.ev-meta .k{color:var(--ash);font-size:clamp(11.5px,1.4vw,13px)}
.ev-meta a{color:var(--charcoal)}
.ev-todo{color:var(--gold-deep);font-size:clamp(11px,1.3vw,12.5px)}

/* 双钮：主钮实心吃满宽（.pill 自带悬停出球），次钮描边只占自身宽 */
.ev-acts{display:flex;gap:9px;align-items:stretch;padding:14px clamp(18px,2.6vw,26px) 18px}
.ev-cta{flex:1 1 auto;background:var(--court);color:var(--cream);font-size:clamp(13px,1.6vw,15px);font-weight:var(--weight-semibold);min-height:44px;padding:0 18px;gap:7px;white-space:nowrap}
.ev-cta:hover{color:var(--cream)}
.ev-cta svg{width:15px;height:15px;flex:none}
.ev-share{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  background:transparent;color:var(--court);border:1.5px solid var(--hairline);
  font-size:clamp(12.5px,1.5vw,14px);font-weight:var(--weight-semibold);
  min-height:44px;padding:0 16px;border-radius:var(--radius-full);text-decoration:none;white-space:nowrap;
  transition:border-color .2s var(--ease-standard),background .2s var(--ease-standard),transform .2s cubic-bezier(.34,1.4,.5,1)}
.ev-share:hover{border-color:var(--court);background:rgba(30,59,45,.05);transform:translateY(-2px);color:var(--court)}
.ev-share svg{width:14px;height:14px;flex:none}
@media (max-width:420px){.ev-acts{flex-wrap:wrap}.ev-share{flex:1 1 auto}}

/* ── 第一次来（深绿底，球黄圆点） ── */
.ev-first{margin-top:10px;background:var(--v3-deep);padding:clamp(18px,2.4vw,26px)}
.ev-first h2{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(17px,2.2vw,21px);color:var(--cream);margin-bottom:4px}
.ev-first .sub{font-size:clamp(11px,1.3vw,12.5px);color:var(--gold);margin-bottom:12px}
.ev-first ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.ev-first li{font-size:clamp(12px,1.5vw,14px);color:rgba(242,237,218,.85);line-height:1.6;padding-left:18px;position:relative}
.ev-first li::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border-radius:var(--radius-full);background:var(--ball)}
.ev-first li b{color:var(--cream)}

/* ── 节奏双卡 ── */
.ev-rhythm{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.ev-rcard{background:var(--cream);padding:clamp(15px,2vw,20px) clamp(14px,1.8vw,18px)}
.ev-rcard .rk{font-family:Anton,Impact,sans-serif;font-size:clamp(12.5px,1.5vw,14px);color:var(--gold);text-transform:uppercase;letter-spacing:.5px}
.ev-rcard .rt{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(15px,1.9vw,18px);color:var(--court);margin:5px 0 4px}
.ev-rcard .rd{font-size:clamp(10.5px,1.3vw,12.5px);color:var(--ash);line-height:1.6}
/* ── DLB 卡：同款 skew 效果试装（host 2026-08-24 只看效果，暂连首页）。
   渐变照 host 附图色卡二 #afe35b / #31b68b / #1ba797（黄绿→绿→蓝绿，2026-08-24）。
   玻璃层加深绿底纹（.32）——字坐在稳定深色面上，不再被亮带吃掉。未入 tokens。 ── */
.ev-rcard--dlb{position:relative;display:block;background:none;padding:6px 0;text-decoration:none}
.ev-dlb-skew{position:absolute;top:0;left:14%;width:50%;height:100%;border-radius:8px;
  background:linear-gradient(315deg,#1ba797,#31b68b 55%,#afe35b);transform:skewX(15deg);
  transition:transform .5s var(--ease-standard),left .5s var(--ease-standard),width .5s var(--ease-standard)}
.ev-dlb-skew.blur{filter:blur(22px);opacity:.5}
.ev-rcard--dlb:hover .ev-dlb-skew{transform:skewX(0);left:4%;width:92%}
.ev-dlb-content{position:relative;z-index:2;border-radius:8px;
  padding:clamp(15px,2vw,20px) clamp(14px,1.8vw,18px);
  background:rgba(10,31,21,.32);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 5px 15px rgba(0,0,0,.15);transition:left .5s var(--ease-standard)}
.ev-rcard--dlb:hover .ev-dlb-content{left:-8px}
.ev-rcard--dlb .rk{color:#afe35b}
.ev-rcard--dlb .rt{color:var(--cream)}
.ev-rcard--dlb .rd{color:rgba(242,237,218,.85)}
@media (prefers-reduced-motion:reduce){
  .ev-dlb-skew,.ev-dlb-content{transition:none}
  .ev-rcard--dlb:hover .ev-dlb-skew{transform:skewX(15deg);left:14%;width:50%}
  .ev-rcard--dlb:hover .ev-dlb-content{left:0}
}

/* ── 主题日 ── */
.ev-theme{margin-top:10px;background:var(--cream);padding:clamp(17px,2.2vw,24px) clamp(18px,2.4vw,26px)}
.ev-theme .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--ash);font-weight:var(--weight-semibold);text-transform:uppercase}
.ev-theme h2{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(17px,2.2vw,21px);color:var(--court);margin:5px 0 6px}
.ev-theme p{font-size:clamp(11.5px,1.5vw,14px);color:var(--charcoal);line-height:1.75}
.ev-chip{display:inline-block;margin-top:10px;font-size:clamp(11px,1.3vw,12.5px);font-weight:var(--weight-semibold);background:var(--ball);color:var(--court-deep);padding:5px 13px;border-radius:var(--radius-full)}

/* ── 中秋之夜限定背景（host 2026-08-26）：右上一轮满月，两抹与底同色的云横过月面。
   主题过了把 HTML 上的 --zhongqiu class 撤掉即可，底下的 .ev-theme 不受影响。 ── */
.ev-theme--zhongqiu{position:relative;overflow:hidden}
.ev-theme--zhongqiu>*{position:relative;z-index:2}
.ev-theme--zhongqiu::before{content:"";position:absolute;right:-26px;top:-38px;width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle at 38% 34%, #ffeeb8 0%, var(--ball) 48%, rgba(179,146,79,0) 74%);
  opacity:.42;pointer-events:none}
.ev-theme--zhongqiu::after{content:"";position:absolute;right:-8px;top:52px;width:170px;height:34px;pointer-events:none;
  background:
    radial-gradient(14px 8px at 34px 8px, var(--cream) 96%, transparent),
    radial-gradient(22px 9px at 62px 10px, var(--cream) 96%, transparent),
    radial-gradient(16px 8px at 96px 7px, var(--cream) 96%, transparent),
    radial-gradient(13px 7px at 52px 26px, var(--cream) 96%, transparent),
    radial-gradient(20px 8px at 84px 28px, var(--cream) 96%, transparent)}

/* ── 比赛卡（入口 → /cup）：效果参考 host 提供的 gradient-card-showcase（SkewCards），
   纯 CSS 复刻，色带换成站上金系。层次：斜切渐层板 + 它的模糊光晕（在后）→
   玻璃拟态内容层（在前）→ 两颗浮动光斑（hover 出现）。
   hover：斜板摆正并撑开（对应组件 skew-x-15 → 0、宽度扩到 calc(100%-90px)），
   内容层左移加高。底部实心大按钮常驻 = 手机上的「可点」信号。 ── */
.ev-cup{position:relative;display:block;margin-top:10px;text-decoration:none;padding:14px 0}
.ev-cup-skew{position:absolute;top:0;left:14%;width:50%;height:100%;border-radius:8px;
  background:linear-gradient(315deg, #ffbc00, #ff0058); /* 与 DLB 卡同组：橙黄→桃红（host 2026-08-24 定） */
  transform:skewX(15deg);transition:transform .5s var(--ease-standard),left .5s var(--ease-standard),width .5s var(--ease-standard)}
.ev-cup-skew.blur{filter:blur(30px);opacity:.55}
.ev-cup:hover .ev-cup-skew{transform:skewX(0);left:5%;width:90%}
/* 玻璃拟态内容层 */
.ev-cup-content{position:relative;z-index:2;left:0;border-radius:8px;color:var(--cream);
  padding:clamp(18px,2.4vw,26px) clamp(20px,3vw,40px);
  background:rgba(242,237,218,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 5px 15px rgba(0,0,0,.15);
  transition:left .5s var(--ease-standard),padding .5s var(--ease-standard)}
.ev-cup:hover .ev-cup-content{left:-12px;padding-top:clamp(26px,3.2vw,36px);padding-bottom:clamp(26px,3.2vw,36px)}
.ev-cup-chip{margin-top:0;margin-bottom:12px}
.ev-cup .ev-cup-when{font-family:Anton,Impact,sans-serif;font-size:clamp(30px,4.4vw,42px);
  letter-spacing:.5px;color:#ffbc00;line-height:1;margin-bottom:2px;transition:color .3s var(--ease-standard)}
.ev-cup:hover .ev-cup-when{color:var(--cream)}
.ev-cup .ev-cup-when small{font-family:var(--font-ui);font-size:clamp(11.5px,1.4vw,13px);
  letter-spacing:0;color:rgba(242,237,218,.7);font-weight:var(--weight-regular)}
.ev-cup h2{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);
  font-size:clamp(17px,2.2vw,21px);color:var(--cream);margin:6px 0 6px}
.ev-cup .ev-cup-desc{font-size:clamp(11.5px,1.5vw,14px);color:rgba(242,237,218,.8);line-height:1.75}
/* 底部实心大按钮（对应组件的 Read More；hover 反白描边） */
.ev-cup-btn{display:block;margin-top:14px;background:var(--cream);color:var(--court-deep);
  text-align:center;padding:11px 12px;border-radius:var(--radius-lg);
  font-size:clamp(13px,1.6vw,15px);font-weight:var(--weight-semibold);letter-spacing:.5px;
  transition:background .2s var(--ease-standard),color .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}
.ev-cup-btn:hover{background:transparent;color:var(--cream);box-shadow:inset 0 0 0 2px var(--cream)}
@media (prefers-reduced-motion:reduce){
  .ev-cup-skew,.ev-cup-content,.ev-cup-btn{transition:none}
  .ev-cup:hover .ev-cup-skew{transform:skewX(15deg);left:14%;width:50%}
  .ev-cup:hover .ev-cup-content{left:0}
}

/* ══ 打卡墙 ══ */
.ev-wall{margin-top:24px}
.ev-hd{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}
.ev-hd h2{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(18px,2.4vw,22px);color:var(--cream)}
.ev-hd .ln{flex:1;height:1px;background:rgba(242,237,218,.22)}
.ev-wsub{font-size:clamp(11px,1.3vw,13px);color:rgba(242,237,218,.6);margin-bottom:14px}
.ev-big{display:flex;align-items:flex-end;gap:12px;margin-bottom:14px}
.ev-big .n{font-family:Anton,Impact,sans-serif;font-size:clamp(50px,6vw,64px);line-height:.9;color:var(--ball)}
.ev-big .t{font-size:clamp(11.5px,1.4vw,13px);color:rgba(242,237,218,.75);line-height:1.6;padding-bottom:5px}

/* 读数条：位置固定，不用 tooltip */
.ev-readout{min-height:34px;display:flex;align-items:center;padding:5px 12px;margin-bottom:10px;
  background:rgba(242,237,218,.08);border-left:2px solid var(--gold);
  font-size:clamp(11.5px,1.4vw,13px);color:var(--cream);letter-spacing:.2px}
.ev-readout.dim{color:rgba(242,237,218,.55)}
.ev-readout b{color:var(--ball);font-weight:var(--weight-semibold)}

.ev-yeartag{font-size:9.5px;letter-spacing:1.5px;color:rgba(242,237,218,.45);font-weight:var(--weight-semibold);
  margin:12px 0 6px;display:flex;align-items:center;gap:8px}
.ev-yeartag i{flex:1;height:1px;background:rgba(242,237,218,.14)}
/* 双栏：一年拆左右两半（host 2026-08-21），格子随可用宽度放大；<520px 缩回单栏 */
#ev-cal{--cell:clamp(24px,3.8vw,42px);--cellgap:5px;--mlw:34px}
.ev-ycols{display:grid;grid-template-columns:repeat(2,max-content);gap:0 clamp(18px,8vw,104px);align-items:start}
.ev-ycol{min-width:0}
@media (max-width:519px){.ev-ycols{grid-template-columns:max-content}}
.ev-mrow{display:grid;grid-template-columns:var(--mlw) max-content;gap:10px;align-items:center;padding:4px 0}
.ev-ml{font-size:10px;color:rgba(242,237,218,.5);text-align:right}
.ev-cells{display:flex;gap:var(--cellgap);flex-wrap:nowrap}
.ev-cell{width:var(--cell);height:var(--cell);border-radius:4px;background:rgba(242,237,218,.09);border:0;padding:0;
  cursor:default;transition:transform .13s var(--ease-standard),box-shadow .13s var(--ease-standard),background .13s var(--ease-standard)}
.ev-cell.on{background:var(--ball);cursor:pointer}
.ev-cell.on:hover{transform:scale(1.22);box-shadow:0 3px 10px rgba(0,0,0,.35)}
.ev-cell:not(.on):hover{background:rgba(242,237,218,.16)}
.ev-cell:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.ev-legend{display:flex;gap:14px;margin-top:12px;font-size:10px;color:rgba(242,237,218,.5)}
.ev-legend i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.ev-legend .end{margin-left:auto}

/* ── 转发（第二颗，浅色描边） ── */
.ev-sharewall{text-align:center;margin-top:22px}
.ev-sharewall .t{font-size:clamp(11px,1.3vw,13px);color:rgba(242,237,218,.6);margin-bottom:9px}
.ev-share--light{border-color:rgba(242,237,218,.3);color:var(--cream)}
.ev-share--light:hover{border-color:var(--cream);background:rgba(242,237,218,.08);color:var(--cream)}

/* ── 免责 + 收尾 ── */
.ev-legal{font-size:clamp(10px,1.2vw,12px);color:rgba(242,237,218,.5);line-height:1.7;margin-top:16px}
.ev-end{text-align:center;margin-top:22px;padding-bottom:8px}
.ev-end-acts{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}
.ev-end .line{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);font-size:clamp(18px,2.4vw,22px);color:var(--cream);margin-bottom:13px}
.ev-cta-light{background:var(--cream);color:var(--court-deep);min-height:44px;padding:0 26px;font-size:clamp(13px,1.6vw,15px)}
.ev-cta-light:hover{color:var(--court-deep)}

/* ── 打卡墙 lightbox（标题=日期；手机可左右滑） ── */
.ev-lb{position:fixed;inset:0;border:0;padding:0;margin:0;max-width:100vw;max-height:100vh;
  width:100vw;height:100vh;background:rgba(10,31,21,.94);
  display:none;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.ev-lb[open]{display:flex}
.ev-lb::backdrop{background:rgba(10,31,21,.94)}
.ev-lb .dt{font-size:12px;color:var(--ball);letter-spacing:.5px}
.ev-lb img{max-width:92vw;max-height:76vh;object-fit:contain;display:block}
.ev-lb .cl{font-size:10px;color:rgba(242,237,218,.5)}
.ev-lb-prev,.ev-lb-next{position:absolute;top:50%;transform:translateY(-50%);
  background:transparent;border:0;color:var(--cream);font-size:26px;line-height:1;cursor:pointer;padding:14px}
.ev-lb-prev{left:4px}
.ev-lb-next{right:4px}

/* 触控装置：主 CTA 的球由 site.css 全站规则常驻；描边钮不做 hover 位移 */
@media (hover:none){
  .ev-share:hover{transform:none}
}
/* 减少动态效果：全部动画关闭 */
@media (prefers-reduced-motion:reduce){
  .ev-cell,.ev-share,.ev-cta{transition:none !important}
  .ev-cell.on:hover{transform:none;box-shadow:none}
}

/* ── 成交簿（design-system/lab-dealbook-globe-mockup.html → tokens）──
   mockup 球黄 #d4e04a → --ball(=--gold)；骨白 → cream；stage 深板与 .ev-first 同用 --v3-deep。
   数字由 host 补真实值，〔待补〕期间示例数字不上站。 */
.ev-deal{margin-top:26px;background:var(--v3-deep);
  padding:clamp(22px,3vw,36px) clamp(18px,2.8vw,32px);
  display:flex;align-items:center;gap:clamp(14px,2.4vw,26px)}
.ev-deal-l{flex:1.05;min-width:0}
.ev-deal h2{font-family:var(--font-display-mix);font-weight:var(--weight-semibold);
  font-size:clamp(21px,3.2vw,30px);line-height:1.24;color:var(--ball);margin-bottom:10px}
.ev-deal .lede{font-size:clamp(12px,1.5vw,14px);line-height:1.7;color:rgba(242,237,218,.72);max-width:400px}
.ev-deal-r{flex:1;display:flex;align-items:center;justify-content:center;min-width:0}
#ev-globe{display:block;width:min(100%,340px);aspect-ratio:1;cursor:grab;touch-action:pan-y}
#ev-globe:active{cursor:grabbing}
/* 深板上的〔待补〕用亮金，gold-deep 在暗底对比不够 */
.ev-deal .ev-todo{color:var(--ball);font-size:inherit;font-family:inherit}
@media (max-width:719px){
  .ev-deal{flex-direction:column;align-items:stretch}
  .ev-deal-r{min-height:280px}
  #ev-globe{width:min(100%,300px);margin:0 auto}
}

/* 中秋海报（限时；过了 data-until 整个 .ev-theme--zhongqiu 由 app.js 移除） */
.ev-theme-poster{display:block;max-width:min(100%,340px);margin:16px 0 14px;border-radius:12px;
  overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.ev-theme-poster img{display:block;width:100%;height:auto}