/* ============================================================
   cover.css — 封面任务台（自 old-site-v1 移植，2026-09-23）
   来源：work/old-site-v1/css/upgrade.css 第 47~511 行中**封面专属**规则。
   已剔除整站重排规则，避免与 legacy-upgrade/css/styles.css 冲突。
   顶栏与视图高度偏移仅在 body.cover-on 时生效（封面为唯一入口时）。
   可逆：删除 index.html 中本文件的 <link> 即整体回退。
   ============================================================ */

/* —— 变量补齐：本文件依赖但 styles.css 未定义的量 —— */
:root{
  --accent: var(--rust);
  --radius: 6px;
  --radius-lg: 8px;
  --fs-display: 40px;
  --fs-meta: 11px;
  --fs-body: 13px;
}

/* ============ 全局顶部栏（§3.5 S3 / GT-A；用户 2026-09-23：加高、字放大、右侧按钮删除） ============ */
body.cover-on .tw-topbar{position:fixed; top:0; left:0; right:0; height:60px; z-index:50;
  display:flex; align-items:center; gap:16px; padding:0 28px;
  background:rgba(24,20,16,.78); border-bottom:1px solid var(--line);
  -webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);}

body.cover-on .tw-topbar .ws{font-size:20px;font-weight:650;letter-spacing:1.5px;color:rgba(245,238,230,.95)}

body.cover-on .tw-topbar .sp{flex:1}

body.cover-on .tw-topbar .m{display:inline-flex;align-items:center;gap:6px;
  font-size:12px;color:var(--muted);cursor:pointer;
  padding:5px 9px;border-radius:var(--radius);border:1px solid transparent;}

body.cover-on .tw-topbar .m:hover{color:var(--text);border-color:var(--line);background:#1a1816}

body.cover-on .tw-topbar .m:focus-visible,body.cover-on .tw-topbar .m:focus{outline:2px solid var(--accent);outline-offset:1px}

.tw-topbar svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6}

/* 顶栏占位：把视图整体下移，避免被遮挡 */
body.cover-on{padding-top:60px}

body.cover-on .view-container{height:calc(100vh - 60px)}

/* ============ 封面：作品集式排版 + 火星场景 ============ */
#cover-view{background:
    radial-gradient(120% 90% at 78% 12%, rgba(199,123,67,.14) 0%, transparent 60%),
    linear-gradient(180deg,#141210 0%,#1b1613 55%,#2a1d16 100%);
  justify-content:flex-start; align-items:stretch; padding:0;}

.cover-stars{display:none !important}

/* §16 禁止粒子星空 */
.art-orbit{display:none !important}

/* §16 禁止蓝紫轨道线 */

.tw-cover{flex:1; display:grid; grid-template-columns:45fr 55fr; gap:1px;
  background:var(--line);}

.tw-cover-side{position:relative; overflow:hidden; background:transparent;
  border:0; color:inherit; font-family:inherit; text-align:left;
  padding:0; cursor:pointer; display:flex; flex-direction:column;
  justify-content:flex-end; min-height:0;}

.tw-cover-side:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}

