:root{--bg: #fffcf9;--text: #120a01;--text-secondary: #6c655f;--text-inverse: #fffcf9;--shape-low: #e2d8cc;--shape-lowest: #f2ebdd;--shape-medium: #c3b4a3;--accent: #001f90;--expressive: cubic-bezier(.4, 0, 0, 1);--travel: .4s;--fade: .3s;--header-h: 100px;--edge: 48px;--links-home-h: 88px;--subnav-top: 79px;--subnav-bottom: 155px;--chrome-h: var(--subnav-bottom);--chrome-size: 48px;--chrome-top: 26px}@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-CjSlJS-T.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{overflow-x:hidden;overflow-x:clip;position:relative}html.video-open,html.video-open body{background:#120900}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,body.pulling{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:static;display:grid;place-items:center}.site-header .brand>*{grid-area:1 / 1}.logotype{width:191px;height:40px}.mark{position:absolute;left:var(--edge);top:var(--chrome-top);width:var(--chrome-size);height:var(--chrome-size)}.logotype,.mark{transition:opacity calc(var(--fade) / 2) var(--expressive),scale calc(var(--fade) / 2) var(--expressive),filter var(--fade) var(--expressive),width var(--fade) var(--expressive),height var(--fade) var(--expressive),top 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),calc(var(--fade) / 2),0s,0s,0s,0s}body.veiled .brand{pointer-events:none}body.veiled .mark{pointer-events:auto}body.at-home .brand{pointer-events:none}.pill{pointer-events:auto;position:absolute;right:var(--edge);top:var(--chrome-top);height:var(--chrome-size);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),height var(--fade) var(--expressive),top var(--fade) var(--expressive)}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}.lang-toggle{pointer-events:auto;position:absolute;right:calc(var(--edge) + var(--pill-w, 93px) + 8px);top:var(--chrome-top);width:var(--chrome-size);height:var(--chrome-size);padding:0;border:none;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--shape-lowest);color:var(--text);font-family:inherit;font-weight:600;font-size:16px;line-height:16px;cursor:pointer;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),width var(--fade) var(--expressive),height var(--fade) var(--expressive),top var(--fade) var(--expressive)}.lang-toggle.en{letter-spacing:-.2px}body.app-soon .lang-toggle{right:var(--edge)}body.veiled .lang-toggle{opacity:1;scale:1;visibility:visible;transition-delay:0s}@media(hover:hover){.lang-toggle:hover{transform:scale(1.1)}}.lang-toggle:active{transform:scale(.92);transition-duration:.15s}body.lang-en .doc-cn,body.lang-en .doc-title .cn,body.lang-en .doc-soon .cn,body.lang-en .doc-updated.cn,body.lang-cn .doc-en,body.lang-cn .doc-title .en,body.lang-cn .doc-soon .en,body.lang-cn .doc-updated.en{display:none}.chrome-bg{position:fixed;top:0;left:0;right:0;height:var(--chrome-h);background:var(--bg);z-index:20;opacity:0;pointer-events:none;transition:opacity var(--fade) var(--expressive),height var(--fade) var(--expressive)}.subnav-rule{position:fixed;top:var(--chrome-h);left:0;right:0;border-top:1px solid var(--shape-low);z-index:25;opacity:0;transition:top var(--fade) var(--expressive)}.caret{position:fixed;top:calc(var(--chrome-h) - 4px);z-index:26;color:var(--text);opacity:0;transition:left var(--fade) var(--expressive),top var(--fade) var(--expressive)}body.chrome-in .chrome-bg,body.chrome-in .subnav-rule,body.chrome-in .caret,body.chrome-exit .subnav-rule,body.chrome-exit .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}body.app-soon .pill,body.app-soon .preview-pill{display:none}body.app-soon .cta.getapp{pointer-events:none}body.app-soon .cta.preview{background:var(--accent);color:var(--text-inverse)}body.app-soon .cta.getapp{background:var(--shape-lowest);color:var(--text)}@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.instant .preview-circle{transition:opacity calc(var(--fade) / 2) var(--expressive),scale calc(var(--fade) / 2) var(--expressive);transition-delay: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-note,.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-note,.qr-layer.ready .qr-close{opacity:1;pointer-events:auto}.qr-note{left:50%;translate:-50% 0;margin:0;line-height:48px;font-size:14px;font-weight:500;letter-spacing:-.1px;color:#fffcf9;white-space:nowrap;transition:opacity var(--fade) var(--expressive)}.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-note,.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 32px;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;transition:opacity var(--fade) var(--expressive),top var(--fade) var(--expressive),padding-top var(--fade) var(--expressive),padding-bottom var(--fade) var(--expressive)}.doc{position:relative;z-index:15;padding-top:var(--subnav-bottom);min-height:100svh}@media(max-width:767px){.doc{overflow-x:clip}}.doc-body{transition:opacity var(--fade) 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:left;align-items:flex-start;padding-bottom:20px;font-size:40px;line-height:40px;margin-bottom:-24px}.learn .doc-title{margin-bottom:0}.doc-title .cn{font-weight:600;letter-spacing:-.5px;font-size:36px;line-height:36px}.doc-title .en{font-weight:800;letter-spacing:-.5px;font-variation-settings:"opsz" 40,"wdth" 90}.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)}.doc-updated.cn{font-weight:400;font-size:16px;letter-spacing:.2px}@media(min-width:768px){.doc-en,.doc-updated{font-size:1.15rem;line-height:1.75rem;letter-spacing:-.01rem}.doc-updated.cn,.doc-cn{font-size:1rem;line-height:1.6rem;letter-spacing:.01rem}.doc-body{padding-bottom:120px}}.doc-soon{min-height:calc(100svh - var(--subnav-bottom) - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:var(--text-secondary);font-size:16px;line-height:24px}.doc-soon .en{line-height:16px}.doc-link{text-decoration:none;border-bottom:1px solid var(--shape-low);padding-bottom:1px;transition:border-color .2s var(--expressive)}@media(hover:hover){.doc-link:hover{border-color:var(--text)}}.doc-section{scroll-margin-top:calc(var(--subnav-bottom) + 80px);display:flex;flex-direction:column;gap:40px}.doc-section+.doc-section{margin-top:40px}.doc-section.learn{gap:16px}.learn-sentence{padding-right:40px}.doc-en .learn-sentence{font-weight:300;font-size:32px;line-height:1.3;letter-spacing:-.8px;margin-bottom:30px!important}.doc-cn .learn-sentence{font-weight:400;font-size:32px;line-height:1.5;letter-spacing:0;margin-bottom:27px!important}.learn-sub{font-size:24px;line-height:26px;margin-top:40px}.doc-en .learn-sub{font-weight:700;letter-spacing:-.3px;font-variation-settings:"opsz" 40,"wdth" 90}.doc-cn .learn-sub{font-weight:600}.learn-sub:first-child{margin-top:0}.doc-figure{margin:0;padding-top:24px;margin-bottom:40px!important;display:flex;flex-direction:column;gap:4px}.curl-box{position:relative;width:100%}.curl-strip{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(calc(var(--i) * 100% / var(--n) - 1px) 0 calc((var(--n) - 1 - var(--i)) * 100% / var(--n) - 1px) 0)}.curl-strip:first-child{position:relative}.curl-strip img,.curl-strip svg{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}.doc-figure figcaption{font-size:12px;line-height:24px;letter-spacing:-.2px}.doc-en .doc-figure figcaption{line-height:16px}.doc-cn .doc-figure figcaption{letter-spacing:.2px}.elements-graph svg{color:var(--text-secondary)}.elements-graph .gen{stroke:currentColor;fill:none;stroke-width:1}.elements-graph .ovr{stroke:currentColor;stroke-width:1;stroke-dasharray:2 4}.elements-graph .head{fill:currentColor}.elements-graph .el-label{font-weight:600;letter-spacing:-.2px;fill:var(--text)}.doc-figure .graph-note{display:flex;gap:24px;justify-content:center;align-items:center;font-size:13px;line-height:15px;letter-spacing:-.2px;padding-top:24px}.elements-graph.compact .graph-note{padding-top:74px}.graph-note span{display:flex;align-items:center;gap:8px}.graph-note .swatch{color:var(--text-secondary)}.sb-figure{--sb-ease: var(--expressive);--sb-travel: .38s;--sb-w: 159px;--sb-h: 282px;--sb-glyph: 48px;--sb-line: 58px;--sb-gap: 24px;--sb-step: calc(var(--sb-glyph) + var(--sb-gap));--sb-inset: 57px;--sb-rows: 18px;--sb-side: 32px;position:relative;margin-top:40px;height:540px;padding:40px 24px 24px;border-radius:48px;background:#faf6ee;display:flex;flex-direction:column;align-items:center;gap:40px;user-select:none;-webkit-user-select:none;touch-action:manipulation;overflow:hidden}.sb-stage{position:relative;flex:1 0 0;width:100%;min-height:0}.sb-split,.sb-joined{position:absolute;top:0;right:0;bottom:0;left:0}.sb-split{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px 0}.sb-grid{display:grid;gap:2px}.sb-stems{grid-template-columns:repeat(5,48px)}.sb-branches{grid-template-columns:repeat(6,48px)}.sb-cell{width:48px;height:48px;border-radius:50%;background:var(--shape-lowest);display:grid;place-items:center;transition:transform var(--sb-travel) var(--sb-ease),opacity .12s var(--sb-ease)}.sb-figure.pairing .sb-cell{transition-delay:0ms,calc(var(--sb-travel) - .12s)}.sb-glyph{font-family:OPPO Sans,system-ui,sans-serif;font-weight:500;font-size:24px;line-height:1.2;letter-spacing:-.2px;transition:opacity .24s var(--sb-ease)}.sb-cap{font-size:13px;line-height:15px;font-weight:600;letter-spacing:-.2px;margin:0!important;transition:opacity .24s var(--sb-ease),transform .32s var(--sb-ease)}.doc-en .sb-cap{font-variation-settings:"opsz" 14,"wdth" 100}.sb-line{width:1px;flex:0 0 56px;background:var(--shape-low);transform-origin:50% 50%;transition:transform .32s var(--sb-ease)}.sb-figure.pairing .sb-cap-stems{opacity:0;transform:translateY(24px)}.sb-figure.pairing .sb-cap-branches{opacity:0;transform:translateY(-24px)}.sb-figure.pairing .sb-line{transform:scaleY(0)}.sb-figure.pairing .sb-cell{transform:translate(var(--dx),var(--dy)) scale(.5);opacity:0}.sb-figure.pairing .sb-glyph{opacity:0}.sb-figure.settling .sb-cap-stems{opacity:0;transform:translateY(24px);transition:none}.sb-figure.settling .sb-cap-branches{opacity:0;transform:translateY(-24px);transition:none}.sb-figure.settling .sb-line{transform:scaleY(0);transition:none}.sb-figure.pairing .sb-split,.sb-joined{pointer-events:none}.sb-figure.paired .sb-joined{pointer-events:auto}.sb-pillar{touch-action:pan-y;position:absolute;left:50%;top:50%;width:var(--sb-w);height:var(--sb-h);border-radius:80px;background:var(--shape-lowest);overflow:hidden;transform:translate(-50%,-50%) scale(.35,.2);opacity:0;transition:transform var(--sb-travel) var(--sb-ease),opacity .12s var(--sb-ease)}.sb-figure.pairing .sb-pillar{transform:translate(-50%,-50%) scale(1);opacity:1}.sb-pillar:before,.sb-pillar:after{content:"";position:absolute;top:50px;bottom:50px;width:15px;z-index:1;pointer-events:none;transform:translateZ(0)}.sb-pillar{isolation:isolate}.sb-pillar:before{left:0;background:linear-gradient(90deg,var(--shape-lowest),transparent)}.sb-pillar:after{right:0;background:linear-gradient(270deg,var(--shape-lowest),transparent)}.sb-track{position:absolute;left:var(--sb-inset);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--sb-rows)}.sb-row{display:flex;gap:var(--sb-gap);transform:translate(calc(var(--cur, 0) * var(--sb-step) * -1));transition:transform .4s var(--sb-ease)}.sb-row-stems{--cur: var(--si, 0)}.sb-row-branches{--cur: var(--bi, 0)}.sb-char{flex:0 0 var(--sb-glyph);width:var(--sb-glyph);text-align:center;font-family:OPPO Sans,system-ui,sans-serif;font-weight:500;font-size:var(--sb-glyph);line-height:var(--sb-line);letter-spacing:-.2px;opacity:0;transition:opacity .24s var(--sb-ease)}.sb-figure.paired .sb-char{opacity:.2}.sb-figure.paired .sb-char.current{opacity:1}.sb-side{position:absolute;right:calc(50% + var(--sb-w) / 2 + var(--sb-side));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:calc(var(--sb-line) + var(--sb-rows) - 14px);align-items:flex-end;text-align:right;white-space:nowrap}.sb-side .sb-cap,.sb-counter{opacity:0;transition:opacity .24s var(--sb-ease)}.sb-figure.paired .sb-side .sb-cap,.sb-figure.paired .sb-counter{opacity:1}.sb-head{position:absolute;left:0;right:0;top:24px;height:40px;display:grid;place-items:center;z-index:1}.sb-joined{top:64px}.sb-counter{display:flex;align-items:center;gap:12px;font-size:16px;line-height:19px;font-weight:600;letter-spacing:-.2px;font-variation-settings:"opsz" 14,"wdth" 100}.sb-side-marks{gap:calc(var(--sb-line) + var(--sb-rows) - 40px)}.sb-markstack{position:relative;width:40px;height:40px;display:block}.sb-mark{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:scale(.8);transition:opacity .2s var(--sb-ease),transform .2s var(--sb-ease)}.sb-mark svg{display:block;width:100%;height:100%}.sb-figure.paired .sb-mark.on{opacity:1;transform:none}.sb-figure.lucky .sb-toggle{cursor:pointer}.sb-count{min-width:3.4em;text-align:center;font-variant-numeric:tabular-nums}.sb-step{all:unset;width:40px;height:40px;margin:-12px;display:grid;place-items:center;cursor:pointer;color:var(--text);transition:opacity var(--fade) var(--sb-ease)}.sb-step:disabled{opacity:.3;cursor:default}.sb-toggle{all:unset;flex:0 0 auto;height:40px;padding:0 20px;border-radius:100px;background:var(--text);color:var(--text-inverse);font-size:16px;line-height:16px;font-weight:600;letter-spacing:-.2px;font-variation-settings:"opsz" 14,"wdth" 100;cursor:pointer;display:flex;align-items:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .24s var(--expressive),color .24s var(--expressive)}@media(hover:hover){.sb-toggle:hover:not(:disabled){transform:scale(1.05)}}.sb-toggle:active:not(:disabled){transform:scale(.9);transition-duration:.15s;transition-timing-function:ease-out}.sb-toggle:disabled{cursor:default}.sb-labels{position:relative;display:grid;place-items:center}.sb-labels>span{grid-area:1 / 1;white-space:nowrap;transition:opacity .12s var(--expressive),transform .12s var(--expressive)}.sb-labels>span:not(.on){position:absolute;opacity:0;transform:scale(.8);pointer-events:none}@media(max-width:767px){.sb-figure{height:480px;border-radius:32px;--sb-w: 108px;--sb-h: 200px;--sb-glyph: 32px;--sb-line: 40px;--sb-gap: 16px;--sb-inset: 38px;--sb-rows: 12px;--sb-side: 24px}.sb-glyph{font-size:18px}.sb-pillar{border-radius:54px}.sb-pillar:before,.sb-pillar:after{top:36px;bottom:36px}}@media(prefers-reduced-motion:reduce){.sb-figure *{transition-duration:1ms!important;transition-delay:0ms!important}}.zodiac-figure{gap:24px}.z-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px}.z-cell{all:unset;aspect-ratio:1;cursor:pointer;perspective:600px;touch-action:manipulation}.z-disc{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .46s var(--expressive)}[aria-pressed=true]>.z-disc{transform:rotateY(180deg)}.z-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden}.z-front{background:var(--shape-lowest);font-family:OPPO Sans,system-ui,sans-serif;font-weight:500;font-size:24px;line-height:1.2;letter-spacing:-.2px;color:var(--text)}.z-back{transform:rotateY(180deg);background:var(--shape-lowest);color:var(--text)}.z-back svg{display:block;width:66%;height:66%}.doc-en .z-hint,.doc-en .graph-note{font-weight:400}.doc-figure .z-hint,.doc-figure .graph-note{color:var(--text-secondary)}.doc-figure .z-hint{text-align:center;font-size:13px;line-height:15px;letter-spacing:-.2px}@media(hover:hover){.z-cell:hover .z-front{background:var(--shape-low)}}@media(max-width:767px){.z-grid{grid-template-columns:repeat(4,1fr)}}.hours-figure{gap:40px}.h-wheel{position:relative;width:min(492px,100%);margin-inline:auto;aspect-ratio:1;container-type:inline-size}.h-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.h-arc{stroke:var(--shape-low);transition:stroke var(--fade) var(--expressive)}.h-arc.lit{stroke:var(--text)}.h-cell{all:unset;position:absolute;width:10.976%;aspect-ratio:1;transform:translate(-50%,-50%);cursor:pointer;perspective:600px;touch-action:manipulation}.h-cell .z-front{font-size:max(13px,4.07cqw)}.h-cell .z-back svg{width:85.2%;height:85.2%}.h-range{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0!important;white-space:nowrap;font-weight:600;font-size:max(16px,4.07cqw);line-height:1.25;letter-spacing:-.2px;font-variation-settings:"opsz" 14,"wdth" 100}@media(hover:hover){.h-cell:hover .z-front{background:var(--shape-low)}}.cal-stage{position:relative;width:100%;margin-inline:auto;container-type:inline-size}.cal-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.cal-ring{fill:none;stroke:var(--shape-medium);stroke-width:1}.cal-lens{fill:var(--shape-lowest)}.cal-figure .cal-side{transition:transform .8s var(--expressive)}.cal-figure circle.cal-a,.cal-figure g.cal-a{transform:translate(calc(var(--spread) * -1))}.cal-figure circle.cal-b{transform:translate(var(--spread))}.cal-figure .cal-lens{transform:translate(calc(var(--spread) * 2));transition:transform .8s var(--expressive)}.cal-figure.in .cal-lens{transform:none}.cal-figure .cal-marker.cal-a{transform:translate(calc(var(--spread-m) * -1))}.cal-figure .cal-marker.cal-b{transform:translate(var(--spread-m))}.cal-figure.in .cal-side{transform:none}.cal-marker{position:absolute;translate:-50% 0;width:max-content;text-align:center;color:var(--text)}.cal-icon{position:absolute;left:50%;translate:-50% 0;aspect-ratio:1}.cal-icon svg{display:block;width:100%;height:100%;overflow:visible}.cal-label{display:block;font-size:13px;line-height:15px;font-weight:600;letter-spacing:-.2px;white-space:nowrap}.doc-en .cal-label{font-variation-settings:"opsz" 14,"wdth" 100}.cal-figure .cal-both{opacity:0;transform:translateY(12px);transition:opacity .6s var(--expressive),transform .8s var(--expressive)}.cal-figure.in .cal-both{opacity:1;transform:none}.cal-short{display:none}@media(max-width:767px){.cal-stage{width:120.97%;margin-left:-10.48%}.cal-figure{--spread: 28px !important;--spread-m: 4.667cqw !important}.cal-long{display:none}.cal-short{display:inline}.cal-label{white-space:normal;line-height:15px}}@media(prefers-reduced-motion:reduce){.cal-figure .cal-side,.cal-figure .cal-lens,.cal-figure .cal-both{transition:none}}.mx-stage{--mx-ease: var(--expressive)}.mx-cell{position:absolute;left:50%;top:0;transform:translate(var(--x0),var(--y0));transition:transform .56s var(--mx-ease),background .32s var(--mx-ease)}.mix-figure.tint .mx-cell.yin{background:var(--shape-low)}.mix-figure.mixed .mx-cell{transform:translate(var(--x1),var(--y1))}.mx-cap-apart,.mx-cap-mixed{position:absolute;left:0;right:0;text-align:center;transition:opacity .24s var(--mx-ease)}.mix-figure.tint .mx-cap-apart,.mx-cap-mixed{opacity:0}.mix-figure.mixed .mx-cap-mixed{opacity:1;transition-delay:.32s}.mx-line{position:absolute;left:50%;width:1px;background:var(--shape-low);top:var(--line-y);height:var(--line-h);transition:top .32s var(--mx-ease),height .32s var(--mx-ease),opacity .24s var(--mx-ease)}.mix-figure.tint .mx-line{top:var(--line-y2);height:var(--line-h2)}.mix-figure.mixed .mx-line{opacity:0}.mix-figure.mixing .mx-toggle{background:var(--shape-lowest);color:var(--text)}@media(max-width:767px){.mix-figure{height:540px}}@media(prefers-reduced-motion:reduce){.mx-cell,.mx-cap-apart,.mx-cap-mixed,.mx-line{transition:none}}.ex-figure{height:420px}.ex-row{position:absolute;left:0;right:0}.ex-cells{display:flex;justify-content:center;gap:2px}.ex-cap{position:absolute;left:0;right:0;text-align:center}.ex-cell{width:64px;height:64px;background:none;perspective:600px;display:block}.ex-cell .z-disc{transition-delay:calc(var(--k) * 60ms)}.ex-figure.mixed .ex-cell .z-disc{transform:rotateY(180deg)}.ex-cell .z-front,.ex-cell .z-back{background:var(--shape-lowest)}.ex-cell.yin .z-front,.ex-cell.yin .z-back{background:var(--shape-low)}.ex-cell .z-back{color:var(--el)}.ex-cell .z-back svg{display:block;width:62.5%;height:62.5%}@media(max-width:767px){.ex-figure{height:420px}.ex-cell{width:52px;height:52px}.ex-cell .z-front{font-size:20px}}.se-figure{padding-top:24px}.se-head{position:relative;width:100%;height:40px;flex:0 0 auto;margin-bottom:0;display:grid;place-items:center}.se-head .sb-cap{margin:0!important}.se-back{all:unset;position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;color:var(--text);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s var(--expressive),transform .35s cubic-bezier(.34,1.56,.64,1)}.se-back svg{width:20px;height:20px}.se-figure.seasons .se-back{opacity:1;pointer-events:auto}.se-back:active{transform:scale(.9);transition-duration:.15s}.se-figure{--se-k: 1}.se-cell{position:absolute;left:50%;top:0;width:64px;height:64px;background:none;perspective:600px;display:block;transform-origin:0 0;transform:translate(calc(var(--x0) * var(--se-k)),calc(var(--y0) * var(--se-k))) scale(var(--se-k));transition:transform .56s var(--expressive)}.se-figure.seasons .se-cell{transform:translate(calc(var(--x1) * var(--se-k)),calc(var(--y1) * var(--se-k))) scale(var(--se-k))}.se-cell .z-front,.se-cell .z-back{background:var(--shape-lowest)}.se-cell .z-back{color:var(--el)}.se-cell .z-back svg{display:block;width:62.5%;height:62.5%}.se-figure.elements .se-cell .z-disc{transform:rotateY(180deg);transition-delay:calc(var(--k) * 40ms)}.se-label{position:absolute;margin:0!important;top:calc(var(--ly) * var(--se-k));right:calc(50% - var(--lr) * var(--se-k));transform:translateY(-50%);opacity:0;transition:opacity .24s var(--expressive)}.se-figure.seasons:not(.elements) .se-label{opacity:1;transition-delay:.32s}@media(max-width:767px){.se-figure{height:480px;--se-k: .7}}@media(prefers-reduced-motion:reduce){.se-cell,.se-label,.se-back{transition:none}}.bc-figure{--bc-w: 112px;--bc-h: 200px;--bc-glyph: 32px;--bc-pitch: 48px;--bc-top: 78px}.bc-stage{display:block}.bc-row{position:absolute;left:50%;top:0;width:calc(var(--bc-w) * 4);transform:translate(-50%);display:flex}.bc-four .bc-row{top:50%;transform:translate(-50%,-50%)}.bc-block{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:calc(var(--bc-top) + var(--bc-h) + 36px)}.bc-col{flex:1 1 0;display:flex;flex-direction:column;align-items:center}.bc-label{margin:0!important;height:16px;line-height:16px}.bc-when{margin:20px 0 0!important;color:var(--text-secondary);height:16px;line-height:16px;position:relative;width:100%;text-align:center}.bc-vals{display:inline-grid;place-items:center;vertical-align:top}.bc-master .bc-vals{justify-items:start}.bc-val{grid-area:1 / 1;white-space:nowrap;opacity:0;transition:opacity .24s var(--expressive)}.bc-val.on{opacity:1}.bc-pillar{position:relative;width:var(--bc-w);height:var(--bc-h);margin-top:21px;border-radius:calc(var(--bc-w) / 2);background:var(--shape-lowest);overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0}.bc-pillar:before,.bc-pillar:after{content:"";position:absolute;top:30px;bottom:30px;width:15px;z-index:1;pointer-events:none;transform:translateZ(0)}.bc-pillar{isolation:isolate}.bc-pillar:before{left:0;background:linear-gradient(90deg,var(--shape-lowest),transparent)}.bc-pillar:after{right:0;background:linear-gradient(270deg,var(--shape-lowest),transparent)}.bc-wheel{position:relative;width:100%;height:calc(var(--bc-glyph) * 1.2);display:block}.bc-char{position:absolute;left:50%;top:0;width:var(--bc-glyph);margin-left:calc(var(--bc-glyph) / -2);text-align:center;font-family:OPPO Sans,system-ui,sans-serif;font-weight:500;font-size:var(--bc-glyph);line-height:1.2;letter-spacing:-.14px;color:var(--shape-low);transition:transform .4s var(--expressive),color .24s var(--expressive)}.bc-char.current{color:var(--text)}.bc-wheel .bc-char:nth-child(1){transform:translate(calc((0 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(2){transform:translate(calc((1 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(3){transform:translate(calc((2 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(4){transform:translate(calc((3 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(5){transform:translate(calc((4 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(6){transform:translate(calc((5 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(7){transform:translate(calc((6 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(8){transform:translate(calc((7 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(9){transform:translate(calc((8 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(10){transform:translate(calc((9 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(11){transform:translate(calc((10 - var(--cur)) * var(--bc-pitch)))}.bc-wheel .bc-char:nth-child(12){transform:translate(calc((11 - var(--cur)) * var(--bc-pitch)))}.bc-people{display:flex;gap:8px;flex:0 0 auto}.bc-person{all:unset;height:40px;padding:0 20px;box-sizing:border-box;border-radius:100px;border:1px solid var(--shape-medium);color:var(--text);font-size:16px;line-height:16px;font-weight:600;letter-spacing:-.2px;font-variation-settings:"opsz" 14,"wdth" 100;cursor:pointer;display:flex;align-items:center;white-space:nowrap;transition:transform .35s cubic-bezier(.34,1.56,.64,1),background .24s var(--expressive),color .24s var(--expressive),border-color .24s var(--expressive)}.bc-person.on{background:var(--text);border-color:var(--text);color:var(--text-inverse)}@media(hover:hover){.bc-person:hover{transform:scale(1.05)}}.bc-person:active{transform:scale(.9);transition-duration:.15s;transition-timing-function:ease-out}.bc-master-fig{padding-top:24px}.bc-master-fig .bc-stage{position:relative}.bc-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bc-pillars .bc-pillar{margin-top:var(--bc-top)}.bc-signs{margin-top:var(--bc-top);height:var(--bc-h);display:flex;flex-direction:column;justify-content:center;align-items:center}.bc-sign,.bc-master .bc-val{opacity:0;transform:scale(.85);transition:opacity .16s var(--expressive),transform .16s var(--expressive)}.bc-layer.on .bc-sign,.bc-master .bc-val.on{opacity:1;transform:none;transition-delay:.14s}.bc-master{position:absolute;left:0;right:0;top:0;margin:0!important;text-align:center;font-size:16px;line-height:16px;font-weight:600;letter-spacing:-.2px;font-variation-settings:"opsz" 14,"wdth" 100}.bc-whens{top:calc(var(--bc-top) + var(--bc-h) + 20px)}.bc-whens .bc-when{margin-top:0!important}.bc-sign{display:flex;align-items:center;height:var(--bc-sign-h, 32px)}.bc-glyph{width:24px;text-align:center;font-family:OPPO Sans,system-ui,sans-serif;font-weight:500;font-size:24px;line-height:1.2;letter-spacing:-.14px}.bc-mark{width:32px;height:32px;display:block}.bc-mark svg{display:block;width:100%;height:100%}@media(max-width:767px){.bc-figure{height:420px;--bc-w: 82px;--bc-h: 160px;--bc-glyph: 22px;--bc-pitch: 34px;--bc-sign-h: 26px}.bc-master-fig{--bc-top: 62px}.bc-row{width:calc(var(--bc-w) * 4)}.bc-pillar:before,.bc-pillar:after{width:10px}.bc-glyph{font-size:18px;width:18px}.bc-mark{width:22px;height:22px}.bc-person{padding:0 14px;font-size:14px}.bc-when{font-size:11px}}@media(prefers-reduced-motion:reduce){.bc-char,.bc-val,.bc-layer{transition:none}}.terms-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.term{display:block;color:var(--text);opacity:0;transform:scale(.6);transition:opacity .2s var(--expressive) var(--d, 0ms),transform .38s cubic-bezier(.34,1.56,.64,1) var(--d, 0ms)}.terms-figure.in .term{opacity:1;transform:none}.terms-figure:not(.in) .term{transition-delay:0ms;transition-duration:.12s}.term svg{display:block;width:100%;height:auto}@media(max-width:767px){.terms-grid{gap:12px}}@media(prefers-reduced-motion:reduce){.term{transition:none}}@media(max-width:479px){.terms-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){.doc-title,.doc-title .cn{font-size:32px;line-height:32px}.learn-sentence{padding-right:16px}.doc-en .learn-sentence,.doc-cn .learn-sentence{font-size:26px}.learn-sub{font-size:22px}}.section-veil{position:sticky;top:var(--chrome-h);height:100px;margin-bottom:-100px;z-index:26;pointer-events:none;transition:opacity var(--fade) var(--expressive),translate var(--fade) var(--expressive),top var(--fade) var(--expressive)}.section-veil[hidden]{display:none!important}.section-veil span,.section-veil i{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.section-veil span:nth-child(1){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,#000 42%,transparent 72%);-webkit-mask-image:linear-gradient(to bottom,#000 42%,transparent 72%)}.section-veil span:nth-child(2){backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to bottom,#000 55%,transparent 86%);-webkit-mask-image:linear-gradient(to bottom,#000 55%,transparent 86%)}.section-veil span:nth-child(3){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%)}.section-veil i{background:linear-gradient(to bottom,var(--bg) 0%,var(--bg) 46%,rgb(255 252 249 / .72) 66%,rgb(255 252 249 / .28) 85%,transparent 100%)}@media(min-width:1200px){.section-veil{display:none!important}}body.cyl .doc-body .doc-title,body.cyl .doc-body .doc-en>*,body.cyl .doc-body .doc-cn>*,body.cyl .doc-body .doc-updated{transform-origin:50% 50%;backface-visibility:hidden}body.cyl .curl-box{perspective:900px}body.cyl .curl-strip{transform-origin:50% calc(var(--i) * 100% / var(--n));backface-visibility:hidden}.dof{position:fixed;left:50%;translate:-50% 0;width:min(760px,100%);z-index:18;pointer-events:none;opacity:0;transition:opacity .2s linear}body.cyl .dof-top,body.cyl .dof-bottom{opacity:0}.dof span{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.dof-top{top:var(--chrome-h);height:150px}.dof-bottom{bottom:0;height:170px}.dof-top span:nth-child(1){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to top,transparent 45%,#000 80%);-webkit-mask-image:linear-gradient(to top,transparent 45%,#000 80%)}.dof-top span:nth-child(2){backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to top,transparent 65%,#000 95%);-webkit-mask-image:linear-gradient(to top,transparent 65%,#000 95%)}.dof-top span:nth-child(3){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to top,transparent 82%,#000 100%);-webkit-mask-image:linear-gradient(to top,transparent 82%,#000 100%)}.dof-bottom span:nth-child(1){backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);mask-image:linear-gradient(to bottom,transparent 45%,#000 80%);-webkit-mask-image:linear-gradient(to bottom,transparent 45%,#000 80%)}.dof-bottom span:nth-child(2){backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);mask-image:linear-gradient(to bottom,transparent 65%,#000 95%);-webkit-mask-image:linear-gradient(to bottom,transparent 65%,#000 95%)}.dof-bottom span:nth-child(3){backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);mask-image:linear-gradient(to bottom,transparent 82%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 82%,#000 100%)}.section-nav[hidden]{display:none!important}.section-nav{position:fixed;transition:opacity var(--fade) var(--expressive),top var(--fade) var(--expressive);left:var(--edge);top:calc(var(--chrome-h) + 80px);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-secondary);transition:font-weight .2s var(--expressive),color .2s var(--expressive)}@media(hover:hover){.section-nav a:hover{font-weight:500;color:var(--text)}}.section-nav a.active{font-weight:700;color:var(--text)}@media(max-width:1199px){.section-nav{position:fixed;left:0;right:0;top:var(--chrome-h);height:60px;display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;transition:translate var(--fade) var(--expressive),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 var(--edge)}.section-nav a{white-space:nowrap}.doc-section{scroll-margin-top:calc(var(--subnav-bottom) + 120px)}.section-veil{position:fixed;left:0;right:0;margin-bottom:0}.doc{padding-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,body.chrome-away .section-nav,body.chrome-away .section-veil{translate:0 calc(-1 * var(--subnav-bottom))}}body.at-doc .links.traveling,body.at-home .links.traveling,.subnav-rule.traveling,.caret.traveling,.doc.traveling{transition:transform var(--travel) var(--expressive)}.hop{display:inline-block}body.at-home.lang-en .links a[data-route=learn] .hop{animation:hop 4s var(--expressive) infinite;animation-delay:calc(var(--i) * 50ms)}@keyframes hop{0%,15%{transform:none}7.5%{transform:translateY(-10px)}to{transform:none}}body.learned .hop{animation:none!important}@media(prefers-reduced-motion:reduce){.hop{animation:none!important}}.subnav-rule.traveling.leaving,.caret.traveling.leaving{transition-duration:calc(var(--travel) * .4)}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(calc(100vw - 40px),600px)}.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(min-width:768px){:root{--subnav-top: 23px;--subnav-bottom: 99px}body.at-doc .links{padding-top:35px;padding-bottom:25px}}@media(min-width:768px){body.chrome-compact{--chrome-h: 60px;--chrome-size: 40px;--chrome-top: 10px;--subnav-top: 0px}body.chrome-compact.at-doc .links{padding-top:22px;padding-bottom:22px}}@media(max-width:767px){:root{--subnav-top: 80px;--subnav-bottom: 118px}body.at-doc .links{padding-top:8px;padding-bottom:16px}}@media(max-width:767px){:root{--links-home-h: 66px;--edge: 20px;--chrome-size: 40px;--chrome-top: 20px}.links a,.section-nav a{font-size:14px;line-height:14px}.links{width:fit-content;gap:24px;padding-left:0;padding-right:0;padding-bottom:12px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.ctas{margin-top:40px}.logotype{width:152px;height:32px}.wheel .sign{width:64%;top:41.7%}.hchar{font-size:12px}.wheel .clock{top:68%;gap:2px}.clock .time{font-size:22px}}