:root{--bg: #fffcf9;--text: #120a01;--text-secondary: #6c655f;--text-inverse: #fffcf9;--shape-low: #e2d8cc;--shape-lowest: #f2ebdd;--accent: #001f90;--expressive: cubic-bezier(.4, 0, 0, 1);--travel: .4s;--fade: .3s;--header-h: 100px;--links-home-h: 96px;--subnav-top: 79px;--subnav-bottom: 155px}@font-face{font-family:Bricolage Grotesque;src:url(./bricolage-vf-C2yM5Uwo.woff2) format("woff2");font-weight:200 800;font-stretch:75% 100%;font-display:swap}@font-face{font-family:OPPO Sans;src:url(./oppo-sans-vf-BM03BvyY.woff2) format("woff2");font-weight:100 700;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:OPPO Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100svh}.en{font-family:Bricolage Grotesque,system-ui,sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 14,"wdth" 100}a{color:inherit;text-decoration:none}img,svg{display:block}body{user-select:none;-webkit-user-select:none}.selectable{user-select:text;-webkit-user-select:text}img,svg{-webkit-user-drag:none}body.at-home{overflow:hidden}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);display:flex;align-items:center;justify-content:center;z-index:30;pointer-events:none}.site-header .brand{pointer-events:auto;position:relative;display:grid;place-items:center}.site-header .brand>*{grid-area:1 / 1}.logotype{width:191px;height:40px}.mark{width:48px;height:48px}.logotype,.mark{transition:opacity calc(var(--fade) / 2) var(--expressive),scale calc(var(--fade) / 2) var(--expressive),filter var(--fade) var(--expressive)}body.qr-open .logotype{filter:brightness(0) invert(1)}.logotype{transition-delay:calc(var(--fade) / 2)}.mark,body.veiled .logotype{opacity:0;scale:.8;transition-delay:0s}body.veiled .mark{opacity:1;scale:1;transition-delay:calc(var(--fade) / 2)}.pill{pointer-events:auto;position:absolute;right:48px;top:26px;height:48px;display:flex;align-items:center;padding:0 20px;border-radius:100px;background:var(--accent);color:var(--text-inverse);font-weight:600;font-size:16px;line-height:16px;letter-spacing:-.2px;opacity:0;scale:.9;visibility:hidden;transition:opacity var(--fade) var(--expressive),scale var(--fade) var(--expressive),visibility 0s var(--fade),transform .35s cubic-bezier(.34,1.56,.64,1)}body.veiled .pill{opacity:1;scale:1;visibility:visible;transition-delay:0s}@media(hover:hover){.pill:hover{transform:scale(1.1)}}.pill:active{transform:scale(.92);transition-duration:.15s}.chrome-bg{position:fixed;top:0;left:0;right:0;height:var(--subnav-bottom);background:var(--bg);z-index:20;opacity:0;pointer-events:none;transition:opacity var(--fade) var(--expressive)}.subnav-rule{position:fixed;top:var(--subnav-bottom);left:0;right:0;border-top:1px solid var(--shape-low);z-index:25;opacity:0;transition:opacity var(--fade) var(--expressive)}.caret{position:fixed;top:calc(var(--subnav-bottom) - 4px);z-index:26;color:var(--text);opacity:0;transition:opacity var(--fade) var(--expressive),left var(--fade) var(--expressive)}body.chrome-in .chrome-bg,body.chrome-in .subnav-rule,body.chrome-in .caret{opacity:1}.home{position:fixed;top:var(--header-h);bottom:var(--links-home-h);left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.home .wheel,.home .ctas{transition:opacity var(--fade) var(--expressive),scale var(--fade) var(--expressive),translate var(--fade) var(--expressive)}body.veiled .home{pointer-events:none}body.veiled .home .wheel,body.veiled .home .ctas{opacity:0;translate:0 -80px;transition-duration:calc(var(--fade) / 2)}body.peeking .home .wheel,body.qr-peeking .home .wheel{opacity:0;scale:.97;transition-duration:calc(var(--fade) / 2);transition-delay:0s}body.unpeeking .home .wheel{transition-duration:calc(var(--fade) / 2);transition-delay:calc(var(--fade) / 2)}body.peeking .links,body.peeking .cta.getapp,body.qr-peeking .links,body.qr-peeking .cta.preview{opacity:0;pointer-events:none}.wheel{position:relative;width:min(clamp(400px,40vw,600px),max(200px,calc(100svh - 296px)));aspect-ratio:1}.wheel .ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wheel .arc{stroke:var(--shape-low)}.wheel .arc.lit{stroke:var(--accent)}.wheel .sign{position:absolute;left:50%;top:43.6%;width:58.2%;transform:translate(-50%,-50%);color:var(--accent);pointer-events:none}.wheel .sign svg{width:100%;height:auto}.hchar{position:absolute;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:16px;line-height:24px;color:var(--text-secondary)}.hchar.active{background:var(--accent);color:var(--text-inverse)}.wheel .clock{position:absolute;left:50%;top:70.3%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--text);white-space:nowrap}.clock .time{font-weight:600;font-size:28px;line-height:1.2;letter-spacing:-.4px}.clock .city{font-weight:600;font-size:16px;line-height:16px;letter-spacing:-.2px}.ctas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cta{pointer-events:auto;position:absolute;top:50%;width:clamp(140px,12.5vw,220px);aspect-ratio:1;border-radius:999px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background var(--fade) var(--expressive),opacity var(--fade) var(--expressive)}.cta.preview{left:calc((50vw - (clamp(400px,40vw,600px)/2))/2);transform:translate(-50%,-50%);background:var(--shape-lowest);color:var(--text)}.cta.getapp{right:calc((50vw - (clamp(400px,40vw,600px)/2))/2);transform:translate(50%,-50%);background:var(--accent);color:var(--text-inverse)}.cta .cn{font-weight:600;font-size:21px;line-height:25px}.cta .en{font-weight:600;font-size:22px;line-height:26px;letter-spacing:-.4px}@media(hover:hover){.cta.preview:hover{transform:translate(-50%,-50%) scale(1.05)}.cta.getapp:hover{transform:translate(50%,-50%) scale(1.05)}}.cta.preview:active,.cta.getapp:active{transition-duration:.15s;transition-timing-function:ease-out}.cta.preview:active{transform:translate(-50%,-50%) scale(.9)}.cta.getapp:active{transform:translate(50%,-50%) scale(.9)}.preview-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;pointer-events:none}.preview-layer.expanded{pointer-events:auto}.preview-circle{position:absolute;border-radius:99999px;overflow:hidden;background:#120900;opacity:0;scale:.97;transition:opacity calc(var(--fade) / 2) var(--expressive),scale calc(var(--fade) / 2) var(--expressive),background-color var(--travel) var(--expressive),left var(--travel) var(--expressive),top var(--travel) var(--expressive),width var(--travel) var(--expressive),height var(--travel) var(--expressive)}.preview-layer.peek .preview-circle{opacity:1;scale:1;transition-delay:calc(var(--fade) / 2),calc(var(--fade) / 2),0s,0s,0s,0s,0s}.preview-layer.expanded .preview-circle{background:#120900}.preview-thumb{position:absolute;left:50%;top:50%;translate:-50% -50%;width:140%;height:140%;object-fit:cover;transition:opacity var(--fade) var(--expressive)}.preview-layer.expanded .preview-thumb,.preview-layer.playing .preview-thumb{opacity:0}.preview-video{position:absolute;left:50%;top:50%;translate:-50% -50%;width:min(100vw,calc(100svh * 16 / 9));aspect-ratio:16 / 9;opacity:0;transition:opacity var(--fade) var(--expressive),width .15s var(--expressive),transform .15s var(--expressive)}@media(min-aspect-ratio:3/2){.preview-video{width:max(100vw,calc(100svh * 16 / 9))}}.preview-stage{position:absolute;left:50%;top:50%;translate:-50% -50%;width:100vw;height:100svh;transition:width .15s var(--expressive),height .15s var(--expressive),transform .15s var(--expressive)}.preview-layer.rotated .preview-video{width:min(100svh,calc(100vw * 16 / 9));transform:rotate(90deg)}.preview-layer.rotated .preview-stage{width:100svh;height:100vw;transform:rotate(90deg)}.preview-layer.playing .preview-video{opacity:1}.preview-layer.closing .preview-video{opacity:0;transition-duration:var(--travel)}.preview-video iframe{width:100%;height:100%;border:0;display:block}.preview-chrome{position:absolute;right:40px;bottom:40px;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transition:opacity var(--fade) var(--expressive)}.preview-layer.playing .preview-chrome{opacity:1;pointer-events:auto}.preview-pill{height:48px;display:flex;align-items:center;padding:0 20px;border-radius:100px;background:#120a0166;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);color:#fffcf9;font-weight:600;font-size:16px;line-height:16px;letter-spacing:-.2px}.preview-close{width:48px;height:48px;border:0;border-radius:999px;background:#120a0166;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);color:#fffcf9;display:grid;place-items:center;cursor:pointer}.preview-pill,.preview-close{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.preview-pill:hover,.preview-close:hover{transform:scale(1.1)}}.preview-pill:active,.preview-close:active{transform:scale(.92);transition-duration:.15s}.preview-tap{position:absolute;top:0;right:0;bottom:0;left:0;display:none;cursor:pointer}.preview-controls{position:absolute;left:40px;bottom:40px;display:none;align-items:center;gap:12px;opacity:0;transition:opacity var(--fade) var(--expressive)}@media(max-width:767px){.preview-controls{left:20px;bottom:20px}.preview-chrome{right:20px;bottom:20px}}.preview-play,.preview-mute,.preview-fs{width:48px;height:48px;border:0;border-radius:999px;background:#120a0166;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);color:#fffcf9;display:grid;place-items:center;cursor:pointer;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.preview-play:hover,.preview-mute:hover,.preview-fs:hover{transform:scale(1.1)}}.preview-play:active,.preview-mute:active,.preview-fs:active{transform:scale(.92);transition-duration:.15s}.preview-fs{display:none}@media(orientation:portrait){.preview-fs{display:grid}}.preview-fs .ic-fs-close,.preview-layer.rotated .preview-fs .ic-fs-open{display:none}.preview-layer.rotated .preview-fs .ic-fs-close,.preview-layer.playing .preview-tap{display:block}.preview-layer.playing .preview-controls{display:flex;opacity:1}.preview-play .ic-pause,.preview-layer.is-playing .preview-play .ic-play{display:none}.preview-layer.is-playing .preview-play .ic-pause{display:block}.preview-mute .ic-muted,.preview-layer.is-muted .preview-mute .ic-vol{display:none}.preview-layer.is-muted .preview-mute .ic-muted{display:block}.preview-layer.controls-idle .preview-chrome,.preview-layer.controls-idle .preview-controls{opacity:0}.preview-layer.rotating .preview-chrome,.preview-layer.rotating .preview-controls{opacity:0;transition-duration:.15s}.preview-layer.closing .preview-chrome,.preview-layer.closing .preview-controls{opacity:0;pointer-events:none}.qr-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;overflow:hidden;pointer-events:none}.qr-layer.expanded{pointer-events:auto}.qr-circle{position:absolute;border-radius:99999px;overflow:hidden;background:var(--accent);opacity:0;scale:.97;transition:opacity calc(var(--fade) / 2) var(--expressive),scale calc(var(--fade) / 2) var(--expressive),left var(--travel) var(--expressive),top var(--travel) var(--expressive),width var(--travel) var(--expressive),height var(--travel) var(--expressive)}.qr-layer.peek .qr-circle{opacity:1;scale:1;transition-delay:calc(var(--fade) / 2),calc(var(--fade) / 2),0s,0s,0s,0s}.qr-card{position:absolute;left:50%;top:50%;translate:-50% -50%;width:205px;height:205px;border-radius:40px;background:#fffcf9;display:grid;place-items:center}.qr-card img{width:182px;height:182px}.qr-badge,.qr-close{position:absolute;bottom:40px;opacity:0;pointer-events:none;transition:opacity var(--fade) var(--expressive),transform .35s cubic-bezier(.34,1.56,.64,1)}.qr-layer.ready .qr-badge,.qr-layer.ready .qr-close{opacity:1;pointer-events:auto}.qr-badge{left:50%;translate:-50% 0;transition:opacity var(--fade) var(--expressive)}.qr-badge img{width:205px;height:68px}@media(max-width:1023px){.qr-badge img{width:140px;height:auto}}.qr-close{right:40px;width:48px;height:48px;border:0;border-radius:999px;background:#12090066;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);color:#fffcf9;display:grid;place-items:center;cursor:pointer}@media(hover:hover){.qr-close:hover{transform:scale(1.1)}}.qr-close:active{transform:scale(.92);transition-duration:.15s}@media(max-width:767px){.qr-badge,.qr-close{bottom:20px}.qr-close{right:20px}}.links{position:fixed;left:0;right:0;margin-inline:auto;bottom:0;width:min(360px,100%);transition:opacity var(--fade) var(--expressive);display:flex;align-items:center;gap:20px;padding:40px 20px;z-index:28}.links a{flex:1;min-width:1px;text-align:center;font-weight:400;font-size:16px;line-height:16px;color:var(--text);transition:font-weight .2s var(--expressive)}@media(hover:hover){.links a:hover{font-weight:500}}.links a:active,.links a.active{font-weight:500}body.at-doc .links{bottom:auto;top:var(--subnav-top);padding-bottom:20px}.doc{position:relative;z-index:15;padding-top:var(--subnav-bottom);min-height:100svh}.doc-body{transition:opacity .15s var(--expressive);width:min(640px,100%);margin-inline:auto;padding:80px 20px;display:flex;flex-direction:column;gap:40px}.doc-title{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px;font-size:26px;line-height:32px}.doc-title .cn{font-weight:600}.doc-title .en{font-weight:600;letter-spacing:-.4px}.doc-en{font-weight:300;font-size:18px;line-height:24px;letter-spacing:-.2px}.doc-cn{font-weight:400;font-size:16px;line-height:24px;letter-spacing:.2px}.doc-en p,.doc-cn p,.doc-en ul,.doc-cn ul{margin-bottom:16px}.doc-en p:last-child,.doc-cn p:last-child{margin-bottom:0}.doc-en ul{padding-left:24px}.doc-cn ul{padding-left:21px}.doc-updated{font-weight:300;font-size:18px;line-height:24px;letter-spacing:-.2px;color:var(--text-secondary)}@media(min-width:768px){.doc-title{font-size:2rem;line-height:2.4rem}.doc-en,.doc-updated{font-size:1.15rem;line-height:1.75rem;letter-spacing:-.01rem}.doc-cn{font-size:1rem;line-height:1.6rem;letter-spacing:.01rem}.doc-body{padding-bottom:120px}}.doc-soon{text-align:center;color:var(--text-secondary);font-size:16px;line-height:24px}.doc-sub{font-weight:500}.doc-cn .doc-sub{font-weight:600}.doc-link{text-decoration:none;border-bottom:1px solid var(--shape-low);padding-bottom:1px;transition:border-color .2s var(--expressive),font-weight .2s var(--expressive)}@media(hover:hover){.doc-link:hover{font-weight:500;border-color:var(--text)}}.doc-section{scroll-margin-top:var(--subnav-bottom);display:flex;flex-direction:column;gap:40px}.doc-section+.doc-section{margin-top:40px}.section-nav{position:fixed;left:80px;top:236px;z-index:27}.section-nav-inner{display:flex;flex-direction:column;gap:16px}.section-nav a{font-family:Bricolage Grotesque,system-ui,sans-serif;font-optical-sizing:none;font-variation-settings:"opsz" 14,"wdth" 100;font-size:16px;line-height:16px;color:var(--text);transition:font-weight .2s var(--expressive)}@media(hover:hover){.section-nav a:hover{font-weight:500}}.section-nav a.active{font-weight:700}@media(max-width:1199px){.section-nav{position:sticky;left:auto;top:var(--subnav-bottom);height:60px;display:flex;align-items:center;background:var(--bg);border-bottom:1px solid var(--shape-low);overflow-x:auto;scrollbar-width:none;transition:top var(--fade) var(--expressive)}.section-nav::-webkit-scrollbar{display:none}.section-nav-inner{flex-direction:row;align-items:center;gap:24px;margin-inline:auto;padding:0 20px}.section-nav a{white-space:nowrap}.doc-section{scroll-margin-top:calc(var(--subnav-bottom) + 60px)}}@media(max-width:767px){.site-header{transition:translate var(--fade) var(--expressive)}.chrome-bg,.subnav-rule{transition:opacity var(--fade) var(--expressive),translate var(--fade) var(--expressive)}.caret{transition:opacity var(--fade) var(--expressive),left var(--fade) var(--expressive),translate var(--fade) var(--expressive)}body.at-doc .links{transition:opacity var(--fade) var(--expressive),translate var(--fade) var(--expressive)}body.chrome-away .site-header,body.chrome-away .chrome-bg,body.chrome-away .subnav-rule,body.chrome-away .caret,body.chrome-away.at-doc .links{translate:0 calc(-1 * var(--subnav-bottom))}body.chrome-away .section-nav{top:0}}.links.traveling,.doc.traveling{transition:transform var(--travel) var(--expressive)}body.no-anim *,body.no-anim{transition:none!important}@media(max-width:767px),(max-width:1023px)and (orientation:portrait){.home{flex-direction:column}.wheel{width:min(91vw,600px,max(200px,calc(100svh - 476px)))}.ctas{position:static;display:flex;gap:40px;margin-top:60px}.cta{position:static;width:120px}.cta.preview,.cta.getapp{transform:none}@media(hover:hover){.cta.preview:hover,.cta.getapp:hover{transform:scale(1.2)}}.cta.preview:active,.cta.getapp:active{transform:scale(.9)}.cta .cn{font-size:16px;line-height:19px}.cta .en{font-size:16px;line-height:16px;letter-spacing:-.2px}}@media(min-width:768px)and (max-width:1023px)and (orientation:portrait){.ctas{gap:80px}}@media(max-width:767px){:root{--subnav-top: 100px;--subnav-bottom: 156px}.logotype{width:152px;height:32px}.pill{right:20px}.wheel .sign{width:64%;top:41.7%}.hchar{font-size:12px}.wheel .clock{top:68%;gap:2px}.clock .time{font-size:22px}body.at-doc .links{padding-top:20px}}