@import url('');
:root{--bg:#080b17;--panel:#11172b;--panel2:#151d34;--edge:#28314a;--ink:#edf2ff;--muted:#a7b2d0;--violet:#937bff;--blue:#65b0ff;--glow:#6a50ff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.8 system-ui,-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.navshell{position:sticky;top:0;z-index:30;background:#090d1be8;border-bottom:1px solid #ffffff14;backdrop-filter:blur(16px)}.nav{min-height:74px;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:850;letter-spacing:-1px}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6746e8,#2896fb);font-size:25px;box-shadow:0 8px 28px #6346eb5c}.navlinks{margin-left:auto;display:flex;gap:27px;color:#c6cde1;font-size:14px}.navlinks a:hover,.footer a:hover{color:#a9a0ff}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:10px 22px;border-radius:11px;font-weight:750;background:linear-gradient(110deg,#8266ff,#4e96fb);color:#fff;box-shadow:0 10px 35px #6158f642;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button.alt{background:#ffffff0b;border:1px solid #8291be5c;box-shadow:none}.nav .button{min-height:40px;padding:7px 19px;font-size:14px}.hero{position:relative;overflow:hidden;padding:100px 0 95px;background:radial-gradient(ellipse 47% 76% at 83% 37%,#41358d65,transparent 80%),radial-gradient(ellipse 55% 100% at 15% 0%,#19407538,transparent 80%)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center}.eyebrow{color:#c4c0ff;font-size:13px;letter-spacing:2px;font-weight:800}.hero h1{font-size:clamp(43px,5.1vw,71px);line-height:1.22;letter-spacing:-2px;margin:23px 0 24px}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#a895ff,#63bafd);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:17px;color:#adb9d3;max-width:560px;margin:0 0 30px}.actions{display:flex;flex-wrap:wrap;gap:14px}.pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:33px}.pills span,.tags span{font-size:12px;border:1px solid #ffffff24;background:#ffffff08;border-radius:100px;padding:5px 12px;color:#d0d6ea}.player{border:1px solid #8990ff57;box-shadow:0 28px 100px #070714b8,0 0 75px #6553ff40;border-radius:27px;padding:18px;background:linear-gradient(145deg,#1d2240,#0c1429);transform:rotate(1.5deg)}.player.real-shot{position:relative}.player-shot-wrap{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#231f4b,#10182f)}.player-shot{display:block;width:100%;height:auto;border-radius:18px}.shot-tag{position:absolute;left:18px;top:18px;z-index:2;padding:6px 12px;border-radius:999px;background:#090d1bc7;border:1px solid #ffffff24;color:#eef3ff;font-size:12px;font-weight:700;backdrop-filter:blur(8px);box-shadow:0 8px 24px #04081466}.section{padding:90px 0}.section.tint{background:#0e1324}.kicker{color:#a994ff;letter-spacing:2px;font-size:13px;font-weight:850}.section h2{font-size:clamp(27px,3.2vw,42px);line-height:1.35;margin:12px 0 13px}.subtitle{color:var(--muted);margin:0 0 34px;max-width:750px}.center{text-align:center}.center .subtitle{margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;border:1px solid #ffffff15;border-radius:18px;background:linear-gradient(150deg,#192139,#111729);min-height:230px}.iconbox{width:49px;height:49px;display:grid;place-items:center;border-radius:13px;background:#7462ff25;color:#c8beff;font-size:24px;margin-bottom:20px}.card h3{font-size:19px;margin:0 0 10px}.card p,.steps p{font-size:14px;color:var(--muted);margin:0}.strip{border:1px solid #7d78ed52;border-radius:24px;padding:42px;background:linear-gradient(120deg,#28225b,#182e67 70%,#1a4274);position:relative;overflow:hidden}.strip:after{content:'♫';font-size:260px;line-height:1;position:absolute;right:5%;top:-38px;color:#ffffff0c;pointer-events:none}.strip h2{margin:0 0 8px}.strip p{color:#d4defc;max-width:720px}.strip .actions{position:relative;z-index:2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps>div{border-left:2px solid #7769eb;padding:10px 24px}.stepno{font-size:13px;color:#a49bff;font-weight:800}.steps h3{margin:10px 0}.faq{max-width:890px;margin:auto}.faq details{padding:19px 0;border-bottom:1px solid #ffffff1d}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);margin:10px 0}.footer{border-top:1px solid #ffffff16;padding:34px 0;color:#9aa6bf;font-size:13px}.footer .wrap{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.article{padding:55px 0 95px}.article h1{font-size:42px;line-height:1.3;margin:8px 0 12px}.articleintro{color:var(--muted);max-width:780px;margin-bottom:35px}.prose{max-width:890px}.panel{background:var(--panel);border:1px solid #ffffff17;border-radius:18px;padding:30px;margin-bottom:18px}.panel h2{margin:0 0 13px;font-size:23px}.panel p,.panel li{color:#b5c0d8}.panel a:not(.button){color:#aabaff;text-decoration:underline}.panel ul,.panel ol{padding-left:23px}.downloadgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.downloaditem{background:#151c32;border:1px solid #ffffff25;padding:28px;border-radius:17px}.downloaditem h2{margin:4px 0}.downloaditem p{color:#aab6ce;font-size:14px}.downloaditem .button{margin-top:12px}.smallnote{font-size:13px;color:#a6b4ce}.aside{padding:17px 22px;background:#745be61a;border:1px solid #8878e855;border-radius:12px;color:#cbd3eb}.breadcrumb{font-size:13px;color:#a7b2d0}.mobile-cta{display:none}@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero{padding:62px 0 75px}.navlinks{display:none}.nav .button{margin-left:auto}.player{max-width:600px;margin:auto;width:100%}.cards,.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.wrap{width:calc(100% - 30px)}.nav{min-height:63px}.brand{font-size:21px}.mark{width:35px;height:35px;font-size:20px}.hero h1{font-size:42px}.hero{padding:45px 0}.lead{font-size:15px}.actions .button{width:100%}.player{padding:10px;border-radius:18px}.shot-tag{left:12px;top:12px;font-size:11px;padding:5px 10px}.section{padding:60px 0}.cards,.steps,.downloadgrid{grid-template-columns:1fr}.card{min-height:auto}.strip{padding:29px 22px}.article{padding:35px 0 75px}.article h1{font-size:31px}.panel{padding:22px}.mobile-cta{position:fixed;display:flex;bottom:0;left:0;right:0;padding:10px 15px calc(10px + env(safe-area-inset-bottom));background:#090e20f2;z-index:40;border-top:1px solid #ffffff20}.mobile-cta .button{width:100%}.footer{padding-bottom:90px}}

/* Official Folia screenshot: keep full visual and playback controls visible */
.player.real-shot{transform:rotate(1deg)}.player-shot-wrap{aspect-ratio:1000/539}.player-shot{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.shot-tag{background:#080c1ee0;border-color:#ffffff3d;color:#f4f6ff}