*,*:before,*:after{box-sizing:border-box}:root{color-scheme:light;--bg: #f6f7f9;--bg-soft: #eceef2;--surface: #ffffff;--surface-alt: #f2f4f7;--text: #14171c;--text-muted: #5c6672;--border: rgba(20, 23, 28, .1);--border-strong: rgba(20, 23, 28, .18);--brand: #e5392e;--brand-strong: #c62d24;--brand-soft: rgba(229, 57, 46, .1);--accent: #ff7a45;--ok: #1a7f52;--ok-soft: rgba(26, 127, 82, .12);--warn: #a2641a;--warn-soft: rgba(162, 100, 26, .14);--shadow-sm: 0 1px 2px rgba(16, 20, 26, .06);--shadow-md: 0 8px 24px rgba(16, 20, 26, .08);--shadow-lg: 0 18px 44px rgba(16, 20, 26, .12);--radius-sm: 10px;--radius: 16px;--radius-lg: 22px}:root[data-theme=dark]{color-scheme:dark;--bg: #0f1115;--bg-soft: #15181e;--surface: #171b21;--surface-alt: #1d222a;--text: #eef1f5;--text-muted: #9aa4b2;--border: rgba(238, 241, 245, .12);--border-strong: rgba(238, 241, 245, .22);--brand: #ff6a58;--brand-strong: #ff8a7c;--brand-soft: rgba(255, 106, 88, .16);--accent: #ffa07a;--ok: #4ade80;--ok-soft: rgba(74, 222, 128, .16);--warn: #fbbf24;--warn-soft: rgba(251, 191, 36, .16);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 44px rgba(0, 0, 0, .55)}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.01em}p{margin:0}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--surface);color:var(--text);padding:10px 16px;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text)}.brand:hover{text-decoration:none}.brand__mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--accent));box-shadow:var(--shadow-sm)}.brand__text{display:flex;flex-direction:column;line-height:1.2}.brand__text strong{font-size:15px;letter-spacing:-.01em}.brand__text em{font-style:normal;font-size:12px;color:var(--text-muted)}.nav{display:flex;align-items:center;gap:4px}.nav a{padding:8px 12px;border-radius:999px;color:var(--text-muted);font-size:14px}.nav a:hover{color:var(--text);background:var(--surface-alt);text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:1px solid transparent;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:hover{text-decoration:none}.button:active{transform:translateY(1px)}.button--primary{background:linear-gradient(135deg,var(--brand),var(--accent));color:#fff;box-shadow:var(--shadow-sm)}.button--primary:hover{filter:brightness(1.05)}.button--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.button--ghost:hover{background:var(--surface-alt)}.button--lg{width:100%;padding:14px 22px;font-size:16px;border-radius:var(--radius)}.icon-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer}.icon-button:hover{color:var(--text);border-color:var(--border-strong)}.icon-button--compact{padding:6px 10px}.hero{padding:64px 0 40px;background:radial-gradient(90% 70% at 50% -10%,var(--brand-soft),transparent 70%),var(--bg)}.hero__inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.hero__eyebrow{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:13px;font-weight:600}.hero__title{font-size:clamp(34px,7vw,56px);font-weight:800;background:linear-gradient(120deg,var(--brand) 10%,var(--accent) 60%,var(--text) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero__lead{max-width:620px;color:var(--text-muted);font-size:clamp(15px,2.4vw,17px)}.quickstart{width:100%;max-width:620px;margin-top:12px;padding:22px;display:flex;flex-direction:column;gap:16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.quickstart__label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:var(--text-muted)}.quickstart__input-wrap{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg)}.quickstart__input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.quickstart__input-icon{display:grid;place-items:center;color:var(--text-muted)}.quickstart__input{flex:1;min-width:0;padding:10px 0;border:0;background:transparent;color:var(--text);font:inherit;font-size:16px}.quickstart__input:focus{outline:none}.quickstart__hint{margin-top:8px;font-size:12.5px;color:var(--text-muted)}.quickstart__picker{margin:0;padding:0;border:0}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented__item{position:relative;display:flex;align-items:center;justify-content:center;padding:11px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:14px;font-weight:600;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.segmented__item input{position:absolute;opacity:0;width:1px;height:1px}.segmented__item:hover{color:var(--text)}.segmented__item.is-active{color:var(--brand);border-color:var(--brand);background:var(--brand-soft)}.segmented__item:has(input:focus-visible){outline:2px solid var(--brand);outline-offset:2px}.quickstart__status{min-height:20px;font-size:13px;color:var(--text-muted)}.section{padding:48px 0}.section__head{margin-bottom:24px}.section__title{font-size:clamp(22px,4vw,28px);font-weight:700}.section__sub{margin-top:8px;color:var(--text-muted);font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.service-card{display:flex;flex-direction:column;gap:14px;padding:22px;transition:transform .18s ease,box-shadow .18s ease}.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.service-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.service-card__title{font-size:18px;font-weight:700}.service-card__summary{margin-top:4px;color:var(--text-muted);font-size:14px}.badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.badge--ok{color:var(--ok);background:var(--ok-soft)}.badge--warn{color:var(--warn);background:var(--warn-soft)}.service-card__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.service-card__list li{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:var(--text-muted)}.service-card__list svg{margin-top:4px;color:var(--brand);flex-shrink:0}.service-card__checked{padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--text-muted);font-size:12.5px}.service-card__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}.callout{margin-top:20px;padding:18px 20px;border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-alt)}.callout__tabs{display:flex;gap:6px;margin-bottom:10px}.callout__tab{padding:6px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.callout__tab.is-active{color:var(--brand);background:var(--brand-soft);border-color:var(--brand)}.callout__body{font-size:13.5px;color:var(--text-muted)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;counter-reset:step}.steps__item{display:flex;gap:14px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.steps__index{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:14px;font-weight:700}.steps__title{font-size:16px;font-weight:700}.steps__body{margin-top:6px;color:var(--text-muted);font-size:14px}.faq{display:flex;flex-direction:column;gap:10px}.faq__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.faq__q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;cursor:pointer;font-size:15px;font-weight:600;list-style:none}.faq__q::-webkit-details-marker{display:none}.faq__chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s ease}.faq__item[open] .faq__chevron{transform:rotate(180deg)}.faq__a{padding:0 18px 18px;color:var(--text-muted);font-size:14px}.footer{margin-top:24px;padding:32px 0 48px;border-top:1px solid var(--border);background:var(--bg-soft)}.footer__inner{display:flex;flex-direction:column;gap:8px}.footer__brand{font-weight:700}.footer__note{color:var(--text-muted);font-size:13px}@media (min-width: 721px){.footer__note{white-space:nowrap}}@media (max-width: 720px){.hero{padding:40px 0 28px}.header__inner{min-height:58px}.nav a{padding:8px 9px;font-size:13px}.icon-button__text{display:none}.icon-button{padding:8px}.quickstart{padding:16px}.segmented{grid-template-columns:1fr}.service-card__actions .button{flex:1 1 auto}.section{padding:36px 0}}@media (max-width: 380px){.brand__text em{display:none}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
