/* Twitter 在线工具：所有规则限定在本页，保持公共布局和其他产品不变。 */
.x-web-landing{--x-ink:#eef3f8;--x-blue:#69c7ff;--x-line:#303c4f;--x-muted:#b4bdcc;color-scheme:dark;color:var(--x-ink);background:#10141e;font-size:16px;line-height:1.75;padding-bottom:48px}
.x-web-landing *{box-sizing:border-box}
.x-web-landing [hidden]{display:none!important}
.x-web-landing .container{width:calc(100% - 40px);max-width:1120px;margin-inline:auto;padding:0}
.x-web-landing h1,.x-web-landing h2,.x-web-landing h3{color:var(--x-ink);font-weight:750;line-height:1.3;letter-spacing:-.035em;margin:0 0 16px}
.x-web-landing h1{font-size:clamp(32px,4.6vw,56px);letter-spacing:-.045em}
.x-web-landing h1 span{color:#75caff}
.x-web-landing h2{font-size:clamp(25px,3vw,34px)}
.x-web-landing h3{font-size:19px;letter-spacing:-.02em;margin-bottom:12px}
.x-web-landing p{margin:0 0 16px}
.x-web-landing a{color:#75caff;text-underline-offset:4px}
.x-web-landing button,.x-web-landing input,.x-web-landing select{font:inherit}
.x-web-landing button,.x-web-landing a,.x-web-landing summary,.x-web-landing select{touch-action:manipulation}
.x-web-landing :focus-visible{outline:3px solid #9bddff;outline-offset:4px}
.x-web-landing .xw-hero{padding-top:64px;text-align:center;background:radial-gradient(ellipse at 50% 8%,#16384f55,transparent 65%)}
.x-web-landing .xw-eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em;color:#9db8cb;margin-bottom:16px}
.x-web-landing .xw-intro{max-width:760px;margin:20px auto;color:var(--x-muted);font-size:18px}
.x-web-landing .xw-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:22px 0 30px}
.x-web-landing .xw-tags span{font-size:13px;border:1px solid var(--x-line);border-radius:24px;padding:4px 13px;background:#18212e}
.x-web-landing .xw-tool{max-width:900px;margin:0 auto;text-align:start;border:1px solid #36536a;border-radius:22px;background:#17212f;padding:28px;box-shadow:0 18px 52px #0004}
.x-web-landing label{display:block;font-weight:700;font-size:14px;margin-bottom:10px}
.x-web-landing .xw-input-row{display:flex;gap:10px}
.x-web-landing #xw-url{min-width:0;flex:1;width:100%;height:56px;padding:12px 16px;border:1px solid #4b6076;border-radius:10px;background:#101822;color:var(--x-ink);direction:ltr}
.x-web-landing #xw-url::placeholder{color:#96a8ba;opacity:1}
.x-web-landing #xw-url:focus{border-color:var(--x-blue);box-shadow:0 0 0 3px #69c7ff26}
.x-web-landing .xw-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-align:center;text-decoration:none;background:#69c7ff;color:#081a29!important;border:0;border-radius:10px;font-weight:700;padding:13px 23px;cursor:pointer;white-space:normal}
.x-web-landing .xw-primary:hover{background:#a5e2ff}
.x-web-landing button:disabled{cursor:wait;opacity:.65}
.x-web-landing .xw-muted{color:var(--x-muted);font-size:13px;line-height:1.7}
.x-web-landing #xw-link-help{margin:12px 0 20px}
.x-web-landing .xw-account{border-top:1px solid var(--x-line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px}
.x-web-landing .xw-account strong{font-size:15px}
.x-web-landing .xw-account p{margin:4px 0 0}
.x-web-landing .xw-account-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;flex-shrink:0}
.x-web-landing .xw-text-button{background:none;border:0;padding:0;color:#75caff;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.x-web-landing .xw-status{padding:14px 16px;border:1px solid #37637f;border-radius:10px;background:#152c3c;color:#d3edff;margin-top:18px;font-size:14px;overflow-wrap:anywhere}
.x-web-landing .xw-status[data-tone=error]{background:#352329;border-color:#8a4b56;color:#ffb9b3}
.x-web-landing .xw-status[data-tone=success]{background:#153329;border-color:#3e7a60;color:#a4e8c1}
.x-web-landing .xw-help{padding:14px 0 0;font-size:14px}
.x-web-landing .xw-help p{margin-bottom:6px}
.x-web-landing .xw-help a{display:inline-block;margin-inline-end:20px}
.x-web-landing .xw-section-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;border-bottom:1px solid var(--x-line);margin-top:32px;padding:24px 0;font-size:14px}
.x-web-landing .xw-section-nav a{text-decoration:none}
.x-web-landing .xw-section{padding-top:68px;scroll-margin-top:100px}
.x-web-landing .xw-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:16px 0 0;margin:0}
.x-web-landing .xw-steps b{display:block;font-size:14px;font-weight:750;color:#75caff;border-top:2px solid var(--x-line);padding-top:16px;margin-bottom:18px}
.x-web-landing .xw-steps p,.x-web-landing .xw-three p{font-size:15px;color:var(--x-muted)}
.x-web-landing .xw-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:25px 0 16px}
.x-web-landing .xw-three article{border:1px solid var(--x-line);border-radius:16px;padding:24px;background:#18212e}
.x-web-landing .xw-table-wrap{overflow-x:auto;border:1px solid var(--x-line);border-radius:14px;margin-top:24px}
.x-web-landing table{width:100%;border-collapse:collapse;font-size:15px;margin:0}
.x-web-landing caption{text-align:start;padding:12px 20px;color:var(--x-muted);caption-side:bottom;font-size:12px}
.x-web-landing th,.x-web-landing td{padding:15px 20px;text-align:start;vertical-align:top;border-bottom:1px solid var(--x-line)}
.x-web-landing tbody th{min-width:115px;font-weight:650}
.x-web-landing thead{background:#1a2c3c}
.x-web-landing tbody tr:last-child th,.x-web-landing tbody tr:last-child td{border-bottom:0}
.x-web-landing .xw-extension-callout{padding:36px;display:flex;align-items:center;gap:35px;border-radius:20px;background:#172737;border:1px solid #355268;color:#d7e4ef}
.x-web-landing .xw-extension-callout>div{flex:1}
.x-web-landing .xw-extension-callout h2{color:#fff}
.x-web-landing .xw-extension-callout .xw-eyebrow{color:#6ec9ff}
.x-web-landing .xw-extension-callout .xw-muted{color:#bac8d1}
.x-web-landing .xw-extension-callout .xw-primary{background:#69c7ff;max-width:230px}
.x-web-landing .xw-checks{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 32px}
.x-web-landing .xw-checks li{border-inline-start:3px solid #1d9bf0;padding-inline-start:18px}
.x-web-landing .xw-checks strong,.x-web-landing .xw-checks span{display:block}
.x-web-landing .xw-checks span{color:var(--x-muted);font-size:15px;margin-top:5px}
.x-web-landing .xw-faq{margin-top:24px;border-top:1px solid var(--x-line)}
.x-web-landing details{border-bottom:1px solid var(--x-line)}
.x-web-landing summary{cursor:pointer;padding:20px 4px;font-weight:650}
.x-web-landing details p{color:var(--x-muted);padding:0 4px 4px}
.x-web-landing .xw-footer-note{color:var(--x-muted);font-size:14px}
.x-web-landing .xw-footer-note h2{font-size:22px}
.x-web-landing .xw-links{display:flex;flex-wrap:wrap;gap:10px 24px}
.x-web-landing .xw-results{max-width:900px;margin:28px auto 0;text-align:start}
.x-web-landing .xw-results h2{font-size:24px}
.x-web-landing #xw-post-title{overflow-wrap:anywhere;color:var(--x-muted);max-height:8em;overflow:auto}
.x-web-landing .xw-media-card{background:#17212f;display:grid;grid-template-columns:150px 1fr;gap:24px;padding:22px;border:1px solid var(--x-line);border-radius:16px;margin-bottom:16px}
.x-web-landing .xw-media-card img{width:150px;height:150px;object-fit:cover;border-radius:10px;background:#17212f}
.x-web-landing .xw-media-card:not(:has(img)){grid-template-columns:1fr}
.x-web-landing .xw-media-card select{max-width:100%;border:1px solid #4b6076;border-radius:8px;background:#101822;padding:10px;color:var(--x-ink);margin-bottom:12px}
.x-web-landing .xw-media-card .xw-primary{font-size:14px;padding:11px 18px;margin-inline-start:10px}
.x-web-landing .xw-save-link{display:inline-block;font-weight:700;margin:4px 0 8px;overflow-wrap:anywhere}
.x-web-landing .xw-spin{display:inline-block;animation:xw-rotation .85s linear infinite}
@keyframes xw-rotation{to{transform:rotate(360deg)}}
/* 深色首屏沿用官网的浅蓝面包屑，仅限定本页。 */
main:has(> .x-web-landing) > .site-breadcrumb-region .platform-breadcrumb__link,
main:has(> .x-web-landing) > .site-breadcrumb-region .platform-breadcrumb__icon{color:#91cfe9}
main:has(> .x-web-landing) > .site-breadcrumb-region .platform-breadcrumb__current-text,
main:has(> .x-web-landing) > .site-breadcrumb-region .platform-breadcrumb__separator{color:#b4bdcc}
@media(max-width:800px){.x-web-landing .xw-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.x-web-landing .xw-three{grid-template-columns:1fr}.x-web-landing .xw-account{align-items:flex-start;flex-direction:column}.x-web-landing .xw-extension-callout{flex-direction:column;align-items:flex-start}.x-web-landing .xw-extension-callout .xw-primary{max-width:none}.x-web-landing .xw-section{padding-top:48px}}
@media(max-width:480px){.x-web-landing .container{width:calc(100% - 28px)}.x-web-landing .xw-hero{padding-top:36px}.x-web-landing h1{font-size:32px}.x-web-landing .xw-intro{font-size:16px}.x-web-landing .xw-tool{padding:18px 14px;border-radius:16px}.x-web-landing .xw-input-row{flex-direction:column}.x-web-landing #xw-url{font-size:14px}.x-web-landing .xw-steps,.x-web-landing .xw-checks{grid-template-columns:1fr}.x-web-landing .xw-steps{gap:8px}.x-web-landing .xw-three article{padding:20px}.x-web-landing .xw-extension-callout{padding:25px 20px}.x-web-landing th,.x-web-landing td{padding:13px 12px;font-size:14px}.x-web-landing .xw-media-card{grid-template-columns:1fr;padding:18px;gap:16px}.x-web-landing .xw-media-card img{width:100%;height:180px}.x-web-landing .xw-media-card select{width:100%}.x-web-landing .xw-media-card .xw-primary{width:100%;margin-inline-start:0}.x-web-landing .xw-section-nav{gap:10px 18px}}
@media(prefers-reduced-motion:reduce){.x-web-landing .xw-spin{animation:none}.x-web-landing *{scroll-behavior:auto!important}}