/* V7 / Product-first interactive lab. Shared by homepage and AI Box page. */
.bx.bx-lab{padding:88px 0 70px;background:#edf2f5;color:#101820;scroll-margin-top:76px;border-block:1px solid #c9d5dc}.bl-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;margin-bottom:42px}.bx-lab .bl-heading h2{font-size:clamp(44px,5.4vw,80px);line-height:.99;margin:0}.bx-lab .bl-heading em{color:transparent;-webkit-text-stroke:1px #526978}.bl-heading>p{font-size:15px;line-height:1.85;color:#566977;max-width:460px;margin:0 0 8px}.bl-console{border:1px solid #a8bdca;background:#dce6ec;box-shadow:0 24px 70px #142a3e10}.bl-toolbar{height:52px;background:#111b24;color:#ccd9e4;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px;font-size:10px;font-weight:700;letter-spacing:.13em}.bl-toolbar b{color:#78d9f7;margin:0 12px}.bl-live-label{color:#82d9f5;font-size:9px}.bl-workspace{display:grid;grid-template-columns:1.15fr 1fr;min-width:0}.bl-device-stage{background:#edf2f5;position:relative;overflow:hidden;min-width:0;display:flex;flex-direction:column}.bl-device-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 24px 0;font-size:8px;font-weight:750;letter-spacing:.08em;z-index:2}.bl-device-meta button{border:1px solid #abc0ce;background:#ffffff80;padding:9px 12px;font:600 10px Inter,Arial,'Microsoft YaHei',sans-serif;color:#324e60;cursor:pointer}.bl-device-meta button[aria-pressed=true]{background:#102b3d;color:white}.bl-device-window{overflow:hidden;position:relative;flex:1}.bl-device-canvas{position:relative;container-type:inline-size;transform-origin:50% 76%;transition:transform .65s cubic-bezier(.22,1,.36,1)}.bl-device-stage.is-inspecting .bl-device-canvas{transform:scale(1.72)}.bl-product{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;user-select:none;pointer-events:none}.bl-display{position:absolute;left:27.91%;top:64.11%;width:44.02%;height:22.89%;border-radius:3px;background:#0a131a;color:#eaf6fc;padding:1.05cqw 1.2cqw;overflow:hidden;display:flex;flex-direction:column;font:500 1.25cqw/1.35 Inter,Arial,'Microsoft YaHei',sans-serif;--display-accent:#9ee8ff}.bl-screen-header{display:flex;justify-content:space-between;color:#a7bfcd;font-size:.9cqw;letter-spacing:.05em;border-bottom:1px solid #28414e;padding-bottom:.6cqw;flex-shrink:0}.bl-screen-header b{color:var(--display-accent)}.bl-screen-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:.9cqw}.bl-screen-content>small{font-size:.9cqw;letter-spacing:.06em;color:#86a5b9}.bl-screen-content>strong{font-size:2.8cqw;line-height:1.08;letter-spacing:-.03em;font-weight:750;color:var(--display-accent)}.bl-screen-content>p{margin:0;font-size:1.4cqw;line-height:1.45;max-width:98%}.bl-screen-footer{border-top:1px solid #28414e;padding-top:.45cqw;font-size:.85cqw;display:flex;justify-content:space-between;color:#7294a7}.bl-device-caption{padding:15px 24px;display:flex;justify-content:space-between;gap:16px;font-size:8px;line-height:1.5;letter-spacing:.06em;color:#4e6a7a;background:#e5edf1;border-top:1px solid #c9d6df;z-index:2}.bl-device-caption>span:first-child{color:#12617f;font-weight:750}.bl-inspector{background:#f9fbfc;padding:40px 42px;display:flex;flex-direction:column;border-left:1px solid #c4d2dc;min-width:0}.bl-chapter{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;font-weight:750;color:#59798d;padding-bottom:24px;border-bottom:1px solid #d6e0e6}.bx-lab .bl-inspector h3{font-family:Kanit,Inter,'Microsoft YaHei',sans-serif;font-weight:750;font-size:clamp(30px,2.8vw,42px);line-height:1.04;letter-spacing:-.035em;margin:25px 0 15px}.bl-description{font-size:13px;line-height:1.8;color:#5b6e7b;margin:0 0 25px}.bl-interaction{display:flex;flex-direction:column;gap:16px}.bl-disclaimer{margin:22px 0 0;font-size:10px;line-height:1.75;color:#738694}.bl-mini-label{font-size:9px;letter-spacing:.1em;color:#5b788a;font-weight:750;margin:0}.bl-button{min-height:44px;border:1px solid #132936;background:#132936;color:#f8fcff;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;cursor:pointer;font:750 10px Inter,Arial,'Microsoft YaHei',sans-serif;text-transform:uppercase;letter-spacing:.07em;transition:background .2s,transform .2s}.bl-button:hover{background:#245269;transform:translateY(-1px)}.bl-button:disabled{opacity:.55;cursor:default}.bl-button-light{background:#e0f1fa;color:#1a4c65;border-color:#bdd9e9}.bl-chips{display:flex;flex-wrap:wrap;gap:6px}.bl-chips button{border:1px solid #b8cad6;background:#fff;color:#4c6474;padding:9px 11px;min-height:36px;font:650 10px Inter,Arial,'Microsoft YaHei',sans-serif;cursor:pointer}.bl-chips button[aria-pressed=true]{color:#0b364d;border-color:#329bc1;background:#dff4ff;box-shadow:inset 0 -2px 0 #329bc1}.bl-sliders{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bl-field{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:650;color:#455e6f;min-width:0}.bl-field>span{display:flex;justify-content:space-between;gap:12px}.bl-field input[type=range]{width:100%;accent-color:#147fa6;cursor:pointer}.bl-field input:not([type=range]),.bl-field select{width:100%;min-width:0;border:1px solid #b9ccd8;background:white;color:#142d3d;padding:11px 12px;font:500 12px Inter,Arial,'Microsoft YaHei',sans-serif;border-radius:0}.bl-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bl-quote{background:#edf3f7;border-left:2px solid #70cfea;padding:15px 17px;margin:0;color:#2d4a5f;font-size:14px;line-height:1.6;min-height:74px;display:flex;align-items:center}.bl-colors{display:flex;align-items:center;gap:8px}.bl-colors button{width:34px;height:30px;border:3px solid #f9fbfc;outline:1px solid #c4d3dd;background:var(--color);cursor:pointer}.bl-colors button[aria-pressed=true]{outline:2px solid #244c63}.bl-profile-live{display:grid;grid-template-columns:34% 1fr;gap:1.25cqw;align-items:center;height:100%;padding:.8cqw 0}.bl-profile-live img{width:100%;height:12cqw;object-fit:cover;object-position:center 30%}.bl-profile-live strong{font-size:2.5cqw;color:var(--display-accent);display:block;line-height:1.1;max-width:100%;overflow:hidden;text-overflow:ellipsis}.bl-profile-live p{font-size:1.2cqw;line-height:1.4;margin:.7cqw 0;overflow-wrap:anywhere}.bl-screen-badge{display:inline-block;color:var(--display-accent);padding:.45cqw .7cqw;border:1px solid var(--display-accent);font-size:1cqw;margin-top:.8cqw}.bl-profile-live small{font-size:.8cqw;letter-spacing:.08em;color:#819eaf}.bl-progress{display:flex;gap:7px;margin:.5cqw 0}.bl-progress span{background:#27404e;height:.4cqw;flex:1}.bl-progress span.done{background:var(--display-accent)}.bl-game-grid{width:16cqw;height:16cqw;display:grid;grid-template-columns:repeat(4,1fr);gap:.4cqw;margin:auto}.bl-game-grid span{display:flex;align-items:center;justify-content:center;background:#253847;color:#dff5ff;font-size:1.4cqw;font-weight:750}.bl-game-grid span[data-value="2"]{background:#405f72}.bl-game-grid span[data-value="4"]{background:#597a8d}.bl-game-grid span[data-value="8"]{background:#528fa8}.bl-game-grid span[data-value="16"]{background:#37748d}.bl-game-grid span[data-value="32"],.bl-game-grid span[data-value="64"]{background:#105575}.bl-slot-numbers{font-size:4.6cqw!important;letter-spacing:.25em!important}.bl-code-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bl-code-steps span{font-size:9px;color:#597286;padding:10px 7px;border-top:2px solid #d2dfe7;line-height:1.5}.bl-code-steps .is-done{color:#106987;border-top-color:#51bedf}.bl-deck-area{padding:22px 28px 20px;background:#14232e;color:#d2e6f2;border-top:1px solid #9cb2c1;overflow:hidden}.bl-deck-label{display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:.14em;color:#92afc3}.bl-deck-label>span:last-child{color:#65caed}.bl-deck{position:relative;height:235px;perspective:1100px;touch-action:pan-y;isolation:isolate;max-width:1050px;margin:8px auto 0;user-select:none}.bl-card{position:absolute;top:27px;left:50%;width:218px;height:172px;background:#233e50;color:#effaff;border:1px solid #608599;border-radius:9px;text-align:left;padding:12px 14px;cursor:pointer;overflow:hidden;transform-origin:50% 110%;transform:translateX(calc(-50% + var(--card-x,0px))) translateY(var(--card-y,0px)) rotate(var(--card-r,0deg)) scale(var(--card-s,.9));box-shadow:0 12px 24px #0005;transition:transform .6s cubic-bezier(.22,1.15,.36,1),opacity .4s,border-color .3s,box-shadow .3s;z-index:var(--card-z,1)}.bl-card[aria-selected=true]{border-color:#9fe6ff;box-shadow:0 0 0 2px #7fceef36,0 18px 28px #0710187a}.bl-card-no{display:block;font:650 8px Inter,sans-serif;letter-spacing:.12em;color:#acd0e4;position:relative;z-index:2}.bl-card>img,.bl-card-ui{width:100%;height:77px;display:block;object-fit:cover;object-position:center 33%;margin:8px 0 10px;border-radius:3px;pointer-events:none}.bl-card[data-lab-feature=community]>img{object-fit:contain;background:#ddedf1}.bl-card[data-lab-feature=games]>img{object-fit:cover;object-position:center 40%}.bl-card strong{display:block;font:650 17px/1.05 Kanit,Inter,'Microsoft YaHei',sans-serif;letter-spacing:-.02em}.bl-card>small{display:block;font:600 6.8px Inter,'Microsoft YaHei',sans-serif;letter-spacing:.08em;color:#8cb5cc;margin-top:6px}.bl-card-ui{background:#0b1924;padding:9px 12px}.bl-card-ui b{font-size:28px;line-height:1;color:#a8e9ff;display:block;font-weight:600;letter-spacing:-.04em}.bl-card-ui span{font-size:8px;display:block;margin-top:6px}.bl-card-ui small{font-size:7px;color:#9bc3d8;display:block;margin-top:5px}.bl-passport-mini b{font-size:20px}.bl-passport-mini span{display:inline-block;border:1px solid #6cbaa7;color:#a3edd6;padding:3px 6px;margin-top:4px}.bl-code-mini{position:relative;display:flex;justify-content:space-between;gap:15px}.bl-code-mini>b{font-size:18px;line-height:1.06;color:#bcb3f6}.bl-code-mini small{font-size:7px;max-width:80px;line-height:1.6}.bl-deck-controls{display:flex;align-items:center;justify-content:center;gap:22px}.bl-deck-controls>button{background:transparent;border:1px solid #537085;color:#cbe8f7;min-width:90px;padding:9px 14px;font:650 9px Inter,'Microsoft YaHei',sans-serif;cursor:pointer}.bl-deck-controls>button:hover{background:#27455b}.bl-dots{display:flex;gap:3px}.bl-dots button{padding:10px 4px;background:none;border:0;cursor:pointer;display:flex;align-items:center;min-height:30px}.bl-dots button:before{content:'';display:block;width:12px;height:3px;background:#56778c;transition:width .3s,background .3s}.bl-dots button[aria-pressed=true]:before{width:25px;background:#9de6ff}.bl-under{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0}.bl-under p{font-size:14px;color:#516b7d}.bl-hardware{border-block:1px solid #b9cbd6}.bl-hardware>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:22px 0;font-size:10px;font-weight:750;letter-spacing:.08em}.bl-hardware>summary::-webkit-details-marker{display:none}.bl-hardware>summary>span:last-child{color:#306f90;font-weight:550}.bx-lab .bl-hardware .bx-wrap{width:100%}.bx-lab .bl-hardware .bx-proof{padding-block:45px;gap:50px}.bx-lab .bl-hardware .bx-proof figure img{max-height:420px;object-fit:cover;object-position:center 67%}.bx-lab .bl-hardware h2{font-size:36px}.bx-lab .bl-hardware .bx-faq{padding-bottom:40px}.bx-lab :focus-visible{outline:3px solid #36a9d2;outline-offset:4px}.bx-lab[lang=zh-CN] .bl-inspector h3{line-height:1.25;letter-spacing:-.02em}.bx-lab[lang=zh-CN] .bl-heading h2{line-height:1.16}.bx[data-box-page]{padding-top:88px}.bx[data-box-page]>.bx-skip{z-index:300}.bx[data-box-page] .bx-lab{padding-top:60px}.bl-story-note{font-size:12px;line-height:1.7;color:#536c7e;margin:0}.bl-audio-status{font-size:10px;line-height:1.6;color:#317c99;margin:0}.bl-cta-link{font:700 11px Inter,'Microsoft YaHei',sans-serif;text-decoration:none;color:#1d6584;border-bottom:1px solid #77aac2;align-self:flex-start;padding-bottom:5px}
@media(min-width:1500px){.bl-device-canvas{max-width:640px;margin-inline:auto}.bl-inspector{padding-top:45px}.bl-description{font-size:14px}.bl-interaction{gap:19px}}
@media(max-width:1050px){.bl-inspector{padding:28px}.bl-heading{gap:30px}.bl-workspace{grid-template-columns:1.1fr 1fr}.bl-device-meta{padding:16px 16px 0}.bl-device-meta>span{max-width:150px;line-height:1.6}.bl-device-window{display:flex;align-items:center}.bl-device-canvas{width:100%}.bl-device-caption{font-size:7px;padding:12px 16px}.bl-inspector h3{font-size:31px!important}.bl-description{font-size:12px}.bl-chapter{padding-bottom:17px}.bl-sliders{gap:14px}}
@media(max-width:700px){.bx.bx-lab{padding:55px 0 45px;scroll-margin-top:70px}.bl-heading{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.bx-lab .bl-heading h2{font-size:44px}.bl-heading>p{font-size:13px;max-width:520px;line-height:1.8}.bl-toolbar{padding-inline:14px;height:43px;font-size:8px;letter-spacing:.07em}.bl-live-label{font-size:7px;max-width:108px;line-height:1.5;text-align:right}.bl-toolbar b{margin-inline:5px}.bl-workspace{display:flex;flex-direction:column}.bl-device-meta{padding-top:12px;font-size:7px}.bl-device-meta>span{max-width:none}.bl-device-meta button{font-size:9px;padding:7px 10px}.bl-device-window{height:auto;max-height:440px}.bl-device-canvas{max-width:440px;margin-inline:auto}.bl-device-caption{font-size:7px}.bl-inspector{padding:24px 22px 22px;border-left:0;border-top:1px solid #c4d2dc}.bl-inspector h3{font-size:31px!important;margin-top:18px!important}.bl-description{font-size:12px;margin-bottom:20px}.bl-disclaimer{margin-top:17px;font-size:9px}.bl-chapter{font-size:8px;padding-bottom:15px}.bl-deck-area{padding:18px 13px}.bl-deck{height:211px;margin-top:2px}.bl-card{width:190px;height:161px;top:25px;padding:10px 12px}.bl-card>img,.bl-card-ui{height:69px;margin-top:7px;margin-bottom:8px}.bl-card strong{font-size:16px}.bl-card-no{font-size:7px}.bl-card>small{font-size:6.5px}.bl-deck-label{font-size:7px;letter-spacing:.07em}.bl-deck-label>span:last-child{display:none}.bl-deck-controls{gap:13px}.bl-deck-controls>button{min-width:72px;padding:9px;font-size:8px}.bl-dots button:before{width:8px}.bl-dots button[aria-pressed=true]:before{width:18px}.bl-under{align-items:flex-start;flex-direction:column;gap:16px;padding-block:24px}.bl-under p{margin:0;font-size:13px}.bl-under .mc-button{width:100%;min-height:44px}.bl-hardware>summary{font-size:8px;line-height:1.6}.bx-lab .bl-hardware .bx-proof{gap:25px}.bx-lab .bl-hardware h2{font-size:30px}.bx[data-box-page]{padding-top:74px}.bx[data-box-page] .bx-lab{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.bl-card,.bl-device-canvas,.bl-button,.bl-dots button:before{transition:none!important}.bl-button:hover{transform:none}}