:root{font-family:HarmonyOS Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#fff;background:#5c87f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.site-shell{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 10% 22%,rgba(255,255,255,.23),transparent 28%),radial-gradient(circle at 88% 72%,rgba(255,255,255,.14),transparent 30%),linear-gradient(140deg,#43dce4,#35b8ee 23%,#4e91f5,#896af2 67%,#bd5dec 83%,#ef53dd)}.section-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto;scroll-margin-top:24px}.glass-panel{background:#ffffff26;border:1px solid rgba(255,255,255,.4);box-shadow:0 24px 64px #36349926;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.eyebrow{margin:0 0 12px;color:#ffffffe0;font-size:.82rem;font-weight:600}.navbar{position:relative;z-index:20;padding:16px 0}.navbar__inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:10px 14px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;text-shadow:0 2px 12px rgba(25,35,95,.55),0 1px 1px rgba(25,35,95,.7)}.brand,.nav-actions,.nav-links{display:flex;align-items:center}.brand{font-size:1.375rem;font-weight:700;letter-spacing:-.015em;white-space:nowrap}.nav-links{gap:24px;font-size:.85rem;white-space:nowrap}.nav-links a:hover,.secondary-action:hover{color:#fff;background:#ffffff2e}.nav-links a{padding:7px 5px;border-radius:8px}.nav-actions{justify-content:flex-end;gap:10px;text-shadow:none}.language-switch,.secondary-action{border:1px solid rgba(255,255,255,.6);border-radius:11px;padding:10px 16px;background:#2b398c3b;cursor:pointer}.language-switch{white-space:nowrap}.secondary-action{display:inline-flex;align-items:center}.download-status{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:10px 16px;background:#fff;color:#58429a;font-weight:650;box-shadow:0 12px 34px #4938a42e}.download-status--pending{gap:9px;border:1px solid rgba(255,255,255,.42);background:#27348952;color:#fff;box-shadow:none;font-weight:600}.download-status__dot{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#b9f9ff;box-shadow:0 0 12px #b9f9ffa6}a:focus-visible,button:focus-visible,.capability-card:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #3a1e6fb3}.hero{min-height:760px;padding:70px 0 100px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:28px}.hero__copy{padding:0;text-shadow:0 2px 12px rgba(25,35,95,.55),0 1px 1px rgba(25,35,95,.7)}.hero .eyebrow{color:#fff}.hero h1{max-width:680px;margin:0 0 18px;font-size:clamp(2.6rem,5vw,4.7rem);font-weight:620;line-height:1.13;letter-spacing:-.035em;text-wrap:balance}.hero__description{max-width:630px;color:#fff;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.9}.hero__actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:28px;text-shadow:none}.duck-stage{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate}.duck-glow{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:#ffffff2e;box-shadow:0 0 110px #ffffff40}.duck-shadow{position:absolute;bottom:28px;width:58%;height:52px;border-radius:50%;background:#432b9833;filter:blur(18px)}.duck-mascot{position:relative;width:min(100%,470px);height:auto;filter:drop-shadow(0 26px 38px rgba(52,42,141,.26));animation:duck-float 4.8s ease-in-out infinite}.section-heading{max-width:720px;margin:0 auto 42px;text-align:center;text-shadow:0 2px 12px rgba(38,56,138,.25)}.section-heading h2,.workflow h2,.release h2{margin:0 0 12px;font-size:clamp(2rem,3.4vw,3.2rem);font-weight:600;letter-spacing:-.025em;line-height:1.25}.section-heading>p:last-child,.workflow__copy>p,.release__panel>p{color:#ffffffed;line-height:1.8}.capabilities{padding:40px 0 110px}.capability-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center}.capability-card{--card-a: rgba(48,188,229,.5);--card-b: rgba(74,94,213,.45);position:relative;min-width:0;aspect-ratio:.69;padding:22px;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:28px;background:linear-gradient(165deg,#30469f5c,#37229147);box-shadow:0 25px 55px #36349929;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:transform .3s ease,box-shadow .3s ease}.capability-card:nth-child(1){transform:rotate(-2.2deg)}.capability-card:nth-child(2){transform:translateY(-10px) rotate(.8deg)}.capability-card:nth-child(3){transform:translateY(-4px) rotate(-.7deg)}.capability-card:nth-child(4){transform:rotate(2deg)}.capability-card:hover,.capability-card:focus-visible{transform:translateY(-14px) rotate(0);box-shadow:0 34px 74px #302b9140}.capability-card--image{--card-a: rgba(55,143,235,.5);--card-b: rgba(109,82,220,.48)}.capability-card--music{--card-a: rgba(119,87,224,.5);--card-b: rgba(184,67,211,.46)}.capability-card--voice{--card-a: rgba(176,67,209,.5);--card-b: rgba(234,76,193,.48)}.capability-card__top{display:flex;justify-content:space-between;align-items:flex-start}.capability-card__top strong{display:block;font-size:2rem;font-weight:560;line-height:1}.capability-card__top small{display:block;margin-top:5px;font-size:.75rem;opacity:.9;letter-spacing:.02em}.capability-card__visual{height:34%;margin:12% 0 11%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:20px;background:linear-gradient(140deg,var(--card-a),var(--card-b))}.capability-card__icon{width:min(128px,58%);height:auto;color:#fffffff2;filter:drop-shadow(0 5px 10px rgba(35,34,120,.2))}.capability-card h3{margin:0 0 9px;font-size:clamp(1.12rem,1.6vw,1.45rem);font-weight:600}.capability-card p{margin:0;color:#fffffff0;font-size:.9rem;line-height:1.7}.workflow{padding:0 0 100px}.workflow__panel{padding:clamp(28px,4vw,48px);display:grid;grid-template-columns:1fr;align-items:center;border-radius:30px;background:#2e368e42}.workflow__copy{max-width:980px}.benefit-grid{margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none}.benefit-grid li{padding:12px 14px;border:1px solid rgba(255,255,255,.3);border-radius:12px;background:#2c2b8233}.benefit-grid span{color:#b8fff7;font-weight:700}.release{padding-bottom:92px}.release__panel{padding:clamp(42px,6vw,72px) 24px;border-radius:30px;text-align:center;background:#3c2b8f3d}.release-meta{margin:24px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.release-meta span{padding:7px 11px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#342a8b2e}.release-notes{width:fit-content;margin:24px auto 0;padding-left:1.25rem;display:grid;gap:10px;text-align:left}.release-back{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:10px 15px;border:1px solid rgba(255,255,255,.6);border-radius:12px;background:#2b398c3b;transition:background .2s ease,transform .2s ease}.release-back:hover{background:#fff3;transform:translateY(-2px)}.site-footer{width:min(1180px,calc(100% - 64px));margin:auto;padding:0 0 36px;display:flex;justify-content:space-between;color:#fff;font-size:.82rem;scroll-margin-top:24px}.hero__availability{margin:18px 0 0;color:#ffffffe6;font-size:.84rem}.capability-card{aspect-ratio:auto;min-height:430px;display:flex;flex-direction:column}.capability-card__visual{flex:1 0 130px;height:auto;min-height:118px;margin:24px 0 20px}.capability-card__learn{position:relative;z-index:1;display:flex;align-items:center;gap:8px;width:fit-content;margin-top:auto;padding-top:18px;color:#fffffffa;font-size:.84rem;font-weight:650}.capability-card__learn span{transition:transform .2s ease}.capability-card__learn:hover span{transform:translate(2px,-2px)}.preparation{margin-top:68px}.preparation>h3{margin:0 0 20px;font-size:clamp(1.45rem,2.7vw,2.2rem);font-weight:600}.preparation__steps{margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;list-style:none}.preparation__steps li{min-height:210px;padding:23px;border:1px solid rgba(255,255,255,.36);border-radius:19px;background:#262f7f33}.preparation__number{color:#c5fffa;font-size:.76rem;font-weight:700;letter-spacing:.12em}.preparation__steps h4{margin:13px 0 7px;font-size:1.05rem;font-weight:650}.preparation__steps li>p{margin:0;color:#ffffffe6;font-size:.9rem;line-height:1.7}.preparation__action{display:inline-block;margin-top:14px;padding:6px 9px;border:1px solid rgba(255,255,255,.28);border-radius:8px;color:#fff;font-size:.82rem}.capability-scroll-hint{display:none}.creation-guide{padding-bottom:110px;scroll-margin-top:35px}.creation-guide .section-heading{margin-bottom:30px}.guide-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.guide-tabs button{min-width:0;display:flex;justify-content:center;align-items:center;gap:9px;padding:14px 10px;border:1px solid rgba(255,255,255,.38);border-radius:12px;background:#242d7933;color:#fff;cursor:pointer;transition:border .2s ease,background .2s ease,transform .2s ease}.guide-tabs button:hover{background:#ffffff24;transform:translateY(-2px)}.guide-tabs button[aria-selected=true]{border-color:#ffffffd4;background:#ffffff38;box-shadow:0 8px 23px #211d691f}.guide-tabs__number{font-size:.75rem;font-weight:700;opacity:.8}.guide-panel{--guide-ink: #fff;--guide-muted: rgba(255,255,255,.86);--guide-line: rgba(255,255,255,.28);--guide-paper: rgba(255,255,255,.9);padding:clamp(22px,4vw,45px);border:1px solid rgba(255,255,255,.42);border-radius:26px;background:linear-gradient(135deg,#27389157,#6341b74d);color:var(--guide-ink);box-shadow:0 30px 75px #2a257533;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.guide-panel__header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-bottom:23px;border-bottom:1px solid var(--guide-line)}.guide-panel__header h3{margin:0;color:var(--guide-ink);font-size:clamp(1.45rem,3.2vw,2.2rem);font-weight:660;letter-spacing:-.025em}.guide-panel__header>div>p:last-child{margin:8px 0 0;color:var(--guide-muted);line-height:1.65}.guide-modes{flex:0 0 auto;max-width:280px;padding:9px 13px;border:1px solid var(--guide-line);border-radius:999px;color:var(--guide-muted);font-size:.82rem;text-align:center}.guide-figure{margin:24px 0 0}.guide-figure figcaption{margin-bottom:11px;color:#ffffffd1;font-size:.8rem}.guide-map{position:relative;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none}.guide-map:before{position:absolute;z-index:0;top:42px;right:12.5%;left:12.5%;height:2px;background:linear-gradient(90deg,#43dce4,#4e91f5,#896af2,#bd5dec);content:"";opacity:.62}.guide-map li{min-width:0}.guide-map button{position:relative;z-index:1;width:100%;min-height:174px;padding:14px 12px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;border:1px solid transparent;border-radius:15px;background:transparent;color:#ffffffd1;text-align:center;cursor:pointer;transition:background .2s ease,border .2s ease,transform .2s ease,color .2s ease}.guide-map button:hover{background:#ffffff1a;color:#fff}.guide-map button.is-current{transform:translateY(-2px);border-color:#fff6;background:#ffffff2b;color:#fff;box-shadow:0 9px 24px #25254e1f}.guide-map__number{padding:5px 9px;border-radius:999px;background:#242d7957;color:#ffffffe6;font-size:.75rem;font-weight:700}.guide-map button.is-current .guide-map__number{background:linear-gradient(135deg,#43dce461,#bd5dec6b);color:#fff}.guide-map__icon{width:min(94px,100%);height:69px;color:#e0e2ffc7}.guide-map button.is-current .guide-map__icon{color:#d4fbff}.guide-map strong{max-width:100%;color:inherit;font-size:.88rem;font-weight:640;line-height:1.4}.guide-detail{display:grid;grid-template-columns:60px 1fr;align-items:flex-start;gap:19px;margin-top:13px;padding:23px 24px;border:1px solid var(--guide-line);border-radius:17px;background:#232f7d42}.guide-detail__number{color:#b9f9ff;font-size:2.4rem;font-weight:700;line-height:1;letter-spacing:-.05em}.guide-detail__label{margin:0 0 5px;color:#ffffffb3;font-size:.72rem;letter-spacing:.04em}.guide-detail h4{margin:0;color:var(--guide-ink);font-size:1.02rem;font-weight:680}.guide-detail div>p:not(.guide-detail__label,.guide-action){margin:8px 0 0;color:var(--guide-muted);font-size:.92rem;line-height:1.76}.guide-action{display:inline-flex;width:fit-content;margin:12px 0 0;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:#ffffff21;color:#fff;font-size:.82rem;font-weight:600;line-height:1.5}.guide-pagination{margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:var(--guide-muted);font-size:.84rem}.guide-pagination>div{display:flex;gap:8px}.guide-pagination button{padding:8px 11px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:#27338147;color:#fff;font:inherit;cursor:pointer}.guide-pagination button:hover:not(:disabled){border-color:#ffffffad;background:#ffffff29}.guide-pagination button:disabled{opacity:.42;cursor:default}.guide-tip{margin-top:17px;padding:13px 16px;border-left:3px solid #49d5e1;border-radius:0 9px 9px 0;background:#38bee226}.guide-tip strong{color:#c9fbff;font-size:.76rem}.guide-tip p{margin:4px 0 0;color:var(--guide-muted);font-size:.9rem;line-height:1.65}.video-techniques{margin-top:32px;padding-top:24px;border-top:1px solid var(--guide-line)}.video-techniques__heading>.eyebrow{margin-bottom:5px;color:var(--guide-ink);font-size:1.05rem}.video-techniques__heading>p:last-child{margin:0;color:var(--guide-muted);font-size:.85rem;line-height:1.7}.video-techniques__grid{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.technique-card{min-width:0;align-self:start;overflow:hidden;border:1px solid var(--guide-line);border-radius:14px;background:#232f7d40}.technique-card summary{display:flex;align-items:center;gap:13px;padding:14px;cursor:pointer;list-style:none}.technique-card summary::-webkit-details-marker{display:none}.technique-card__icon{width:55px;height:49px;flex:0 0 auto;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#43dce433,#896af23d);color:#c9faff}.technique-card__icon svg{width:49px;height:43px}.technique-card__heading{min-width:0;flex:1}.technique-card__heading strong{display:block;color:var(--guide-ink);font-size:.93rem}.technique-card__heading>span{display:block;margin-top:4px;color:var(--guide-muted);font-size:.76rem;line-height:1.55}.technique-card__toggle{width:27px;height:27px;flex:0 0 auto;display:grid;place-items:center;border-radius:999px;background:#ffffff24;color:#fff;font-size:1.15rem;transition:transform .2s ease}.technique-card[open] .technique-card__toggle{transform:rotate(45deg)}.technique-card__body{padding:0 16px 15px 82px}.technique-card__entry{margin:0 0 9px;color:#d9e2ff;font-size:.75rem;font-weight:650;line-height:1.6}.technique-card__entry span{display:block;margin-bottom:2px;color:#ffffffad;font-size:.68rem;font-weight:500}.technique-card__body ol{margin:0;padding-left:1.1rem;display:grid;gap:6px;color:var(--guide-muted);font-size:.76rem;line-height:1.65}.technique-card__body li::marker{color:#a9f5fb;font-weight:650}.technique-card__heading>span{font-size:.84rem}.technique-card__entry{font-size:.82rem}.technique-card__entry span{font-size:.75rem}.technique-card__body ol{font-size:.86rem}a:focus-visible,button:focus-visible,.capability-card:focus-visible,.technique-card summary:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 7px #3a1e6fb3}body:has(.guide-panel) .guide-panel :is(a,button,.guide-panel__header,summary):focus-visible{outline:3px solid #a9f5fb;outline-offset:2px;box-shadow:none}@keyframes duck-float{0%,to{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-1deg)}}@media (max-width: 1200px){.navbar__inner{grid-template-columns:1fr auto auto}.nav-links{gap:14px;font-size:.76rem}.capability-row{grid-auto-flow:column;grid-auto-columns:minmax(250px,42vw);grid-template-columns:none;overflow-x:auto;padding:22px 20px 34px;margin-inline:-20px;scroll-snap-type:x mandatory;scrollbar-width:thin}.capability-card{scroll-snap-align:center}.capability-scroll-hint{margin:-18px 0 0;display:flex;justify-content:flex-end;align-items:center;gap:9px;color:#ffffffdb;font-size:.84rem}.capability-scroll-hint span{font-size:1.15rem;line-height:1}}@media (max-width: 920px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px;text-align:center}.hero h1,.hero__description{margin-inline:auto}.hero__actions{justify-content:center}.duck-stage{min-height:370px}.preparation__steps{grid-template-columns:1fr}.preparation__steps li{min-height:auto}}@media (max-width: 640px){.section-shell{width:min(100% - 32px,1180px)}.navbar__inner{width:calc(100% - 24px);grid-template-columns:1fr auto;gap:12px}.brand{font-size:1.125rem}.nav-links{grid-column:1 / -1;grid-row:2;justify-content:space-around}.nav-actions{grid-column:2;grid-row:1}.hero{padding:34px 0 74px}.hero h1{font-size:clamp(2.35rem,12vw,3.5rem)}.duck-stage{min-height:320px}.duck-mascot{width:min(92%,390px)}.capability-row{grid-auto-columns:minmax(248px,82vw)}.benefit-grid{grid-template-columns:1fr}.guide-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-tabs button{padding:11px 8px;font-size:.84rem}.guide-panel{padding:20px 16px;border-radius:20px}.guide-panel__header{align-items:flex-start;flex-direction:column;gap:12px}.guide-modes{max-width:100%;text-align:left}.guide-map button{min-height:140px;padding:9px 4px}.guide-map:before{top:34px}.guide-map__icon{width:68px;height:52px}.guide-map strong{font-size:.73rem}.guide-detail{grid-template-columns:42px 1fr;gap:10px;padding:17px 13px}.guide-detail__number{font-size:1.8rem}.guide-detail div>p:not(.guide-detail__label,.guide-action){font-size:.9rem}.guide-pagination{align-items:flex-start}.guide-pagination>div{gap:5px}.guide-pagination button{padding:8px 7px;font-size:.75rem}.video-techniques__grid{grid-template-columns:1fr}.technique-card__body{padding-left:16px}.release{padding-bottom:65px}.site-footer{width:calc(100% - 32px);flex-direction:column;gap:8px;padding-bottom:36px;text-align:center}}@media (max-width: 360px){.nav-links{gap:0;white-space:normal}.nav-links a{flex:1;min-width:0;text-align:center;line-height:1.25}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}