:root{color-scheme:light;--ink:#1a2325;--green:#365944;--muted:#7d858a;--paper:#fcfcfb;--line:#e7e9e8;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #82a68a;outline-offset:5px}button:disabled{cursor:default}svg{flex:none}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:white;z-index:20}.skip-link:focus{top:10px}
.nav{height:88px;max-width:1340px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:600;letter-spacing:1px}.brand img{object-fit:contain}.nav nav{display:flex;gap:38px;position:absolute;left:50%;transform:translateX(-50%);font-size:13px}.nav nav a{color:#677072;transition:color .2s}.nav nav a:hover{color:var(--ink)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ink);color:#fff;border:1px solid #121b1d;border-radius:10px;padding:15px 23px;font-size:15px;font-weight:500;box-shadow:0 2px 3px #17222413;transition:transform .16s,background .16s}.button:hover{background:#31413d;transform:translateY(-1px)}.button:active{transform:translateY(1px)}.button.small{font-size:12px;padding:11px 20px;border-radius:9px}.hero{height:630px;max-width:1340px;position:relative;margin:auto}.hero-copy{position:absolute;z-index:1;left:50%;top:42px;width:700px;transform:translateX(-50%);text-align:center;pointer-events:none}.hero-copy>*{pointer-events:auto}.hero h1{font-family:"Songti SC","Noto Serif CJK SC",SimSun,serif;font-weight:600;font-size:88px;line-height:1.16;letter-spacing:-3px;margin:0 0 27px;color:#162125}.subtitle{font-size:17px;line-height:1.7;color:#62696a;margin:0 0 29px;font-weight:400;letter-spacing:.3px}.mobile-break{display:none}.compatibility{font-size:11px;color:#818789;letter-spacing:.25px;margin:16px 0 0}.download{padding:15px 23px;font-size:15px}
.file-card{position:absolute;z-index:0;background:linear-gradient(150deg,#fff,#fafbfc);border-radius:10px;border:1px solid #e9ecec;padding:9px;box-shadow:0 18px 30px #1d363b12,0 2px 4px #1d363b05;transition:transform .35s;will-change:transform}.file-card:hover{transform:rotate(0deg) translateY(-4px)}.file-caption{display:flex;flex-direction:column;gap:5px;padding:10px 4px 5px}.file-caption strong{font-size:13px;font-weight:600}.file-caption span{font-size:10px;color:var(--muted)}.film{left:38px;top:38px;width:235px;transform:rotate(8deg)}.film-image{position:relative;height:165px;border-radius:5px;overflow:hidden;background:#4a6261}.film video{width:100%;height:100%;object-fit:cover}.file-badge{position:absolute;right:9px;top:9px;border-radius:6px;padding:5px 6px;background:#16232682;color:#fff;font-size:10px;font-weight:600}.play-video{position:absolute;bottom:0;left:0;width:100%;height:37px;padding:6px 10px;background:linear-gradient(transparent,#122321b0);border:0;color:white;display:flex;align-items:center;justify-content:space-between;z-index:3}.play-video span{font-size:9px;font-variant-numeric:tabular-nums}.cover{left:107px;top:335px;width:174px;transform:rotate(-8deg)}.cover-image{height:167px;position:relative}.cover-image img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;border-radius:5px}.subtitles{right:33px;top:51px;width:235px;transform:rotate(7deg)}.subtitles pre{height:157px;padding:15px 8px;margin:0;font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#526066;background:#f6f7f7;border-radius:4px;overflow:hidden}.check{position:absolute;right:0;top:-9px;width:31px;height:31px;border:3px solid var(--paper);border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;box-shadow:0 3px 8px #18382218}.copy{right:117px;top:344px;width:163px;transform:rotate(8deg)}.paper{height:116px;display:flex;align-items:center;justify-content:center;color:#52705c;background:linear-gradient(#fafbfa,#f7f8f7);border-radius:4px}
.steps{max-width:1280px;border-top:1px solid var(--line);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);padding:36px 100px 31px}.steps article{text-align:center}.steps article+article{border-left:1px solid var(--line)}.steps h2{font-size:17px;font-weight:600;margin:0 0 11px}.steps h2 span{font-family:Georgia,serif;font-size:19px;color:var(--green);margin-right:12px}.steps p{font-size:12px;color:var(--muted);margin:0}.release{display:flex;align-items:center;justify-content:center;gap:35px;max-width:1050px;margin:8px auto 27px;padding:24px 30px;border:1px solid #e5e8e7;border-radius:17px;background:linear-gradient(140deg,#f8f9f8,#fafbfc)}.release>svg{color:#7f8b85}.release>div{border-left:1px solid #dfe4e1;padding-left:35px}.release h2{font-size:16px;font-weight:500;margin:0 0 8px}.release p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}footer{max-width:1340px;margin:auto;padding:0 30px 26px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer strong{font-size:11px;color:var(--ink);font-weight:500}footer>div{display:flex;align-items:center;gap:17px}footer button{border:0;background:none;color:inherit;font-size:11px;padding:8px 0}footer button:hover{color:var(--ink)}
dialog{border:1px solid var(--line);border-radius:20px;max-width:520px;width:calc(100% - 36px);padding:38px;color:var(--ink);background:var(--paper);box-shadow:0 25px 120px #14221e30}dialog::backdrop{background:#12201b40;backdrop-filter:blur(6px)}dialog h2{font-size:24px;margin:0 0 20px}dialog p{font-size:14px;color:#626b68;line-height:1.85}dialog .close{position:absolute;right:20px;top:15px;border:0;background:transparent;color:#848c88;font-size:25px}dialog .dialog-done{margin-top:15px;padding:10px 20px;font-size:13px}
@media(min-width:1440px){.hero{height:670px}.hero-copy{top:55px}.hero h1{font-size:100px}.film{width:260px;top:53px}.film-image{height:180px}.subtitles{width:260px;top:65px}.subtitles pre{height:179px}.cover{top:369px;width:190px}.cover-image{height:184px}.copy{top:382px;width:178px}.paper{height:132px}}
@media(max-width:1100px){.hero-copy{width:560px;top:64px}.hero h1{font-size:78px}.subtitle{font-size:15px}.film{left:28px;width:185px;top:45px}.film-image{height:134px}.cover{left:72px;width:147px;top:360px}.cover-image{height:142px}.subtitles{right:28px;width:185px;top:62px}.subtitles pre{font-size:7.5px;height:127px;padding:10px 5px}.copy{right:74px;width:140px;top:374px}.steps{margin:0 24px;padding-left:10px;padding-right:10px}.release{margin:8px 50px 27px}}
@media(max-width:760px){.nav{height:76px;padding:0 20px}.brand{font-size:20px;gap:5px}.brand img{width:39px;height:39px}.nav nav{display:none}.nav .button{font-size:11px;padding:9px 14px}.hero{height:800px;overflow:hidden}.hero-copy{top:40px;width:100%;padding:0 22px}.hero h1{font-size:68px;letter-spacing:-2px;margin-bottom:22px;line-height:1.12}.subtitle{font-size:14px;margin-bottom:24px;line-height:1.8}.mobile-break{display:block}.compatibility{font-size:10px}.film{width:165px;left:calc(50% - 169px);top:440px;transform:rotate(-7deg)}.film-image{height:121px}.subtitles{width:157px;right:calc(50% - 164px);top:476px;transform:rotate(7deg)}.subtitles pre{height:110px;font-size:6.6px}.cover{width:98px;left:calc(50% - 120px);top:663px}.cover-image{height:82px}.cover .file-caption{padding:7px 3px 3px}.cover .file-caption span{display:none}.copy{width:103px;right:calc(50% - 117px);top:678px}.copy .paper{height:59px}.paper svg{width:40px;height:48px}.copy .file-caption{padding:7px 3px 3px}.copy .file-caption span{display:none}.file-card{padding:7px}.steps{display:flex;flex-direction:column;gap:25px;padding:31px 10px;margin:0 24px}.steps article{display:grid;grid-template-columns:118px 1fr;align-items:center;text-align:left;gap:15px;max-width:355px;width:100%;margin:auto}.steps article+article{border-left:0}.steps h2{font-size:16px;margin:0}.steps h2 span{font-size:16px;margin-right:7px}.steps p{font-size:11px;line-height:1.5}.release{margin:0 24px 25px;padding:22px;gap:15px;align-items:flex-start}.release>svg{width:28px}.release>div{padding-left:15px}.release h2{font-size:14px;line-height:1.6}.release p{font-size:11px}footer{padding:0 24px 24px;align-items:flex-start;gap:18px;flex-direction:column}footer p{margin:0}footer>div{gap:14px}dialog{padding:29px}dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.file-card:hover{transform:initial}}

@media(max-width:760px){.hero h1{font-size:54px;line-height:1.25}.hero-copy{top:50px}.subtitle{margin-top:26px}.film{top:426px}.subtitles{top:462px}}