.tw-cover-side.phys{background:linear-gradient(180deg,#171614,#1b1917)}

.tw-cover-side.eng{background:
    radial-gradient(120% 80% at 60% 78%, rgba(199,123,67,.18), transparent 62%),
    linear-gradient(180deg,#1a1512 0%,#2a1d16 62%,#3a2418 100%);}

.tw-cover-side .tag{position:absolute;top:14px;left:18px;font-size:var(--fs-meta);
  letter-spacing:1.5px;color:var(--muted);text-transform:none;}

.tw-cover-side .desc{position:absolute;left:18px;bottom:112px;max-width:34ch;
  font-size:12px;color:var(--muted);line-height:1.75;}

/* 封面标题区（作品集式：左对齐、大字号、克制） */
.tw-hero{padding:34px 34px 20px}

.tw-hero h1{margin:0;font-size:var(--fs-display);font-weight:700;letter-spacing:1px;
  line-height:1.25;text-align:left;color:var(--text);text-shadow:none;}

.tw-hero .slogan{margin-top:8px;font-size:13px;letter-spacing:3px;color:var(--accent);text-align:left;}

.tw-hero .rule{height:1px;background:var(--line);margin:20px 0 0}

/* —— 毛玻璃按钮（封面唯一玻璃层，§13.1） —— */
.cover-btn-group{gap:0;display:contents}

/* 旧容器不再承担布局 */
.tw-glass-btn{position:absolute;left:50%;bottom:38px;transform:translateX(-50%);
  min-width:250px;padding:15px 26px;border-radius:var(--radius-lg);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 8px 28px rgba(0,0,0,.38);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  backdrop-filter:blur(16px) saturate(140%);
  transition:background 160ms ease,border-color 160ms ease,transform 160ms ease;
  z-index:5;}

.tw-glass-btn .t{display:block;font-size:15px;font-weight:650;letter-spacing:.5px;color:#fff}

.tw-glass-btn .s{display:block;margin-top:4px;font-size:12px;color:rgba(236,231,224,.62)}

.tw-glass-btn .go{margin-top:9px;display:block;font-size:12px;color:var(--sand)}

.tw-cover-side:hover .tw-glass-btn{background:rgba(176,74,46,.20);border-color:rgba(199,123,67,.55);transform:translateX(-50%) translateY(-2px)}

.tw-cover-side:focus-visible .tw-glass-btn{border-color:var(--accent)}

/* ============ 着陆器占位结构（待建模确定后替换） ============ */
.lander-stage{border:1px dashed rgba(199,123,67,.5); border-radius:var(--radius-lg);
  background:rgba(0,0,0,.22); display:flex; align-items:center; justify-content:center;
  text-align:center; font-size:12px; color:var(--muted); line-height:1.7;
  padding:12px; flex-shrink:0; min-height:96px;}

.lander-stage strong{color:var(--sand);font-weight:600;display:block;margin-bottom:2px}

/* 封面内的着陆器占位：脱离流，锚定在主视觉区中部，避免与毛玻璃按钮重叠 */
.tw-cover-side .lander-stage{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);
  width:min(62%,320px);min-height:150px;}

@media (max-width:900px){
  .tw-cover-side .lander-stage{top:30%;width:calc(100% - 40px);min-height:110px}
}

/* 副标题含"再入加热"等未纳入项：标记为中性/教学示意 */
.tw-neutral{color:var(--warn)}

/* ============ 关键曲线（uPlot）与图表墙收敛（§16） ============ */
.tw-keycharts{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex-shrink:0;
  border:1px solid var(--line);border-radius:var(--radius-lg);padding:10px;background:rgba(255,255,255,.02);}

.tw-keycharts .kc{min-width:0}

.tw-keycharts .kc h4{margin:0 0 6px;font-size:var(--fs-body);color:var(--text);font-weight:600}

.tw-keycharts .kc .box{height:170px}

.tw-charts-more{margin-top:10px;border:1px solid var(--line);border-radius:var(--radius-lg);background:rgba(255,255,255,.02)}

.tw-charts-more > summary{cursor:pointer;padding:9px 12px;font-size:12px;color:var(--muted);list-style:none;}

.tw-charts-more > summary::-webkit-details-marker{display:none}

.tw-charts-more > summary::before{content:"▸ ";color:var(--accent)}

.tw-charts-more[open] > summary::before{content:"▾ "}

.tw-charts-more[open]{padding-bottom:10px}

/* ============ 未纳入可信计算量的标注 ============ */
.tw-tnote{font-size:11px;color:var(--warn);background:rgba(201,136,30,.08);
  border:1px solid rgba(201,136,30,.28);border-radius:var(--radius);
  padding:6px 9px;margin-bottom:9px;line-height:1.6;}

@media (max-width:900px){
  /* 封面纵向堆叠，禁止横向滚动 */
    body{overflow-x:hidden}
  .tw-cover{grid-template-columns:1fr}
  .tw-cover-side{min-height:46vh}
  .tw-hero{padding:20px 20px 14px}
  .tw-hero h1{font-size:26px;letter-spacing:.5px}
  .tw-cover-side .desc{bottom:104px;max-width:none;right:18px}
  .tw-glass-btn{min-width:0;width:calc(100% - 36px);left:18px;transform:none}
  .tw-cover-side:hover .tw-glass-btn{transform:translateY(-2px)}
  .tw-keycharts{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  .art-lander{animation:none !important}
}

/* ============================================================
   封面 v2：真实火星影像背景 + 功能性毛玻璃面板
   依据用户参考（毛玻璃样板 + 着陆器参考图）。
   说明：毛玻璃必须"背后有可模糊的影像"才看得出效果，
   故封面改为真实火星全景裁切图 + 半透明模糊面板。
   ============================================================ */
/* 显隐只由公共 .view-active 路由控制，封面布局不能强制 display。 */
#cover-view{flex-direction:column;padding:0;background:var(--bg);
  justify-content:flex-start;align-items:stretch}

.tw-cover-bg{position:absolute;inset:0;z-index:0;
  background-image:url("../assets/mars-cover.jpg");
  background-size:cover;background-position:center 42%;
  filter:saturate(1.05) brightness(.72)}

.tw-cover-bg::after{content:"";position:absolute;inset:0;
  background:
    radial-gradient(130% 110% at 18% -10%, rgba(21,19,18,.30) 0%, rgba(21,19,18,.72) 55%, rgba(21,19,18,.92) 100%),
    linear-gradient(180deg, rgba(21,19,18,.88) 0%, rgba(21,19,18,.30) 42%, rgba(21,19,18,.90) 100%)}

.tw-hero{position:relative;z-index:2;padding:30px 34px 6px}

.tw-hero h1{margin:0;font-size:var(--fs-display);font-weight:700;letter-spacing:1px;line-height:1.24;color:#fff}

.tw-hero .slogan{margin-top:8px;font-size:13px;letter-spacing:3px;color:var(--sand)}

.tw-cover{position:relative;z-index:2;flex:1;display:grid;grid-template-columns:45fr 55fr;
  gap:22px;padding:10px 34px 30px;background:transparent}

.tw-cover-side{position:relative;display:flex;align-items:flex-end;text-align:left;
  background:transparent;border:0;padding:0;cursor:pointer;font-family:inherit;color:inherit}

.tw-cover-side.phys,.tw-cover-side.eng{background:transparent}

.tw-cover-side:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}

/* —— 功能性毛玻璃面板（封面唯一玻璃层，§13.1） —— */
.tw-glass-panel{width:100%;padding:20px 22px 18px;border-radius:12px;
  background:rgba(24,20,17,.40);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 20px 55px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.12);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  backdrop-filter:blur(20px) saturate(150%);
  transition:background 180ms ease,border-color 180ms ease,transform 180ms ease}

.tw-cover-side:hover .tw-glass-panel{background:rgba(52,32,24,.52);
  border-color:rgba(199,123,67,.52);transform:translateY(-3px)}

.tw-glass-panel .tag{font-size:var(--fs-meta);letter-spacing:2px;color:var(--sand)}

.tw-glass-panel h2{margin:6px 0 8px;font-size:21px;font-weight:650;letter-spacing:.4px;color:#fff}

.tw-glass-panel p{margin:0 0 14px;font-size:12.5px;color:rgba(236,231,224,.74);max-width:46ch;line-height:1.8}

.tw-glass-panel .cta{display:flex;align-items:center;gap:8px;font-size:13px;color:#fff}

.tw-glass-panel .cta span{color:var(--sand);margin-left:auto}

/* 面板内着陆器占位（复位 v1 的绝对定位） */
.tw-glass-panel .lander-stage{position:relative;left:auto;top:auto;transform:none;
  width:100%;min-height:118px;margin:0 0 14px;background:rgba(0,0,0,.28);border-radius:10px}

@media (prefers-reduced-transparency:reduce){
  .tw-glass-panel{background:rgba(24,20,17,.92)}
}

@media (max-width:900px){
  .tw-cover{grid-template-columns:1fr;gap:14px;padding:10px 18px 24px}
  .tw-hero{padding:20px 18px 6px}
  .tw-hero h1{font-size:26px}
  .tw-glass-panel{padding:16px 16px 14px}
}

/* ===== 封面 v2.1：提亮影像（否则毛玻璃无物可模糊）+ 双面板等高对齐 ===== */
.tw-cover-bg{filter:saturate(1.10) brightness(.98);background-position:center 46%}

.tw-cover-bg::after{background:
  radial-gradient(120% 90% at 15% 0%, rgba(21,19,18,.66) 0%, rgba(21,19,18,.16) 52%, rgba(21,19,18,.50) 100%),
  linear-gradient(180deg, rgba(21,19,18,.80) 0%, rgba(21,19,18,.04) 34%, rgba(21,19,18,.40) 100%)}

.tw-cover{align-items:stretch}

.tw-cover-side{align-items:stretch}

.tw-glass-panel{display:flex;flex-direction:column;height:100%}

.tw-glass-panel .cta{margin-top:auto}

.tw-glass-panel .lander-stage{flex:1;min-height:120px}

.tw-glass-panel > p{margin-bottom:12px}

/* ===== 封面 v2.2：让面板背后是"明亮且有细节"的地表，毛玻璃才看得出 ===== */
.tw-cover-bg{filter:saturate(1.14) brightness(1.08);background-position:center 34%}

.tw-cover-bg::after{background:
  radial-gradient(120% 80% at 12% -6%, rgba(21,19,18,.72) 0%, rgba(21,19,18,.10) 46%, rgba(21,19,18,.20) 100%),
  linear-gradient(180deg, rgba(21,19,18,.84) 0%, rgba(21,19,18,.02) 28%, rgba(21,19,18,.18) 100%)}

.tw-glass-panel{background:rgba(28,23,19,.34)}

.tw-cover-side:hover .tw-glass-panel{background:rgba(58,36,26,.46)}

/* ===== 封面 v2.3（用户反馈）：
   ① 底部 CTA 文字加大；② 面板描述在桌面端排成一行；③ 移动端仍允许换行 ===== */
.tw-glass-panel .cta{font-size:15px;font-weight:600;letter-spacing:.2px}

.tw-glass-panel .cta span{font-size:15px}

@media (min-width:901px){
  .tw-glass-panel p{white-space:nowrap;max-width:none}
}

@media (max-width:900px){
  .tw-glass-panel p{font-size:12px;white-space:normal}
}

/* ===== 封面 v2.4（用户反馈）：去掉橙色小字后，标题独占顶部、收紧间距 ===== */
.tw-glass-panel .tag{display:none}

.tw-glass-panel h2{margin:0 0 10px;font-size:22px}

/* 占位框文字由橙色改为中性灰，避免与"橙色字"混淆 */
.lander-stage strong{color:var(--muted)}

/* ===== 封面 v3：背景改为「反向点火着陆」动画视频 ===== */
.tw-cover-bgwrap{position:absolute;inset:0;z-index:0;overflow:hidden;background:#151312}

.tw-cover-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  background-image:none;                       /* 覆盖 v1/v2 的图片背景规则 */
  filter:saturate(1.06) brightness(1.02)}

/* 视频本身已调色，滤镜从轻 */
video.tw-cover-bg::after{content:none}

.tw-cover-scrim{position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(15,13,12,.86) 0%, rgba(15,13,12,.08) 24%, rgba(15,13,12,.06) 52%, rgba(15,13,12,.62) 100%)}

@media (max-width:900px){
  .tw-cover-scrim{background:
      linear-gradient(180deg, rgba(15,13,12,.88) 0%, rgba(15,13,12,.10) 26%, rgba(15,13,12,.10) 46%, rgba(15,13,12,.70) 100%)}
}

/* ===== 封面 v3.1：面板改为"底部悬浮"，把着陆动画主视觉露出来 ===== */
.tw-cover{align-items:end;padding-bottom:34px}

.tw-cover-side{align-items:flex-end}

.tw-glass-panel{height:auto;min-height:246px}

.tw-glass-panel .lander-stage{flex:0 0 auto;min-height:86px}

.tw-glass-panel{-webkit-backdrop-filter:blur(15px) saturate(140%);backdrop-filter:blur(15px) saturate(140%)}

.tw-cover-scrim{background:
  linear-gradient(180deg, rgba(15,13,12,.84) 0%, rgba(15,13,12,.05) 22%, rgba(15,13,12,.03) 48%, rgba(15,13,12,.72) 100%)}

@media (max-width:900px){
  .tw-glass-panel{min-height:0}
  .tw-cover{align-items:stretch}
}

/* ===== 封面 v3.2：视频播完后淡入火星静态全景，避免末帧长时间定格 ===== */
.tw-cover-still{position:absolute;inset:0;pointer-events:none;
  background-image:url("../assets/mars-cover.jpg");
  background-size:cover;background-position:center 34%;
  filter:saturate(1.14) brightness(1.08);
  opacity:0;transition:opacity 900ms ease}

.tw-cover-still.on{opacity:1}

@media (prefers-reduced-motion:reduce){
  .tw-cover-still{transition:none}
}

/* 静态层取景微调：偏向"地平线+天空"的通透景观，避免暗岩特写 */
.tw-cover-still{background-position:center 16%}

/* 静态层改用"地平线为主体"的专用图 */
.tw-cover-still{background-image:url("../assets/mars-cover.jpg");background-position:center 45%}

/* ============================================================
   封面 v4（用户线框图确认版，2026-09-22）
   ① 顶部：主标题 + 副标题（左） / 模型与依据·帮助·设置 三个毛玻璃图标按钮（右）
   ② 主体：两张等高毛玻璃卡，宽度比 0.70 : 1，间距 3.7%
      左卡 = 物理原理动画（待生成，占位）
      右卡 = 天问一号着陆动画（循环播放，不再做整页背景）
   ③ 背景：火星地貌静态图 + Canvas 浮尘粒子
   依据（用户线框图实测）：卡片行占页面净高 63.5%；
   左卡 555 : 右卡 791 ≈ 0.70 : 1；卡片左右各内缩约 5%。
   ============================================================ */

/* —— 封面保留全局细顶栏作为唯一页眉（不再隐藏），避免与封面标题区重复 —— */

/* —— 背景：恢复火星地貌静态图（覆盖 v3 的 background-image:none） —— */
#cover-view{overflow:hidden}

.tw-cover-bg{position:absolute;inset:0;width:auto;height:auto;
  background-image:url("../assets/mars-cover.jpg");
  background-size:cover;background-position:center 38%;
  filter:saturate(1.08) brightness(1.22)}

.tw-cover-bg::after{content:none}

.tw-cover-scrim{z-index:1;background:
  linear-gradient(180deg, rgba(24,18,14,.34) 0%, rgba(24,18,14,.05) 22%,
                          rgba(24,18,14,.02) 52%, rgba(24,18,14,.32) 100%)}

.tw-dust{position:absolute;inset:0;width:100%;height:100%;
  display:block;pointer-events:none;z-index:2}

/* —— 页面骨架（左右各留 7%，让火星背景更多透出来） —— */
.tw-cover-shell{position:relative;z-index:3;height:100%;
  display:flex;flex-direction:column;padding:24px 7% 36px}

/* —— 封面标语（字号放大 + 轻投影保证亮背景下可读） —— */
.tw-cover-head{flex:0 0 auto;margin-bottom:20px}

.tw-cover-head .sub{margin:0;font-size:20px;font-weight:650;letter-spacing:4px;
  color:rgba(245,237,229,.94);text-shadow:0 1px 14px rgba(0,0,0,.45)}

/* —— 主体：两张等高毛玻璃卡 —— */
.tw-cover{flex:1;min-height:0;display:grid;grid-template-columns:.70fr 1fr;
  column-gap:3.7%;align-items:stretch;padding:0}

.tw-cover-side{align-items:stretch}

.tw-cover-side:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:14px}

.tw-glass-panel{height:100%;min-height:0;padding:22px 24px 20px;
  display:flex;flex-direction:column;border-radius:16px;
  background:rgba(64,48,38,.26);border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(20px) saturate(150%) brightness(1.2);
  backdrop-filter:blur(20px) saturate(150%) brightness(1.2)}

.tw-cover-side:hover .tw-glass-panel{background:rgba(74,48,34,.42);
  border-color:rgba(199,123,67,.55);transform:translateY(-3px)}

.tw-glass-panel h2{margin:0 0 10px;font-size:24px;font-weight:700;letter-spacing:1px;color:#fff}

/* 内容舞台：铺满标题与按钮之间的卡身；四边宽幅缓动羽化，与毛玻璃融为一体
   （用户 2026-09-23 二次反馈：右卡淡化太突兀 → 加宽羽化带并做多档缓动） */
.tw-glass-panel .stage{flex:1;width:100%;min-height:0;
  margin:6px 0 4px;position:relative;overflow:hidden;border-radius:14px;
  border:none;background:transparent;box-shadow:none;
  -webkit-mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 8%,rgba(0,0,0,.85) 16%,#000 26%,
      #000 74%,rgba(0,0,0,.85) 84%,rgba(0,0,0,.45) 92%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 7%,rgba(0,0,0,.88) 14%,#000 22%,
      #000 78%,rgba(0,0,0,.88) 86%,rgba(0,0,0,.5) 93%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.45) 8%,rgba(0,0,0,.85) 16%,#000 26%,
      #000 74%,rgba(0,0,0,.85) 84%,rgba(0,0,0,.45) 92%,transparent 100%),
    linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 7%,rgba(0,0,0,.88) 14%,#000 22%,
      #000 78%,rgba(0,0,0,.88) 86%,rgba(0,0,0,.5) 93%,transparent 100%);
  mask-composite:intersect}

.tw-glass-panel .stage-video{background:transparent;border:none}

.tw-glass-panel .stage-video video{width:100%;height:100%;object-fit:cover;display:block;
  filter:brightness(1.04) saturate(1.03)}

/* 左卡完整落体播放区域 */
.xloop{position:absolute;inset:0}

.tw-glass-panel .stage-video .xloop video{position:absolute;inset:0;
  opacity:0}

.tw-glass-panel .stage-video .xloop video.on{opacity:1}

.tw-glass-panel .stage-placeholder{display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:8px;text-align:center}

.tw-glass-panel .stage-placeholder .st{font-size:14px;letter-spacing:.5px;color:rgba(240,231,222,.88)}

.tw-glass-panel .stage-placeholder .sn{font-size:12px;letter-spacing:.5px;color:var(--muted)}

/* 进入按钮：两卡统一 —— 卡内居中、宽度 70%、高 48px（字号同步放大） */
.tw-glass-panel .cta{margin:16px auto 0;width:70%;height:48px;flex:0 0 auto;
  display:flex;align-items:center;justify-content:center;
  font-size:17px;font-weight:600;letter-spacing:3px;color:#fff;
  border-radius:9px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.20);
  transition:background 160ms ease,border-color 160ms ease}

.tw-cover-side:hover .tw-glass-panel .cta{background:rgba(199,123,67,.26);border-color:rgba(199,123,67,.62)}

@media (prefers-reduced-transparency:reduce){
  .tw-glass-panel{background:rgba(24,20,17,.92)}
}

@media (max-width:900px){
  .tw-cover-shell{padding:16px 18px 22px}
  .tw-cover-head{margin-bottom:14px}
  .tw-cover-head .sub{font-size:16px;letter-spacing:3px}
  .tw-cover{grid-template-columns:1fr;row-gap:14px}
  .tw-glass-panel{padding:14px 15px 15px}
  .tw-glass-panel h2{font-size:20px}
  .tw-glass-panel .stage{min-height:180px;max-height:none}
  .tw-glass-panel .cta{width:100%;height:44px;font-size:16px}
}

@media (max-width:520px){
  .tw-cover-head .sub{font-size:14px;letter-spacing:2px}
}