.seo-shell{background:var(--paper);min-height:100vh;overflow:hidden}.seo-shell .seo-start-note{margin-top:16px;font-size:12px;line-height:1.6}.seo-shell[lang=zh-CN] h1{letter-spacing:-.04em;white-space:pre-line;font-size:clamp(46px,4.8vw,74px);line-height:1.15}.seo-shell[lang=zh-CN] h2{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(34px,4.3vw,64px);line-height:1.28}.seo-shell[lang=zh-CN] p{line-height:1.85}.seo-shell .seo-principle li p,.seo-shell .seo-examples figcaption p,.seo-shell .seo-process li p,.seo-shell .seo-faq details p{font-size:14px}.seo-nav{z-index:40;height:var(--header);border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f1e8f2;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,3.2vw,54px);display:grid;position:sticky;top:0}.seo-brand{justify-self:start;align-items:center;gap:11px;display:inline-flex}.seo-brand img{width:38px;height:38px}.seo-brand b{font:650 18px/1 var(--serif)}.seo-nav nav{align-items:center;gap:38px;height:100%;display:flex}.seo-nav nav a{height:100%;color:var(--muted);align-items:center;font-size:12px;display:flex}.seo-nav nav a:hover{color:var(--ink)}.seo-nav-cta{border:1px solid var(--line);background:#ffffff8c;border-radius:10px;justify-self:end;align-items:center;gap:30px;min-height:36px;padding:0 12px;font-size:10px;font-weight:650;display:flex}.seo-nav-cta span{color:var(--blue)}.seo-eyebrow{color:var(--blue);font:700 9px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase}.seo-hero{max-width:1500px;min-height:calc(100svh - var(--header));grid-template-columns:minmax(440px,.92fr) minmax(480px,1.08fr);align-items:center;gap:clamp(50px,7vw,116px);margin:0 auto;padding:clamp(56px,6vw,94px) clamp(24px,5vw,80px);display:grid}.seo-hero h1{max-width:720px;font:500 clamp(62px,6.4vw,98px)/.88 var(--serif);letter-spacing:-.066em;margin:30px 0 0}.seo-hero>div>p{max-width:590px;color:var(--muted);margin:30px 0 0;font-size:15px;line-height:1.75}.seo-actions{align-items:center;gap:28px;margin-top:32px;display:flex}.seo-primary{border:1px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:34px;min-height:48px;padding:0 18px 0 21px;font-size:11px;font-weight:700;display:inline-flex}.seo-primary:hover{border-color:var(--blue);background:var(--blue)}.seo-primary span{color:var(--butter)}.seo-secondary{border-bottom:1px solid var(--ink);padding:9px 0 6px;font-size:10px;font-weight:650}.seo-hero figure{border:1px solid var(--ink);background:var(--paper-bright);box-shadow:11px 11px 0 var(--coral);margin:0;padding:14px}.seo-hero figure img{aspect-ratio:1;border:1px solid var(--ink);object-fit:cover;width:100%}.seo-hero figcaption{color:var(--muted);font:650 7px/1.3 var(--mono);letter-spacing:.08em;padding:13px 2px 0}.seo-principle{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--screen-terra);grid-template-columns:minmax(360px,.8fr) minmax(460px,1fr);gap:clamp(60px,9vw,140px);padding:clamp(74px,9vw,138px) max(24px,50vw - 590px);display:grid}.seo-principle h2{max-width:570px;font:500 clamp(46px,5vw,72px)/.96 var(--serif);letter-spacing:-.055em;margin:25px 0 0}.seo-principle>div:last-child>p{color:#4f4d48;margin:0 0 42px;font-size:14px;line-height:1.8}.seo-principle ol{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.seo-principle li{border-bottom:1px solid #2423214d;grid-template-columns:52px 1fr;gap:10px;padding:22px 0;display:grid}.seo-principle li>span{color:var(--coral);font:700 8px/1 var(--mono);padding-top:7px}.seo-principle h3{font:600 26px/1 var(--serif);margin:0}.seo-principle li p{color:var(--muted);margin:9px 0 0;font-size:11px;line-height:1.65}.seo-examples{max-width:1440px;margin:0 auto;padding:clamp(82px,9vw,140px) clamp(24px,4.5vw,72px)}.seo-examples>header{grid-template-columns:1fr minmax(280px,.42fr);align-items:end;gap:60px;display:grid}.seo-examples h2{max-width:800px;font:500 clamp(50px,5.6vw,82px)/.92 var(--serif);letter-spacing:-.06em;margin:20px 0 0}.seo-examples>header>p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.seo-examples>div{grid-template-columns:repeat(2,1fr);align-items:start;gap:24px;margin-top:62px;display:grid}.seo-examples figure{border:1px solid var(--ink);background:var(--paper-bright);margin:0}.seo-examples figure:first-child{grid-row:span 2}.seo-examples figure:not(:first-child){grid-template-columns:minmax(190px,.66fr) minmax(180px,.34fr);display:grid}.seo-examples img{aspect-ratio:1;object-fit:cover;border-bottom:1px solid var(--ink);width:100%}.seo-examples figure:not(:first-child) img{border-right:1px solid var(--ink);border-bottom:0}.seo-examples figcaption{padding:20px}.seo-examples figcaption span{color:var(--blue);font:700 8px/1 var(--mono);letter-spacing:.1em}.seo-examples figcaption p{color:var(--muted);margin:15px 0 0;font-size:11px;line-height:1.65}.seo-process{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:var(--screen-blue);padding:clamp(76px,8vw,120px) max(24px,50vw - 590px)}.seo-process>header{justify-content:space-between;align-items:end;gap:50px;display:flex}.seo-process h2{max-width:720px;font:500 clamp(48px,5vw,72px)/.94 var(--serif);letter-spacing:-.055em;margin:20px 0 0}.seo-process ol{border-top:1px solid var(--ink);border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin:58px 0 0;padding:0;list-style:none;display:grid}.seo-process li{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fafaf780;flex-direction:column;min-height:250px;padding:25px;display:flex}.seo-process li>span{color:var(--coral);font:700 8px/1 var(--mono)}.seo-process h3{font:600 30px/1 var(--serif);margin:auto 0 0}.seo-process li p{color:var(--muted);margin:14px 0 0;font-size:11px;line-height:1.65}.seo-guardrail{grid-template-columns:200px minmax(360px,.9fr) minmax(320px,.55fr);align-items:start;gap:clamp(38px,6vw,92px);max-width:1180px;margin:0 auto;padding:clamp(82px,9vw,140px) 24px;display:grid}.seo-guardrail h2{font:500 clamp(42px,4.5vw,66px)/.98 var(--serif);letter-spacing:-.052em;margin:0}.seo-guardrail p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.seo-faq{border-top:1px solid var(--ink);grid-template-columns:minmax(330px,.72fr) minmax(460px,1fr);gap:clamp(60px,9vw,140px);padding:clamp(76px,8vw,120px) max(24px,50vw - 590px);display:grid}.seo-faq h2{font:500 clamp(46px,4.8vw,68px)/.96 var(--serif);letter-spacing:-.055em;margin:22px 0 0}.seo-faq details{border-top:1px solid var(--ink)}.seo-faq details:last-child{border-bottom:1px solid var(--ink)}.seo-faq summary{cursor:pointer;min-height:76px;font:600 19px/1.25 var(--serif);justify-content:space-between;align-items:center;gap:24px;list-style:none;display:flex}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary span{color:var(--blue);font:400 20px/1 var(--sans)}.seo-faq details[open] summary span{transform:rotate(45deg)}.seo-faq details p{max-width:650px;color:var(--muted);margin:-6px 40px 24px 0;font-size:12px;line-height:1.75}.seo-final{border-top:1px solid var(--ink);background:var(--butter);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:clamp(78px,9vw,130px) 24px;display:flex}.seo-final h2{font:500 clamp(58px,6.5vw,92px)/.9 var(--serif);letter-spacing:-.065em;margin:25px 0 32px}@media (max-width:940px){.seo-nav{grid-template-columns:1fr auto}.seo-nav nav{display:none}.seo-hero,.seo-principle,.seo-faq{grid-template-columns:1fr}.seo-hero figure{width:min(100%,700px);margin-left:auto}.seo-examples>header{grid-template-columns:1fr}.seo-examples>header>p{max-width:600px}.seo-examples>div{grid-template-columns:1fr}.seo-examples figure:first-child{grid-row:auto}.seo-guardrail{grid-template-columns:150px 1fr}.seo-guardrail p{grid-column:2}.seo-process ol{grid-template-columns:1fr}.seo-process li{min-height:180px}}@media (max-width:620px){.seo-process>header{display:block}.seo-nav{padding-inline:14px}.seo-brand b{display:none}.seo-hero{padding:52px 18px 72px}.seo-hero h1{font-size:56px}.seo-actions{flex-direction:column;align-items:flex-start}.seo-hero figure{box-shadow:7px 7px 0 var(--coral);padding:10px}.seo-principle,.seo-process,.seo-faq{padding:68px 18px}.seo-examples{padding:72px 18px}.seo-examples figure:not(:first-child){grid-template-columns:1fr}.seo-examples figure:not(:first-child) img{border-right:0;border-bottom:1px solid var(--ink)}.seo-guardrail{grid-template-columns:1fr;padding:72px 18px}.seo-guardrail p{grid-column:1}.seo-final{padding-inline:18px}.seo-final h2{font-size:58px}}.keyword-breadcrumb{max-width:1280px;font:12px var(--sans);color:var(--muted);flex-wrap:wrap;gap:12px;margin:0 auto;padding:24px 40px 0;display:flex}.keyword-breadcrumb a{text-underline-offset:4px;text-decoration:underline}.keyword-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;max-width:1280px;min-height:0;margin:0 auto;padding:40px 40px 76px}.keyword-hero h1{max-width:580px;margin:24px 0;font-size:clamp(48px,5.3vw,78px);line-height:.99}.keyword-hero>div>p{font-size:17px;line-height:1.65}.keyword-hero figure{box-shadow:none;background:0 0;border:0;margin:0;padding:0;transform:none}.keyword-hero figure>img{aspect-ratio:1;border-radius:3px;width:100%;height:auto;display:block}.keyword-hero figcaption{font:11px/1.5 var(--sans);color:var(--muted);padding:12px 0 0}.keyword-example-link{border-bottom:1px solid var(--line);font:13px var(--sans);justify-content:space-between;padding:12px 0;display:flex}.keyword-brief{margin-top:28px;scroll-margin-top:100px}.keyword-brief-panel{border:1px solid var(--line);background:var(--paper-bright);border-radius:14px;padding:20px}.keyword-brief-entry{border-bottom:1px solid var(--line)}.keyword-brief-entry:focus-within{border-color:var(--blue);box-shadow:0 1px 0 var(--blue)}.keyword-brief-entry>label{color:var(--muted);font:500 12px/1.5 var(--sans);cursor:text;display:block}.keyword-brief-entry>input{box-sizing:border-box;width:100%;min-width:0;height:56px;font:400 28px/1.2 var(--serif);letter-spacing:-.5px;color:var(--ink);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:6px 0 12px;display:block}.keyword-brief-entry>input::placeholder{color:#8a8a82;opacity:1}.keyword-brief-bottom{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-top:17px;display:flex}.keyword-palettes{border:0;min-width:0;margin:0;padding:0}.keyword-palettes legend{color:var(--muted);font:500 11px/1.5 var(--sans);padding:0}.keyword-palette-options{gap:4px;margin:5px -6px -5px;display:flex}.keyword-palette{cursor:pointer;position:relative}.keyword-palette>input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.keyword-palette-option{min-width:44px;min-height:48px;color:var(--muted);font:11px/1.2 var(--sans);border:1px solid #0000;border-radius:7px;justify-items:center;gap:5px;padding:6px 5px;display:grid}.keyword-palette-swatch{border-radius:3px;width:32px;height:14px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #17171614}.keyword-palette-swatch>span{flex:1}.keyword-palette:hover .keyword-palette-option{background:var(--paper)}.keyword-palette>input:checked+.keyword-palette-option{border-color:var(--muted);background:var(--paper);color:var(--ink)}.keyword-palette>input:focus-visible+.keyword-palette-option{outline:2px solid var(--blue);outline-offset:2px}.keyword-brief-submit{cursor:pointer;min-height:46px;font:500 12px var(--sans);white-space:nowrap;border-radius:8px;flex:none;gap:20px;padding:0 16px}.keyword-brief-submit:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.keyword-brief-submit span{font-size:17px}.keyword-brief #landing-help{font:12px/1.6 var(--sans);color:var(--muted);margin:12px 0 0}.keyword-brief .keyword-form-error{font:13px/1.6 var(--sans);color:var(--ink);border-left:3px solid var(--blue);padding:12px}.keyword-form-error a{text-decoration:underline}.keyword-hero>div>p.seo-start-note{font:11px/1.8 var(--sans);margin-top:14px}.keyword-article,.keyword-examples,.keyword-related{max-width:1100px;margin:0 auto;padding:60px 40px}.keyword-article{border-top:1px solid var(--line)}.keyword-section{grid-template-columns:30px minmax(180px,.8fr) minmax(0,1.2fr);gap:28px;padding:30px 0;display:grid}.keyword-section .seo-eyebrow{padding-top:8px}.keyword-section h2{font:400 34px/1.1 var(--serif);letter-spacing:-.8px;margin:0}.keyword-section p{font:16px/1.8 var(--sans);color:var(--muted);margin:0}.keyword-examples header{max-width:620px;margin-bottom:30px}.keyword-examples h2,.keyword-related h2{font:400 43px/1.05 var(--serif);letter-spacing:-1px;margin:20px 0}.keyword-examples header p{font:15px/1.7 var(--sans);color:var(--muted)}.keyword-examples>div{grid-template-columns:1fr 1fr;gap:30px;display:grid}.keyword-examples figure{min-width:0;margin:0}.keyword-examples figure img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.keyword-examples figcaption{border-bottom:1px solid var(--line);font:14px/1.6 var(--sans);padding:18px 0}.keyword-examples figcaption p{color:var(--muted);margin:6px 0 12px}.keyword-examples figcaption a{text-underline-offset:4px;font-size:13px;text-decoration:underline}.keyword-related nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:30px 0;display:grid}.keyword-related nav a{border-top:1px solid var(--ink);font:16px/1.5 var(--sans);justify-content:space-between;gap:20px;padding:18px 0;display:flex}.keyword-related>a{font:13px var(--sans);text-underline-offset:4px;text-decoration:underline}.keyword-index-header{max-width:1280px;margin:0 auto;padding:70px 40px 42px}.keyword-index-header h1{font:400 clamp(52px,6vw,86px)/1 var(--serif);letter-spacing:-2px;margin:24px 0}.keyword-index-header p{max-width:600px;font:17px/1.75 var(--sans);color:var(--muted)}.keyword-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px;max-width:1280px;margin:0 auto;padding:12px 40px 60px;display:grid}.keyword-tool-grid>a{border-bottom:1px solid var(--line);min-width:0;display:block}.keyword-tool-grid img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;display:block}.keyword-tool-grid>a>div{padding:18px 0 24px}.keyword-tool-grid h2{font:400 26px/1.2 var(--serif);letter-spacing:-.5px;justify-content:space-between;gap:12px;margin:0 0 12px;display:flex}.keyword-tool-grid h2 span{font-size:19px}.keyword-tool-grid p{font:14px/1.7 var(--sans);color:var(--muted);margin:0}.keyword-existing-links{max-width:1280px;font:13px var(--sans);flex-wrap:wrap;gap:20px;margin:0 auto;padding:0 40px 70px;display:flex}.keyword-existing-links a{text-underline-offset:4px;text-decoration:underline}@media (max-width:1000px){.keyword-hero{gap:30px}.keyword-hero h1{font-size:53px}.keyword-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-section{grid-template-columns:25px minmax(0,1fr);gap:16px}.keyword-section p{grid-column:2}}@media (max-width:760px){.keyword-hero{grid-template-columns:minmax(0,1fr);gap:38px;padding:32px 24px 50px}.keyword-hero h1{font-size:clamp(48px,9vw,68px)}.keyword-hero figure{justify-self:center;width:100%;max-width:560px}.keyword-breadcrumb{padding:24px 24px 0}.keyword-article,.keyword-examples,.keyword-related{padding:40px 24px}.keyword-related nav{grid-template-columns:1fr;gap:0}.keyword-index-header{padding:44px 24px 25px}.keyword-tool-grid{padding:12px 24px 40px}.keyword-existing-links{padding:0 24px 50px}}@media (max-width:520px){.keyword-hero h1{letter-spacing:-1.4px}.keyword-hero>div>p{font-size:16px}.keyword-brief-panel{padding:18px}.keyword-brief-entry>input{font-size:26px}.keyword-brief-submit{flex:1 0 100%;justify-content:space-between}.keyword-section h2{font-size:30px}.keyword-section p{font-size:15px}.keyword-examples>div,.keyword-tool-grid{grid-template-columns:1fr}.keyword-examples h2,.keyword-related h2{font-size:36px}.keyword-index-header h1{font-size:54px}}