@font-face{font-family:GuideSerif;src:local(Songti SC),local(STSong);font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172027;--ink:#172027;--muted:#65717d;--line:#d9e1ea;--paper:#fff;--soft:#edf3f8;--dark:#101722;--dark-2:#172131;--blue:#315fca;--blue-soft:#e8f0ff;--teal:#167f78;--coral:#bf4f3f;--gold:#ac7a21;--shadow:0 22px 70px #10172224;background:#f6f8fb;font-family:Avenir Next,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}*{box-sizing:border-box}html{scroll-padding-top:92px}body{background:radial-gradient(circle at 0 0,#315fca21,#0000 32rem),linear-gradient(#f9fbfd 0%,#f3f6fa 54%,#f8faf7 100%);min-width:320px;min-height:100vh;margin:0}a{color:inherit}.site-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-bottom:1px solid #17202714;align-items:center;gap:14px;min-height:70px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{order:1;align-items:center;gap:12px;min-width:max-content;font-weight:900;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;width:36px;height:36px;box-shadow:0 8px 18px #315fca38}.nav{order:2;align-items:center;gap:6px;margin-left:auto;display:flex}.nav a,.menu-button,.quick-start{min-height:40px;color:var(--muted);font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.nav a:hover,.nav a.active,.menu-button:hover{color:var(--ink);background:var(--blue-soft);border-color:#315fca29}.quick-start{color:#fff;background:var(--blue);order:3;font-weight:900;box-shadow:0 12px 26px #315fca33}.menu-button{order:4;display:none}.scroll-rail{z-index:18;gap:10px;display:grid;position:fixed;bottom:clamp(18px,3vw,32px);right:clamp(16px,2.5vw,28px)}.scroll-button{width:42px;height:42px;color:var(--blue);cursor:pointer;background:#ffffffe6;border:1px solid #315fca33;border-radius:8px;justify-content:center;align-items:center;transition:transform .16s,border-color .16s,color .16s,background .16s,opacity .16s;display:inline-flex;box-shadow:0 14px 34px #17202724}.scroll-button svg{animation:2.4s ease-in-out infinite scrollIconNudge}.scroll-button-down svg{animation-delay:.26s}.scroll-button:hover:not(:disabled){color:#fff;background:var(--blue);border-color:#315fca66;transform:translateY(-2px)scale(1.04)}.scroll-button:active:not(:disabled){transform:translateY(0)scale(.96)}.scroll-button:disabled{opacity:.38;cursor:default}.scroll-button:disabled svg{animation-play-state:paused}@keyframes scrollIconNudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}main{width:min(1180px,100% - 36px);margin:0 auto}.hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(34px,5vw,78px);min-height:min(720px,100vh - 70px);padding:clamp(48px,7vw,86px) 0 58px;display:grid}.eyebrow{color:var(--teal);letter-spacing:0;margin:0 0 14px;font-size:13px;font-weight:900}h1,h2,h3{color:var(--ink);margin:0;line-height:1.08}h1{max-width:780px;font-family:GuideSerif,PingFang SC,serif;font-size:clamp(38px,5vw,66px);font-weight:900}h2{font-size:clamp(25px,3vw,38px)}h3{font-size:17px}p{font-size:15px;line-height:1.72}.hero-body{color:#44525d;max-width:600px;margin:20px 0 0;font-size:clamp(16px,1.45vw,18px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-size:14px;font-weight:900;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:var(--blue);box-shadow:0 14px 30px #315fca3d}.button-secondary{border:1px solid var(--line);background:#fffc}.hero-visual{min-width:0}.product-frame,.screenshot{background:var(--dark);box-shadow:var(--shadow);border:1px solid #1720271f;border-radius:8px;margin:0;overflow:hidden}.hero-frame{transform:translateY(4px)}.flow-panel{color:#e8f2ff;background:linear-gradient(135deg, #315fca3d, transparent 45%), var(--dark);box-shadow:var(--shadow);border:1px solid #74d7cc33;border-radius:8px;overflow:hidden}.flow-panel-header{color:#dce8ff;border-bottom:1px solid #ffffff14;align-items:center;gap:10px;min-height:48px;padding:0 18px;display:flex}.flow-panel-header span{background:#74d7cc;border-radius:999px;width:9px;height:9px;box-shadow:16px 0 #5787ff,32px 0 #d7a84b}.flow-panel-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.flow-panel-body div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;min-height:142px;padding:16px}.flow-panel-body span{color:#0e1925;background:#74d7cc;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:26px;margin-bottom:18px;font-weight:900;display:inline-flex}.flow-panel-body h3{color:#fff}.flow-panel-body p{color:#b9c9dd;margin:10px 0 0;font-size:14px}.frame-bar{background:var(--dark-2);gap:7px;padding:14px 16px;display:flex}.frame-bar span{background:#5f7377;border-radius:999px;width:10px;height:10px}.frame-bar span:first-child{background:#e46a55}.frame-bar span:nth-child(2){background:#d7a84b}.frame-bar span:nth-child(3){background:#47a87b}.product-frame img,.screenshot img{width:100%;height:auto;display:block}.section-intro{max-width:820px;padding:58px 0 20px}.section-intro p:last-child{color:var(--muted);font-size:15px}.compare-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px 14px;margin:18px 0 78px;display:grid}.compare-head,.compare-row>div{border-radius:8px;padding:16px}.compare-head{color:var(--muted);background:#ffffffbd;font-size:13px;font-weight:900}.compare-head.strong{color:#dce8ff;background:var(--dark-2)}.compare-row{grid-column:1/-1;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;display:grid}.compare-row>div{background:#fff;border:1px solid #17202717;min-height:72px}.compare-row>div:last-child{color:#ecf4ff;background:linear-gradient(135deg, var(--dark) 0%, #1d3345 100%);align-items:flex-start;gap:10px;display:flex}.compare-row svg{color:#66d4c8;flex:none;margin-top:3px}.workflow-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 78px;padding:0;list-style:none;display:grid}.workflow-strip li,.feature-card,.steps li,.project-flow li{background:#ffffffd1;border:1px solid #1720271a;border-radius:8px;box-shadow:0 12px 36px #1720270f}.workflow-strip li{padding:18px}.workflow-strip span{color:#fff;background:var(--teal);border-radius:8px;justify-content:center;align-items:center;width:34px;height:28px;margin-bottom:18px;font-weight:900;display:inline-flex}.workflow-strip p,.feature-card p,.project-flow p{color:var(--muted);font-size:14px}.scenario-grid{gap:18px;margin:20px 0 78px;display:grid}.scenario-case{background:#fff;border:1px solid #1720271a;border-radius:8px;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:0 18px 48px #17202714}.scenario-case:hover{transform:translateY(-2px);box-shadow:0 24px 62px #1720271f}.scenario-light,.scenario-dark{padding:22px}.scenario-heading{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.scenario-heading .icon-box{flex:none;margin-bottom:0}.scenario-light{background:linear-gradient(#fff 0%,#f5f8fb 100%)}.scenario-dark{color:#dce8ff;background:linear-gradient(135deg, #315fca47, transparent 46%), var(--dark)}.scenario-dark h3,.scenario-dark p,.scenario-dark strong{color:inherit}.case-kicker{color:var(--teal);margin:0 0 5px;font-size:12px;font-weight:900}.danger-keyword{color:#c9352b;font-weight:900}.scenario-dark .case-kicker{color:#74d7cc}.scenario-light p,.scenario-dark p{margin:10px 0 0;font-size:14px}.scenario-heading .case-kicker{margin:0 0 5px}.scenario-light strong,.scenario-dark strong{margin-top:16px;font-size:13px;display:block}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0 72px;display:grid}.feature-card{min-height:160px;padding:16px;text-decoration:none;display:block}.feature-card-link{transition:transform .18s,border-color .18s,box-shadow .18s}.feature-card-link:hover{border-color:#315fca52;transform:translateY(-3px);box-shadow:0 18px 46px #1720271f}.icon-box{width:40px;height:40px;color:var(--blue);background:var(--blue-soft);border-radius:8px;justify-content:center;align-items:center;margin-bottom:14px;display:inline-flex}.project-flow,.steps{gap:12px;margin:18px 0 48px;padding:0;list-style:none;display:grid}.project-flow li,.steps li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:15px;display:grid}.project-flow span,.step-number{color:#fff;background:var(--teal);border-radius:8px;justify-content:center;align-self:start;align-items:center;width:30px;height:30px;font-weight:900;display:inline-flex}.steps p{color:var(--muted);margin:8px 0 0;font-size:14px}.steps h3,.project-flow h3{margin-top:0}.guide-layout{grid-template-columns:248px minmax(0,1fr);align-items:start;gap:clamp(26px,4vw,48px);width:min(1180px,100% - 36px);margin:0 auto;display:grid}.guide-sidebar{background:#ffffffdb;border:1px solid #17202717;border-radius:8px;max-height:calc(100vh - 112px);padding:18px;position:sticky;top:92px;overflow:auto;box-shadow:0 12px 34px #1720270f}.guide-sidebar p{color:var(--teal);margin:0 0 14px;font-size:13px;font-weight:900}.guide-nav-group{gap:6px;margin-top:16px;display:grid}.guide-nav-group strong{color:var(--ink);font-size:13px}.guide-nav-group a{color:var(--muted);border:1px solid #0000;border-radius:7px;padding:7px 9px 7px 12px;font-size:13px;text-decoration:none;position:relative}.guide-nav-group a:hover,.guide-nav-group a.active{color:var(--blue);background:var(--blue-soft);border-color:#315fca2e}.guide-nav-group a.active{font-weight:900}.guide-nav-group a.active:before{background:var(--blue);content:"";border-radius:999px;width:3px;position:absolute;top:7px;bottom:7px;left:4px}.guide-content{min-width:0}.article{max-width:860px;padding:42px 0 84px}.article h1{max-width:760px;font-size:clamp(30px,3.8vw,48px)}.article h2{border-top:1px solid var(--line);margin-top:42px;padding-top:18px;font-size:clamp(22px,2.5vw,30px)}.article h3{margin-top:24px;font-size:18px;line-height:1.32}.article .steps h3,.article .project-flow h3{margin-top:0}.article>p,.article li{color:#293842;font-size:15px}.article li{margin:10px 0;line-height:1.72}.screenshot{background:#fff;margin:24px 0 36px}.screenshot figcaption{color:var(--muted);background:#fff;padding:12px 16px 14px;font-size:14px}.tip{color:#244e4b;background:#e9f5f3;border:1px solid #167f7838;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin:24px 0;padding:18px;display:grid}.copy-block,.answer-card{background:#f6fbf8;border:1px solid #167f782e;border-radius:8px;margin:18px 0;padding:16px 16px 18px;position:relative;box-shadow:0 12px 34px #1720270f}.answer-card{background:#eef5ff;border-color:#315fca29;padding-right:104px}.copy-block-header,.prompt-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.copy-block-header span,.prompt-heading span{color:var(--teal);font-size:13px;font-weight:900}.copy-block p,.answer-card p{color:#263842;margin:0;font-size:14px}.copy-button{min-height:30px;color:var(--blue);font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #315fca33;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:900;display:inline-flex}.advanced-playbook{gap:16px;margin:22px 0 48px;display:grid}.advanced-play{background:#ffffffdb;border:1px solid #1720271a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px;display:grid;box-shadow:0 12px 34px #1720270f}.advanced-play-index{color:#fff;background:var(--dark-2);border-radius:8px;justify-content:center;align-items:center;width:38px;height:32px;font-size:13px;font-weight:900;display:inline-flex}.advanced-play-content{min-width:0}.advanced-play-content h3{margin:2px 0 10px}.advanced-play-content>p{color:#33434d;margin:10px 0 0;font-size:14px}.advanced-play .copy-block{margin:12px 0}.answer-card .copy-button{position:absolute;top:12px;right:12px}.answer-block{margin:24px 0}.answer-block h3{margin-bottom:10px}.prompt-example{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0;display:grid}.prompt-example>div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:18px}.prompt-example span{color:var(--coral);font-weight:900}.prompt-example div:first-child span{color:var(--teal)}.prompt-example p{margin-bottom:0;font-size:14px}@media (width<=980px){.hero,.compare-grid,.compare-row,.scenario-case,.workflow-strip,.prompt-example,.advanced-play,.guide-layout{grid-template-columns:1fr}.hero{min-height:auto}.guide-sidebar{max-height:none;margin-top:18px;position:static}}@media (width<=760px){.topbar{min-height:64px}.quick-start{display:none}.menu-button{margin-left:auto;display:inline-flex}.nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;flex-direction:column;align-items:stretch;margin-left:0;padding:8px;display:none;position:absolute;top:64px;left:14px;right:14px}.nav-open{display:flex}.nav a{justify-content:flex-start}main,.guide-layout{width:min(100% - 28px,1180px)}h1{font-size:clamp(30px,9vw,42px)}h2{font-size:clamp(22px,6.5vw,30px)}.hero{padding-top:34px}.flow-panel-body{grid-template-columns:1fr}.compare-head{display:none}.scenario-light,.scenario-dark{padding:18px}.answer-card{padding-right:16px}.answer-card .copy-button{margin-bottom:10px;position:static}.scroll-rail{bottom:14px;right:14px}.scroll-button{width:38px;height:38px}}