:root{--cream:#fff9f3;--navy:#3c4067;--muted:#6c6d83;--pink:#ff8fb4;--blue:#cfe8ff;--yellow:#ffe59c;--border:#e8dff0;--soft:#f4effb;--mint:#e5f2ea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--navy);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.65}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.65}:focus-visible{outline:3px solid #b94376;outline-offset:5px}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.site-header{height:106px;display:flex;align-items:center;gap:50px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:16px;line-height:1.2}.brand strong{font-size:32px;letter-spacing:1px}.brand small{display:block;margin-top:5px;color:var(--muted);font-size:14px}.site-header nav{margin-left:auto;display:flex;gap:52px;font-size:16px}.site-header nav a:hover,.site-footer a:hover{color:#b94376}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 24px;border:1px solid var(--navy);border-radius:16px;font-weight:700;line-height:1.4;min-height:48px}.pink{background:var(--pink)}.blue{background:var(--blue)}.yellow{background:var(--yellow)}.header-download{padding-inline:24px;min-width:172px;font-size:18px}.header-download span{font-size:25px}.hero{display:grid;grid-template-columns:1fr 1.03fr;gap:70px;min-height:780px;align-items:center;padding:60px 0 100px}.eyebrow{display:table;padding:5px 13px;border:1px solid var(--border);border-radius:30px;background:#fff;font-size:13px;line-height:1.65;margin:0 0 24px}.hero h1{font-size:clamp(48px,4.9vw,73px);letter-spacing:-3px;line-height:1.32;margin:28px 0 28px;font-weight:800}.hero h1 span{position:relative;white-space:nowrap;z-index:1}.hero h1 span:after{position:absolute;content:"";height:22px;bottom:4px;left:-5px;right:-24px;background:#ffdae7;z-index:-1;border-radius:20px}.lead{font-size:20px;color:var(--muted);line-height:1.75;margin:28px 0 46px}.platforms{display:flex;gap:12px}.platform{display:flex;align-items:center;gap:17px;border:1px solid var(--navy);border-radius:17px;padding:10px 16px;text-align:left;flex:1;min-height:68px;box-shadow:1px 4px 0 #e9e1ec;transition:transform .15s}.platform:hover,.button:hover{filter:brightness(.98);transform:translateY(-1px)}.platform strong{display:block;font-size:18px;line-height:1.5;white-space:nowrap}.platform small{display:block;font-size:12px;white-space:nowrap}.phone{display:block;width:20px;height:29px;border:1.6px solid var(--navy);border-radius:4px;flex:none;position:relative}.phone:before{content:"";position:absolute;top:2px;left:3px;right:3px;border-top:1px solid var(--navy)}.phone:after{content:"";position:absolute;bottom:3px;left:8px;width:2px;height:2px;border-radius:2px;background:var(--navy)}.scan-card{width:100%;display:flex;align-items:center;gap:24px;margin-top:28px;border:1px solid var(--border);border-radius:22px;padding:22px 28px;background:#fff;text-align:left}.scan-card .qr{width:66px;height:66px}.scan-card strong{display:block;font-size:18px}.scan-card small{display:block;color:var(--muted);font-size:13px;margin-top:8px}.qr{image-rendering:pixelated;display:block;background:#fff}.hero-art{position:relative;height:570px;min-width:0}.art-background{position:absolute;background:#e1f0fc;left:25px;right:0;top:15px;bottom:20px;border-radius:100px}.art-background:before{content:"";position:absolute;inset:-12px -10px 40px -20px;border:1.5px solid #c4deef;border-bottom-color:transparent;border-radius:50%}.buddies{position:absolute;width:112%;height:112%;object-fit:contain;left:-4%;top:-28px}.sticker{position:absolute;right:0;top:0;padding:12px 18px;border:1px solid var(--navy);border-radius:15px;font-size:13px;font-weight:700;box-shadow:2px 4px var(--border)}.sticker span{margin-right:14px}.spark{position:absolute;font-size:37px;line-height:1;color:var(--yellow);-webkit-text-stroke:1px var(--navy)}.spark.one{left:0;top:66px}.spark.two{right:-18px;top:265px;color:var(--pink)}.floating-post{position:absolute;bottom:30px;left:-22px;width:280px;padding:15px;border:1px solid var(--border);border-radius:22px;background:#fff;box-shadow:2px 4px #efe6f0}.identity{display:flex;align-items:center;gap:10px;line-height:1.4}.identity strong{font-size:13px;display:block}.identity small{display:inline-block;font-size:10px;background:var(--soft);border-radius:15px;padding:2px 6px}.avatar{width:40px;height:40px;border:1px solid #b9c8de;background:var(--blue);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:19px}.floating-post h3{font-size:16px;margin:14px 0 4px}.floating-post p{font-size:12px;color:var(--muted);margin:0 0 14px}.post-foot{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.tag{background:var(--soft);padding:4px 9px;border-radius:20px}.example{display:block;text-align:right;font-size:9px;color:#8b8797;margin-top:6px}.floating-wall{position:absolute;right:-18px;bottom:-35px;width:190px;background:#fff;border:1px solid var(--border);border-radius:22px;padding:13px;box-shadow:2px 4px #efe6f0}.floating-wall strong{font-size:14px}.floating-wall img{width:125px;height:125px;object-fit:contain;display:block;margin:12px auto 0;border-radius:14px}.section{margin-top:75px;margin-bottom:95px}.section h2{font-size:34px;line-height:1.5;margin:16px 0 6px;letter-spacing:-.7px}.section-note{color:var(--muted);margin:0 0 30px;font-size:15px}.features>.eyebrow{border:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature{position:relative;border:1px solid var(--border);border-radius:27px;padding:23px;box-shadow:1px 3px #ede3eb;overflow:hidden}.market{background:#ffeaf2}.friends{background:#eee8fc}.study{background:#e8f2ff}.feature-label{font-size:13px;font-weight:700;margin:0 0 24px;display:flex;align-items:center;gap:12px}.feature-label span{background:#fff;padding:3px 8px;border-radius:11px;font-size:20px}.feature h3{font-size:25px;line-height:1.55;margin:0 0 18px;position:relative;z-index:1}.feature>p:not(.feature-label){font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:24px}.feature-art{position:absolute;right:18px;top:90px;font-size:52px;opacity:.85}.feature-example{background:#fff;padding:12px 10px;border-radius:13px;font-size:11px;font-weight:600;white-space:nowrap}.wall-section{padding:35px 48px;background:var(--mint);border:1px solid var(--border);border-radius:35px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;box-shadow:1px 3px #efe6f0}.wall-copy h2{font-size:40px;line-height:1.4;margin:22px 0}.wall-copy>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:35px}.wall-copy>small{display:block;color:var(--muted);font-size:11px;margin-top:40px}.wall-picture{position:relative;margin:0;border:1px solid #8d91a7;padding:18px 22px 30px;background:#f9fcf9;border-radius:28px}.wall-picture img{display:block;width:100%;height:auto;border-radius:21px}.wall-picture figcaption{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:#fff;border:1px solid var(--border);border-radius:15px;padding:2px 10px;font-size:10px;white-space:nowrap}.join{text-align:center;padding-top:5px}.join h2{font-size:32px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:46px;text-align:left}.steps article{display:flex;gap:15px;padding:25px;border:1px solid var(--border);background:#fff;border-radius:23px;min-height:170px;box-shadow:1px 3px #efe6f0}.step-number{width:43px;height:43px;border:1px solid #8b8ba4;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}.steps h3{font-size:17px;margin:4px 0 10px}.steps p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.download-section{background:#e5f1ff;padding:42px 45px;border:1px solid var(--border);border-radius:35px;display:flex;gap:25px;align-items:flex-start;box-shadow:1px 3px #efe6f0}.download-section>img{background:var(--cream);border-radius:20px;padding:6px;margin-top:8px}.download-section h2{font-size:31px;margin:0 0 12px}.download-section p{font-size:14px;color:var(--muted);margin-bottom:30px}.download-section .platforms{max-width:440px}.download-section .platform{padding-inline:13px;min-height:62px}.download-section .platform strong{font-size:15px}.download-section .platform small{font-size:11px}.qr-bottom{display:grid;justify-items:center;gap:8px;margin-left:auto;border:0;background:none;flex:none}.qr-bottom canvas{border:14px solid white;border-radius:18px;width:128px;height:128px;box-sizing:content-box}.qr-bottom strong{font-size:12px}.qr-bottom small{font-size:10px;color:var(--muted)}.site-footer{display:flex;align-items:center;gap:40px;border-top:1px solid var(--border);padding-block:22px 30px;font-size:12px}.small-brand{gap:10px}.small-brand strong{font-size:16px}.site-footer>small{font-size:11px;color:var(--muted)}.site-footer>div{margin-left:auto;display:flex;gap:40px;color:var(--muted)}.text-button{padding:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px}.site-footer .text-button{text-decoration:none}.mobile-download{display:none}.skip{position:fixed;top:-80px;background:var(--navy);color:#fff;padding:10px 20px;z-index:20}.skip:focus{top:10px}dialog{color:var(--navy);border:1px solid var(--border);background:var(--cream);border-radius:28px;padding:35px;max-height:90dvh;overflow:auto;box-shadow:0 20px 80px #36344c2b}dialog::backdrop{background:#282b4255;backdrop-filter:blur(5px)}.download-dialog{text-align:center;width:min(700px,calc(100% - 32px))}.download-dialog>img{margin:0 auto}.download-dialog h2{font-size:28px;margin:12px 0 4px}.download-dialog>p{color:var(--muted);margin:0}.dialog-close{position:absolute;right:16px;top:12px;background:#fff;border:1px solid var(--border);border-radius:50%;width:32px;height:32px;font-size:25px;line-height:1}.dialog-download{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;margin:30px 0;align-items:center}.dialog-qr{display:grid;justify-items:center;gap:10px;background:#fff;padding:20px;border-radius:18px;border:1px solid var(--border)}.dialog-qr .qr{width:150px;height:150px}.dialog-qr strong{font-size:14px}.dialog-qr small{font-size:11px;color:var(--muted)}.download-links{display:flex;flex-direction:column;gap:14px}.download-links .platform{justify-content:center}.download-status{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.secondary{background:#fff;font-size:13px;min-height:42px;border-color:#b9afc9}.dialog-foot{font-size:12px}.document-dialog{width:min(760px,calc(100% - 32px));padding:35px 40px}.document-dialog h2{font-size:27px}.document-dialog h3{font-size:17px;margin-top:24px}.document-dialog p,.document-dialog li{font-size:14px;line-height:1.9}.document-dialog .doc-date{font-size:12px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);padding:14px 24px;background:var(--navy);color:#fff;z-index:30;border-radius:14px;max-width:calc(100% - 32px);font-size:14px}.toast[hidden],[hidden]{display:none!important}@media(min-width:1500px){.hero h1{font-size:73px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.site-header{gap:30px}.site-header nav{gap:30px}.hero{gap:35px;min-height:690px}.hero h1{font-size:55px}.hero-art{height:510px}.lead{font-size:17px}.platform{gap:12px;padding-inline:12px}.platform strong{font-size:16px}.scan-card{padding:18px;gap:18px}.scan-card strong{font-size:16px}.scan-card small{font-size:11px}.floating-post{width:245px;left:-15px}.floating-wall{width:157px}.floating-wall img{width:110px;height:110px}.feature{padding:20px}.feature h3{font-size:23px}.feature-art{font-size:40px;right:10px}.wall-section{gap:35px;padding:35px}.wall-copy h2{font-size:34px}.steps article{padding:20px;gap:12px}.steps h3{font-size:14px}.download-section{padding:35px;gap:20px}.download-section h2{font-size:26px}.download-section>img{width:60px;height:60px}.qr-bottom canvas{width:105px;height:105px}.site-footer>div{gap:25px}}@media(max-width:760px){.wrap{width:calc(100% - 44px)}.site-header{height:86px;border:0;gap:0}.brand{gap:12px}.brand img{width:36px;height:36px}.brand strong{font-size:25px}.brand small{font-size:11px;margin-top:4px}.site-header nav{display:none}.header-download{margin-left:auto;min-width:88px;font-size:13px;min-height:37px;padding:9px 17px;border-radius:13px}.header-download span{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding:24px 0 0;min-height:0}.hero-copy .eyebrow{font-size:12px;padding:5px 9px;margin:0 0 22px}.hero h1{font-size:46px;letter-spacing:-2px;line-height:1.28;margin:20px 0 24px}.hero h1 span:after{height:16px;bottom:1px;right:-20px}.lead{font-size:15px;margin:18px 0 20px;line-height:1.8}.platforms{gap:10px}.platform{gap:15px;padding:8px 16px;min-height:60px;border-radius:17px}.platform strong{font-size:15px}.platform small{font-size:11px}.phone{width:18px;height:26px}.phone:after{left:7px}.scan-card{display:none}.hero-art{height:400px;margin-top:5px}.art-background{top:20px;bottom:50px;left:10px;right:8px;border-radius:90px}.art-background:before{inset:-15px -4px 10px -7px}.buddies{width:110%;height:110%;left:-5%;top:-18px}.sticker{top:auto;bottom:145px;padding:12px 14px;background:var(--mint);font-size:12px;right:-2px}.sticker span{margin-right:8px}.spark.one{top:46px;left:0;font-size:25px}.spark.two{top:15px;right:10px;font-size:23px}.floating-post{bottom:-24px;left:0;width:78%;padding:15px;border-radius:22px}.identity strong{font-size:13px}.identity small{font-size:10px}.floating-post h3{font-size:15px;margin-top:13px}.floating-post p{font-size:12px}.floating-wall{display:none}.section{margin-top:84px;margin-bottom:0}.section h2{font-size:25px;line-height:1.5;letter-spacing:-.5px}.features>.eyebrow{font-size:11px;margin-bottom:15px}.section-note{font-size:13px;margin-bottom:24px}.feature-grid{grid-template-columns:1fr;gap:16px}.feature{padding:20px 22px;border-radius:24px}.feature-label{font-size:12px;margin-bottom:10px}.feature h3{font-size:24px;margin-bottom:12px}.feature-art{right:25px;top:62px;font-size:60px}.feature>p:not(.feature-label){font-size:12px;margin-bottom:18px}.feature-example{font-size:11px}.wall-section{display:flex;flex-direction:column;gap:28px;padding:24px;border-radius:28px;margin-top:55px;align-items:stretch}.wall-copy .eyebrow{font-size:10px;margin:0 0 17px}.wall-copy h2{font-size:29px;margin:15px 0}.wall-copy>p:not(.eyebrow){font-size:13px;margin-bottom:21px}.wall-copy .button{font-size:13px;padding:11px 16px;min-height:42px;border-radius:12px}.wall-copy>small{margin-top:20px;font-size:10px}.wall-picture{margin:0 4px 7px;padding:14px 16px 24px;border-radius:23px}.wall-picture img{border-radius:15px}.join{margin-top:60px}.join h2{font-size:24px;line-height:1.55}.join>.section-note{font-size:12px;margin-top:12px}.steps{grid-template-columns:1fr;gap:15px;margin-top:27px}.steps article{min-height:112px;padding:22px;gap:16px;border-radius:20px}.steps h3{font-size:15px}.steps p{font-size:12px}.download-section{display:flex;flex-wrap:wrap;padding:25px 22px;margin-top:55px;border-radius:27px;gap:15px}.download-section>img{width:43px;height:43px;border-radius:13px;padding:3px;margin:2px 0 0}.download-section>div{flex:1;min-width:0}.download-section h2{font-size:22px;line-height:1.5;max-width:230px}.download-section p{font-size:12px;line-height:1.7;margin-top:15px}.download-section .platforms{margin-left:-58px;width:calc(100% + 58px)}.download-section .platform{gap:10px;padding:8px 11px;min-height:57px}.download-section .platform strong{font-size:13px}.download-section .platform small{font-size:10px}.qr-bottom{display:none}.site-footer{padding:30px 0 110px;margin-top:40px;flex-wrap:wrap;gap:12px 20px;justify-content:space-between}.site-footer .brand img{width:26px;height:26px}.small-brand strong{font-size:15px}.site-footer>small{font-size:10px}.site-footer>div{width:100%;justify-content:space-between;font-size:12px;margin-top:5px}.mobile-download{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fffaf5f5;backdrop-filter:blur(10px);border-top:1px solid var(--border);align-items:center;justify-content:space-between;gap:12px;padding:12px 22px calc(12px + env(safe-area-inset-bottom));z-index:5;transform:translateY(110%);transition:transform .2s}.mobile-download.visible{transform:translateY(0)}.mobile-download strong{display:block;font-size:12px}.mobile-download small{display:block;font-size:10px;color:var(--muted)}.mobile-download .button{padding:10px 18px;min-height:39px;border-radius:12px;font-size:13px}.download-dialog{padding:30px 23px;border-radius:25px}.download-dialog h2{font-size:24px;margin-top:10px}.download-dialog>p{font-size:13px}.dialog-download{display:flex;flex-direction:column;margin:25px 0 20px;gap:20px}.dialog-qr{display:none}.download-links{width:100%;gap:14px}.download-links .platform{min-height:60px}.download-links .platform strong{font-size:17px}.download-links .platform small{font-size:11px}.download-links .platform .phone{width:20px;height:29px}.dialog-foot{font-size:11px!important}.document-dialog{padding:25px;border-radius:22px}.document-dialog h2{font-size:24px}.document-dialog h3{font-size:16px}.document-dialog p,.document-dialog li{font-size:13px}.toast{bottom:90px;font-size:12px;width:max-content}.hero-art .example{font-size:8px}}@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:41px}.platform{padding-inline:10px;gap:10px}.platform strong{font-size:14px}.hero-art{height:355px}.floating-post{width:83%}.brand strong{font-size:23px}.header-download{padding-inline:13px}.download-section .platform strong{font-size:12px}.feature-example{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}