/* ADR-3396 首页与指南页共用的段落组件:眉标(颜色 token + 样式)与深色收尾带。只由首页与指南页加载,叠在 site.css 之上;
   落地页有自己的 .eyebrow(landing/styles.css),不加载本文件。--home-section 由加载方定义节奏,缺省 96px。 */
:root{--home-eyebrow:#9A6416}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--home-eyebrow:#F3C877}}
:root[data-theme="dark"]{--home-eyebrow:#F3C877}
.eyebrow{margin:0 0 14px;max-width:none;font:700 12.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--home-eyebrow)}

/* 收尾带:深色底上再出现一次品牌签名,反白块在深底上反转为米白;按钮沿用首屏同一组与显隐规则,第一个可见按钮之外描边。 */
.closing{margin-top:var(--home-section,96px);padding:96px 24px;border-radius:32px;background:var(--wt-cinema-band);text-align:center;position:relative;overflow:hidden}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .closing{box-shadow:inset 0 0 0 1px #FFFFFF14}}:root[data-theme="dark"] .closing{box-shadow:inset 0 0 0 1px #FFFFFF14}
.closing::before{content:"";position:absolute;inset:auto -10% -60%;height:120%;background:radial-gradient(50% 50% at 50% 100%,#F5A62333,#0000 70%);pointer-events:none}
.closing h2{position:relative;margin:0 auto 18px;font-size:clamp(40px,5.4vw,72px);font-weight:900;line-height:1.08;letter-spacing:-.015em;color:#FAF8F3}
.closing h2 .cap{background:#FFF6E8;color:#10161D}
.closing>p{position:relative;margin:0 auto 34px;color:#B7C2CD;font-size:17px}
.closing .actions{position:relative;margin:0;gap:14px}
.closing .actions .button{min-height:52px;padding:10px 26px;font-size:16px}
.closing .actions .cta-app,.closing .actions .cta-ios{display:none}
[data-device=android] .closing .actions .cta-app,[data-device=ios] .closing .actions .cta-ios{display:inline-flex}[data-device=ios] .closing .actions .cta-ios{order:-1}
[data-device] .closing .actions .cta-ext{display:none}
.closing .actions .button.secondary,.closing .actions .cta-player{background:transparent;color:#FAF8F3;border-color:#FFF6E88C;box-shadow:inset 0 0 0 .5px #FFF6E88C}
@media(hover:hover) and (pointer:fine) and (min-width:721px){.closing .actions .button.secondary:hover,.closing .actions .cta-player:hover{background:#FFF6E814;border-color:#FFF6E8;box-shadow:inset 0 0 0 .5px #FFF6E8}}
.closing .actions .button.secondary:active,[data-device] .closing .actions .cta-player:active{background:#FFF6E824}
@media(min-width:721px){:root:not([data-device]) .closing .actions .cta-player:active{background:#FFF6E824}}
@media(max-width:720px){.closing{padding:64px 20px;border-radius:24px}.closing .actions{flex-direction:column;align-items:stretch}.closing .actions .button{flex:none;width:100%}
  :root:not([data-device]) .closing .actions .cta-ext{display:none}:root:not([data-device]) .closing .actions .cta-player{background:var(--cta);border-color:transparent;box-shadow:none;color:var(--cta-ink)}}