@charset "UTF-8";
:root{--blue:#217cff;--deep:#142d55;--ink:#182842;--muted:#687d94;--border:#dceafd;--paper:#fff;--shadow:0 20px 55px rgba(38,90,161,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#f6faff,#ecf7ff 55%,#f8fbff);color:var(--ink);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{text-decoration:none;color:inherit}button,a{font:inherit}button{border:0}.frame{width:min(1060px,calc(100% - 40px));margin:0 auto}.top{height:66px;border-bottom:1px solid #e7f0fc;background:rgba(250,253,255,.92);backdrop-filter:blur(14px);position:relative;z-index:4}.nav{height:100%;display:flex;justify-content:space-between;align-items:center}.identity{display:flex;align-items:center;gap:11px;font-size:17px}.ident-mark{width:30px;height:30px;border-radius:11px;background:linear-gradient(135deg,#2782ff,#63ccff);display:block;position:relative;box-shadow:0 7px 19px rgba(33,124,255,.19)}.ident-mark i{position:absolute;left:7px;top:7px;background:#fff;width:17px;height:12px;border-radius:7px}.ident-mark b{position:absolute;left:17px;top:17px;border-width:5px 0 0 6px;border-style:solid;border-color:transparent transparent transparent #fff;transform:rotate(-10deg)}.nav-hint{font-size:12px;color:#7d91ac}.hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-top:30px;padding-bottom:34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:12px;letter-spacing:.4px;color:#2b81d9}.glowdot{width:7px;height:7px;background:#42a8ff;border-radius:50%;box-shadow:0 0 0 5px #e4f3ff}.hero h1{font-size:clamp(39px,5.6vw,67px);letter-spacing:-2px;line-height:1.13;font-weight:920;margin:17px 0}.hero h1 span{display:block;color:var(--blue)}.lead{font-size:15px;line-height:1.9;color:var(--muted);max-width:460px}.chips{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 24px}.chips span{font-size:12px;font-weight:730;border:1px solid #d7ebff;background:#fff;border-radius:50px;padding:9px 13px;color:#3a76bd}.cta{border:0;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:52px;background:linear-gradient(110deg,#247df6,#3faef7);color:#fff;border-radius:15px;padding:12px 36px;font-weight:850;font-size:15px;box-shadow:0 13px 27px rgba(42,129,241,.22);cursor:pointer}.cta:disabled{opacity:1;cursor:default}.cta span{font-size:18px}.hero-art{height:395px;position:relative;overflow:hidden;border-radius:29px;background:linear-gradient(180deg,#d5efff 0%,#acd9ff 55%,#7ebfe9 56%,#4eaddf 100%);box-shadow:var(--shadow);border:1px solid #b5dcf5}.orb{position:absolute;width:130px;height:130px;border-radius:100%;background:#fff4cb;right:70px;top:46px;box-shadow:0 0 65px #fff7dd}.sky-cloud{position:absolute;display:block;height:22px;border-radius:30px;background:#fff;opacity:.75}.sky-cloud:after{content:"";position:absolute;background:#fff;border-radius:100%;width:58px;height:34px;bottom:0;left:27px}.sky-cloud.a{width:125px;left:55px;top:68px}.sky-cloud.b{width:85px;right:25px;top:135px;transform:scale(.8)}.horizon{position:absolute;left:0;right:0;top:60%;height:2px;background:#fff7dd55}.water{position:absolute;height:3px;left:5%;width:60%;background:#c8efff;opacity:.5;border-radius:4px}.water-a{bottom:70px}.water-b{bottom:44px;left:29%}.cafe{width:190px;height:170px;position:absolute;left:45px;bottom:65px;background:#fffaf3;border-radius:18px 18px 3px 3px;box-shadow:14px 10px 0 rgba(14,91,145,.1)}.cafe-roof{position:absolute;top:-20px;left:-17px;width:220px;height:29px;border-radius:15px;background:#2a87dd;transform:skew(-10deg)}.cafe-canopy{position:absolute;top:10px;width:160px;left:15px;height:30px;background:repeating-linear-gradient(90deg,#ebf8ff 0 26px,#69b7fa 26px 52px);border-radius:5px 5px 17px 17px;z-index:2}.cafe-window{position:absolute;left:19px;top:55px;width:85px;height:72px;border:7px solid #8fd0e9;background:#b3e5f7;border-radius:9px}.cafe-door{position:absolute;right:16px;top:54px;width:45px;height:116px;border-radius:13px 13px 0 0;background:#90cce7;border:7px solid #d3f4ff}.table-top{position:absolute;width:200px;height:22px;bottom:45px;right:27px;border-radius:100%;background:#d5a071;transform:rotate(-5deg);box-shadow:0 10px 0 #a77354}.dish{position:absolute;border-radius:50%;border:8px solid #fbfcfc;background:#f4b98d;box-shadow:0 4px 9px #76543844}.dish-a{width:90px;height:42px;top:-20px;left:25px}.dish-b{width:60px;height:34px;top:-15px;right:14px;background:#ed8357}.glass{position:absolute;top:-45px;left:121px;width:19px;height:40px;background:linear-gradient(90deg,#fff7,#bbf0ff99);border:2px solid #fff;border-radius:0 0 8px 8px}.art-label{position:absolute;right:18px;bottom:17px;display:flex;align-items:end;flex-direction:column;gap:6px;background:#ffffffdd;padding:12px 17px;border-radius:13px;backdrop-filter:blur(7px)}.art-label span{font-size:11px;color:#498cc6}.art-label strong{font-size:15px;color:var(--deep)}
.highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-bottom:42px}.highlight{display:flex;gap:13px;align-items:start;background:#fff;border:1px solid var(--border);border-radius:18px;padding:19px;box-shadow:0 8px 20px #2876bb09}.num{display:flex;align-items:center;justify-content:center;flex:0 0 35px;height:35px;background:#e9f4ff;color:#3385d7;border-radius:11px;font-size:12px;font-weight:900}.highlight strong{display:block;font-size:16px;margin-top:1px}.highlight p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:6px}.more{padding-bottom:40px}.more-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px;gap:12px}.overline{font-size:11px;color:#3188dc;font-weight:900;letter-spacing:1.4px}.more h2{margin-top:6px;font-size:28px;letter-spacing:-.6px}.more-head p{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:0 13px 30px #3679b315}.visual{height:200px;position:relative;overflow:hidden}.visual-space{background:linear-gradient(155deg,#cfedff,#a8dfff 65%,#d2e8f2)}.space-sun{position:absolute;right:25px;top:20px;width:67px;height:67px;background:#fff7da;border-radius:100%}.space-arch{position:absolute;left:40px;bottom:0;width:142px;height:155px;background:#fcf9ef;border:13px solid #fff;border-radius:85px 85px 0 0;box-shadow:0 0 0 8px #5aa8e422}.space-floor{position:absolute;bottom:0;width:100%;height:29px;background:#d8bc9c}.space-table{position:absolute;right:27px;bottom:12px;width:72px;height:16px;background:#ae855f;border-radius:50%;box-shadow:0 5px #805b46}.visual-food{background:linear-gradient(145deg,#9bd0f0,#e2f4fa)}.plate{position:absolute;left:19%;top:26%;width:62%;height:55%;border:17px solid #fff;background:#fad6bb;border-radius:50%;box-shadow:0 13px 22px #0f609b35}.shell{position:absolute;background:#fa8d61;border-radius:50% 50% 45% 45%;width:50px;height:29px;top:42%;box-shadow:inset 0 -6px #db6c45}.shell.s1{left:34%;transform:rotate(-22deg)}.shell.s2{right:29%;transform:rotate(28deg)}.leaf{position:absolute;width:40px;height:17px;border-radius:95% 0;background:#63aa7b;top:35%;left:40%;transform:rotate(25deg)}.leaf.l2{top:57%;left:54%;transform:rotate(-30deg)}.food-dot{position:absolute;background:#feef9b;border-radius:50%;height:17px;width:17px;left:42%;top:63%}.visual-mood{background:linear-gradient(145deg,#d3e8f8,#86cbf4)}.mood-window{position:absolute;left:12%;top:8%;width:75%;height:74%;border:13px solid #fff8ed;background:linear-gradient(180deg,#b5def9 60%,#54b8dc 60%);border-radius:65px 65px 0 0}.mood-table{position:absolute;bottom:24px;left:10%;width:80%;height:22px;background:#bf976e;border-radius:100%;box-shadow:0 8px #8f6246}.mood-cup{position:absolute;left:45%;bottom:42px;width:28px;height:25px;border-radius:0 0 9px 9px;background:#fffaf0}.mood-lamp{position:absolute;left:25%;top:0;background:#ffedaa;height:55px;width:22px;border-radius:0 0 13px 13px;box-shadow:0 0 20px #fff2aa}.card-copy{padding:18px}.card-copy small{font-size:11px;font-weight:850;color:#2c86d0}.card-copy h3{font-size:17px;line-height:1.35;margin-top:6px}.card-copy p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:6px}.outro{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:48px;background:linear-gradient(110deg,#e1f3ff,#fdfefe);border:1px solid #d7eafa;border-radius:20px;padding:25px 28px}.outro span{font-size:12px;color:#3687c7}.outro h2{font-size:23px;margin-top:7px;letter-spacing:-.5px}.outro .cta{flex:0 0 auto}.footer{background:#fff;border-top:1px solid #e6eff8}.footer-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#8294a8}.sticky-cta{display:none}
@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-art{height:355px}.highlights{grid-template-columns:1fr 1fr 1fr}.cards{gap:11px}}
@media(max-width:680px){.frame{width:calc(100% - 28px)}.top{height:58px}.identity{font-size:15px}.nav-hint{font-size:10px}.hero{gap:19px;padding-top:16px;padding-bottom:24px}.hero-art{grid-row:1;height:228px;border-radius:19px}.hero-text{grid-row:2}.hero h1{font-size:clamp(32px,9vw,42px);letter-spacing:-1.2px;line-height:1.13;margin:11px 0}.lead{font-size:13px;line-height:1.7}.chips{margin:14px 0 16px;gap:8px}.chips span{padding:7px 10px;font-size:11px}.cta{min-height:45px;padding:10px 22px;border-radius:12px;font-size:14px}.hero-art .orb{width:88px;height:88px;right:42px;top:29px}.cafe{transform:scale(.7);transform-origin:bottom left;left:26px;bottom:34px}.table-top{transform:scale(.7) rotate(-5deg);transform-origin:bottom right;right:15px;bottom:30px}.art-label{bottom:8px;right:8px;padding:8px 10px}.art-label span{font-size:9px}.art-label strong{font-size:11px}.sky-cloud.a{top:30px;left:25px}.highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-bottom:30px}.highlight{display:block;padding:11px 10px;border-radius:13px;min-width:0}.num{height:27px;width:27px;font-size:10px;margin-bottom:8px}.highlight strong{font-size:13px}.highlight p{font-size:10px;line-height:1.5}.more-head p{display:none}.more h2{font-size:23px}.cards{grid-template-columns:1fr;gap:12px}.feature{display:grid;grid-template-columns:40% 60%;min-height:145px;border-radius:16px}.visual{height:100%;min-height:145px}.card-copy{padding:14px}.card-copy h3{font-size:15px}.outro{display:block;padding:21px;border-radius:16px;margin-bottom:26px}.outro h2{font-size:19px}.outro .cta{margin-top:15px}.footer{padding-bottom:73px}.footer-inner{min-height:85px;flex-direction:column;justify-content:center;gap:5px}.sticky-cta{display:block;position:fixed;z-index:100;bottom:0;left:0;right:0;padding:8px 14px calc(8px + env(safe-area-inset-bottom));background:#f7fbffef;border-top:1px solid #e4eefb;backdrop-filter:blur(12px)}.sticky-cta .cta{width:100%}}
@media(max-width:360px){.frame{width:calc(100% - 24px)}.hero h1{font-size:30px}.hero-art{height:206px}.feature{grid-template-columns:37% 63%}.card-copy{padding:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}