.home-view,.pending-view{--home-ink:#191b20;--home-muted:#6b7280;--home-line:#e8e9ed;--home-focus:#172554;background:#fff;color:var(--home-ink);font-family:'OpenAI Sans','Microsoft YaHei','PingFang SC',sans-serif}
.home-view .demo-tools,.pending-view .demo-tools{display:none}
.home-header{min-height:76px;padding:14px clamp(20px,2.8vw,56px);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--home-line);background:#fff;position:relative;z-index:2}
.home-header a{text-decoration:none;color:inherit}
.home-logo{display:flex;align-items:center;flex:none;min-height:44px}
.home-logo img{display:block;width:132px;height:auto}
.home-nav{display:flex;align-items:center;gap:26px;flex:1;white-space:nowrap}
.home-nav>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:600}
.home-nav img{width:22px;height:22px;object-fit:contain}
.home-nav .home-all{gap:6px;font-weight:400}
.home-all svg{width:18px;height:18px}
[data-brand=claude] .home-product-name,.home-nav>[data-brand=claude]{color:#b65332}
[data-brand=gemini] .home-product-name,.home-nav>[data-brand=gemini]>span{background:linear-gradient(100deg,#3379c8,#7556ba 55%,#be4265);background-clip:text;-webkit-background-clip:text;color:transparent}
[data-brand=relay-api] .home-product-name,.home-nav>[data-brand=relay-api]{color:#5747d8}
[data-brand=gmail] .home-product-name{color:#b3261e}
.home-view a,.pending-view a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.home-view :focus-visible,.pending-view :focus-visible{outline-color:var(--home-focus)}
.home-main{width:100%;padding-bottom:30px}
.home-hero{position:relative;overflow:hidden;background:#f6f6f6}
.home-track{--home-slide-duration:500ms;display:flex;transform:translate3d(-100vw,0,0);transition:transform var(--home-slide-duration) var(--toggle-ease);will-change:transform}
.home-track.is-dragging,.home-track.is-resetting{transition:none}
.home-slide,.home-slide-clone{flex:0 0 100vw;min-width:0}
.home-slide>a,.home-slide-clone>a{display:block}
.home-slide img,.home-slide-clone img{display:block;width:100%;height:auto;aspect-ratio:3840/1408;object-fit:contain;user-select:none}
.home-arrow{position:absolute;top:50%;display:grid;place-items:center;width:46px;height:46px;margin-top:-23px;padding:10px;border:0;border-radius:50%;color:#fff;background:#0004}
.home-arrow svg{width:25px;height:25px;stroke-width:2.4}
.home-previous{left:10px}
.home-previous svg{transform:rotate(180deg)}
.home-previous[aria-disabled=true]{cursor:not-allowed}
.home-next{right:10px}
.home-pagination{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex}
.home-pagination button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent}
.home-pagination button::before{content:'';width:12px;height:12px;border-radius:50%;background:#c5c8ce}
.home-pagination button[aria-current=true]::before{background:var(--home-focus)}
.home-promotion{display:flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:12px 24px;border-block:1px solid #e2eaf5;background:#edf3fb;color:#29496b;font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:17px;line-height:1.6;letter-spacing:.025em;text-decoration:none;text-align:center}
.home-promotion strong{color:#1e4e7a;font-weight:700;white-space:nowrap}
.home-products{max-width:1280px;margin:0 auto;padding:60px 40px 0;scroll-margin-top:24px}
.home-product-grid{display:flex;justify-content:center;gap:40px}
.home-product{display:flex;flex-direction:column;align-items:center;gap:16px;width:116px;flex:none;color:var(--home-ink);text-decoration:none;min-height:156px;border-radius:14px;padding:0 4px;user-select:none}
.home-product-icon{display:grid;place-items:center;width:108px;height:108px;flex:none}
.home-product-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.home-product[data-brand=grok] img,.home-product[data-brand=gmail] img{background:#f5f5f7}
.home-product-name{font-size:17px;font-weight:600;line-height:26px;text-align:center;white-space:nowrap}
.home-pending{min-height:calc(100svh - 76px);max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 100px}
.home-pending-icon{width:104px;height:104px;margin-bottom:28px;border-radius:24px;background:#f6f6f8;padding:18px}
.home-pending-icon img{width:100%;height:100%;object-fit:contain}
.home-pending-label{font-size:12px;line-height:20px;padding:3px 12px;background:#f1f3f5;color:#5b6472;border-radius:20px;margin-bottom:16px}
.home-pending h1{font-size:36px;line-height:1.3;letter-spacing:-.7px;margin-bottom:20px;font-weight:600}
.home-pending>p{color:#5d6470;font-size:16px;line-height:1.8}
.home-pending .home-pending-detail{font-size:14px;margin-top:6px;color:#737b88}
.home-return{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:32px;padding:10px 28px;border:1px solid #191b20;border-radius:9px;background:#191b20;color:#fff;text-decoration:none;font-size:14px}
@media(hover:hover) and (pointer:fine){.home-nav>a:hover{opacity:.7}.home-arrow:hover:not([aria-disabled=true]){background:#0007}.home-product:hover{background:#fafafa}.home-return:hover{background:#34383e}}
.home-product:active,.home-return:active{opacity:.75}
@media(min-width:1800px){.home-nav{gap:36px}}
@media(max-width:1350px){.home-header{gap:22px;padding-inline:24px}.home-nav{gap:18px}.home-nav>a{font-size:13px;gap:7px}.home-logo img{width:120px}}
@media(max-width:900px){.home-header{flex-wrap:wrap;gap:8px 24px;padding-block:12px}.home-nav{width:100%;flex-basis:100%;justify-content:center;gap:32px}.home-nav>a{font-size:14px}.home-products{padding-top:44px}.home-product-grid{gap:clamp(12px,3vw,40px);justify-content:center}.home-product{width:100px}.home-product-icon{width:92px;height:92px}.home-product-name{font-size:15px}.home-pending{min-height:calc(100svh - 120px)}}
@media(max-width:767px){.home-header{padding:10px 16px;gap:8px 12px}.home-logo img{width:116px}.home-nav{gap:0;justify-content:space-between;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.home-nav::-webkit-scrollbar{display:none}.home-nav>a{font-size:12px;gap:5px;flex:none;padding:0 5px}.home-nav img{display:none}.home-nav .home-all{padding-left:0}.home-nav>a:last-child{padding-right:0}.home-arrow{display:none}.home-promotion{font-size:13px;min-height:48px;padding:9px 12px;gap:7px;letter-spacing:0;flex-wrap:wrap}.home-products{padding:34px 20px 10px}.home-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}.home-product{width:100%;min-height:114px;gap:10px;padding:0}.home-product-icon{width:76px;height:76px}.home-product-name{font-size:14px;line-height:22px}.home-pending{min-height:calc(100svh - 120px);padding:52px 24px 72px}.home-pending h1{font-size:30px}.home-pending>p{font-size:15px}.home-pending .home-pending-detail{font-size:13px}}
@media(max-width:380px){.home-nav>a{padding-inline:4px;font-size:11px;gap:3px}.home-promotion{font-size:12px}.home-products{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.home-track{transition:none}}