:root{--guide-blue:#28549a;--guide-red:#be3049;--guide-ink:#183153;--guide-muted:#526780;--guide-line:#dce4ef;--guide-paper:#f5f8fc;scroll-behavior:smooth;scroll-padding-top:96px}*{box-sizing:border-box}.guide-page{margin:0;background:#fff;color:var(--guide-ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.85}a{color:var(--guide-blue);text-underline-offset:4px}a:hover{color:var(--guide-red)}a:focus-visible,summary:focus-visible{outline:3px solid #769bce;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.45;color:var(--guide-ink)}h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1px;margin-bottom:22px;font-weight:800}h2{font-size:27px;margin-bottom:22px}h3{font-size:20px;margin-bottom:10px}p{margin-bottom:18px;color:var(--guide-muted)}.skip-link{position:fixed;left:16px;top:0;transform:translateY(-130%);background:#fff;padding:12px 20px;z-index:100}.skip-link:focus{transform:translateY(0)}.guide-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--guide-line);background:#fffffff5}.guide-brand{display:flex;align-items:center;gap:12px;color:var(--guide-ink);text-decoration:none;min-width:0}.guide-brand>img{width:42px;height:42px;object-fit:contain}.guide-brand>span{display:flex;flex-direction:column;gap:1px}.guide-brand b{font-size:19px;white-space:nowrap;line-height:1.5}.guide-brand small{font-size:11px;color:var(--guide-muted);white-space:nowrap}.guide-header>nav{display:flex;align-items:center;gap:12px;flex-shrink:0}.guide-header>nav>a{display:inline-flex;align-items:center;min-height:44px;padding:6px 10px;text-decoration:none;font-size:14px}.guide-header .nav-login{background:#edf3fc;border:1px solid #cfdbed;border-radius:5px}.guide-main{width:min(1180px,100% - 48px);margin:auto}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;padding:22px 0}.breadcrumbs>a{min-height:32px;display:inline-flex;align-items:center}.breadcrumbs>span{color:var(--guide-muted)}.feature-hero{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:64px;padding:35px 0 56px;align-items:center;border-bottom:1px solid var(--guide-line)}.eyebrow,.section-eyebrow,.tool-category{display:block;font:700 12px/1.8 "Segoe UI","Microsoft YaHei",sans-serif;letter-spacing:1px;color:var(--guide-blue);margin-bottom:14px}.eyebrow::before{content:"";display:inline-block;vertical-align:middle;width:24px;height:4px;background:var(--guide-red);margin-right:10px}.lead{font-size:18px;line-height:1.95;max-width:780px}.hero-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid #cbd8eb;border-radius:5px;text-decoration:none;color:var(--guide-blue);background:#fff;font-size:14px;font-weight:600}.button.primary{background:var(--guide-blue);color:#fff;border-color:var(--guide-blue)}.button:hover{border-color:var(--guide-red);color:var(--guide-red)}.button.primary:hover{background:#1f437e;color:#fff;border-color:#1f437e}.access-note,.updated{font-size:12px;line-height:1.8;color:#62778e;margin:8px 0}.input-output{border:1px solid #cad8eb;border-top:3px solid var(--guide-red);background:var(--guide-paper);padding:22px 26px;min-width:0}.input-output>img{width:112px;height:112px;display:block;object-fit:contain;margin:0 0 18px}.input-output dl{margin:0}.input-output dl>div+div{margin-top:20px;padding-top:18px;border-top:1px solid var(--guide-line)}.input-output dt{font-size:12px;font-weight:700;color:var(--guide-blue);margin-bottom:7px}.input-output dd{margin:0;font-size:15px;line-height:1.9;color:var(--guide-ink)}.guide-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;column-gap:62px;padding:52px 0 70px}.page-toc{grid-column:2;grid-row:1;align-self:start;position:sticky;top:110px;border-left:2px solid var(--guide-line);padding-left:18px}.page-toc nav{display:flex;flex-direction:column}.page-toc strong{font-size:13px;margin-bottom:10px}.page-toc a{font-size:13px;text-decoration:none;display:flex;align-items:center;min-height:44px;padding:6px 0;color:var(--guide-muted)}.page-toc a:hover{color:var(--guide-blue)}.guide-content{grid-column:1;grid-row:1;min-width:0}.guide-content>section+section{margin-top:54px;padding-top:40px;border-top:1px solid var(--guide-line)}.section-eyebrow{color:var(--guide-red);margin-bottom:8px}.section-intro{margin-bottom:26px}.use-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.use-list h3{font-size:18px}.use-list p{font-size:15px;margin:0}.text-list{padding-left:23px;color:var(--guide-muted);margin:0 0 24px}.text-list li+li{margin-top:12px}.step-list{list-style:none;padding:0;margin:0}.step-list li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid #e6ecf4}.step-list li:first-child{padding-top:0}.step-list li>span{font:700 14px/40px Consolas,monospace;color:var(--guide-blue);border:1px solid #cbd8ec;text-align:center;align-self:start;border-radius:4px}.step-list h3{font-size:19px}.step-list p{margin:0}.example{border:1px solid var(--guide-line);padding:26px;margin-top:24px;border-left:3px solid var(--guide-blue);border-radius:4px}.example-label{font-size:11px;letter-spacing:1px;color:#62778e;display:block;margin-bottom:10px}.example h3{font-size:21px;margin-bottom:20px}.example-notes{margin:0 0 24px}.example-notes>div+div{margin-top:18px}.example-notes dt{font-size:12px;font-weight:700;color:var(--guide-blue);margin-bottom:5px}.example-notes dd{margin:0;color:var(--guide-muted)}.prompt{background:var(--guide-paper);border-radius:4px;padding:18px;margin:20px 0}.prompt h4{font-size:13px;margin-bottom:8px;color:var(--guide-blue)}.prompt blockquote{margin:0;font-size:15px;color:#344f70;line-height:1.95;overflow-wrap:anywhere}.example-figure{margin:24px 0}.example-figure>a{display:block;border:1px solid var(--guide-line);border-radius:5px;overflow:hidden;background:#f7f9fd}.example-figure img{display:block;width:100%;height:auto}.example-figure.illustrative img{max-height:400px;object-fit:contain}.example-figure figcaption{font-size:12px;line-height:1.8;margin-top:10px;color:#62778e}.review-note{background:#fff5f7;border-radius:4px;padding:14px 16px;font-size:14px;color:#78505a;margin-bottom:0}.review-note strong{color:#a42d43}.palette{display:flex;flex-wrap:wrap;gap:14px 20px;list-style:none;padding:0;margin:20px 0}.palette li{display:flex;align-items:center;gap:8px;font-size:12px}.palette i{display:block;background:var(--swatch);border:1px solid #b4c1d2;border-radius:3px;width:32px;height:32px}.palette small{display:block;color:#62778e;font:11px/1.5 Consolas,monospace}.table-overflow{overflow-x:auto;margin:20px 0}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}caption{text-align:left;font-size:12px;color:#62778e;margin-bottom:10px}th,td{padding:12px 14px;border:1px solid var(--guide-line);white-space:nowrap}th{background:var(--guide-paper)}.faq-list details{border-bottom:1px solid var(--guide-line);padding:14px 0}.faq-list summary{cursor:pointer;min-height:44px;padding:9px 4px;font-weight:600;line-height:1.7}.faq-list details>p{padding:10px 4px 8px;margin:0}.related-link{display:grid;grid-template-columns:minmax(0,1fr) 24px;gap:6px 20px;padding:20px 0;text-decoration:none;border-bottom:1px solid var(--guide-line)}.related-link b{font-size:17px}.related-link span{grid-column:1;font-size:14px;color:var(--guide-muted)}.related-link i{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;font-size:22px}.guide-footer{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;padding:36px max(24px,calc((100vw - 1180px)/2));border-top:1px solid var(--guide-line);background:var(--guide-paper);font-size:13px}.guide-footer b{font-size:17px}.guide-footer p{margin:8px 0;line-height:1.85}.contact-details{min-width:0}.contact-details summary{padding:10px 0;min-height:44px;cursor:pointer;color:var(--guide-blue);font-weight:600}.contact-details img{display:block;max-width:180px;margin:12px 0}.hub-hero{padding:35px 0 60px;max-width:850px}.hub-hero h1{font-size:clamp(36px,4.8vw,60px);line-height:1.35}.hub-hero h1 em{font-style:normal;color:var(--guide-red)}.choose-section{border:1px solid var(--guide-line);border-left:3px solid var(--guide-blue);padding:28px 32px;background:var(--guide-paper)}.choose-section h2{font-size:24px}.choice-list{margin:0}.choice-list>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid #dfe7f2}.choice-list dt{font-weight:600;font-size:15px}.choice-list dd{margin:0;font-size:15px}.choice-list a{text-decoration:none;display:block}.hub-tools{padding:62px 0 32px}.tool-row{display:grid;grid-template-columns:140px minmax(0,1fr);gap:40px;padding:32px 0;border-top:1px solid var(--guide-line)}.tool-row>img{object-fit:contain;align-self:start}.tool-category{margin:0 0 6px;font-size:11px}.tool-row h3{font-size:25px;margin-bottom:10px}.tool-row h3 a{text-decoration:none}.tool-row p{max-width:830px;margin-bottom:18px}.tool-row dl{margin:0;font-size:14px}.tool-row dl>div{display:flex;gap:16px}.tool-row dt{color:var(--guide-blue);font-weight:600;flex-shrink:0}.tool-row dd{margin:0;color:var(--guide-muted)}.tool-guide-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:14px;font-weight:600}.hub-note{padding:30px;margin:0 0 60px;background:var(--guide-paper);border-radius:5px}.hub-note h2{font-size:23px}.hub-note p:last-child{margin-bottom:0}@media(max-width:960px){.feature-hero{gap:30px;grid-template-columns:minmax(0,1.4fr) minmax(230px,1fr)}.guide-body{column-gap:30px;grid-template-columns:minmax(0,1fr) 190px}.use-list{grid-template-columns:1fr;gap:20px}.guide-brand b{font-size:17px}.guide-header>nav{gap:4px}}@media(max-width:720px){:root{scroll-padding-top:135px}.guide-header{flex-wrap:wrap;gap:8px;padding:10px 18px}.guide-header>nav{width:100%;justify-content:space-between}.guide-header>nav>a{font-size:13px}.guide-brand b{font-size:18px}.guide-main{width:calc(100% - 36px)}.breadcrumbs{padding:15px 0;font-size:12px;gap:8px}.feature-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:22px 0 32px}.feature-hero h1{font-size:32px}.lead{font-size:16px}.input-output{padding:18px;display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px}.input-output>img{width:70px;height:70px;margin:0}.input-output dd{font-size:15px}.input-output dl>div+div{margin-top:14px;padding-top:14px}.hero-links{gap:10px;margin-top:20px}.hero-links .button{flex:1;font-size:13px;padding:10px 12px}.guide-body{display:flex;flex-direction:column;gap:30px;padding:28px 0 42px}.page-toc{position:static;padding-left:14px}.page-toc nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:0 16px}.page-toc strong{width:100%;margin:0}.page-toc a{font-size:13px}.guide-content>section+section{margin-top:36px;padding-top:28px}h2{font-size:24px}.use-list p,.prompt blockquote{font-size:16px}.step-list li{grid-template-columns:36px minmax(0,1fr);gap:12px}.step-list li>span{font-size:12px;line-height:34px}.step-list h3{font-size:18px}.example{padding:18px 16px;margin-top:18px}.example h3{font-size:19px}.example-notes dd{font-size:16px}.prompt{padding:14px}.review-note{font-size:14px}.guide-footer{grid-template-columns:minmax(0,1fr);gap:22px;padding:28px 18px}.hub-hero{padding:24px 0 35px}.hub-hero h1{font-size:38px}.choose-section{padding:22px 18px}.choice-list>div{grid-template-columns:1fr;gap:5px}.choice-list dt,.choice-list dd{font-size:16px}.hub-tools{padding-top:38px}.tool-row{grid-template-columns:64px minmax(0,1fr);gap:16px;padding:26px 0}.tool-row>img{width:64px;height:64px}.tool-row h3{font-size:23px}.tool-row p{font-size:16px}.tool-row dl{font-size:14px}.tool-row dl>div{gap:9px}.tool-guide-link{font-size:14px}.hub-note{padding:22px 18px;margin-bottom:35px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
