/* Fullscreen product chapters. All imagery belongs to the products being described. */
.cinema-page { --ink:#252d43; --muted:#5c6377; --accent:#4b598c; --line:#d7dce8; background:#f5f6fa; }
.cinema-page .product-hero::before { background:none; }
.cinema-page .product-hero { background:linear-gradient(125deg,#f5f6fa,#e9edf7); }
.cinema-page .content-section { background:#fff; }
.cinema-page .content-section.alt,.cinema-page.product-page .privacy-section { background:#eff2f8; }
.cinema-page .legal-hero { background:#edf1f8; }
.cinema-page .site-header { backdrop-filter:blur(16px); }
.cinema-home { background:#fcfaf9; color:#302b31; }
.cinema-home .site-header { position:fixed; left:0; right:0; background:rgba(8,13,25,.67); border-bottom:1px solid rgba(255,255,255,.09); }
.cinema-home .nav { min-height:84px; }
.cinema-home .brand { width:184px; }
.cinema-home .nav-links a { color:#e0e5f2; }
.cinema-home .nav-links a:hover { color:#fff; }
.cinema-home .site-switch { display:flex; align-items:center; gap:12px; flex-shrink:0; }
.cinema-home .site-switch a { display:inline-flex; align-items:center; gap:6px; min-height:44px; color:#f2dce5; font-size:14px; font-weight:600; white-space:nowrap; }
.cinema-home .site-switch a:hover { color:#fff; text-decoration:underline; }
.cinema-home .site-switch a[hidden] { display:none; }
.cinema-home.chapter-light .site-header { background:rgba(252,250,249,.96); border-color:rgba(95,66,77,.12); }
.cinema-home.chapter-light .nav-links a { color:#3e373d; }
.cinema-home.chapter-light .nav-links a:hover { color:#703a50; }
.cinema-home.chapter-light .site-switch a { color:#6e3048; }
.cinema-home.chapter-light .site-switch a:hover { color:#542238; }
.cinema-home a:focus-visible { outline-color:#704e5d; }
.cinema-home .hero { position:relative; min-height:max(100svh,720px); padding:130px max(32px,calc((100vw - 1240px)/2)) 90px; background:radial-gradient(ellipse at 78% 36%,#f3e9ec 0%,#faf6f5 46%,#fcfaf9 80%); overflow:hidden; }
.cinema-home .hero::before { content:''; position:absolute; width:55vw; height:55vw; right:-8vw; top:-25vw; border:1px solid rgba(133,143,174,.20); border-radius:50%; box-shadow:0 0 120px rgba(120,132,173,.08); pointer-events:none; }
.cinema-home .hero-content { position:relative; z-index:3; width:min(570px,47%); }
.cinema-home .hero h1 { font-family:var(--font); color:#302b31; font-size:clamp(48px,4.65vw,72px); line-height:1.19; letter-spacing:-.045em; font-weight:600; max-width:11em; margin-bottom:32px; }
.cinema-home .hero .hero-lead { color:#554e52; font-size:17px; line-height:1.9; max-width:30em; }
.cinema-home .hero-overlay,.cinema-home .hero-image { display:none; }
.cinema-home .hero-actions { margin-top:34px; gap:16px; }
.cinema-home .hero .primary-link { background:#703a50; border-color:#703a50; color:#fff; box-shadow:none; }
.cinema-home .hero .quiet-link { background:transparent; color:#51464c; border-color:#a99ca1; }
.cinema-home .hero .primary-link,.cinema-home .hero .quiet-link { border-radius:3px; padding:15px 25px; }
.hero-visual { position:absolute; z-index:2; left:53%; top:50%; width:min(650px,47%); height:680px; transform:translate3d(0,calc(-50% + var(--hero-y,0px)),0) scale(var(--hero-scale,1)); transform-origin:center; pointer-events:none; }
.device { position:relative; width:290px; aspect-ratio:1206/2622; background:#080d17; padding:7px; border-radius:40px; border:1px solid #68717f; box-shadow:0 35px 65px rgba(0,0,0,.4),inset 0 0 0 2px #242a34; }
.device img { display:block; width:100%; height:100%; object-fit:contain; border-radius:32px; }
.hero-visual .device { position:absolute; box-shadow:0 32px 60px rgba(46,35,42,.22),inset 0 0 0 2px #242a34; }
.hero-visual .device-zhaoxu { width:225px; left:0; top:195px; transform:rotate(-5deg); z-index:2; }
.hero-visual .device-keyboard { width:210px; left:315px; top:135px; transform:rotate(5deg); z-index:1; }
.hero-mark { position:absolute; width:52px; height:52px; border-radius:23%; box-shadow:0 0 0 1px rgba(255,255,255,.5),0 0 36px rgba(193,166,179,.18),0 18px 38px rgba(54,37,46,.16); z-index:3; }
.hero-mark-zhaoxu { left:-48px; top:130px; }
.hero-mark-keyboard { left:473px; top:70px; }
.scroll-cue { position:absolute; bottom:28px; left:50%; width:14px; height:14px; border-right:1px solid #6e798c; border-bottom:1px solid #6e798c; transform:translateX(-50%) rotate(45deg); opacity:.75; }
.cinema-home .products-section { display:block; padding:0; background:#eee4e7; }
.cinema-home .section-intro { display:grid; width:min(1240px,calc(100% - 64px)); margin:0 auto; padding:80px 0 70px; border:0; }
.cinema-home .section-intro h2 { color:#302b31; font-family:var(--font); font-size:42px; font-weight:550; }
.cinema-home .section-intro .section-label { color:#704e5d; }
.cinema-home .section-intro > p:last-child { color:#554e52; }
.cinema-home .product-entry,.cinema-home .product-entry#multi-identity-keyboard { position:relative; display:block; margin:0; padding:0; min-height:100svh; border:0; border-radius:0; background:#fcfaf9; isolation:isolate; }
.product-viewport { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; min-height:100svh; padding:96px max(32px,calc((100vw - 1240px)/2)); overflow:hidden; }
.cinema-pin .cinema-panel { height:170svh; }
.cinema-pin .product-viewport { position:sticky; top:0; height:100svh; min-height:0; padding-top:96px; padding-bottom:48px; }
.product-visual { position:relative; display:flex; justify-content:center; align-items:center; grid-column:2; grid-row:1; min-height:650px; }
.product-visual::before { content:''; position:absolute; width:115%; aspect-ratio:1; border-radius:50%; background:radial-gradient(ellipse,rgba(218,207,194,.7),transparent 68%); transform:translate3d(0,var(--light-shift,0px),0); }
.product-visual .device { width:300px; transform:translate3d(0,var(--device-y,0px),0) rotate(var(--device-angle,-7deg)) scale(var(--device-scale,.94)); box-shadow:0 42px 55px rgba(47,38,32,.22),inset 0 0 0 2px #333; will-change:transform; }
.product-content { min-width:0; grid-column:1; grid-row:1; position:relative; z-index:2; color:#273046; }
.cinema-home .product-name,.cinema-home .product-entry#multi-identity-keyboard .product-name { padding:0; min-height:0; border:0; border-radius:0; overflow:visible; background:none; display:block; }
.cinema-home .product-name::before,.cinema-home .product-name::after { display:none; }
.cinema-home .product-name > p { margin:0 0 15px; color:#7b6b63; font-size:11px; }
.cinema-home .product-identity { display:flex; flex-direction:row; align-items:center; gap:18px; }
.cinema-home .product-icon { width:60px; height:60px; box-shadow:0 8px 18px rgba(67,57,68,.12); }
.cinema-home .product-name h3,.cinema-home .product-title--long h3 { font-family:var(--font); font-size:38px; font-weight:600; line-height:1.25; color:#273046; }
.cinema-home .product-name span { color:#6c6170; font-size:11px; }
.cinema-home .product-copy { display:block; margin:26px 0 0; padding:0; border:0; background:none; border-radius:0; box-shadow:none; }
.cinema-home .product-audience { color:#384055; font-size:23px; line-height:1.5; font-weight:550; margin-bottom:18px; }
.cinema-home .product-copy > p:not(.product-audience) { color:#646577; font-size:15px; line-height:1.85; margin-bottom:22px; }
.cinema-home .app-store-download { display:inline-grid; margin:0 0 12px; padding:12px 16px; gap:20px; border:1px solid #d9d5d0; background:rgba(255,255,255,.54); border-radius:10px; grid-template-columns:minmax(0,1fr) 72px; }
.cinema-home .app-store-qr-link img { width:72px; height:72px; }
.cinema-home .app-store-download-label,.cinema-home .app-store-qr-link { color:#6b6771; }
.cinema-home .product-actions { gap:22px; }
.cinema-home .product-actions .text-link { font-size:13px; }
.cinema-home .product-capabilities { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; padding:16px 0 0; margin:16px 0 0; border-top:1px solid #d2cdc9; }
.cinema-home .product-capabilities li { color:#6a6772; font-size:12px; }
.cinema-home .product-entry#multi-identity-keyboard { background:#f5f1f1; }
.cinema-home #multi-identity-keyboard .product-visual { grid-column:1; }
.cinema-home #multi-identity-keyboard .product-content { grid-column:2; color:#273046; }
.cinema-home #multi-identity-keyboard .product-visual::before { background:radial-gradient(ellipse,rgba(181,193,215,.48),transparent 67%); }
.cinema-home #multi-identity-keyboard .product-name h3 { color:#273046; font-size:34px; }
.cinema-home #multi-identity-keyboard .product-name > p,.cinema-home #multi-identity-keyboard .product-name span { color:#704e5d; }
.cinema-home #multi-identity-keyboard .product-audience { color:#384055; }
.cinema-home #multi-identity-keyboard .product-copy > p:not(.product-audience) { color:#50596b; }
.cinema-home #multi-identity-keyboard .product-capabilities { border-color:#c4cbd6; }
.cinema-home #multi-identity-keyboard .product-capabilities li { color:#50596b; }
.cinema-home #multi-identity-keyboard .text-link { color:#6e3048; border-color:#b69aa5; }
.cinema-home #multi-identity-keyboard .app-store-download { background:rgba(255,255,255,.65); border-color:#d2d8e2; }
.cinema-home #multi-identity-keyboard .app-store-page-link { color:#435580; }
.cinema-home .privacy-section { margin:0; padding:72px max(32px,calc((100vw - 1240px)/2)); min-height:0; align-items:center; gap:64px; border:0; border-radius:0; background:#efeeec; }
.cinema-home .privacy-intro h2 { color:#273046; font-family:var(--font); font-size:clamp(35px,3.7vw,52px); line-height:1.25; }
.cinema-home .privacy-intro .section-label,.cinema-home .privacy-facts article > span { color:#704e5d; }
.cinema-home .privacy-intro > p:not(.section-label),.cinema-home .privacy-facts p { color:#50596b; }
.cinema-home .privacy-facts h3 { color:#273046; }
.cinema-home .privacy-facts article { border-color:#bcc9d2; }
.cinema-home .privacy-links .text-link { color:#6e3048; border-color:#b69aa5; }
.cinema-home .company-section { padding-top:100px; padding-bottom:100px; background:#fcfaf9; }
.cinema-home .company-copy h2 { color:#293147; font-family:var(--font); font-size:42px; }
.cinema-home .company-copy > p:last-child { color:#626878; }
.cinema-home .company-details { color:#3e4658; }
.cinema-home .site-footer { background:#fff; border-color:#e1dcea; }
.cinema-home .site-footer h2 { color:#353049; }
.cinema-home .site-footer p,.cinema-home .site-footer a { color:#60566f; }
.cinema-home .site-footer a:hover { color:#4b598c; }
.cinema-home .footer-legal { border-color:#ded8e8; }
.cinema-page [data-cinema-reveal] { transform:translate3d(0,var(--reveal-y,0px),0); opacity:var(--reveal-opacity,1); }
@media(min-width:1101px) and (max-width:1200px) {
  .hero-visual .device-zhaoxu { width:190px; top:180px; }
  .hero-visual .device-keyboard { width:175px; left:245px; top:125px; }
  .hero-mark-zhaoxu { width:48px; height:48px; left:-44px; top:120px; }
  .hero-mark-keyboard { width:48px; height:48px; left:372px; top:65px; }
}
@media(max-width:1100px) {
  .hero-visual { left:54%; width:44%; height:560px; }
  .hero-visual .device-zhaoxu { width:190px; top:180px; }
  .hero-visual .device-keyboard { width:175px; left:245px; top:125px; }
  .hero-mark-zhaoxu { width:48px; height:48px; left:-44px; top:120px; }
  .hero-mark-keyboard { width:48px; height:48px; left:372px; top:65px; }
  .product-viewport { gap:48px; }
  .product-visual .device { width:260px; }
  .cinema-home .product-name h3 { font-size:32px; }
  .cinema-home #multi-identity-keyboard .product-name h3 { font-size:29px; }
}
@media(min-width:851px) and (max-width:1000px) {
  .hero-visual .device-zhaoxu { width:170px; top:195px; }
  .hero-visual .device-keyboard { width:150px; left:215px; top:140px; }
  .hero-mark-zhaoxu { left:-20px; }
  .hero-mark-keyboard { left:317px; top:80px; }
}
@media(max-width:850px) {
  .cinema-home .hero { padding:124px 28px 575px; min-height:0; }
  .cinema-home .hero-content { width:100%; }
  .cinema-home .hero h1 { font-size:clamp(44px,8vw,64px); max-width:12em; }
  .hero-visual { width:460px; max-width:100%; left:50%; top:auto; bottom:10px; height:535px; transform:translate3d(-50%,var(--hero-y,0px),0); }
  .hero-visual .device-zhaoxu { width:175px; top:120px; left:15px; }
  .hero-visual .device-keyboard { width:160px; top:85px; left:250px; }
  .hero-mark-zhaoxu { width:48px; height:48px; top:50px; left:15px; }
  .hero-mark-keyboard { width:48px; height:48px; top:15px; left:362px; }
  .scroll-cue { display:none; }
  .cinema-home .section-intro { padding:54px 0; width:calc(100% - 48px); }
  .product-viewport { display:flex; flex-direction:column; gap:40px; padding:66px 28px; }
  .product-content { width:100%; max-width:610px; order:0; }
  .product-visual { width:100%; min-height:0; order:1; padding:8px 0 26px; }
  .product-visual .device { width:250px; }
  .cinema-home .privacy-section { padding:70px 28px; min-height:0; }
  .cinema-home .company-section { padding-top:64px; padding-bottom:64px; }
}
@media(max-width:720px) {
  .cinema-home .nav[aria-label="主导航"] { flex-wrap:nowrap; gap:8px; width:calc(100% - 16px); }
  .cinema-home .nav[aria-label="主导航"] .brand { width:clamp(110px,33vw,154px); flex-shrink:0; }
  .cinema-home .nav[aria-label="主导航"] .nav-links { gap:8px; font-size:12px; }
  .cinema-home .nav[aria-label="主导航"] .nav-links a { padding:0; min-width:24px; }
  .cinema-home .site-switch { flex:0 0 auto; gap:4px; }
  .cinema-home .site-switch a { font-size:12px; gap:2px; }
}
@media(max-width:359px) {
  .cinema-home .nav[aria-label="主导航"] { gap:4px; width:calc(100% - 8px); }
  .cinema-home .nav[aria-label="主导航"] .nav-links { gap:4px; font-size:11.5px; }
}
@media(max-width:480px) {
  .cinema-home .hero { padding:104px 24px 505px; }
  .cinema-home .hero h1 { font-size:44px; margin-bottom:26px; }
  .cinema-home .hero .hero-lead { font-size:15px; }
  .cinema-home .hero .primary-link,.cinema-home .hero .quiet-link { padding:13px 19px; }
  .hero-visual { height:455px; width:360px; bottom:24px; }
  .hero-visual .device-zhaoxu { width:142px; left:16px; top:115px; border-radius:27px; padding:4px; }
  .hero-visual .device-keyboard { width:132px; left:205px; top:85px; border-radius:26px; padding:4px; }
  .hero-visual .device img { border-radius:23px; }
  .hero-mark-zhaoxu { width:44px; height:44px; left:16px; top:50px; }
  .hero-mark-keyboard { width:44px; height:44px; left:293px; top:20px; }
  .product-viewport { padding:58px 24px; }
  .cinema-home .product-name h3 { font-size:34px; }
  .cinema-home #multi-identity-keyboard .product-name h3 { font-size:26px; }
  .cinema-home .product-audience { font-size:21px; }
  .cinema-home .product-capabilities { grid-template-columns:1fr; }
  .cinema-home .section-intro { width:calc(100% - 48px); }
  .cinema-home .section-intro h2 { font-size:34px; }
  .cinema-home .privacy-intro h2 { font-size:36px; }
}
@media(max-width:359px) {
  .hero-visual { width:320px; }
  .hero-visual .device-zhaoxu { width:125px; left:13px; }
  .hero-visual .device-keyboard { width:116px; left:175px; }
  .hero-mark-zhaoxu { left:12px; }
  .hero-mark-keyboard { left:247px; }
}
@media(prefers-reduced-motion:reduce) {
  .cinema-pin .cinema-panel { height:auto; }
  .cinema-pin .product-viewport { position:relative; height:auto; min-height:100svh; }
  .cinema-page [data-cinema-reveal] { opacity:1; transform:none; }
  .product-visual .device { transform:none; }
  .cinema-home .hero-visual { --hero-y:0px; --hero-scale:1; }
}