:root{--ink:#07162b;--ink2:#102746;--paper:#f6f1e7;--white:#fffdf8;--accent:#ff5538;--gold:#ffc95c;--cyan:#5bd6d0;--muted:#657286;--line:#d9d5ca;--shadow:0 22px 70px #07162b1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.65 Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.wrap{width:min(1160px,100% - 40px);margin:auto}.nav{z-index:20;color:#fff;background:#07162b;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.navin{align-items:center;gap:24px;height:68px;display:flex}.brand{white-space:nowrap;font-weight:950}.brand i{color:var(--accent);font-style:normal}.links{color:#b9c5d4;gap:22px;margin-left:auto;font-size:14px;display:flex}.links a:hover,.links a.active{color:#fff}.links a.active:after{content:"";background:var(--accent);height:2px;margin-top:4px;display:block}.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,var(--accent),transparent 68%);opacity:.24;border-radius:50%;width:520px;height:520px;position:absolute;top:-240px;right:-180px}.heroIn{z-index:1;padding:78px 0 68px;position:relative}.crumb{color:#8fa2b9;margin-bottom:28px;font-size:13px}.crumb a{color:var(--cyan)}.eyebrow{letter-spacing:.16em;color:var(--cyan);font-size:12px;font-weight:900}.hero h1{letter-spacing:-.055em;max-width:900px;margin:14px 0 24px;font-size:clamp(44px,7.5vw,84px);line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.lead{color:#bdc9d8;max-width:760px;margin:0;font-size:19px}.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-weight:900;display:inline-flex}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{color:#fff;border:1px solid #66778c}.section.white{background:#fff}.head{grid-template-columns:.8fr 1.2fr;align-items:end;gap:40px;margin-bottom:34px;display:grid}.head h2{letter-spacing:-.045em;margin:6px 0;font-size:clamp(34px,5vw,58px);line-height:1.04}.head p{color:var(--muted);margin:0}.kicker{color:var(--accent);letter-spacing:.14em;font-size:12px;font-weight:950}.grid{grid-template-columns:repeat(2,1fr);gap:17px;display:grid}.grid.three{grid-template-columns:repeat(3,1fr)}.card{background:var(--white);border:1px solid var(--line);border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.card .no{color:var(--accent);letter-spacing:.1em;font-size:12px;font-weight:950}.card h2,.card h3{margin:10px 0;line-height:1.22}.card h3{font-size:23px}.card p{color:var(--muted);margin:0}.card .go{color:var(--accent);margin-top:18px;font-weight:900;display:inline-block}.chips{flex-wrap:wrap;gap:7px;margin-top:17px;display:flex}.chips b{color:#435268;background:#ebe7de;border-radius:999px;padding:4px 9px;font-size:12px}.dark{background:var(--ink);color:#fff}.dark .head p,.dark .card p{color:#aebccd}.dark .card{background:var(--ink2);border-color:#29415f}.dark .chips b{color:#b7e9e5;background:#1c3656}.timeline{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.time{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:21px}.time strong{font-size:25px;display:block}.time span{color:var(--muted);font-size:13px}.detail{grid-template-columns:260px 1fr;gap:54px;display:grid}.side{align-self:start;position:sticky;top:96px}.side a{color:var(--muted);border-radius:9px;padding:9px 12px;font-size:14px;display:block}.side a:hover,.side a.active{color:var(--ink);background:#ebe6db;font-weight:800}.article section{margin-bottom:46px}.article h2{margin:0 0 16px;font-size:34px;line-height:1.15}.article h3{margin:25px 0 8px}.article p,.article li{color:#46556a}.article li+li{margin-top:8px}.io{grid-template-columns:1fr 1fr;gap:12px;display:grid}.io div{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px}.io small{color:var(--accent);font-weight:900;display:block}.steps{counter-reset:step;gap:12px;display:grid}.step{counter-increment:step;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px 18px 62px;position:relative}.step:before{content:counter(step,decimal-leading-zero);color:var(--accent);font-weight:950;position:absolute;top:18px;left:19px}.checklist{padding:0;list-style:none}.checklist li{background:#eae5db;border-radius:12px;padding:12px 15px}.checklist li:before{content:"✓";color:var(--accent);margin-right:10px;font-weight:950}.resource{flex-direction:column;min-height:270px;display:flex}.resource footer{justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:20px;display:flex}.resource small{color:#7c8796}.resource footer a{color:var(--accent);font-weight:900}.search{color:#fff;background:#102746;border:1px solid #3b5270;border-radius:999px;width:min(520px,100%);margin-top:28px;padding:13px 18px}.notice{background:var(--ink);color:#fff;border-radius:22px;margin-top:26px;padding:26px}.notice p{color:#bac7d6}.notice a{color:var(--cyan);font-weight:900}.footer{color:#8798ad;background:#05101f;padding:34px 0;font-size:13px}.footIn{justify-content:space-between;gap:20px;display:flex}.hidden{display:none!important}@media (width<=900px){.grid.three,.timeline{grid-template-columns:repeat(2,1fr)}.detail{grid-template-columns:1fr}.side{display:none}.head{grid-template-columns:1fr;gap:10px}.links{gap:12px}.links a:nth-child(4){display:none}}@media (width<=620px){.wrap{width:min(100% - 24px,1160px)}.heroIn{padding:52px 0}.hero h1{font-size:46px}.grid,.grid.three,.timeline,.io{grid-template-columns:1fr}.links a:nth-child(3){display:none}.section{padding:58px 0}.footIn{flex-direction:column}}.hero h1{max-width:1080px}.langMenu{color:#fff;position:relative}.langMenu summary{cursor:pointer;white-space:nowrap;list-style:none}.langMenu summary::-webkit-details-marker{display:none}.langMenu summary:after{content:"▾";color:var(--cyan);margin-left:5px}.langMenu>div{background:var(--ink2);min-width:170px;box-shadow:var(--shadow);border:1px solid #34506f;border-radius:12px;padding:8px;position:absolute;top:32px;right:0}.langMenu>div a{color:#c5d0dc;border-radius:7px;padding:7px 10px;display:block}.langMenu>div a:hover{color:#fff;background:#1c3656}@media (width<=900px){.langMenu>div{box-shadow:none;margin-top:6px;position:static}}.menu{color:#fff;background:0 0;border:1px solid #40536c;border-radius:999px;margin-left:auto;padding:8px 13px;font-weight:850;display:none}.searchLink{align-items:center;gap:6px;display:inline-flex}.searchLink:before{content:"⌕";font-size:18px;line-height:1}.navSearch{display:none}.resultCount{color:var(--muted);margin:18px 0 0}.copy{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:7px 12px;font-size:13px;font-weight:850}.copy:hover{border-color:var(--accent);color:var(--accent)}.templateText{white-space:pre-wrap;color:#3f4f64;background:#eeeadf;border-radius:12px;margin-top:16px;padding:14px;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}.emptyState{border:1px dashed var(--line);color:var(--muted);border-radius:18px;padding:30px}.stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0;display:grid}.stat{background:var(--ink2);color:#fff;border-radius:16px;padding:18px}.stat strong{color:var(--cyan);font-size:28px;display:block}.stat span{color:#adbbcc;font-size:12px}.demoNav{gap:8px;padding:4px 0 22px;display:flex;overflow:auto}.demoNav a{white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px}.demoNav a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.downloads{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.downloads a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:850}.downloads a:hover{border-color:var(--accent);color:var(--accent)}.quote{border-left:4px solid var(--accent);padding:8px 0 8px 18px;font-size:21px;line-height:1.5}.dataList{gap:10px;padding:0;list-style:none;display:grid}.dataList li{background:var(--white);border:1px solid var(--line);color:#46556a;border-radius:13px;padding:13px 15px}.stageStatus{color:#287d69;font-size:12px;font-weight:900}@media (width<=900px){.menu{display:block}.navin{position:relative}.links{background:var(--ink);border-top:1px solid #273b55;flex-direction:column;gap:0;margin:0;padding:12px;display:none;position:absolute;top:68px;left:0;right:0;box-shadow:0 18px 30px #00000038}.nav.open .links{display:flex}.links a,.links a:nth-child(4){border-radius:10px;padding:12px;display:block!important}.links a.active:after{display:none}.links a:hover,.links a.active{background:#142c4b}}@media (width<=620px){.links a:nth-child(3){display:block!important}.stats{grid-template-columns:repeat(2,1fr)}}.workbench{border:1px solid var(--line);background:#fff;border-radius:24px;padding:26px}.toolHead{grid-template-columns:1fr auto;align-items:start;gap:22px;display:grid}.toolBadge{color:#176b65;white-space:nowrap;background:#e7f7f5;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:900}.screenShot{background:#0b1930;border:1px solid #304764;border-radius:18px;margin:20px 0;overflow:hidden;box-shadow:0 18px 45px #07162b2e}.screenBar{background:#132844;border-bottom:1px solid #304764;gap:7px;padding:11px 14px;display:flex}.screenBar i{background:#ff765f;border-radius:50%;width:9px;height:9px}.screenBar i:nth-child(2){background:#ffc95c}.screenBar i:nth-child(3){background:#5bd6d0}.screenBody{grid-template-columns:140px 1fr;min-height:230px;display:grid}.screenSide{color:#8ea4be;border-right:1px solid #304764;padding:18px;font-size:12px}.screenSide b{color:#fff;margin-bottom:14px;display:block}.screenFields{gap:10px;padding:20px;display:grid}.screenField{color:#dce7f4;grid-template-columns:110px 1fr;gap:12px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.screenField span{color:#63d7d0}.operation{grid-template-columns:34px 1fr;align-items:start;gap:12px;margin:12px 0;display:grid}.operation b{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.operation p{color:#46556a;margin:2px 0}.tipBox{border-left:4px solid var(--gold);background:#fff7df;border-radius:0 14px 14px 0;margin-top:20px;padding:16px 18px}.sources{gap:8px;display:grid}.sources a{color:#176b65;text-underline-offset:3px;font-weight:800;text-decoration:underline}@media (width<=620px){.toolHead,.screenBody{grid-template-columns:1fr}.screenSide{display:none}.screenField{grid-template-columns:90px 1fr}.workbench{padding:18px}}.shotTable{border:1px solid var(--line);border-radius:16px;margin:20px 0;display:grid;overflow:hidden}.shotRow{background:var(--white);color:#46556a;grid-template-columns:60px 60px 1.5fr 1fr;align-items:center;gap:12px;padding:13px 15px;display:grid}.shotRow+.shotRow{border-top:1px solid var(--line)}.shotHead{background:var(--ink);color:#fff;font-size:12px}.shotRow>b:first-child{color:var(--accent)}.shotHead>b:first-child{color:#fff}@media (width<=700px){.shotRow{grid-template-columns:42px 46px 1fr}.shotRow>:last-child{grid-column:3}.shotHead>:last-child{display:none}}.resultGallery{grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0;display:grid}.resultFigure{background:var(--ink);border-radius:16px;margin:0;overflow:hidden}.resultFigure img{aspect-ratio:9/16;object-fit:cover;width:100%;display:block}.resultFigure figcaption{color:#d6e1ee;padding:11px 12px;font-size:12px}.resultStatus{color:#287d69;align-items:center;gap:7px;margin-top:8px;font-size:12px;font-weight:900;display:inline-flex}.resultStatus:before{content:"✓";background:#dff4ed;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.videoResults{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}.videoResult{background:var(--ink);border-radius:18px;margin:0;overflow:hidden}.videoResult video{aspect-ratio:9/16;background:#02070d;width:100%;display:block}.videoResult figcaption{color:#d6e1ee;padding:12px 14px;font-size:13px}.finalVideo{aspect-ratio:9/16;width:min(420px,100%);box-shadow:var(--shadow);background:#02070d;border-radius:20px;margin:18px auto;display:block}.dukouGallery{grid-template-columns:repeat(2,1fr);gap:14px;margin:22px 0;display:grid}.dukouGallery .resultFigure img,.dukouVideos .videoResult video{aspect-ratio:16/9}.dukouVideos{grid-template-columns:repeat(2,1fr)}@media (width<=800px){.resultGallery{grid-template-columns:repeat(2,1fr)}.videoResults,.dukouGallery{grid-template-columns:1fr}}.guideShell{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:38px;display:grid}.pageToc{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px;position:sticky;top:88px}.pageToc strong{padding:6px 9px 10px;display:block}.pageToc a{color:var(--muted);border-radius:8px;padding:8px 9px;font-size:13px;display:block}.pageToc a:hover{color:var(--ink);background:#eee9df}.tutorial{min-width:0}.tutorialChapter{border-bottom:1px solid var(--line);margin-bottom:48px;padding:0 0 48px;scroll-margin-top:88px}.tutorialChapter:last-child{border:0;margin-bottom:0}.chapterHead{grid-template-columns:58px 1fr;align-items:start;gap:16px;margin-bottom:22px;display:grid}.chapterNo{background:var(--accent);color:#fff;border-radius:15px;place-items:center;width:58px;height:58px;font-size:22px;font-weight:950;display:grid}.chapterHead h2{letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(29px,4vw,44px);line-height:1.08}.chapterHead p{color:var(--muted);margin:0}.compactGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.compactCard{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px}.compactCard small{color:var(--accent);letter-spacing:.08em;font-weight:900;display:block}.compactCard h3{margin:5px 0 8px}.compactCard p{color:var(--muted);margin:0}.gate{border-left:4px solid var(--cyan);background:#e7f5f2;border-radius:0 12px 12px 0;margin:18px 0 0;padding:15px 17px}.deliverable{background:var(--ink);color:#fff;border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:14px 16px;display:flex}.deliverable b{color:var(--cyan);white-space:nowrap}.miniTable{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.miniTable th,.miniTable td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}.miniTable th{color:var(--accent);letter-spacing:.06em;font-size:12px}.chapterTools{flex-wrap:wrap;gap:7px;margin:10px 0 16px;display:flex}.chapterTools b{background:#ebe7de;border-radius:999px;padding:5px 9px;font-size:12px}.heroIn{padding:58px 0 52px}.section{padding:58px 0}@media (width<=900px){.guideShell{grid-template-columns:1fr}.pageToc{white-space:nowrap;gap:3px;display:flex;position:static;overflow:auto}.pageToc strong{display:none}.pageToc a{flex:none}.compactGrid{grid-template-columns:1fr}.tutorialChapter{margin-bottom:38px;padding-bottom:38px}}html,body{max-width:100%;overflow-x:clip}img,video,iframe{max-width:100%}.article,.card,.notice,.workbench,.tutorial,.tutorialChapter{min-width:0}.article p,.article li,.card p,.lead,.quote,.templateText,.screenField strong{overflow-wrap:anywhere;word-break:break-word}.templateText,pre{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto}.miniTable{-webkit-overflow-scrolling:touch;white-space:nowrap;max-width:100%;display:block;overflow-x:auto}.miniTable th,.miniTable td{white-space:normal;min-width:120px}.demoNav,.pageToc{scrollbar-width:thin;-webkit-overflow-scrolling:touch}.demoNav a,.pageToc a{align-items:center;min-height:42px;display:flex}.downloads a,.btn,.menu{touch-action:manipulation}.article iframe{height:min(760px,72vh)!important}@media (width<=620px){body{font-size:15.5px;line-height:1.72}.wrap{width:calc(100% - 28px)}.navin{gap:12px;height:60px}.brand{text-overflow:ellipsis;max-width:calc(100% - 78px);font-size:15px;overflow:hidden}.menu{min-height:42px;padding:7px 14px;display:block}.links{max-height:calc(100vh - 60px);padding:10px 14px 16px;top:60px;left:-14px;right:-14px;overflow-y:auto}.links a,.links a:nth-child(3),.links a:nth-child(4){min-height:44px;padding:11px 12px;display:block!important}.langMenu summary{align-items:center;min-height:44px;padding:0 12px;display:flex}.langMenu>div{min-width:0;margin:0;padding:4px 12px 8px}.heroIn{padding:36px 0 34px}.crumb{white-space:nowrap;text-overflow:ellipsis;margin-bottom:18px;overflow:hidden}.eyebrow{letter-spacing:.11em;font-size:11px}.hero h1{letter-spacing:-.04em;margin:10px 0 16px;font-size:clamp(34px,11vw,46px);line-height:1.04}.lead{font-size:16px;line-height:1.65}.section{padding:40px 0}.head{margin-bottom:24px}.head h2{font-size:clamp(29px,9vw,38px);line-height:1.1}.grid,.grid.three,.timeline,.io,.stats{grid-template-columns:1fr}.card{border-radius:16px;padding:19px}.card h3{font-size:21px}.stats{gap:8px;margin:20px 0}.stat{padding:14px}.stat strong{font-size:24px}.detail{gap:24px}.article h2{font-size:27px;line-height:1.2}.article h3{font-size:20px}.article section{margin-bottom:34px}.actions{grid-template-columns:1fr;gap:9px;width:100%;display:grid}.actions .btn{text-align:center;width:100%;min-height:48px}.notice{border-radius:16px;padding:19px}.quote{padding-left:14px;font-size:18px}.downloads{grid-template-columns:1fr;display:grid}.downloads a{text-align:center;justify-content:center;align-items:center;min-height:44px;display:flex}.demoNav{margin:0 -14px;padding:2px 14px 18px}.demoNav a{padding:7px 12px}.workbench{border-radius:17px;padding:17px}.toolHead{grid-template-columns:1fr;gap:10px}.toolBadge{justify-self:start}.screenShot{border-radius:14px;margin:16px 0}.screenFields{padding:15px}.screenField{grid-template-columns:80px minmax(0,1fr);gap:8px;font-size:12px}.steps .step{padding:16px 15px 16px 52px}.step:before{top:16px;left:15px}.checklist li{padding:11px 12px}.checklist li+li{margin-top:7px}.chapterHead{grid-template-columns:42px minmax(0,1fr);gap:12px}.chapterNo{border-radius:12px;width:42px;height:42px;font-size:17px}.chapterHead h2{font-size:28px}.chapterTools b{line-height:1.45}.deliverable{flex-direction:column;gap:4px}.deliverable b{white-space:normal}.resultGallery,.dukouGallery{grid-template-columns:1fr}.resultFigure,.videoResult{border-radius:14px}.videoResults,.dukouVideos{grid-template-columns:1fr}.finalVideo{width:100%;max-height:72vh}.miniTable{margin-left:0;margin-right:0}.miniTable th,.miniTable td{min-width:108px;padding:9px 10px}.shotTable{-webkit-overflow-scrolling:touch;overflow-x:auto}.shotRow{min-width:620px}.article iframe{border-radius:12px!important;height:64vh!important}.footer{padding:28px 0}.footIn{gap:10px}.resource{min-height:0}.resource footer{flex-direction:column;align-items:flex-start}}.grid>.card.resource{content-visibility:auto;contain-intrinsic-size:auto 260px}