.seo-guide{color:#f7f3fa;background:radial-gradient(ellipse at 80% 0,rgba(236,72,153,.12),transparent 40%),#0a0a0f;font-family:"DM Sans",sans-serif;min-height:100vh;line-height:1.75;padding:0 24px}.seo-guide *{box-sizing:border-box}.seo-guide a{color:inherit;text-underline-offset:5px}.seo-guide a:focus-visible{outline:3px solid #f472b6;outline-offset:5px}.seo-guide main,.seo-guide header,.seo-guide footer{max-width:1080px;margin:auto}.seo-nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid #ffffff20}.seo-brand{font-family:Sora,sans-serif;font-size:24px;font-weight:700;text-decoration:none}.seo-guide nav{display:flex;flex-wrap:wrap;gap:12px 24px}.seo-intro{max-width:850px;padding:72px 0 56px}.seo-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#f9a8d4}.seo-guide h1,.seo-guide h2{font-family:Sora,sans-serif;line-height:1.2;text-wrap:balance}.seo-guide h1{font-size:clamp(32px,5vw,60px);letter-spacing:-.035em;margin:16px 0 24px}.seo-guide h2{font-size:clamp(23px,3vw,30px);margin:0 0 16px}.seo-guide p{max-width:75ch;color:#c7bfce}.seo-intro>p:not(.seo-eyebrow){font-size:20px}.seo-cta{display:inline-block;background:linear-gradient(110deg,#ec4899,#a855f7);padding:14px 24px;border-radius:12px;font-weight:700;text-decoration:none;margin-top:16px}.seo-sections section{display:grid;grid-template-columns:68px 1fr;gap:24px;padding:36px 0;border-top:1px solid #ffffff20}.seo-number{color:#f9a8d4;font-size:28px}.seo-next{padding:36px;border:1px solid #ffffff25;border-radius:24px;background:linear-gradient(130deg,#231321,#131320);margin:36px 0}.seo-note{font-size:13px}.seo-guide .seo-related{display:grid;gap:16px;padding:24px 0 64px}.seo-related a{padding:16px 0;border-bottom:1px solid #ffffff20}.seo-guide footer{border-top:1px solid #ffffff20;padding:28px 0 40px;font-size:14px}.seo-languages{margin:24px 0}.seo-languages [aria-current=page]{color:#f9a8d4}.seo-guide[lang^=zh]{font-family:"PingFang TC","Microsoft JhengHei",sans-serif}.seo-guide[lang^=zh] h1,.seo-guide[lang^=zh] h2{font-family:inherit}.seo-guide[lang=ar]{font-family:Tahoma,Arial,sans-serif}.seo-guide[lang=ar] h1,.seo-guide[lang=ar] h2{font-family:inherit}@media(max-width:600px){.seo-guide{padding:0 20px}.seo-nav{align-items:flex-start;flex-direction:column;gap:12px}.seo-intro{padding:42px 0 32px}.seo-sections section{grid-template-columns:32px 1fr;gap:12px}.seo-number{font-size:19px}.seo-next{padding:24px}.seo-guide nav{gap:12px 18px}}
.seo-guide .seo-byline{font-size:13px;color:#b7a7be}.seo-eyebrow[aria-label]{letter-spacing:.04em;text-transform:none;font-size:12px}.seo-toc{border-block:1px solid #ffffff20;padding:24px 0;margin-bottom:40px;flex-direction:column;align-items:flex-start}.seo-toc strong{color:#f9a8d4}.seo-toc a{font-size:14px}.seo-walkthrough{max-width:850px;margin:40px 0}.seo-walkthrough ol{padding-inline-start:26px}.seo-walkthrough li{padding:8px 0 8px 12px;color:#d4cdda}.seo-walkthrough li::marker{color:#f9a8d4;font-weight:700}.seo-example,.seo-disclosure{border-inline-start:3px solid #dc77af;background:#17121b;padding:24px 32px;border-radius:0 16px 16px 0;margin:32px 0}.seo-guide blockquote{margin:16px 0;color:#eee4f2;white-space:pre-wrap}.seo-example blockquote{font-size:19px;max-width:70ch}.seo-screenshot{margin:40px 0;max-width:820px}.seo-screenshot img{display:block;width:100%;height:auto;border:1px solid #ffffff25;border-radius:16px}.seo-screenshot figcaption{font-size:13px;color:#afa3b7;margin-top:12px}.seo-personas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0}.seo-persona{padding:24px;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(155deg,#231523,#0e101a)}.seo-persona:nth-child(2){background:linear-gradient(155deg,#12252b,#0e101a)}.seo-persona:nth-child(3){background:linear-gradient(155deg,#292217,#0e101a)}.seo-persona h2{font-size:26px;margin:20px 0 8px}.seo-persona h3{font-size:16px;font-weight:500;color:#e6cede;margin:0 0 20px}.seo-persona h4{font-size:13px;color:#f9a8d4;margin:24px 0 8px}.seo-persona p,.seo-persona blockquote{font-size:15px}.seo-persona blockquote{border-block:1px solid #ffffff20;padding:16px 0}.seo-table-wrap{overflow-x:auto;max-width:100%;border:1px solid #ffffff25;border-radius:16px;margin:36px 0}.seo-table-wrap:focus-visible{outline:3px solid #f472b6;outline-offset:4px}.seo-table-wrap table{width:100%;min-width:600px;border-collapse:collapse;font-size:15px;text-align:start}.seo-table-wrap caption{text-align:start;padding:18px 24px;color:#c7bfce;font-size:13px}.seo-table-wrap th,.seo-table-wrap td{padding:20px 24px;vertical-align:top;border-top:1px solid #ffffff20;overflow-wrap:anywhere}.seo-table-wrap thead th{background:#221522;color:#f7d6e9}.seo-table-wrap tbody th{width:22%;color:#edd8e8}.seo-table-wrap td{width:39%;color:#c7bfce}.seo-sources{margin:40px 0}.seo-sources li{padding:8px 0;overflow-wrap:anywhere}.seo-guide [id]{scroll-margin-top:24px}@media(max-width:850px){.seo-personas{grid-template-columns:1fr}.seo-persona{padding:26px}.seo-persona p,.seo-persona blockquote{max-width:70ch}}@media(max-width:600px){.seo-example,.seo-disclosure{padding:20px}.seo-example blockquote{font-size:17px}.seo-table-wrap th,.seo-table-wrap td{padding:16px}.seo-walkthrough li{padding-inline-start:4px}}
.seo-guide .seo-intro>p.seo-byline{font-size:13px}
.seo-brief{max-width:850px;border:1px solid #ffffff25;border-radius:20px;padding:28px;margin:32px 0;background:#17121b}.seo-brief fieldset{border:0;padding:0;margin:0;display:grid;gap:20px;min-width:0}.seo-brief label{display:grid;gap:8px;font-size:14px;color:#eee4f2}.seo-brief input,.seo-brief textarea{width:100%;min-width:0;border:1px solid #ffffff40;border-radius:10px;background:#0a0a0f;color:#f7f3fa;font:inherit;padding:12px;line-height:1.6}.seo-brief textarea{resize:vertical}.seo-brief input:focus-visible,.seo-brief textarea:focus-visible{outline:3px solid #f472b6;outline-offset:3px}.seo-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:600px){.seo-brief{padding:20px}}
.seo-persona-portrait{position:relative;margin:0 0 20px}.seo-persona-portrait img{display:block;width:100%;height:auto;aspect-ratio:3/4;border-radius:14px;background:#19131d}.seo-persona-portrait .seo-number{position:absolute;top:12px;inset-inline-end:12px;display:grid;place-items:center;min-width:32px;height:32px;padding:0 8px;border:1px solid #ffffff30;border-radius:999px;background:#0a0a0fe6;color:#fff;font-size:13px;line-height:1}.seo-persona-portrait figcaption{margin-top:8px;font-size:12px;color:#b9adbf}