:root{color-scheme:dark;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#d9efff;background:#02070c;--cyan:#19d3ff;--line:rgba(116,211,255,.18)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 52% 44%,#102638 0,#06121d 33%,#02070c 72%)}
.showcase-header{position:absolute;top:18px;left:22px;right:22px;height:64px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(7,20,31,.9),rgba(5,14,23,.72));clip-path:polygon(0 0,100% 0,100% 68%,98.5% 100%,1.5% 100%,0 68%)}
.showcase-brand{display:flex;align-items:center;gap:16px;min-width:0}.showcase-brand b{display:block;font-size:22px;letter-spacing:.28em;font-weight:600}.showcase-brand small{display:block;margin-top:3px;font-size:9px;letter-spacing:.16em;color:#89a8ba;white-space:nowrap}
.brand-mark{position:relative;width:33px;height:33px;flex:none;display:grid;place-items:center;border:1px solid #1fbbe8;transform:rotate(45deg);box-shadow:0 0 24px #16bcec33}.brand-mark i{position:absolute;width:4px;height:21px;border-radius:6px;background:linear-gradient(#42e6ff,#2869ff);transform:rotate(-45deg)}.brand-mark i:nth-child(2){transform:rotate(15deg)}.brand-mark i:nth-child(3){transform:rotate(75deg)}
.product-switch{display:flex;gap:6px}.product-switch button,#retry{font:inherit;min-height:42px;cursor:pointer;border:1px solid var(--line);background:#05131ea6;color:#89a8ba;padding:7px 18px;transition:background .18s,border-color .18s,color .18s}.product-switch b{font-size:14px;font-weight:500;letter-spacing:.1em}.product-switch span{font-size:10px;margin-left:10px}.product-switch button[aria-selected="true"]{color:#88ebff;border-color:#1fcfffa8;background:linear-gradient(135deg,#0d5a784d,#0b1f31);box-shadow:inset 0 0 22px #1bcfff12}.product-switch button:hover,#retry:hover{background:#0d3449;border-color:var(--cyan);color:#d9f9ff}button:focus-visible{outline:2px solid #88ebff;outline-offset:3px}button:active{background:#144f69}
.showcase-status{justify-self:end;display:flex;align-items:center;gap:8px;font-size:11px;color:#89a8ba;white-space:nowrap}.showcase-status i{width:5px;height:5px;border-radius:50%;background:var(--cyan)}body[data-state="ready"] .showcase-status i{background:#3dffbd;box-shadow:0 0 10px #3dffbd66}body[data-state="error"] .showcase-status i{background:#ffbc9f}
#product-panel{position:absolute;inset:98px 0 0;overflow:hidden}#frame-mount,#frame-mount iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#frame-mount iframe{display:block;background:transparent}
#product-loading{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:16px;background:#02070cf5;color:#a1c6d8;text-align:center;padding:24px}#product-loading[hidden]{display:none}#product-loading h1{font-size:18px;font-weight:400;margin:0}#product-loading p{margin:0;font-size:12px;line-height:1.8;max-width:32em;text-wrap:pretty}.spinner{width:36px;height:36px;border:1px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite}body[data-state="error"] .spinner{display:none}#retry{font-size:12px;min-height:44px;margin-top:8px}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.showcase-header{gap:14px;grid-template-columns:1fr auto}.showcase-status{display:none}.product-switch button{padding-inline:14px}}
@media(max-width:650px){.showcase-header{top:10px;left:12px;right:12px;height:118px;display:flex;flex-wrap:wrap;gap:10px;padding:12px 16px}.showcase-brand{gap:13px}.showcase-brand b{font-size:18px}.showcase-brand small{font-size:7px}.brand-mark{width:25px;height:25px}.product-switch{width:100%}.product-switch button{flex:1;min-height:44px;padding:7px 4px}.product-switch b{font-size:13px}.product-switch span{font-size:10px;margin-left:7px}#product-panel{top:140px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}