@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#08172e;--navy:#0b1b33;--blue:#397fe8;--sky:#68ccf4;--paper:#f7f8fb;--line:#dfe6f0;--muted:#6b7b94;--gold:#e8c467;--pad:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans SC',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:white;padding:8px;z-index:9}header{height:72px;background:var(--navy);color:white;display:flex;align-items:center;padding:0 var(--pad);position:sticky;top:0;z-index:5;box-shadow:0 10px 25px #07152c20}.brand{display:flex;align-items:center}.brand img{width:182px;height:auto}.menu{display:none;background:none;color:white;border:0;font-size:22px}nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:15px;font-weight:600}nav a{opacity:.78}nav a:hover,nav a[aria-current=page]{opacity:1}.contact{padding:8px 16px;border:1px solid #cfe3ff77;border-radius:999px}.hero{background:radial-gradient(circle at 80% 40%,#274d7c 0,#0b1b33 48%,#071426 100%);color:white;min-height:690px;display:flex;align-items:center;overflow:hidden}.hero-inner{width:min(1240px,calc(100% - 2*var(--pad)));margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:50px;align-items:center}.eyebrow,.section-label{font:500 11px/1.2 'DM Mono',monospace;letter-spacing:.16em;color:var(--sky);text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,80px);line-height:1.12;letter-spacing:-.07em;margin:22px 0}.hero h1 span{background:linear-gradient(90deg,#7ddcff,#eaca77);color:transparent;background-clip:text}.hero p{font-size:18px;color:#c3d1e3;max-width:560px}.buttons{display:flex;gap:14px;margin-top:30px}.button,.ghost{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:999px;font-weight:700}.button{background:linear-gradient(110deg,#4c9bf8,#62d0f0);color:#07162b;box-shadow:0 10px 26px #489cf655}.ghost{border:1px solid #b9d5f855;color:white}.hero-foot{margin-top:55px;color:#8199b6;font-size:12px;letter-spacing:.06em}.hero-foot i{color:#4ca8ee;padding:0 8px}.phone{width:min(355px,78%);justify-self:end;margin:0;position:relative;background:#071221;border:1px solid #86cafa55;border-radius:28px;box-shadow:0 30px 80px #0008;overflow:hidden;transform:rotate(1deg)}.phone video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#020812}.phone figcaption{padding:11px 15px;color:#bcd1eb;font-size:12px;letter-spacing:.08em;background:#102946}.wrap{width:min(1180px,calc(100% - 2*var(--pad)));margin:auto}.journey{padding:98px 0 58px}.journey h2,.section-heading h2,.quality-banner h2,.contact-section h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;line-height:1.15;margin:16px 0 32px}.workflow{background:linear-gradient(145deg,#fff,#f3f7fc);border:1px solid #d4e0ee;border-radius:22px;padding:25px;margin:0;position:relative;overflow:hidden;box-shadow:0 20px 45px #132b4b10}.workflow:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-140px;background:radial-gradient(circle,#77bbff28,transparent 68%);pointer-events:none}.workflow figcaption{display:flex;justify-content:space-between;align-items:center;font-weight:800}.workflow figcaption span{font-size:17px}.workflow figcaption small{color:var(--muted);font-size:12px}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:22px;position:relative}.flow:before{content:"";position:absolute;left:6%;right:6%;top:50%;height:1px;background:linear-gradient(90deg,#83b8f2,#d4e0ed);z-index:0}.flow-step{border:1px solid #e0e9f3;background:linear-gradient(145deg,#fff,#f2f6fb);text-align:left;border-radius:14px;padding:13px 11px;color:var(--muted);cursor:pointer;min-height:76px;position:relative;z-index:1;box-shadow:0 8px 18px #17365c12;transition:transform .2s,box-shadow .2s}.flow-step:hover{transform:translateY(-3px);box-shadow:0 14px 24px #17365c1e}.flow-step b{font:500 11px 'DM Mono';color:var(--blue);display:block}.flow-step span{font-size:13px;display:block;margin-top:8px;font-weight:700}.flow-step[aria-pressed=true]{background:var(--navy);color:white;box-shadow:0 12px 24px #0b1b3350;transform:translateY(-2px)}.flow-caption{font-size:13px;color:var(--muted);margin:16px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading>a{color:var(--blue);font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{background:white;border:1px solid var(--line);padding:25px;border-radius:17px;min-height:210px;transition:.2s}.feature:hover{transform:translateY(-3px);border-color:#8db9f4;box-shadow:0 12px 32px #10285012}.feature:nth-child(4){border-top:3px solid #7e6caf}.feature h3{font-size:21px;letter-spacing:-.04em;margin:21px 0 8px}.feature p{color:var(--muted);font-size:14px}.read{color:var(--blue);font-size:13px;font-weight:700}.quality-banner{margin-top:110px;margin-bottom:90px;background:var(--navy);border-radius:24px;padding:clamp(30px,6vw,70px);color:white;display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.quality-banner p{color:#bacbe0}.quality-stack{display:grid;gap:10px}.quality-stack>div{background:#fff10;border:1px solid #a5c6e333;border-radius:14px;padding:17px 20px;font-weight:700}.quality-stack b{color:var(--sky);font:500 12px 'DM Mono';margin-right:12px}.quality-stack small{display:block;color:#8ea5c0;font-weight:400;margin-left:34px;font-size:12px}.contact-section{padding:80px 0 110px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-grid>div{background:white;border:1px solid var(--line);padding:20px;border-radius:14px}.contact-grid small,.contact-grid b{display:block}.contact-grid small{color:var(--muted);font-size:12px}.contact-grid b{font-size:20px;margin-top:7px}.contact-section>p{color:var(--muted);font-size:13px}.manual-layout{width:min(1340px,calc(100% - 2*var(--pad)));margin:0 auto;display:grid;grid-template-columns:220px minmax(0,780px) 150px;gap:40px;padding:52px 0 90px}.chapter-nav{position:sticky;top:105px;height:max-content;display:flex;flex-direction:column;gap:2px;margin:0}.chapter-nav .back{color:var(--blue);font-size:13px;font-weight:700;margin-bottom:23px}.chapter-nav .section-label{margin-bottom:9px;color:var(--muted);font-size:10px}.chapter-nav>a:not(.back){padding:10px 8px;border-radius:8px;font-size:13px;line-height:1.45;color:var(--muted);display:flex;gap:8px}.chapter-nav>a[aria-current=page]{background:#e6efff;color:var(--blue);font-weight:700}.chapter-nav small{font:500 10px 'DM Mono';color:var(--blue)}.manual-layout article{min-width:0}.breadcrumb{color:var(--muted);font-size:12px;margin-bottom:30px}.article-head{border-bottom:1px solid var(--line);padding-bottom:32px}.article-head h1{font-size:clamp(38px,5vw,61px);letter-spacing:-.07em;line-height:1.1;margin:16px 0}.article-head>p{font-size:18px;color:var(--muted);margin:0}.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.pills span{font-size:11px;background:white;border:1px solid var(--line);padding:5px 9px;border-radius:999px;color:var(--muted)}.article{font-size:15px}.article>p,.article>ul,.article>ol{max-width:700px}.article h2{font-size:27px;letter-spacing:-.05em;margin:48px 0 14px}.article h3{font-size:18px}.article p{color:#50617b}.article li{color:#50617b;margin:6px 0}.article strong{color:var(--ink)}.instruction{border-top:1px solid var(--line);padding-top:8px;margin-top:44px}.instruction .section-label{color:var(--blue);margin-top:30px;display:block}.step-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:16px 0 18px}.step-strip span{background:#fff;border:1px solid var(--line);padding:10px;border-radius:9px;font-size:12px;color:var(--muted)}.step-strip b{color:var(--blue);font:500 11px 'DM Mono';margin-right:7px}.notice{border-left:3px solid var(--gold);padding:15px 17px;background:#fffaf0;color:#655735;font-size:13px;margin:30px 0}.toc{position:sticky;top:105px;height:max-content;border-left:1px solid var(--line);padding-left:18px;display:flex;flex-direction:column;gap:10px;font-size:11px;color:var(--muted)}.toc a:hover{color:var(--blue)}.quadrants,.quality-cards,.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:30px 0}.quadrants>div,.quality-cards>div,.roles-grid>div{border-radius:12px;padding:15px;background:white;border:1px solid var(--line)}.quadrants>div:nth-child(1){border-top:3px solid #5a90eb}.quadrants>div:nth-child(2){border-top:3px solid #58b9e8}.quadrants>div:nth-child(3){border-top:3px solid #aab5c7}.quadrants>div:nth-child(4){border-top:3px solid #a48bd2}.quadrants b,.quality-cards b{display:block;font-size:14px}.quadrants span{display:block;color:var(--muted);font-size:11px;margin-top:7px}.quality-cards{grid-template-columns:repeat(3,1fr)}.quality-cards>div{border-top:3px solid var(--blue)}.quality-cards p{font-size:12px;margin:5px 0 0}.roles-grid{grid-template-columns:repeat(2,1fr)}.roles-grid h3{margin:0;font-size:16px}.roles-grid p{font-size:12px;margin:5px 0}.demo-video{background:transparent;border-radius:0;overflow:visible;margin:36px 0}.demo-video video{width:100%;display:block;max-height:520px;object-fit:contain;background:transparent;border-radius:0}.demo-video figcaption{color:var(--muted);font-size:12px;padding:10px 0}.login-image{margin:30px 0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.login-image img{display:block;width:100%;cursor:zoom-in}.login-image figcaption{padding:10px 14px;font-size:12px;color:var(--muted)}.chapter-end{border-top:1px solid var(--line);margin-top:55px;padding-top:20px;color:var(--muted);font-size:13px}.chapter-end a{color:var(--blue);font-weight:700}.docs-cover{padding:95px 0 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}.docs-cover h1{font-size:clamp(43px,6vw,78px);letter-spacing:-.08em;line-height:1.05;margin:22px 0}.docs-cover p{font-size:18px;color:var(--muted)}.cover-index{background:var(--navy);color:white;border-radius:18px;padding:28px;display:grid;gap:12px}.cover-index b{font-size:13px}.cover-index b:before{content:'—';color:var(--sky);margin-right:10px}.cover-index a{color:var(--sky);font-weight:700;margin-top:15px}.directory-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.docs-side{position:sticky;top:105px;height:max-content;padding:20px 16px;background:#f4f7fb;border:1px solid var(--line);border-radius:16px}.docs-side .section-label{display:block;margin-bottom:12px}.docs-side a{display:flex;gap:8px;align-items:flex-start;padding:8px 6px;border-radius:7px;color:var(--muted);font-size:13px;line-height:1.4}.docs-side a:hover{background:#e6efff;color:var(--blue)}.docs-side small{font:500 10px "DM Mono";color:var(--blue);padding-top:2px}.directory{padding-bottom:110px}.directory>label{font-weight:800;display:block;margin-bottom:10px}.directory input{width:100%;padding:16px 19px;border:1px solid var(--line);border-radius:12px;background:white;outline:none}.directory input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #397fe822}.chapter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px}.chapter-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;min-height:180px}.chapter-card:hover{border-color:#93bbf0;box-shadow:0 10px 28px #10285010}.chapter-card h2{font-size:20px;letter-spacing:-.04em;margin:18px 0 6px}.chapter-card p{font-size:13px;color:var(--muted);min-height:43px}.changelog{padding:90px 0 120px}.changelog h1{font-size:62px;letter-spacing:-.08em;margin:20px 0}.changelog>p{color:var(--muted);font-size:18px}.release{background:white;border:1px solid var(--line);padding:27px;border-radius:16px;margin:20px 0;max-width:800px}.release time{font:500 11px 'DM Mono';color:var(--blue)}.release h2{margin:14px 0 8px}.release p,.release li{color:var(--muted);font-size:14px}footer{background:var(--navy);color:#adc0d9;padding:30px var(--pad);display:flex;justify-content:space-between;font-size:12px}footer a{color:var(--sky)}#zoom{border:0;padding:0;max-width:min(90vw,1000px);background:#061224;border-radius:12px}#zoom::backdrop{background:#020810dd}#zoom img{max-width:100%;max-height:82vh;display:block}#zoom button{position:absolute;right:8px;top:8px;background:#07172dcc;color:white;border:1px solid #bcd5ef77;border-radius:99px;padding:6px 11px;z-index:2}.journey .workflow{margin-top:20px}
@media(max-width:1000px){.manual-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.directory-layout{grid-template-columns:190px minmax(0,1fr);gap:25px}.toc{display:none}.features{grid-template-columns:repeat(2,1fr)}.chapter-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{grid-template-columns:1fr .7fr}.hero h1{font-size:58px}.flow{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){header{height:62px}.brand img{width:160px}.menu{display:block;margin-left:auto}nav{position:absolute;top:62px;left:0;right:0;background:var(--navy);padding:15px var(--pad);display:none;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:10px}.hero{min-height:0;padding:70px 0}.hero-inner{display:flex;flex-direction:column;gap:35px;align-items:stretch}.hero h1{font-size:45px}.hero p{font-size:15px}.hero-foot{margin-top:35px}.phone{width:min(285px,70vw);margin:auto}.journey{padding-top:65px}.section-heading{display:block}.features,.chapter-grid{grid-template-columns:1fr}.quality-banner{grid-template-columns:1fr;gap:30px;margin-top:70px}.contact-grid{grid-template-columns:1fr}.manual-layout{display:block;padding-top:30px}.chapter-nav{position:static;display:grid;grid-template-columns:1fr 1fr;margin-bottom:28px;background:white;padding:12px;border:1px solid var(--line);border-radius:12px}.chapter-nav .back,.chapter-nav .section-label{grid-column:1/-1}.chapter-nav>a:not(.back){font-size:11px}.article-head h1{font-size:43px}.flow{grid-template-columns:repeat(2,1fr)}.workflow figcaption{display:block}.workflow figcaption small{display:block;margin-top:5px}.quadrants,.quality-cards,.roles-grid{grid-template-columns:1fr 1fr}.docs-cover{display:block;padding-top:65px}.cover-index{margin-top:30px}.changelog h1{font-size:48px}footer{display:block}footer>*{display:block;margin:6px 0}}
@media(max-width:680px){.directory-layout{display:block}.docs-side{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:2px;margin-bottom:28px}.docs-side .section-label{grid-column:1/-1}}

/* Integrated media and a quieter handbook directory. */
.phone{width:min(310px,85%);justify-self:center;background:transparent;border:0;box-shadow:none;transform:none;border-radius:20px;overflow:hidden}
.phone video{width:100%;height:auto;aspect-ratio:auto;background:transparent;border-radius:20px;object-fit:contain}
.phone figcaption{display:none}
.hero{padding:44px 0}
.hero h1 span{background-image:linear-gradient(110deg,#77d8f8 0%,#c6efff 20%,#80bfdc 38%,#e8ce87 58%,#f3faff 72%,#77d8f8 100%);background-size:260% 180%;animation:waterlight 7s ease-in-out infinite}
.hero-copy{margin-top:28px;animation:copy-in .85s ease both}
.hero-kicker{display:block;font-size:22px;font-weight:600;color:#e2edf9;letter-spacing:.02em;margin-bottom:10px}
.hero-description{display:block;font-size:16px;line-height:1.9;max-width:460px;color:#afc5dc}
@keyframes waterlight{0%,100%{background-position:0% 40%}50%{background-position:100% 60%}}
@keyframes copy-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.manual-layout article video,.media-frame video{display:block;width:100%;max-width:100%;height:auto;max-height:520px;object-fit:contain;background:transparent}
.media-frame{width:100%;max-width:760px;min-width:0;background:transparent;border:0;box-shadow:none;margin:28px auto;overflow:hidden}
.media-frame{aspect-ratio:16/7;border-radius:16px}
.media-frame video{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center bottom;border-radius:16px}
.media-frame{position:relative;aspect-ratio:16/6.84;background:transparent;border-radius:16px}
.media-frame video{position:absolute;left:0;top:-24%;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:16px}
.media-caption{font-size:13px;color:var(--muted);margin-top:10px}
.demo-video video{width:auto;max-width:100%;height:auto;max-height:430px;margin:auto}
.docs-cover{padding:64px 0 48px;gap:60px}
.docs-cover h1{font-size:clamp(38px,4.2vw,58px);line-height:1.18;letter-spacing:-.045em}
.directory-layout{grid-template-columns:260px minmax(0,1fr);gap:48px}
.docs-side{background:transparent;border:0;border-radius:0;padding:0;max-height:calc(100vh - 125px);overflow:auto}
.docs-side a,.chapter-nav>a:not(.back){font-size:16px;line-height:1.6;padding:10px 8px}
.docs-side small,.chapter-nav small{font-size:12px;min-width:20px;padding-top:5px}
.chapter-nav{max-height:calc(100vh - 125px);overflow:auto}
.directory .chapter-grid{margin-top:0}
.docs-side .section-label{font-size:13px;margin:0 0 15px 8px}
.workflow{backdrop-filter:blur(16px)}
.flow-step{background:linear-gradient(135deg,#ffffffee,#eaf4fcaa);box-shadow:inset 0 1px 0 #fff,0 10px 18px #17365c12}
@media(max-width:1000px){.directory-layout{grid-template-columns:220px minmax(0,1fr);gap:28px}}
@media(max-width:680px){.phone{width:min(280px,75vw)}.hero-kicker{font-size:19px}.hero-description{font-size:15px}.directory-layout{display:block}.docs-side,.chapter-nav{max-height:none}.docs-side a,.chapter-nav>a:not(.back){font-size:14px}.docs-cover{padding:44px 0 32px}}
@media(prefers-reduced-motion:reduce){.hero h1 span,.hero-copy{animation:none}}

/* Six-module handbook navigation */
.module-related{margin:32px 0;padding:24px 0;border-top:1px solid #dbe5ef}.module-related a{display:inline-block;margin:8px 24px 8px 0;color:#3379d8;font-weight:600}.support-links{margin-top:28px;padding:20px 0;border-top:1px solid #dbe5ef}.support-links summary{cursor:pointer;color:#607491;font-size:16px}.support-links>div{display:flex;flex-wrap:wrap;gap:18px 28px;padding-top:22px}.support-links a{font-size:15px;color:#3379d8}.chapter-nav>a:not(.back),.docs-side>a{font-size:17px;line-height:1.6;padding-top:14px;padding-bottom:14px}
/* Keep Chinese headings and step labels visually balanced at every width. */
.hero h1,.article-head h1,.docs-cover h1,.chapter-card h2,.feature h3,.workflow figcaption span,.flow-step span,.step-strip span{word-break:keep-all;overflow-wrap:normal}
.action-phrase{display:inline-block;white-space:nowrap}
.hero h1 .hero-line{display:inline-block;white-space:nowrap}
.hero h1 .hero-lead{background:linear-gradient(100deg,#f6fbff 0%,#8edcff 62%,#bde6a6 100%);color:transparent;background-clip:text;position:relative}
.hero h1 .hero-lead:after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.08em;border-radius:999px;background:linear-gradient(90deg,#67c9f2,#bde6a6);opacity:.55;transform:scaleX(.72);transform-origin:left;animation:leadSweep 3.8s ease-in-out infinite}
.hero h1 .action-phrase{margin-left:.12em}
@keyframes leadSweep{0%,100%{transform:scaleX(.58);opacity:.3}50%{transform:scaleX(1);opacity:.8}}
/* Keep the lead phrase plain; retain the layout without decorative motion. */
.hero h1 .hero-lead{background:none;color:#fff}
.hero h1 .hero-lead:after{display:none}

/* Two-line homepage slogan, including the longer AI growth phrase. */
.hero h1.hero-slogan{font-size:clamp(32px,4.8vw,64px)}
@media(max-width:680px){.hero h1.hero-slogan{font-size:clamp(26px,9.1vw,45px)}}