.frame-home{--paper:var(--ftc-paper);--ink:var(--ftc-ink);--muted:var(--ftc-muted);--blue:var(--ftc-blue);--line:var(--ftc-rule);background:var(--paper);color:var(--ink);min-height:100svh}.frame-home-wrap{width:min(100% - 80px,1280px);margin-inline:auto}.frame-home a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.frame-home-header,.frame-home-header nav,.frame-home-brand{align-items:center;gap:12px;display:flex}.frame-home-header{border-bottom:1px solid var(--line);justify-content:space-between;min-height:74px}.frame-home-header nav{gap:24px;font-size:14px}.frame-home-brand{letter-spacing:-.03em;font-size:19px;font-weight:750}.frame-home-hero{grid-template-columns:minmax(0,.94fr) minmax(0,1.2fr);align-items:center;gap:clamp(22px,4vw,64px);padding-block:clamp(44px,6vw,84px);display:grid}.frame-home-reel figcaption span,.frame-home-workflow li>span,.frame-home-source-time{font:600 12px var(--font-noto-sans-mono),monospace;letter-spacing:.07em}.frame-home h1,.frame-home h2{font-family:var(--font-bricolage-grotesque),sans-serif;letter-spacing:-.04em;font-weight:750}.frame-home h1{margin-block:0 20px;font-size:clamp(45px,5vw,78px);line-height:.99}.frame-home :lang(zh) h1{font-size:clamp(37px,4.4vw,64px);line-height:1.16}.frame-home h1 span{color:var(--blue)}.frame-home-lead{max-width:47ch;color:var(--muted);font-size:clamp(16px,1.5vw,20px);line-height:1.65}.frame-home-actions{flex-wrap:wrap;gap:10px;margin-block:25px 14px;display:flex}.frame-home-actions a{border:1px solid var(--line);border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:11px 15px;font-size:14px;font-weight:650;display:inline-flex}.frame-home-actions a:first-child{background:var(--blue);border-color:var(--blue);color:#fff}.frame-home-privacy,.frame-home-footer{color:var(--muted);font-size:13px}.frame-home-reel{background:var(--ftc-studio);color:var(--ftc-studio-ink);border-radius:16px;padding:clamp(12px,1.5vw,20px);box-shadow:0 18px 40px -24px #18221db3}.frame-home-reel figcaption{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;margin-bottom:12px;font-size:15px;display:flex}.frame-home-reel figcaption>span{color:var(--ftc-amber);font-variant-numeric:tabular-nums}.frame-home-case{text-underline-offset:4px;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-size:13px;text-decoration:underline;display:inline-flex}.frame-home .frame-home-case:focus-visible{outline-color:var(--ftc-amber)}.frame-home-source{border-radius:7px;position:relative;overflow:hidden}.frame-home-source img,.frame-home-covers img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto}.frame-home-source span{color:#fff;background:#151917;border-radius:4px;padding:4px 7px;font-size:11px;position:absolute;bottom:10px}.frame-home-source span:first-of-type{left:10px}.frame-home-source-time{right:10px}.frame-home-covers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.frame-home-covers li{min-width:0}.frame-home-covers img{border-radius:4px}.frame-home-covers span{gap:5px;margin-top:6px;font-size:clamp(10px,1vw,13px);display:flex}.frame-home-covers b{color:var(--ftc-amber)}.frame-home-header nav a:hover,.frame-home-footer a:hover{text-underline-offset:4px;text-decoration:underline}.frame-home-actions a:hover{border-color:var(--blue)}.frame-home-actions a:first-child:hover{background:#223baa}.frame-home-workflow{border-top:1px solid var(--line);padding-block:35px 48px}.frame-home h2{font-size:clamp(29px,4vw,42px)}.frame-home-workflow ol{grid-template-columns:repeat(3,1fr);gap:20px;margin-block:22px 26px;display:grid}.frame-home-workflow li{border-top:1px solid var(--line);padding-top:12px}.frame-home-workflow h3{margin-block:5px;font-weight:740}.frame-home-workflow p{color:var(--muted);font-size:14px}.frame-home-workflow a{min-height:40px;color:var(--blue);align-items:center;gap:7px;font-weight:680;display:inline-flex}.frame-home-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px 24px;padding-block:20px;display:flex}.frame-home-footer nav{flex-wrap:wrap;gap:8px 18px;display:flex}.frame-home-footer a{color:var(--blue)}@media (max-width:850px){.frame-home-wrap{width:min(100% - 36px,620px)}.frame-home-hero{grid-template-columns:minmax(0,1fr)}}@media (max-width:480px){.frame-home-header{flex-wrap:wrap;padding-block:10px}.frame-home-header nav{flex-wrap:wrap;gap:0 12px;font-size:13px}.frame-home-header nav a{align-items:center;min-height:44px;display:inline-flex}.frame-home-brand{font-size:16px}.frame-home-workflow ol{grid-template-columns:minmax(0,1fr)}}
