.seo-shell{background:var(--paper);min-height:100vh;overflow-x:clip}.seo-shell[lang=zh-CN] h1{letter-spacing:0;white-space:pre-line;font-size:clamp(44px,4.8vw,72px);line-height:1.16}.seo-shell[lang=zh-CN] h2{letter-spacing:0;text-wrap:balance;font-size:clamp(32px,4vw,58px);line-height:1.24}.seo-shell[lang=zh-CN] p{line-height:1.85}.seo-eyebrow{color:var(--muted);font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;display:inline-flex}.seo-hero{max-width:1440px;padding:clamp(48px,6vw,88px) var(--gutter) clamp(64px,7vw,104px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(40px,6vw,104px);margin:0 auto;display:grid}.seo-hero>div{min-width:0}.seo-hero h1{max-width:720px;font:600 clamp(50px,5.4vw,84px)/.96 var(--sans);letter-spacing:var(--track-display);margin:24px 0 0}.seo-hero>div>p{max-width:560px;color:var(--muted);margin:24px 0 0;font-size:17px;line-height:1.65}.seo-shell .seo-hero>div>p.seo-start-note{margin-top:14px;font-size:13px;line-height:1.6}.seo-start-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.seo-actions{align-items:center;gap:24px;margin-top:22px;display:flex}.seo-primary{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--paper-bright);cursor:pointer;font:500 15px/1 var(--sans);white-space:nowrap;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;padding:0 18px 0 21px;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.seo-primary:hover{border-color:var(--blue);background:var(--blue)}.seo-primary span{transition:transform .2s var(--ease)}.seo-primary:hover span{transform:translate(2px,-2px)}.seo-secondary{border:1px solid var(--line-strong);min-height:48px;font:500 15px/1.2 var(--sans);border-radius:999px;align-items:center;padding:0 20px;transition:border-color .18s,background .18s;display:inline-flex}.seo-secondary:hover{border-color:var(--ink);background:var(--paper-bright)}.seo-hero figure{min-width:0;margin:0}.seo-hero figure img{aspect-ratio:1;object-fit:cover;background:var(--canvas);width:100%;height:auto}.seo-hero figcaption{color:var(--muted);font:500 12px/1.4 var(--mono);letter-spacing:.04em;padding-top:16px}.keyword-example-link{border-block:1px solid var(--line);font:500 15px/1.2 var(--sans);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:16px 2px;transition:color .18s;display:flex}.keyword-example-link:hover{color:var(--blue)}.keyword-brief{margin-top:32px;scroll-margin-top:20px}.keyword-brief-panel{border:1px solid var(--line-strong);border-radius:var(--radius-panel);background:var(--paper-bright);padding:8px;transition:border-color .2s,box-shadow .2s}.keyword-brief-panel:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #2f45e824}.keyword-brief-entry{border-bottom:1px solid var(--line);padding:12px 14px 10px}.keyword-brief-entry>label{color:var(--muted);cursor:text;font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;display:block}.keyword-brief-entry>input{width:100%;min-width:0;height:52px;color:var(--ink);font:400 32px/1.2 var(--serif);box-shadow:none;background:0 0;border:0;border-radius:0;outline:none;padding:4px 0 0;display:block}.keyword-brief-entry>input::placeholder{color:var(--faint);opacity:1;font-style:italic}.keyword-brief-bottom{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;padding:10px 4px 4px 10px;display:flex}.keyword-palettes{border:0;min-width:0;margin:0;padding:0}.keyword-palettes legend{color:var(--muted);font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:0 0 0 4px}.keyword-palette-options{gap:2px;margin-top:4px;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{border-radius:var(--radius-ui);min-width:48px;min-height:48px;color:var(--muted);font:500 12px/1.2 var(--sans);border:1px solid #0000;justify-items:center;gap:5px;padding:6px 6px 5px;transition:background .18s,border-color .18s,color .18s;display:grid}.keyword-palette-swatch{border-radius:999px;width:34px;height:16px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #1414131a}.keyword-palette-swatch>span{flex:1}.keyword-palette:hover .keyword-palette-option{background:var(--paper);color:var(--ink)}.keyword-palette>input:checked+.keyword-palette-option{border-color:var(--ink);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{flex:none;gap:18px;min-height:52px;padding:0 20px 0 22px}.keyword-brief-submit:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.keyword-brief-submit span{font-size:17px}.keyword-brief #landing-help{color:var(--muted);margin:12px 0 0;font-size:13px;line-height:1.6}.keyword-brief .keyword-form-error{border-radius:var(--radius-ui);color:#9a2f17;background:#fbeae4;border:1px solid #ebb8a8;margin:12px 0 0;padding:12px 14px;font-size:13px;line-height:1.6}.keyword-form-error a{color:inherit;font-weight:600;text-decoration:underline}.seo-principle{padding:clamp(80px,9vw,136px) max(var(--gutter), calc((100% - 1240px) / 2));border-block:1px solid var(--line);background:var(--paper-bright);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(48px,8vw,128px);display:grid}.seo-principle h2{max-width:560px;font:600 clamp(40px,4.4vw,64px)/1 var(--sans);letter-spacing:var(--track-title);margin:20px 0 0}.seo-principle>div:last-child>p{color:var(--ink-soft);margin:0 0 40px;font-size:18px;line-height:1.7}.seo-principle ol{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.seo-principle li{border-bottom:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);gap:12px;padding:24px 0;display:grid}.seo-principle li>span{color:var(--muted);font:500 12px/1 var(--mono);letter-spacing:.04em;padding-top:9px}.seo-principle h3{font:600 22px/1.2 var(--sans);letter-spacing:var(--track-head);margin:4px 0 0}.seo-shell .seo-principle li p{color:var(--muted);margin:10px 0 0;font-size:15px;line-height:1.65}.seo-examples{max-width:1440px;padding:clamp(80px,9vw,136px) var(--gutter);margin:0 auto}.seo-examples>header{grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);align-items:end;gap:20px 64px;display:grid}.seo-examples>header>.seo-eyebrow{grid-column:1/-1}.seo-examples h2{max-width:820px;font:600 clamp(42px,4.8vw,72px)/.98 var(--sans);letter-spacing:var(--track-display);margin:0}.seo-examples>header>p{max-width:440px;color:var(--muted);margin:0 0 6px;font-size:16px;line-height:1.65}.seo-examples>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-top:clamp(40px,5vw,64px);display:grid}.seo-examples figure{border:1px solid var(--line);background:var(--paper-bright);min-width:0;margin:0;overflow:hidden}.seo-examples figure:first-child{grid-row:span 2}.seo-examples figure:not(:first-child){grid-template-columns:minmax(0,.6fr) minmax(0,.4fr);display:grid}.seo-examples img{aspect-ratio:1;object-fit:cover;background:var(--canvas);width:100%;height:auto}.seo-examples figcaption{padding:22px}.seo-examples figcaption span{color:var(--muted);font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase}.seo-shell .seo-examples figcaption p{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.6}.seo-process{padding:clamp(80px,9vw,128px) max(var(--gutter), calc((100% - 1240px) / 2));background:var(--night);color:var(--paper-bright)}.seo-process .seo-eyebrow{color:var(--night-muted)}.seo-process>header{justify-content:space-between;align-items:end;gap:48px;display:flex}.seo-process h2{max-width:760px;font:600 clamp(40px,4.4vw,64px)/1 var(--sans);letter-spacing:var(--track-title);margin:20px 0 0}.seo-process ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:clamp(40px,5vw,64px) 0 0;padding:0;list-style:none;display:grid}.seo-process li{border-top:1px solid #fffefa6b;flex-direction:column;min-height:240px;padding:20px 0 0;display:flex}.seo-process li>span{color:var(--signal);font:500 12px/1 var(--mono);letter-spacing:.04em}.seo-process h3{font:600 26px/1.1 var(--sans);letter-spacing:var(--track-title);margin:auto 0 0;padding-top:32px}.seo-shell .seo-process li p{color:var(--night-muted);margin:12px 0 0;font-size:15px;line-height:1.6}.seo-guardrail{max-width:1240px;padding:clamp(80px,9vw,128px) var(--gutter);grid-template-columns:200px minmax(0,1fr) minmax(0,.7fr);align-items:start;gap:clamp(32px,5vw,80px);margin:0 auto;display:grid}.seo-guardrail h2{font:600 clamp(34px,3.6vw,52px)/1.04 var(--sans);letter-spacing:var(--track-title);margin:0}.seo-guardrail p{color:var(--muted);margin:0;font-size:16px;line-height:1.7}.seo-faq{padding:clamp(80px,9vw,128px) max(var(--gutter), calc((100% - 1240px) / 2));border-top:1px solid var(--line);grid-template-columns:minmax(0,.75fr) minmax(0,1fr);align-items:start;gap:clamp(48px,8vw,128px);display:grid}.seo-faq h2{font:600 clamp(40px,4.4vw,64px)/1 var(--sans);letter-spacing:var(--track-title);margin:20px 0 0}.seo-faq details{border-bottom:1px solid var(--line)}.seo-faq details:first-child{border-top:1px solid var(--ink)}.seo-faq summary{cursor:pointer;min-height:76px;font:500 18px/1.4 var(--sans);justify-content:space-between;align-items:center;gap:24px;padding:18px 0;list-style:none;display:flex}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary span{width:34px;height:34px;color:var(--ink);font:300 24px/1 var(--sans);transition:transform .25s var(--ease);flex:none;place-items:center;display:grid}.seo-faq details[open] summary span{transform:rotate(45deg)}.seo-shell .seo-faq details p{max-width:660px;color:var(--muted);margin:0;padding:0 58px 24px 0;font-size:16px;line-height:1.7}.seo-final{min-height:460px;padding:clamp(80px,9vw,128px) var(--gutter);background:var(--blue);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.seo-final .seo-eyebrow{color:#ffffffe0}.seo-final h2{max-width:980px;font:600 clamp(48px,6vw,96px)/.95 var(--sans);letter-spacing:var(--track-display);margin:22px 0 36px}.seo-final .seo-primary{color:var(--ink);background:#fff;border-color:#fff}.seo-final .seo-primary:hover{border-color:var(--ink);background:var(--ink);color:#fff}.keyword-breadcrumb{max-width:1440px;padding:24px var(--gutter) 0;color:var(--muted);font:500 12px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;gap:10px;margin:0 auto;display:flex}.keyword-breadcrumb a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:4px}.keyword-breadcrumb a:hover{text-decoration-color:currentColor}.keyword-hero{padding-top:32px}.keyword-hero h1{max-width:620px;font-size:clamp(46px,5vw,76px)}.keyword-article,.keyword-examples,.keyword-related{max-width:1240px;padding:clamp(56px,6vw,88px) var(--gutter);margin:0 auto}.keyword-article{border-top:1px solid var(--line)}.keyword-section{border-bottom:1px solid var(--line);grid-template-columns:48px minmax(0,.8fr) minmax(0,1.2fr);gap:28px;padding:32px 0;display:grid}.keyword-section:last-child{border-bottom:0}.keyword-section .seo-eyebrow{padding-top:10px}.keyword-section h2{font:600 28px/1.12 var(--sans);letter-spacing:var(--track-title);margin:0}.keyword-section p{color:var(--muted);margin:0;font-size:17px;line-height:1.75}.keyword-section p a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.keyword-examples header{max-width:640px;margin-bottom:32px}.keyword-examples h2,.keyword-related h2{font:600 clamp(36px,3.8vw,54px)/1.02 var(--sans);letter-spacing:var(--track-title);margin:18px 0 0}.keyword-examples header p{color:var(--muted);margin:16px 0 0;font-size:16px;line-height:1.65}.keyword-examples>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.keyword-examples figure{min-width:0;margin:0}.keyword-examples figure img{aspect-ratio:1;object-fit:cover;background:var(--canvas);width:100%;height:auto}.keyword-examples figcaption{padding-top:18px;font-size:15px;line-height:1.6}.keyword-examples figcaption strong{font:400 28px/1.1 var(--serif)}.keyword-examples figcaption p{color:var(--muted);margin:6px 0 14px}.keyword-examples figcaption a{border-bottom:1px solid var(--line-strong);font:500 14px/1.2 var(--sans);padding-bottom:4px}.keyword-related nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:32px 0;display:grid}.keyword-related nav a{border-top:1px solid var(--ink);min-height:64px;font:600 18px/1.2 var(--sans);letter-spacing:var(--track-head);justify-content:space-between;align-items:center;gap:20px;padding:0 2px;transition:color .18s;display:flex}.keyword-related nav a:hover{color:var(--blue)}.keyword-related>a{border-bottom:1px solid var(--line-strong);font:500 14px/1.2 var(--sans);padding-bottom:4px}.keyword-index-header{max-width:1440px;padding:clamp(48px,6vw,88px) var(--gutter) 40px;margin:0 auto}.keyword-index-header h1{font:600 clamp(50px,5.8vw,90px)/.95 var(--sans);letter-spacing:var(--track-display);margin:20px 0 0}.keyword-index-header p{max-width:600px;color:var(--muted);margin:22px 0 0;font-size:17px;line-height:1.7}.keyword-tool-grid{max-width:1440px;padding:8px var(--gutter) 64px;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 24px;margin:0 auto;display:grid}.keyword-tool-grid>a{min-width:0;display:block}.keyword-tool-grid img{aspect-ratio:1;object-fit:cover;background:var(--canvas);width:100%;height:auto}.keyword-tool-grid>a:is(:hover,:focus-visible) img{outline:1px solid var(--blue);outline-offset:-1px}.keyword-tool-grid>a>div{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.keyword-tool-grid h2{font:600 21px/1.2 var(--sans);letter-spacing:var(--track-head);justify-content:space-between;gap:12px;margin:0 0 8px;display:flex}.keyword-tool-grid h2 span{font:400 18px/1.5 var(--sans)}.keyword-tool-grid p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.keyword-existing-links{max-width:1440px;padding:0 var(--gutter) 72px;flex-wrap:wrap;gap:10px;margin:0 auto;display:flex}.keyword-existing-links a{border:1px solid var(--line);border-radius:999px;align-items:center;height:42px;padding:0 18px;font-size:14px;transition:border-color .18s;display:inline-flex}.keyword-existing-links a:hover{border-color:var(--ink)}@media (max-width:1000px){.keyword-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keyword-section{grid-template-columns:36px minmax(0,1fr);gap:16px}.keyword-section p{grid-column:2}}@media (max-width:940px){.seo-hero,.seo-principle,.seo-faq{grid-template-columns:1fr}.seo-hero{row-gap:clamp(72px,10vw,96px)}.seo-hero figure{width:min(100%,640px)}.seo-examples>header,.seo-examples>div{grid-template-columns:1fr}.seo-examples figure:first-child{grid-row:auto}.seo-guardrail{grid-template-columns:150px minmax(0,1fr)}.seo-guardrail p{grid-column:2}.seo-process>header{display:block}.seo-process ol{grid-template-columns:1fr}.seo-process li{min-height:0}.keyword-related nav{grid-template-columns:1fr}}@media (max-width:620px){.seo-hero{padding:32px 20px 64px}.seo-hero figure{width:auto;margin-inline:-20px}.seo-hero figure img{border-radius:0}.seo-hero figcaption{padding-inline:20px}.seo-hero .keyword-example-link{margin-inline:20px}.seo-hero h1{font-size:clamp(42px,11.4vw,56px)}.seo-hero>div>p{font-size:16px}.seo-actions{flex-direction:column;align-items:flex-start}.seo-principle,.seo-process,.seo-faq,.seo-examples,.seo-guardrail{padding:72px 20px}.seo-principle li{grid-template-columns:48px minmax(0,1fr)}.seo-examples figure:not(:first-child){grid-template-columns:1fr}.seo-guardrail{grid-template-columns:1fr;gap:20px}.seo-guardrail p{grid-column:1}.seo-faq summary{font-size:16px}.seo-shell .seo-faq details p{padding-right:0;font-size:15px}.seo-final{min-height:0;padding:80px 20px}.seo-final h2{font-size:clamp(42px,11vw,54px)}.keyword-brief-entry>input{font-size:27px}.keyword-brief-submit{flex:1 0 100%}.keyword-breadcrumb{padding:20px 20px 0}.keyword-article,.keyword-examples,.keyword-related{padding:48px 20px}.keyword-section h2{font-size:24px}.keyword-section p{font-size:16px}.keyword-examples>div,.keyword-tool-grid{grid-template-columns:1fr}.keyword-index-header{padding:40px 20px 24px}.keyword-index-header h1{font-size:clamp(42px,11.6vw,56px)}.keyword-tool-grid{padding:8px 20px 40px}.keyword-existing-links{padding:0 20px 52px}}
