.landing-page h1,.landing-page h2,.landing-page h3{color:inherit;font-weight:bold;letter-spacing:normal;margin:0.67em 0}
.landing-page h3{font-family:inherit;line-height:inherit;text-wrap:wrap}
.landing-page p{color:inherit;max-width:none}
.landing-page{color-scheme:normal;scrollbar-color:auto}
.landing-page .hero,.landing-page .compare,.landing-page .faq{padding:0}
.landing-page button{font:revert;caret-color:revert}
.landing-page a{text-underline-offset:revert}
.landing-page summary{padding:0;list-style-position:revert}
/* 布局:深色影院式首屏(左文案右播放器) → 浅色内容带;沿用官网琥珀 CTA 与深蓝文字 */
.landing-page{
  --ink:var(--wt-text); --bg:var(--wt-bg); --surface:var(--wt-surface); --muted:var(--wt-muted); --line:var(--wt-line); --soft:var(--wt-fill);
  --cta:var(--wt-cta); --cta-hover:var(--wt-cta-hover); --accent:var(--wt-link);
  --night:#0E141C; --night-2:#18212C; --night-text:#EEF1F4; --night-muted:#A7B1BC;
  --note:var(--wt-note); --note-bg:var(--wt-note-bg);

  --sans:system-ui,-apple-system,"Segoe UI","Noto Sans SC","PingFang SC",sans-serif;
}
.landing-page *{box-sizing:border-box}
.landing-page{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}
.landing-page .wrap{max-width:1120px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.landing-page h1,.landing-page h2{font-family:var(--serif);text-wrap:balance;margin:0;letter-spacing:-.01em}
.landing-page h2{font-size:clamp(26px,3.4vw,36px);line-height:1.15}
.landing-page p{margin:0}
.landing-page .btn{display:inline-flex;align-items:center;gap:10px;background:var(--cta);color:#22303F;font-weight:700;border:0;border-radius:999px;padding:14px 24px;font-size:16px;cursor:pointer;text-decoration:none}
.landing-page .btn:hover{background:var(--cta-hover)}
.landing-page .btn:focus-visible,.landing-page button:focus-visible,.landing-page input:focus-visible{outline:3px solid var(--note);outline-offset:2px}

/* 样稿批注 */
.landing-page .mockbar{background:var(--note);color:#fff;font-size:14px}
.landing-page .mockbar .wrap{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-block:10px}
.landing-page .mockbar button{background:#fff;color:#1d4fae;border:0;border-radius:999px;padding:6px 14px;font-weight:600;cursor:pointer}
.landing-page .note{background:var(--note-bg);color:var(--ink);border:1px dashed var(--note);border-radius:10px;padding:12px 14px;font-size:13.5px;line-height:1.6}
.landing-page .note b{color:var(--note)}
.landing-page .night .note{background:#1B2A44;color:#E6EEFB;border-color:#8DB4FF}
.landing-page .night .note b{color:#8DB4FF}
body.clean .landing-page .note{display:none}

/* 首屏 */
.landing-page .night{background:radial-gradient(1200px 500px at 85% 10%,#24324A 0%,transparent 60%),var(--night);color:var(--night-text)}
.landing-page .hero .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center;padding-block:56px 64px}
.landing-page .eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--cta);font-weight:600}
.landing-page .hero h1{font-size:clamp(34px,4.6vw,54px);line-height:1.06;margin-top:14px}
.landing-page .hero h1 em{font-style:normal;color:var(--cta)}
/* Chromium's auto-phrase only segments Japanese; Korean headings keep words whole and wrap at spaces. */
.landing-page :is(h1,h2):lang(ja){word-break:auto-phrase}.landing-page :is(h1,h2):lang(ko){word-break:keep-all;overflow-wrap:anywhere}
.landing-page .hero .sub{color:var(--night-muted);font-size:18px;margin-top:18px;max-width:34em}
.landing-page .cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}
.landing-page .cta-row small{color:var(--night-muted);font-size:14px}
.landing-page .hero .copy{display:grid;gap:0;min-width:0}
.landing-page .hero .note{margin-top:24px}

/* 播放器 */
.landing-page .player{position:relative;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 30px 80px #0008;aspect-ratio:16/9;max-width:100%}
.landing-page .player img{width:100%;height:100%;object-fit:cover;display:block}
.landing-page .player .shade{position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(transparent,#000c)}
.landing-page .sub-box{position:absolute;left:50%;bottom:17%;transform:translateX(-50%);background:#000d;border-radius:8px;padding:6px 14px 8px;text-align:center;width:max-content;max-width:88%;transition:opacity .25s}
.landing-page .sub-box .zh{color:#d7d7d7;font-size:clamp(10px,1.3vw,14px)}
.landing-page .sub-box .es{color:#fff;font-weight:700;font-size:clamp(13px,1.9vw,21px);line-height:1.25}
.landing-page .player.off .sub-box{opacity:0}
.landing-page .ctrl{position:absolute;left:0;right:0;bottom:0;padding:0 14px 10px;display:grid;gap:8px}
.landing-page .bar{height:4px;background:#fff4;border-radius:2px;overflow:hidden}
.landing-page .bar i{display:block;width:34%;height:100%;background:#f00}
.landing-page .ctrl-row{display:flex;align-items:center;gap:14px;color:#fff;font-size:12.5px;font-variant-numeric:tabular-nums}
.landing-page .ctrl-row .sp{flex:1}
.landing-page .wt-icon{width:26px;height:26px;border-radius:7px;background:var(--cta);display:grid;place-items:center;color:#22303F;font-weight:800;font-size:11px;box-shadow:0 0 0 3px #F5A62355}
.landing-page .player.off .wt-icon{background:#fff3;color:#fff;box-shadow:none}
.landing-page .ptitle{position:absolute;top:0;left:0;right:0;padding:12px 16px 26px;background:linear-gradient(#000e,#000c 60%,transparent);color:#fff;font-size:13.5px}
.landing-page .toggle{display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;gap:6px;background:var(--night-2);border-radius:999px;padding:5px;width:max-content;margin:16px auto 0}
.landing-page .toggle button{border:0;border-radius:999px;padding:8px 16px;background:transparent;color:var(--night-muted);font-weight:600;cursor:pointer;font-size:14px}
.landing-page .toggle button[aria-pressed="true"]{background:var(--night-text);color:var(--night)}

/* 通用内容带 */
.landing-page section.band{padding-block:72px}
.landing-page .band-head{display:grid;gap:10px;max-width:46em;margin-bottom:32px}
.landing-page .band-head p{color:var(--muted);font-size:17px}
.landing-page .kicker{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-weight:700}

/* 真实片单 */
.landing-page .shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}
.landing-page .card{display:grid;gap:8px;min-width:0}
.landing-page .thumb{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--soft)}
.landing-page .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.landing-page .thumb .es-chip{position:absolute;left:8px;bottom:8px;background:#000c;color:#fff;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}
.landing-page .thumb .len{position:absolute;right:8px;bottom:8px;background:#000c;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}
.landing-page .card h3{font-size:15px;margin:0;line-height:1.35}
.landing-page .card .tag{font-size:13px;color:var(--muted)}

/* 费用计算 */

/* 三步 */
.landing-page .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.landing-page .step{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.landing-page .step .art{aspect-ratio:4/3;background:var(--soft);position:relative;display:grid;place-items:center;padding:18px}
.landing-page .step .txt{padding:18px 20px 22px;display:grid;gap:6px;align-content:start}
.landing-page .step h3{margin:0;font-size:18px}
.landing-page .step p{color:var(--muted);font-size:15px}
.landing-page .n{font-family:var(--serif);font-size:15px;color:var(--accent);font-weight:700}
/* 步骤小插图 */
.landing-page .mini-store{width:88%;background:var(--surface);border-radius:10px;box-shadow:0 8px 24px #0002;padding:14px;display:grid;gap:10px}
.landing-page .mini-store .r{display:flex;gap:10px;align-items:center}
.landing-page .mini-store .logo{width:40px;height:40px;border-radius:10px;background:var(--cta);display:grid;place-items:center;font-weight:800;color:#22303F}
.landing-page .mini-store .t{font-weight:700;font-size:14px}
.landing-page .mini-store .s{font-size:12px;color:var(--muted)}
.landing-page .mini-store .add{justify-self:end;background:#1a73e8;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;border-radius:6px}
.landing-page .mini-yt{width:92%;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #0003;position:relative}
.landing-page .mini-yt img{width:100%;display:block}
.landing-page .mini-yt .search{position:absolute;top:8px;left:8px;right:8px;background:#fffe;border-radius:999px;padding:4px 10px;font-size:11px;color:#333}
.landing-page .mini-click{position:absolute;right:16%;bottom:15%;width:28px;height:28px;border-radius:8px;background:var(--cta);display:grid;place-items:center;font-size:11px;font-weight:800;color:#22303F;box-shadow:0 0 0 6px #F5A62344}
.landing-page .mini-click::after{content:"";position:absolute;right:-14px;bottom:-16px;width:18px;height:22px;background:#fff;clip-path:polygon(0 0,100% 60%,55% 62%,75% 100%,60% 100%,42% 66%,0 85%);filter:drop-shadow(0 1px 1px #0008)}
.landing-page .mini-sub{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);background:#000d;color:#fff;font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px;white-space:nowrap}

/* 特性 */
.landing-page .feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.landing-page .feat{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;padding:20px;background:var(--surface);border-radius:14px;border:1px solid var(--line)}
.landing-page .feat svg{width:52px;height:52px}
.landing-page .feat h3{margin:0 0 4px;font-size:17px}
.landing-page .feat p{color:var(--muted);font-size:15px}
.landing-page .bil{display:inline-grid;background:#000;border-radius:6px;padding:4px 10px;margin-top:10px;text-align:center}
/* Translation on top, the original smaller below: the extension's default order. */
.landing-page .bil span:first-child{color:#fff;font-weight:700;font-size:14px}
.landing-page .bil span:last-child{color:#ccc;font-size:12px}

/* 手机提示 */
.landing-page .phone-band{background:var(--soft)}
.landing-page .phone-band .wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding-block:28px}
.landing-page .phone-band svg{width:56px;height:56px}
.landing-page .phone-band h3{margin:0 0 4px;font-size:18px}
.landing-page .phone-band p{color:var(--muted)}
.landing-page .phone-actions{display:flex;flex-wrap:wrap;gap:10px}
.landing-page .phone-actions .ghost{display:inline-flex;align-items:center;text-decoration:none}
.landing-page .phone-actions button.ghost{font-family:inherit}
/* ADR-5270: player chrome keeps its direction in RTL pages; each caption line follows its own script. */
[dir="rtl"] .landing-page .ctrl{direction:ltr}
[dir="rtl"] .landing-page .hero h1{line-height:1.25}[dir="rtl"] .landing-page .eyebrow,[dir="rtl"] .landing-page .kicker{letter-spacing:0;text-transform:none}
[dir="rtl"] .landing-page .card h3,[dir="rtl"] .landing-page .crumb [aria-current]{unicode-bidi:plaintext;text-align:right}
.landing-page .sub-box>div,.landing-page .bil span{unicode-bidi:plaintext}
.landing-page .ghost{background:transparent;border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:11px 20px;font-weight:700;cursor:pointer;font-size:15px}

/* FAQ */
.landing-page .faq{display:grid;gap:12px;max-width:820px}
.landing-page details{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.landing-page summary{font-weight:700;cursor:pointer}
.landing-page details p{color:var(--muted);margin-top:10px}
.landing-page .final .wrap{text-align:center;padding-block:72px;display:grid;gap:18px;justify-items:center}
.landing-page .final h2{color:var(--night-text)}
.landing-page .final p{color:var(--night-muted)}
@media (max-width:860px){
.landing-page .hero .wrap{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:36px 44px}
.landing-page .sub-box{bottom:26%}
.landing-page .toggle button{padding:7px 11px;font-size:12.5px}
.landing-page .steps,.landing-page .feats{grid-template-columns:1fr}
.landing-page .phone-band .wrap{grid-template-columns:auto minmax(0,1fr)}
.landing-page .phone-band .ghost{grid-column:1/-1;justify-self:start}
.landing-page .phone-band .phone-actions{grid-column:1/-1}
.landing-page .phone-band .phone-actions .ghost{grid-column:auto}
.landing-page section.band{padding-block:52px}
}
@media (prefers-reduced-motion:reduce){
.landing-page *{transition:none!important}}

/* 模板补充:批注间距、紧接的内容带、计算器说明、手机端主按钮换成“发链接给自己” */
.landing-page .band .note,.landing-page .after-note{margin-top:20px}
.landing-page .after-note{margin-bottom:16px}
.landing-page .player-wrap .note{margin-top:16px}
.landing-page section.band.tight{padding-top:0}
.landing-page .cta-mobile,.landing-page .cta-android{display:none}
@media (hover:none) and (pointer:coarse){
.landing-page .cta-desktop{display:none}
.landing-page .cta-mobile{display:inline-flex}
/* ADR-5407/5500 D8:安卓手机和 iPhone 换成 App;其他手机仍是复制链接 */
.is-app-phone .landing-page .cta-android + .cta-mobile{display:none}
.is-app-phone .landing-page .cta-android{display:inline-flex}
}

/* 首屏字幕语言切换(同一句话,多种目标语言) */
.landing-page .langs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}
.landing-page .langs button{border:1px solid #ffffff33;background:transparent;color:var(--night-muted);border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}
.landing-page .langs button[aria-pressed="true"]{border-color:var(--cta);color:var(--cta)}
/* 片单里的本地文件卡 */
.landing-page .thumb.file{background:linear-gradient(135deg,#1c2733,#2c3a4a);display:grid;place-items:center;align-content:center;gap:4px;padding:10px 12px 30px;text-align:center}
.landing-page .thumb.file svg{width:34px;height:40px}
.landing-page .thumb.file .fname{color:#fff;font-size:13px;font-weight:600;font-family:ui-monospace,Menlo,monospace;word-break:break-all}
.landing-page .thumb.file .pair{color:var(--cta);font-size:12.5px;font-weight:700}
/* 本地文件类步骤插图 */
.landing-page .mini-drop,.landing-page .mini-batch,.landing-page .mini-export{width:90%;background:var(--surface);border-radius:10px;box-shadow:0 8px 24px #0002;padding:12px;display:grid;gap:10px;font-size:12px}
.landing-page .mini-drop .url{background:var(--soft);border-radius:999px;padding:4px 10px;color:var(--muted);font-family:ui-monospace,Menlo,monospace;font-size:11px}
.landing-page .mini-drop .zone{border:2px dashed var(--cta);border-radius:8px;padding:12px 8px;display:grid;justify-items:center;gap:4px;text-align:center}
.landing-page .mini-drop .zone svg{width:28px;height:34px}
.landing-page .mini-drop .fname{font-weight:700;font-family:ui-monospace,Menlo,monospace;font-size:11px}
.landing-page .mini-drop .hint{color:var(--muted);font-size:11px}
.landing-page .mini-batch .t,.landing-page .mini-export .t{font-weight:700;font-size:13px}
.landing-page .pbar{height:8px;border-radius:4px;background:var(--soft);overflow:hidden}
.landing-page .pbar i{display:block;height:100%;background:var(--cta)}
.landing-page .mini-batch .s{display:flex;justify-content:space-between;color:var(--muted);font-variant-numeric:tabular-nums}
.landing-page .mini-export{grid-template-columns:repeat(3,auto);justify-content:start}
.landing-page .mini-export .t{grid-column:1/-1}
.landing-page .mini-export .opt{border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.landing-page .mini-export .opt.on{border-color:var(--cta);background:#F5A62322}
.landing-page .mini-export .go{grid-column:1/-1;justify-self:start;background:var(--ink);color:var(--bg);border-radius:6px;padding:6px 12px;font-weight:700}

/* 质量对比:左边 YouTube 自动翻译,右边我们的字幕框 */
.landing-page .compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.landing-page .cmp{margin:0;display:grid;gap:10px}
.landing-page .cmp figcaption{font-weight:700;font-size:15px}
.landing-page .cmp.bad figcaption{color:var(--muted)}
.landing-page .cmp.good figcaption{color:var(--accent)}
.landing-page .cmp-frame{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:16/9;background:#000}
.landing-page .cmp-frame img{width:100%;height:100%;object-fit:cover;display:block}
.landing-page .cmp.bad .cmp-frame img{filter:saturate(.6) brightness(.85)}
.landing-page .cmp-sub{position:absolute;inset-inline-start:8%;bottom:10%;background:#080808cc;color:#fff;font-size:clamp(12px,1.6vw,16px);padding:4px 8px;line-height:1.35;text-align:start}
/* ADR-5182: a video with no caption track shows no caption bar at all. */
.landing-page .cmp-sub:empty{display:none}
.landing-page .cmp-points{margin:18px 0 0;padding-inline-start:1.2em;display:grid;gap:6px;color:var(--muted)}
.landing-page .cmp-points li::marker{color:var(--accent)}
@media (max-width:860px){
.landing-page .compare{grid-template-columns:1fr}}

/* 免费额度区:只讲免费能看多少,不出现价格;想看价格的人去价格页 */
.landing-page .free{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:stretch}
.landing-page .free-card{background:var(--ink);color:var(--bg);border-radius:16px;padding:28px;display:grid;gap:14px;align-content:center;justify-items:start}
.landing-page .free-amount{display:flex;align-items:baseline;gap:10px}
.landing-page .free-card .big{font-family:var(--serif);font-size:clamp(64px,9vw,96px);line-height:1;color:var(--cta)}
.landing-page .free-card .unit{font-family:var(--serif);font-size:28px}
.landing-page .free-card p{opacity:.8}
.landing-page .free-list{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:grid;gap:14px;align-content:start}
.landing-page .free-list-head{font-weight:700}
.landing-page .free-item{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center}
.landing-page .free-item img{width:96px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block}
.landing-page .free-icon{width:96px;aspect-ratio:16/9;border-radius:8px;background:#000;color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}
.landing-page .more{color:var(--accent);font-weight:600;font-size:14px;text-decoration:none;justify-self:start}
.landing-page .more:hover{text-decoration:underline}
@media (max-width:860px){
.landing-page .free{grid-template-columns:minmax(0,1fr)}
.landing-page .free-item{grid-template-columns:72px minmax(0,1fr)}
.landing-page .free-item img,.landing-page .free-icon{width:72px}
}

/* 卖点超过 4 条时桌面改三列,避免落单 */
.landing-page .feats.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){
.landing-page .feats.three{grid-template-columns:1fr}}

/* ADR-5180 剧集介绍页:面包屑、剧情介绍与三格事实、可点片单卡、"更多"链接、免责声明 */
/* 官网的全局 nav 规则(窄屏 order:2、两端对齐)不能作用到面包屑 */
.landing-page .crumb{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;justify-content:flex-start;order:0;width:auto;padding-top:0;font-size:14px;color:var(--night-muted);margin-bottom:14px}
.landing-page .crumb a{color:inherit;font-weight:inherit;white-space:normal;text-decoration:underline;text-underline-offset:3px}
.landing-page .crumb [aria-current]{color:var(--night-text)}
.landing-page section.about-band{padding-block:56px 8px}
.landing-page .about h2{margin:0 0 12px}
.landing-page .about>p{max-width:42em;margin:0 0 22px;font-size:17px;line-height:1.65}
.landing-page .facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0}
.landing-page .facts div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-width:0}
.landing-page .facts dt{font-size:13px;color:var(--muted);margin:0 0 4px}
.landing-page .facts dd{margin:0;font-weight:700;line-height:1.35}
.landing-page .shelf.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.landing-page a.card{color:inherit;text-decoration:none}
.landing-page a.card:hover h3,.landing-page a.card:focus-visible h3{text-decoration:underline;text-underline-offset:3px}
.landing-page .more-link{display:inline-block;margin-top:20px;font-weight:700;color:var(--accent)}
.landing-page .more-links + .more-link{margin-top:8px}.landing-page .crumb-step{display:inline-flex;gap:6px;white-space:nowrap}.landing-page .vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.landing-page .more-links{margin:20px 0 0;line-height:1.7}.landing-page .more-links .lead,.landing-page .more-links .sep{font-weight:400;color:var(--muted)}.landing-page .more-links a{color:var(--accent);font-weight:700;white-space:nowrap}
.landing-page .disclaimer{font-size:13px;color:var(--muted);margin:0 0 32px;max-width:52em}
@media (max-width:860px){.landing-page .shelf.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.landing-page .facts{grid-template-columns:minmax(0,1fr)}}

/* ADR-5300 站点页:实测卡三格(状态色取设计令牌,亮暗两套)、实测日期、第二步地址栏、相关站点行 */
.landing-page{--v-works:var(--wt-success);--v-partly:var(--wt-link);--v-no:var(--wt-danger)}
.landing-page .verified{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.landing-page .verified li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;min-width:0}
.landing-page .verified h3{margin:6px 0 4px;font-size:16px;line-height:1.35}
.landing-page .verified p{color:var(--muted);font-size:14.5px}
.landing-page .v-state{display:inline-block;font-size:12.5px;font-weight:700;border:1px solid currentColor;border-radius:999px;padding:1px 10px}
.landing-page .v-works .v-state{color:var(--v-works)}.landing-page .v-partly .v-state{color:var(--v-partly)}.landing-page .v-no .v-state{color:var(--v-no)}
.landing-page .verified-stamp{margin-top:14px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.landing-page .mini-url{font-family:ui-monospace,Menlo,monospace;font-size:11px}
.landing-page section.related-band{padding-block:24px 32px}.landing-page .related-band .wrap{border-top:1px solid var(--line);padding-top:20px}
.landing-page .related-band .more-links{margin:0}
@media (max-width:860px){.landing-page .verified{grid-template-columns:minmax(0,1fr)}}

/* ADR-5500 D3 区块库(样稿 2026-11-08 设计师 PASS):痛点对照要点、场景卡、「平台自带够用吗」表、次级按钮行、兄弟页分组、按设备主按钮 */
.landing-page .pain-list{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px}
.landing-page .pain-list li{position:relative;padding-inline-start:26px;font-size:15px}
.landing-page .pain-list li::before{position:absolute;inset-inline-start:0;top:.1em;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;line-height:1}
.landing-page .cmp.bad .pain-list li{color:var(--muted)}
.landing-page .cmp.bad .pain-list li::before{content:"–";background:var(--soft);color:var(--muted)}
.landing-page .cmp.good .pain-list li::before{content:"✓";background:var(--cta);color:#22303F}
/* 左图是 B站自己的字幕菜单截图,要看得清,不压暗 */
.landing-page.d3 .cmp.bad .cmp-frame img{filter:none}
.landing-page .scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}
.landing-page .scene{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:grid;gap:6px;align-content:start}
.landing-page .scene .ic{width:40px;height:40px;border-radius:10px;background:var(--soft);display:grid;place-items:center;color:var(--accent);font-weight:800;font-size:14px}
.landing-page .scene h3{margin:6px 0 0;font-size:17px;line-height:1.35}
.landing-page .scene p{color:var(--muted);font-size:15px}
.landing-page .fit-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:15px}
.landing-page .fit-table th,.landing-page .fit-table td{padding:14px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.landing-page .fit-table td[dir="auto"]{text-align:start}
.landing-page .fit-table tbody tr:last-child > *{border-bottom:0}
.landing-page .fit-table thead th{background:var(--soft);font-size:13px;letter-spacing:.04em;color:var(--muted);font-weight:700}
.landing-page .fit-table tbody th{font-weight:700;width:30%}
.landing-page .fit-table td.platform{color:var(--muted);width:32%}
.landing-page .fit-table td.ours{font-weight:600}
.landing-page .fit-table thead th.ours{color:var(--accent)}
.landing-page .fit-note{margin-top:14px;font-size:13px;color:var(--muted);max-width:52em}
/* B19 language-pair sample (ADR-5516): the seconds column stays narrow; the original reads in normal ink, the translation bold. */
.landing-page .sample-table tbody th{width:5.5em;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}
.landing-page .sample-table td.platform{width:auto;color:inherit}
.landing-page .sample-table :is(td,th){text-wrap:pretty}
/* Korean breaks between words, not inside them (designer, ADR-5516); both text columns share the width on a computer. */
.landing-page .sample-table td[lang="ko"]{word-break:keep-all}
@media (min-width:601px){.landing-page .sample-table :is(td.platform,td.ours){width:46%}}
.landing-page section.cta-band{padding-bottom:8px}
.landing-page .cta-band .cta-row{margin-top:0}
.landing-page .cta-band .cta-line{margin-top:10px;font-size:14px;color:var(--muted)}
.landing-page section.sib-band{padding-block:8px 56px}
.landing-page .sib-band .wrap{border-top:1px solid var(--line);padding-top:32px}
.landing-page .sib-band h2{font-size:clamp(22px,2.6vw,28px);margin-bottom:20px}
.landing-page .sib-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.landing-page .sib-group h3{margin:0 0 10px;font-size:14px;color:var(--muted);font-weight:700;letter-spacing:.04em}
.landing-page .sib-group ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.landing-page .sib-group a{color:var(--accent);font-weight:700;text-decoration:none}
.landing-page .sib-group a:hover{text-decoration:underline}
.landing-page .sib-group small{display:block;color:var(--muted);font-size:13.5px;font-weight:400}
.landing-page .sib-hub{margin-top:24px}
.landing-page.d3 .hero h1 em{display:block}
.landing-page .cta-app{display:none}
@media (hover:none) and (pointer:coarse){
.landing-page.d3 .cta-desktop{display:inline-flex}
.is-app-phone .landing-page.d3 .cta-desktop{display:none}
.is-app-phone .landing-page .cta-app{display:inline-flex}}
@media (max-width:860px){
.landing-page .scenes{grid-template-columns:repeat(2,minmax(0,1fr))}
.landing-page .sib-groups{grid-template-columns:minmax(0,1fr);gap:22px}}
@media (max-width:720px){
.landing-page .fit-table,.landing-page .fit-table tbody,.landing-page .fit-table tr,.landing-page .fit-table th,.landing-page .fit-table td{display:block;width:auto}
.landing-page .fit-table{background:transparent;border:0;border-radius:0}
.landing-page .fit-table thead{display:none}
.landing-page .fit-table tr{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-bottom:12px}
.landing-page .fit-table th,.landing-page .fit-table td{padding:0;border:0}
.landing-page .fit-table tbody th{font-size:16px;margin-bottom:8px}
.landing-page .fit-table td+td{margin-top:8px}
.landing-page .fit-table tbody th,.landing-page .fit-table td.platform{width:auto}
.landing-page .fit-table td::before{content:attr(data-label);display:block;font-size:13px;margin-bottom:2px;font-weight:700;color:var(--muted);letter-spacing:.04em}
.landing-page .fit-table td.ours::before{color:var(--accent)}}
@media (max-width:520px){.landing-page .scenes{grid-template-columns:minmax(0,1fr)}
.landing-page .scene{grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:14px 16px}.landing-page .scene .ic{grid-row:span 2}.landing-page .scene h3{margin:0}}
/* ADR-5500 D8 剧集页「马上看」:首屏 = H1 + 官方分集列表(每集一个「带字幕打开」);电脑去 YouTube,安卓/iPhone 去 App */
.landing-page.watch .hero .wrap{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"copy eps" "more eps";align-items:start;row-gap:0}
.landing-page.watch .hero .copy{grid-area:copy}.landing-page.watch .episodes{grid-area:eps}.landing-page.watch .watch-more{grid-area:more}
.landing-page.watch .watch-more .sub{margin-top:18px}
.landing-page.watch .hero h1{font-size:clamp(32px,3.7vw,46px);line-height:1.08}
.landing-page .ep-how{color:var(--night-muted);font-size:15px;margin-top:14px;max-width:34em}
.landing-page .episodes{background:var(--night-2);border:1px solid #ffffff14;border-radius:16px;padding:20px}
.landing-page .episodes h2{font-family:var(--sans);font-size:15px;line-height:1.3;letter-spacing:.02em;color:var(--night-muted);margin:0 0 14px}
.landing-page .ep-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.landing-page .ep{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px;padding:14px 16px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px}
.landing-page .ep-info{display:grid;gap:2px;min-width:0}
.landing-page .ep-n{font-weight:700;font-size:17px;color:var(--night-text);display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.landing-page .ep-tag{font-size:12px;font-weight:700;color:var(--cta);box-shadow:inset 0 0 0 1px var(--cta);border-radius:999px;padding:1px 8px}
.landing-page .ep-meta{color:var(--night-muted);font-size:13.5px}
.landing-page .ep-title{color:#A3AEBA;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.landing-page .ep-open{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap;background:transparent;color:var(--night-text);box-shadow:inset 0 0 0 1.5px #ffffff59}
.landing-page .ep-open:hover{box-shadow:inset 0 0 0 1.5px var(--night-text)}
/* 一个区域一个琥珀主按钮:电脑上是「添加到 Chrome」(先装扩展再去看);App 手机上是最新集那一行的「下载 App」 */
.landing-page .ep-open.ep-app{background:var(--cta);color:#22303F;box-shadow:none}
.landing-page .ep-open.ep-app:hover{background:var(--cta-hover)}
.landing-page .ep-open:focus-visible,.landing-page .ep-checked a:focus-visible{outline:3px solid var(--note);outline-offset:2px}
.landing-page .ep-checked{color:var(--night-muted);font-size:13px;margin-top:14px}
.landing-page .ep-checked a{color:var(--night-text)}
.landing-page .ep-app{display:none}
@media (hover:none) and (pointer:coarse){
.landing-page.watch .cta-desktop{display:inline-flex}
.is-app-phone .landing-page.watch .cta-desktop,.is-app-phone .landing-page .ep-yt{display:none}
.is-app-phone .landing-page a.ep-app{display:inline-flex}
.is-app-phone .landing-page p.ep-app{display:block}
.is-app-phone .landing-page .watch-more .cta-row{display:none}}
@media (max-width:860px){
.landing-page.watch .hero .wrap{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "eps" "more";row-gap:24px;padding-block:28px 40px}
.landing-page.watch .hero h1{font-size:clamp(28px,7.4vw,40px)}
.landing-page .episodes{padding:16px}}
@media (max-width:520px){
.landing-page .episodes{background:transparent;border:0;padding:0}
.landing-page .ep{grid-template-columns:minmax(0,1fr);padding:14px}
.landing-page .ep-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.landing-page .ep-open{width:100%}}
/* ADR-5500 question article (D3 seo.type article): only the first screen differs from the platform page — the H1 is the question,
   one or two sentences answer it (the bold one is what to do), and one real screenshot replaces the demo player. B16 body below the steps. */
.landing-page.qa .hero .wrap{grid-template-columns:minmax(0,6fr) minmax(0,5fr);padding-block:48px 56px}
.landing-page.qa .hero h1{font-size:clamp(30px,3.4vw,42px);line-height:1.18;text-wrap:balance}
.landing-page.qa .answer{margin-top:18px;max-width:32em;font-size:19px;line-height:1.65;color:var(--night-muted)}
.landing-page.qa .answer b{font-weight:650;color:var(--night-text)}
.landing-page.qa .cta-row{margin-top:24px}
.landing-page.qa .qa-shot{margin:0;min-width:0}
/* the screenshot keeps its own shape (a 4:3 talk must not lose its subtitle line to a 16:9 crop) */
.landing-page.qa .qa-shot img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 30px 80px #0008}
.landing-page.qa .qa-shot figcaption{margin-top:12px;font-size:13.5px;line-height:1.5;color:var(--night-muted)}
.landing-page.qa .prose{max-width:40em}
.landing-page.qa .prose .kicker{display:block;margin-bottom:10px}
.landing-page.qa .prose h2{margin-bottom:14px}
.landing-page.qa .prose h3{margin:28px 0 8px;font-size:19px;line-height:1.35}
.landing-page.qa .prose p{font-size:16.5px;line-height:1.8;color:var(--text)}
.landing-page.qa .prose p+p{margin-top:12px}
.landing-page.qa :is(.cta-row small,.qa-shot figcaption,.verified p,.verified-band .band-head p,.prose h2,.prose h3,.faq summary){text-wrap:pretty}
.landing-page.qa .nw{white-space:nowrap}
/* step 3: a real caption line is longer than the platform page's, so the WT button sits above it and the line may wrap */
.landing-page.qa .mini-click{bottom:auto;top:16%}
.landing-page.qa .mini-sub{white-space:normal;width:max-content;max-width:88%;text-align:center;line-height:1.35}
.landing-page.qa .faq details{padding:14px 18px}
@media (max-width:860px){
.landing-page.qa .hero .wrap{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:24px 40px}
.landing-page.qa .hero h1{font-size:clamp(26px,7vw,34px)}
.landing-page.qa .answer{font-size:17px;margin-top:14px}
.landing-page.qa .cta-row{margin-top:20px}
.landing-page.qa .prose p{font-size:16px}}
/* ADR-5500 split 4: compare / best pages reuse the guide comparison table (site.css); the sources list closes the page like a guide's. */
.landing-page.versus .matrix-band .guide-table-wrap{margin:8px 0 12px}
.landing-page.versus .matrix-sources{padding-bottom:40px}
.landing-page.versus .matrix-sources .guide-sources-block{margin-top:8px}
.landing-page.versus .guide-sources{margin:0;padding-inline-start:22px;font-size:13px;color:var(--muted)}
.landing-page.versus .guide-sources li{line-height:1.6;overflow-wrap:anywhere}
.landing-page.versus .guide-table sup{unicode-bidi:isolate}
.landing-page.versus :is(.guide-table td,.guide-table th,.prose p,.fit-note){text-wrap:pretty}
/* Desktop only: under 600px the table becomes cards and the row name takes the full card width (site.css). */
@media(min-width:601px){.landing-page.versus .guide-table tbody th{width:18%}}
.landing-page.versus .guide-sources time{white-space:nowrap}
/* ADR-5500 QA v3: the upper half (steps, B05 three cards, B06 scenes, B07 table, evidence) is for the reader; after the
   divider the lower half spells it out for search and AI summaries. B18 capabilities closes it. Article pages only. */
.landing-page .half-divider{display:flex;align-items:center;gap:16px;margin:72px 0 0;font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--text)}
.landing-page .half-divider::before,.landing-page .half-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.landing-page section.band.ai-band{padding-block:48px}
.landing-page section.band.ai-band+section.band.ai-band{padding-top:0}
.landing-page .wrap:has(>.half-divider)+section.band.ai-band{padding-top:32px}
.landing-page.qa .ai-band h2{text-wrap:balance}
.landing-page.qa .prose.prose-wide{max-width:none}
.landing-page.qa .prose-wide>p{max-width:46em}
/* Owner 2026-11-09 (#2093): the explanation uses the full width on question and compare / best pages. Columns, not grid: sections
   of unequal height balance into two columns instead of leaving an L-shaped gap; one column below ~900px, capped at the lead's measure. */
.landing-page .prose-grid{columns:2 420px;column-gap:48px;margin-top:8px}
.landing-page .prose-grid>section{break-inside:avoid;padding-top:26px}
.landing-page .prose-grid>section>p{max-width:46em}
.landing-page.qa .prose-grid h3{margin-top:0}
.landing-page.qa .prose-wide p{text-wrap:pretty}
.landing-page .judge-table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.65;color:var(--text)}
.landing-page .judge-table th,.landing-page .judge-table td{padding:14px 16px 14px 0;border-top:1px solid var(--line);text-align:start;vertical-align:top}
.landing-page .judge-table thead th{border-top:0;font-size:14px;font-weight:650;color:var(--muted)}
.landing-page .judge-table thead th:nth-child(1){width:22%}
.landing-page .judge-table thead th:nth-child(2){width:40%}
.landing-page .judge-table tbody th{font-weight:650}
.landing-page .judge-table tbody tr:last-child>*{border-bottom:1px solid var(--line)}
.landing-page .official{list-style:none;margin:0;padding:0;display:grid;gap:16px;max-width:52em}
.landing-page .official li{padding:16px 20px;border-inline-start:3px solid var(--accent);background:var(--soft);border-radius:0 10px 10px 0}
[dir="rtl"] .landing-page .official li{border-radius:10px 0 0 10px}
.landing-page .official p{margin:0 0 6px;font-size:16px;line-height:1.75;color:var(--text)}
.landing-page .official a{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.landing-page .best{margin:0;padding:0;list-style:none;counter-reset:best;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px}
.landing-page .best li{counter-increment:best;position:relative;padding-top:36px}
.landing-page .best li::before{content:counter(best);position:absolute;top:0;inset-inline-start:0;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:14px;display:grid;place-items:center}
.landing-page .best h3{margin:0 0 6px;font-size:17px}
.landing-page .best p{margin:0;font-size:15.5px;line-height:1.7;color:var(--muted)}
.landing-page .caps-band{background:var(--soft)}
.landing-page .caps-band h2{text-wrap:balance}
.landing-page .caps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
.landing-page .caps h3{margin:0 0 6px;font-size:17px;line-height:1.4}
.landing-page .caps p{margin:0;font-size:15px;line-height:1.7;color:var(--muted)}
.landing-page .caps-more{margin-top:28px;font-size:15px;color:var(--muted)}
.landing-page.qa :is(.prose-grid p,.scene p,.feat p,.best p,.official p,.caps p,.judge-table td,.judge-table th){text-wrap:pretty}
@media (max-width:860px){.landing-page .caps{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .best{grid-template-columns:minmax(0,1fr)}}
@media (max-width:600px){
.landing-page .half-divider{margin-top:48px}
.landing-page .caps{grid-template-columns:minmax(0,1fr);gap:18px}
.landing-page .judge-table thead{display:none}
.landing-page .judge-table,.landing-page .judge-table tbody,.landing-page .judge-table tr,.landing-page .judge-table th,.landing-page .judge-table td{display:block;width:auto}
.landing-page .judge-table tbody tr{padding:12px 0;border-top:1px solid var(--line)}
.landing-page .judge-table th,.landing-page .judge-table td{border:0;padding:4px 0}
.landing-page .judge-table tbody tr:last-child{border-bottom:1px solid var(--line)}
.landing-page .judge-table tbody tr:last-child>*{border-bottom:0}
.landing-page .judge-table td::before{content:attr(data-label);display:block;font-size:13px;font-weight:650;color:var(--muted)}
.landing-page .official li{padding:14px 16px}
/* the scenes on an article are a quick list on a phone: two columns, titles only */
.landing-page.qa .scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.landing-page.qa .scene{display:block;padding:14px}
.landing-page.qa .scene p{display:none}
.landing-page.qa .scene h3{font-size:15px;margin:6px 0 0;text-wrap:balance}}
.landing-page.qa .band.ai-band :is(.band-head h2,.prose h2){text-wrap:balance}
.landing-page .caps-band .nw{white-space:nowrap}
.landing-page .caps h3{text-wrap:balance}
/* ADR-5515 第 1 批平台页:下半页区块与 FAQ 沿用问答页 v3 的断行规则(日期不拆、段落不留孤字;日文按词组断行)。 */
.landing-page .ai-band .nw{white-space:nowrap}
.landing-page .ai-band h2{text-wrap:balance}
.landing-page :is(.ai-band p,.judge-table td,.judge-table th,.faq summary,.scene p,.feat p){text-wrap:pretty}
.landing-page :is(h3,.faq summary,.judge-table td,.judge-table th,.scene p,.fit-table td,.bil span):lang(ja){word-break:auto-phrase}
/* ADR-5500 D8 修订:d3 页的行动按钮一对(按设备分主次、按主题分在线/本地)。二维码弹层按设计师处方(Owner 2026-11-09 确认改简版)。 */
.landing-page .cta-pair{display:inline-flex;flex-wrap:wrap;align-items:center;gap:12px;position:relative}
.landing-page .ghost-cta{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1.5px solid currentColor;border-radius:999px;padding:12.5px 22px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;list-style:none;text-decoration:none;color:var(--text)}
.landing-page .night .ghost-cta{color:var(--night-text)}
.landing-page .ghost-cta::-webkit-details-marker{display:none}
.landing-page .ghost-cta svg{width:18px;height:18px;flex:none}
.landing-page .night .ghost-cta:hover{background:#ffffff14}
.landing-page .night details.cta-qr[open]>summary.ghost-cta{background:#ffffff1f}
.landing-page .band:not(.night) .ghost-cta:hover,.landing-page .band:not(.night) details.cta-qr[open]>summary.ghost-cta{background:var(--soft)}
.landing-page details.cta-qr,.landing-page details.cta-qr[open]{position:relative;background:none;border:0;padding:0;margin:0;box-shadow:none;border-radius:0}
.landing-page .qr-pop{--qr:148px;position:absolute;top:calc(100% + 12px);inset-inline-start:0;z-index:20;width:max-content;max-width:calc(100vw - 32px);padding:20px 24px 18px;background:var(--wt-raised);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 48px -12px #0E141C80,0 2px 6px #0E141C1f;animation:qr-in .16s ease-out}
.landing-page .night.final .qr-pop{top:auto;bottom:calc(100% + 12px)}
.landing-page .qr-pop .qr-title{margin:0 0 12px;font-size:16px;line-height:1.35;font-weight:700;text-align:center;color:var(--ink)}
.landing-page .qr-pair{display:flex;gap:24px;justify-content:center}
.landing-page .qr-pair figure{margin:0;display:grid;justify-items:center;gap:10px}
.landing-page .qr-pair img{display:block;width:var(--qr);height:var(--qr);border:0;padding:0;background:#fff;border-radius:12px}
.landing-page .qr-pair figcaption{margin:0;font-size:14px;line-height:1;font-weight:600;color:var(--muted)}
@keyframes qr-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.landing-page .qr-pop{animation:none}}
@media (max-width:420px){.landing-page .qr-pop{--qr:clamp(112px,34vw,148px);padding:16px 18px 14px}.landing-page .qr-pair{gap:16px}}
/* 设备切换:电脑(及非 App 手机)= 第一组;安卓手机与 iPhone(is-app-phone,ADR-5500 D8)= 第二组 */
.landing-page .cta-pair .cta-app,.landing-page .cta-pair .cta-computer{display:none}
.is-app-phone .landing-page .cta-pair .cta-desktop,.is-app-phone .landing-page .cta-pair .cta-alt{display:none}
.is-app-phone .landing-page .cta-pair .cta-app,.is-app-phone .landing-page .cta-pair .cta-computer{display:inline-flex}
@media (max-width:600px){.landing-page .cta-pair{display:flex;width:100%}.landing-page .cta-pair>*{flex:1 1 100%;justify-content:center}
.landing-page .cta-pair details.cta-qr>summary{display:flex;width:100%;justify-content:center;box-sizing:border-box}}
/* 页面只证明了安卓 App 时的 iPhone(is-web-phone,总协调代定 2026-11-09):扩展装不了、App 未证明可用,只剩「在电脑上用」,升为主按钮样式 */
.is-web-phone .landing-page .cta-pair .cta-desktop,.is-web-phone .landing-page .cta-pair .cta-alt{display:none}
.is-web-phone .landing-page .cta-pair .cta-computer{display:inline-flex;background:var(--cta);border-color:var(--cta);color:#22303F}
.is-web-phone .landing-page .cta-pair .cta-computer:hover{background:var(--cta-hover);border-color:var(--cta-hover)}