:root{--violet:#8d3fff;--violet-deep:#5420ad;--ink:#202024;--muted:#77737e;--lilac:#f4efff;--paper:#fffafd;--line:rgba(74,43,97,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif}a{color:inherit;text-decoration:none}img{height:auto}.site-header{position:absolute;top:0;left:50%;z-index:30;display:flex;width:min(1200px,calc(100% - 48px));height:90px;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.22);transform:translateX(-50%)}.site-logo img{width:151px;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:36px}.desktop-nav a{position:relative;color:rgba(255,255,255,.85);font-size:13px;letter-spacing:.08em}.desktop-nav a:after{position:absolute;right:100%;bottom:-8px;left:0;height:1px;background:#fff;content:"";transition:right .2s}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{right:0}.mobile-nav{display:none}.section-tag{display:block;margin-bottom:18px;color:rgba(255,255,255,.7);font-size:10px;font-weight:700;letter-spacing:.28em}.dark-tag{color:var(--violet)}
.brand-hero{position:relative;display:grid;min-height:880px;padding:130px max(24px,calc((100% - 1120px)/2)) 90px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#b576ff 0,#8136e8 46%,#5a20bf 100%);color:#fff;isolation:isolate}.brand-hero:before{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 16% 76%,rgba(255,255,255,.24),transparent 22%),radial-gradient(circle at 86% 18%,rgba(255,255,255,.18),transparent 24%);content:""}.aurora{position:absolute;border-radius:44% 56% 64% 36%/56% 40% 60% 44%;background:linear-gradient(145deg,rgba(255,255,255,.33),rgba(255,255,255,.02));filter:blur(1px);transform:rotate(26deg)}.a1{top:-180px;right:-130px;width:600px;height:500px}.a2{bottom:-260px;left:-170px;width:650px;height:560px;transform:rotate(-18deg)}.hero-mark{position:absolute;right:8%;bottom:10%;opacity:.18}.hero-mark img{width:300px}.hero-copy{position:relative;z-index:2;max-width:790px;text-align:center}.hero-copy h1{margin:0;font-size:clamp(4rem,10vw,8rem);font-weight:800;letter-spacing:-.055em;line-height:.95}.hero-copy h1 em{font-family:"Songti SC",SimSun,serif;font-weight:400}.hero-copy h2{margin:28px 0 32px;font-family:"Songti SC",SimSun,serif;font-size:clamp(1.45rem,3vw,2.2rem);font-weight:400;letter-spacing:.18em}.hero-copy p{max-width:720px;margin:8px auto;color:rgba(255,255,255,.78);font-size:14px;line-height:1.9}.hero-copy strong{display:block;margin-top:30px;font-family:"Songti SC",SimSun,serif;font-size:18px;font-weight:400;letter-spacing:.25em}.scroll-down{position:absolute;bottom:26px;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.2em}.scroll-down span{width:36px;height:1px;background:rgba(255,255,255,.55)}
.product-story{display:grid;min-height:760px;padding:90px max(24px,calc((100% - 1050px)/2));grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#f7f3fa}.product-phone{display:flex;height:580px;align-items:flex-end;justify-content:center;overflow:hidden}.product-phone img{max-height:650px;width:auto;filter:drop-shadow(0 34px 34px rgba(61,40,75,.16))}.product-copy{max-width:520px}.product-icon{width:84px;margin-bottom:24px}.product-copy h2{margin:0;color:#322b38;font-size:clamp(3.4rem,7vw,6.5rem);font-weight:800;letter-spacing:-.07em}.product-copy h3{margin:12px 0 28px;color:var(--violet);font-family:"Songti SC",SimSun,serif;font-size:23px;font-weight:400;letter-spacing:.12em}.product-copy p{color:var(--muted);font-size:14px;line-height:2}.action-row{display:flex;margin-top:34px;gap:12px}.action-row a{min-width:130px;padding:14px 22px;border:1px solid var(--violet);color:var(--violet);font-size:12px;text-align:center;transition:.2s}.action-row a:first-child,.action-row a:hover{background:var(--violet);color:#fff}.app-story{background:linear-gradient(145deg,#4e1aa3,#8742e7);color:#fff}.app-story .product-copy{justify-self:end}.app-story .product-copy h2{color:#fff;font-size:clamp(3rem,6vw,5.4rem);line-height:1.12}.app-story .product-copy p{color:rgba(255,255,255,.72)}.app-story .product-phone img{filter:drop-shadow(0 38px 36px rgba(16,5,32,.35))}.light-actions a{border-color:rgba(255,255,255,.6);color:#fff}.light-actions a:first-child,.light-actions a:hover{background:#fff;color:var(--violet)}
.contact-band{display:grid;min-height:560px;padding:100px max(24px,calc((100% - 1000px)/2));grid-template-columns:1.3fr .7fr;gap:80px;align-items:center;background:#fff}.contact-band h2{margin:0 0 22px;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.06em}.contact-band p{margin:6px 0;color:var(--muted);font-size:14px}.text-link{display:inline-block;margin-top:30px;color:var(--violet);font-size:13px}.text-link b{margin-left:10px}.contact-band figure{text-align:center}.contact-band figure img{width:210px;border-radius:24px;box-shadow:0 22px 50px rgba(106,53,148,.16)}figure{margin:0}figcaption{margin-top:14px;color:var(--muted);font-size:11px;letter-spacing:.08em}.site-footer{display:flex;min-height:145px;padding:34px max(24px,calc((100% - 1100px)/2));align-items:center;justify-content:space-between;background:#1d1922;color:#a9a2ae}.site-footer img{width:150px;filter:brightness(0) invert(1);opacity:.82}.site-footer nav{display:flex;gap:24px}.site-footer a,.site-footer p{font-size:11px}.site-footer a:hover{color:#fff}
.inner-hero{display:grid;min-height:740px;padding:140px max(24px,calc((100% - 1100px)/2)) 80px;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:linear-gradient(145deg,#7130d4,#a866ef);color:#fff}.inner-hero>div{max-width:590px}.inner-hero h1{margin:0 0 28px;font-size:clamp(4rem,8vw,7rem);letter-spacing:-.06em}.inner-hero h1 em{font-family:"Songti SC",SimSun,serif;font-weight:400}.inner-hero p{color:rgba(255,255,255,.78);font-size:14px;line-height:2}.inner-hero>img{width:min(520px,100%);border-radius:48% 52% 43% 57%/45% 40% 60% 55%;box-shadow:0 45px 90px rgba(38,5,69,.24)}.manifesto{padding:120px max(24px,calc((100% - 1050px)/2));background:#fff}.manifesto-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.manifesto h2{margin:0;color:#3a2c43;font-family:"Songti SC",SimSun,serif;font-size:clamp(2.3rem,5vw,4rem);font-weight:400;line-height:1.45}.manifesto p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:2}.manifesto strong{color:var(--violet);font-family:"Songti SC",SimSun,serif;font-size:18px;font-weight:400;line-height:1.8}.bobobei-about{display:grid;min-height:760px;padding:100px max(24px,calc((100% - 1100px)/2));grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#eeeef0}.bobobei-about>img{width:100%;border-radius:30px}.bobobei-about h2{margin:0 0 28px;font-size:clamp(3.5rem,7vw,6rem);letter-spacing:-.06em}.bobobei-about p{color:#6e6971;font-size:13px;line-height:1.9}.manual-link{display:flex;max-width:360px;margin-top:30px;padding:20px 24px;align-items:center;justify-content:space-between;border-radius:12px;background:linear-gradient(90deg,#8f3fff,#bc68f1);color:#fff;font-size:13px}.manual-link b{font-size:11px;font-weight:400}
.download-page{display:grid;min-height:900px;padding:140px max(24px,calc((100% - 1050px)/2)) 80px;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center;background:linear-gradient(150deg,#491794,#8740df 62%,#ad64ed);color:#fff}.download-phone{height:690px;overflow:hidden;text-align:center}.download-phone>img{max-height:760px;width:auto;filter:drop-shadow(0 38px 40px rgba(32,5,61,.4))}.download-copy>img{width:90px;margin-bottom:20px}.download-copy h1{margin:0 0 30px;font-size:clamp(3.5rem,7vw,6.3rem);line-height:1.08;letter-spacing:-.06em}.download-copy>p{margin:8px 0;color:rgba(255,255,255,.78);font-size:14px}.qr-card{display:flex;width:min(500px,100%);margin-top:42px;padding:20px;align-items:center;gap:24px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.1);backdrop-filter:blur(18px)}.qr-card img{width:150px;border-radius:14px}.qr-card div{display:flex;flex-direction:column;gap:10px}.qr-card strong{font-size:16px}.qr-card span{color:rgba(255,255,255,.65);font-size:12px}
.contact-page{display:grid;min-height:880px;padding:150px max(24px,calc((100% - 1050px)/2)) 90px;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start;background:linear-gradient(145deg,#6430c7,#9f5de9);color:#fff}.contact-intro h1{margin:0 0 28px;font-size:clamp(3.8rem,7vw,6rem);letter-spacing:-.06em}.contact-intro>p{margin:7px 0;color:rgba(255,255,255,.75);font-size:14px}.contact-intro figure{margin-top:35px}.contact-intro figure img{width:200px;border-radius:22px}.contact-intro figcaption{color:rgba(255,255,255,.65);text-align:left}.contact-form{padding:42px;border-radius:28px;background:#fff;color:var(--ink);box-shadow:0 36px 70px rgba(53,16,88,.25)}.contact-form h2{margin:0 0 12px;font-size:32px}.contact-form>p{margin:0 0 30px;color:var(--muted);font-size:13px;line-height:1.8}.contact-form>p a{color:var(--violet)}.contact-form label{display:block;margin:18px 0;color:#655c69;font-size:12px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:13px 0;border:0;border-bottom:1px solid #d9d1df;background:transparent;color:var(--ink);font:14px inherit;outline:none}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--violet)}.contact-form button{display:flex;width:100%;margin-top:28px;padding:16px 20px;justify-content:space-between;border:0;border-radius:9px;background:var(--violet);color:#fff;font:13px inherit;cursor:pointer}
@media(max-width:800px){.site-header{width:calc(100% - 36px);height:74px}.site-logo img{width:125px}.desktop-nav{display:none}.mobile-nav{display:block}.mobile-nav summary{display:flex;width:34px;height:34px;align-items:center;justify-content:center;gap:5px;flex-direction:column;cursor:pointer;list-style:none}.mobile-nav summary span{width:23px;height:1px;background:#fff}.mobile-nav>div{position:absolute;top:74px;right:0;display:flex;width:190px;padding:20px;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 20px 50px rgba(52,19,77,.2);flex-direction:column}.mobile-nav>div a{padding:11px;color:var(--ink);font-size:13px}.brand-hero{min-height:800px}.hero-copy{text-align:left}.hero-copy p{margin-left:0}.hero-copy strong{line-height:1.7}.product-story,.inner-hero,.bobobei-about,.download-page,.contact-page{grid-template-columns:1fr;gap:35px}.product-story{padding-top:80px}.product-phone{height:500px}.app-story .product-copy{order:2;justify-self:start}.app-story .product-phone{order:1}.contact-band{grid-template-columns:1fr;text-align:center}.contact-band figure{justify-self:center}.site-footer{flex-direction:column;justify-content:center;gap:20px;text-align:center}.manifesto-grid{grid-template-columns:1fr;gap:45px}.inner-hero{padding-top:120px}.inner-hero>img{justify-self:center}.bobobei-about{padding-top:80px}.download-page{padding-top:120px}.download-phone{height:560px}.contact-page{padding-top:120px}.contact-intro figcaption{text-align:center}}
@media(max-width:520px){.brand-hero{min-height:820px}.hero-copy h1{font-size:4.4rem}.hero-copy h2{font-size:1.25rem}.product-story{min-height:auto;gap:24px}.product-phone{height:420px}.product-copy h2{font-size:3.7rem}.action-row{flex-direction:column}.contact-band{padding-top:75px;padding-bottom:75px}.site-footer nav{flex-wrap:wrap;justify-content:center}.inner-hero h1{font-size:4rem}.manifesto,.bobobei-about{padding-top:75px;padding-bottom:75px}.download-phone{height:470px}.download-copy h1{font-size:4rem}.qr-card{align-items:flex-start;flex-direction:column}.qr-card img{width:130px}.contact-form{padding:28px 22px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise .9s ease-out both}.aurora{animation:float 9s ease-in-out infinite alternate}.product-phone img{animation:phone 5s ease-in-out infinite alternate}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes float{to{transform:translateY(28px) rotate(36deg)}}@keyframes phone{to{transform:translateY(-10px)}}