.ap{--ap-ink:#1D1D1F;--ap-ink-2:#3C3C43;--ap-muted:#6E6E73;--ap-card:rgba(255,255,255,.64);--ap-card-2:rgba(255,255,255,.86);--ap-line:rgba(0,0,0,.06);--ap-win:#FFFFFF;--ap-win-2:#F4F6F9;--ap-win-3:#E9EDF3;--ap-shadow:0 1px 2px rgba(20,40,70,.04),0 18px 44px rgba(20,40,70,.1);--ap-blue:#5B98FF;max-width:1180px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left)) 90px;color:var(--ap-ink)}
.ap section{padding-top:0;padding-bottom:0}
.ap .ap-hero{position:relative;padding:40px 0 10px}
.ap-stage{position:relative;display:grid;justify-items:center;text-align:center;padding:56px 0 20px}
.ap-title{display:grid;justify-items:center}
.ap-word{margin:0;font:800 clamp(52px,7.4vw,104px)/.95 Inter,var(--kb-sans,system-ui),sans-serif;letter-spacing:-.05em;color:#34495E}
.ap-word span{font-weight:400;color:#8A96A3}
.ap-sub{max-width:24em;margin:18px auto 0;text-wrap:balance;font:500 clamp(17px,1.8vw,21px)/1.4 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-ink-2)}
.ap-glints{position:absolute;inset:0;pointer-events:none;overflow:visible}
.ap-glints i{position:absolute;width:16px;height:16px;color:#fff;filter:drop-shadow(0 0 6px rgba(91,152,255,.9));animation:ap-tw 1.7s ease-out forwards}
.ap-glints i svg{display:block;width:100%;height:100%;fill:currentColor}
@keyframes ap-tw{0%{opacity:0;transform:scale(.2) rotate(0)}30%{opacity:1;transform:scale(1) rotate(45deg)}100%{opacity:0;transform:scale(.3) rotate(90deg)}}
.apf{position:relative;margin-top:26px}
.apf-track{position:relative;display:grid;grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none}
.apf-slide{grid-area:1/1;min-width:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;min-height:430px;padding:44px 48px;border-radius:30px;background:var(--ap-card);box-shadow:var(--ap-shadow),inset 0 0 0 1px var(--ap-line);-webkit-backdrop-filter:blur(24px) saturate(1.5);backdrop-filter:blur(24px) saturate(1.5);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .6s,transform .6s,visibility 0s .6s}
.apf-slide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s,transform .6s}
.apf-text,.apf-art{min-width:0}
.apf-eye{display:flex;align-items:center;gap:8px;margin:0;font:650 12.5px/1 Inter,var(--kb-sans,system-ui),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ap-muted)}
.apf-eye .pd{display:block;width:8px;height:8px;border-radius:50%}
.apf-text h2{margin:14px 0 0;font:750 clamp(30px,3.4vw,46px)/1.05 Inter,var(--kb-sans,system-ui),sans-serif;letter-spacing:-.035em;color:var(--ap-ink)}
.apf-text p:not(.apf-eye){margin:16px 0 0;max-width:30em;font:400 16.5px/1.55 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-ink-2)}
.apf-go{display:inline-flex;align-items:center;height:42px;margin-top:26px;padding:0 20px;border-radius:999px;background:var(--ap-blue);color:#fff;font:600 15px/1 Inter,var(--kb-sans,system-ui),sans-serif;text-decoration:none;box-shadow:0 1px 2px rgba(20,60,140,.2)}
.ap .apf-go,.ap .apf-go:hover,.ap .apf-go:focus-visible{color:#fff!important}
.apf-go:hover{background:#4C8DF8;text-decoration:none}
.apf-nav{display:flex;justify-content:center;gap:8px;margin-top:18px}
.apf-dot{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:rgba(52,73,94,.22);cursor:pointer;transition:width .3s,background .3s}
.apf-dot[aria-current="true"]{width:26px;background:var(--ap-blue)}
.apf-dot:focus-visible{outline:2px solid var(--ap-blue);outline-offset:3px}
.aw{overflow:hidden;border-radius:16px;background:var(--ap-win);box-shadow:0 30px 70px rgba(20,40,70,.16),0 0 0 1px var(--ap-line)}
.aw-bar{display:flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border-bottom:1px solid var(--ap-line);background:var(--ap-win-2)}

.aw-bar b{font:600 12.5px/1 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-muted)}
.aw-body{height:300px;padding:18px;box-sizing:border-box}
.m-studio{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px}
.ms-view{position:relative;display:grid;place-items:end center;padding-bottom:22px;border-radius:12px;background:url("/assets/demo-snow-1.webp?v=ebceb69d61") center/cover no-repeat}
.ms-pip{position:absolute;right:12px;top:12px;width:62px;height:40px;border-radius:8px;background:url("/assets/demo-snow-3.webp?v=1cc67ef347") center/cover no-repeat;box-shadow:0 0 0 2px #fff,0 6px 14px rgba(20,40,70,.25)}
.ms-tl{position:relative;display:grid;gap:5px;padding:8px;border-radius:10px;background:var(--ap-win-2)}
.ms-row{display:flex;gap:4px;height:14px}
.ms-row i{border-radius:4px}
.r-ov i{background:#9cb4d8}.r-ov i:first-child{margin-left:18%;width:20%}.r-ov i+i{margin-left:24%;width:14%}
.r-v{height:22px}.r-v i{background:#5b7395}.r-v i:nth-child(1){width:34%}.r-v i:nth-child(2){width:26%}.r-v i:nth-child(3){flex:1}
.r-t i{background:#c7d6ff}.r-t i:first-child{width:22%}.r-t i+i{margin-left:30%;width:18%}
.r-a i{flex:1;background:repeating-linear-gradient(90deg,#9fbff5 0 2px,transparent 2px 4px)}
.ms-head{position:absolute;top:2px;bottom:2px;left:30%;width:2px;border-radius:2px;background:var(--ap-blue);animation:ap-head 6s linear infinite}
@keyframes ap-head{from{left:6%}to{left:94%}}
.m-write{display:grid;place-items:start center;background:var(--ap-win-2)}
.mw-page{position:relative;width:78%;height:100%;padding:26px 26px 0;box-sizing:border-box;border-radius:8px 8px 0 0;background:var(--ap-win);box-shadow:0 0 0 1px var(--ap-line)}
.mw-h{display:block;width:46%;height:14px;margin-bottom:18px;border-radius:4px;background:var(--ap-ink)}
.mw-page p{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px}
.mw-page p i{height:8px;border-radius:4px;background:var(--ap-win-3)}
.w4{width:12%}.w5{width:16%}.w6{width:20%}.w7{width:24%}.w8{width:28%}.w9{width:32%}
.mw-fix{font:500 13px/1 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-ink);text-decoration:underline wavy #E5484D;text-underline-offset:3px}
.mw-caret{width:2px!important;height:16px!important;background:var(--ap-blue)!important;animation:ap-blink 1.1s steps(1) infinite}
@keyframes ap-blink{50%{opacity:0}}
.mw-tip{position:absolute;left:44%;top:122px;display:grid;gap:2px;padding:8px 12px;border-radius:10px;background:var(--ap-win);box-shadow:0 10px 26px rgba(20,40,70,.16),0 0 0 1px var(--ap-line);font:600 13px/1.2 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-blue)}
.mw-tip span{font-weight:500;font-size:11px;color:var(--ap-muted)}
.m-design{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px}
.md-side{display:grid;align-content:start;gap:9px;padding-top:2px}
.md-side i{height:30px;border-radius:7px;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08)}
.md-side .t1{background:url("/assets/demo-snow-3.webp?v=1cc67ef347") center/cover no-repeat}.md-side .t2{background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.38),rgba(255,255,255,0) 46%),linear-gradient(135deg,#8DBBFF 0%,#4F8BF5 55%,#3567D6 100%)}.md-side .t3{background:linear-gradient(135deg,#FFD9AE 0%,#FF9E7D 100%)}.md-side .t4{background:linear-gradient(135deg,#DCD2FF 0%,#9D89F2 100%)}
.md-side i.on{outline:2px solid var(--ap-blue);outline-offset:2px}
.md-canvas{display:grid;place-items:center;border-radius:12px;background:repeating-conic-gradient(var(--ap-win-2) 0 25%,var(--ap-win) 0 50%) 0 0/18px 18px}
.md-post{position:relative;display:grid;align-content:end;width:72%;aspect-ratio:16/9;padding:16px;box-sizing:border-box;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.38),rgba(255,255,255,0) 46%),linear-gradient(135deg,#8DBBFF 0%,#4F8BF5 55%,#3567D6 100%);color:#fff;box-shadow:0 16px 36px rgba(20,40,70,.25),0 0 0 2px var(--ap-blue)}
.md-post b{font:900 26px/1 Inter,var(--kb-sans,system-ui),sans-serif;letter-spacing:-.03em}
.md-post span{margin-top:4px;font:600 12px/1 Inter,var(--kb-sans,system-ui),sans-serif;opacity:.85}

.m-pdf{display:flex;align-items:center;justify-content:center;gap:26px}
.mp-pages{position:relative;width:150px;height:190px}
.mp-pages i{position:absolute;width:118px;height:167px;overflow:hidden;border-radius:8px;background:#fff url("/assets/demo-page.webp?v=15670a3ada") center/cover no-repeat;box-shadow:0 8px 20px rgba(20,40,70,.12),0 0 0 1px var(--ap-line)}

.p1{left:0;top:30px;transform:rotate(-8deg)}.p2{left:16px;top:16px;transform:rotate(-2deg)}.p3{left:32px;top:2px;transform:rotate(5deg)}
.mp-arrow{font:500 26px/1 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-muted)}
.mp-out{display:grid;justify-items:center;gap:10px}
.mp-out i{position:relative;width:128px;height:181px;overflow:hidden;border-radius:8px;background:#fff url("/assets/demo-page.webp?v=15670a3ada") center/cover no-repeat;box-shadow:0 14px 30px rgba(20,40,70,.16),0 0 0 2px var(--ap-blue)}

.mp-out b{font:600 12.5px/1 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-ink-2)}
.ap-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:44px 0 10px}
.ap-pill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;background:var(--ap-card);box-shadow:inset 0 0 0 1px var(--ap-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ap-ink);font:600 14px/1 Inter,var(--kb-sans,system-ui),sans-serif;text-decoration:none}
.ap-pill:hover{background:var(--ap-card-2);text-decoration:none}
.ap-pill .pd{display:block;width:8px;height:8px;border-radius:50%}
.ap .ap-shelf{margin-top:40px;padding:24px 24px 24px;border-radius:22px;background:#FFFFFF;border:1px solid rgba(0,0,0,.09);box-shadow:0 1px 2px rgba(20,40,70,.04),0 14px 34px rgba(20,40,70,.08);scroll-margin-top:90px}
.ap-shelf-h{display:flex;align-items:baseline;gap:12px;margin:0 0 16px 4px}
.ap-shelf-h h2{margin:0;font:700 21px/1.2 Inter,var(--kb-sans,system-ui),sans-serif;letter-spacing:-.025em;color:var(--ap-ink)}
.ap-shelf-h p{margin:0;font:500 14px/1.3 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-muted)}
.ap-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px;margin:0;padding:5px;border-radius:16px;background:rgba(118,118,128,.07);list-style:none;overflow:hidden}
.ap-row li{display:flex;min-width:0;scroll-margin-top:110px}
.ap-app{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:12px 14px 12px 13px;border-radius:11px;color:var(--ap-ink);text-decoration:none;transition:background .15s}
.ap-app::before{content:"";position:absolute;left:13px;right:13px;top:-1px;height:1px;background:rgba(0,0,0,.065);pointer-events:none}
.ap-row li:nth-child(-n+2) .ap-app::before{display:none}
.ap-app:hover,.ap-app:focus-visible{z-index:1;background:rgba(118,118,128,.07);color:var(--ap-ink);text-decoration:none}
.ap-app:hover::before{opacity:0}
.ap-app:focus-visible{outline:2px solid var(--ap-blue);outline-offset:-2px}
.ap-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:linear-gradient(180deg,#FFFFFF 0%,#E9EBEF 100%);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.ap-ico svg{width:21px;height:21px;fill:none;stroke:#3A3A3C;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ap-name{display:flex;flex-direction:column;flex:1;min-width:0}
.ap-lock{display:flex;align-items:center;gap:0;font:700 15.5px/1.35 Inter,var(--kb-sans,system-ui),sans-serif;letter-spacing:-.02em;color:#34495E;white-space:pre}
.ap-lock .pd{display:block;flex:none;width:7px;height:7px;margin-right:8px;border-radius:50%}
.ap-lock span{font-weight:400;color:#8A96A3}
.ap-desc{overflow:hidden;margin-top:1px;font:400 12.5px/1.45 Inter,var(--kb-sans,system-ui),sans-serif;color:var(--ap-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ap-open{flex:none;display:inline-flex;align-items:center;height:30px;padding:0 15px;border-radius:999px;background:var(--ap-blue);color:#fff;font:600 13px/1 Inter,var(--kb-sans,system-ui),sans-serif;transition:background .15s}
.ap-app:hover .ap-open{background:#4A88F2}
@media (max-width:980px){.apf-slide{grid-template-columns:1fr;gap:28px;padding:32px 26px}}
@media (max-width:720px){.ap-stage{padding:30px 0 6px}.ap-sub{margin-left:auto;margin-right:auto}.aw-body{height:240px}.m-pdf{gap:12px}.mp-pages{transform:scale(.78);transform-origin:right center}.mp-out{transform:scale(.85)}.ap-shelf-h{flex-direction:column;gap:3px}.ap .ap-shelf{padding:18px 12px 12px;border-radius:20px}.ap-row{grid-template-columns:1fr;padding:4px;border-radius:14px}.ap-row li:nth-child(2) .ap-app::before{display:block}}
@media (prefers-reduced-motion:reduce){.apf-slide,.apf-slide.is-on{transition:none}.ms-head,.mw-caret{animation:none}.ap-glints{display:none}}