:root{--bg:#060816;--surface:#0c1023;--surface-2:#111632;--text:#f8faff;--muted:#98a2bd;--purple:#8b5cf6;--cyan:#22d3ee;--blue:#4c7dff;--line:rgba(255,255,255,.1);--shell:min(1180px,calc(100% - 44px));font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color-scheme:dark;scroll-behavior:smooth}
*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:100;background:#fff;color:#000;padding:10px 16px;border-radius:8px}.skip-link:focus{top:16px}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(110px);opacity:.13;z-index:0}.ambient-one{width:520px;height:520px;background:#6d28d9;right:-180px;top:70px}.ambient-two{width:460px;height:460px;background:#0891b2;left:-220px;top:52vh}#particle-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.42}.site-header,main,.footer{position:relative;z-index:1}
.site-header{height:82px;position:fixed;inset:0 0 auto;z-index:20;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(6,8,22,.78);border-color:var(--line);backdrop-filter:blur(18px)}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.2),rgba(34,211,238,.12));border:1px solid rgba(139,92,246,.38);border-radius:12px;box-shadow:inset 0 0 20px rgba(139,92,246,.12)}.brand-mark svg{width:30px;fill:none;stroke:url(#brand-grad);stroke:#9b7cff;stroke-width:2}.brand-mark svg circle{fill:#fff;stroke:none}.brand strong,.brand small{display:block}.brand strong{font-size:16px;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.18em;color:#7e8aa8}.nav-links{display:flex;align-items:center;gap:34px;color:#b7bfd3;font-size:14px}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links a:focus-visible{color:#fff}.nav-download{border:1px solid rgba(139,92,246,.48);padding:9px 17px;border-radius:999px;background:rgba(139,92,246,.08)}.menu-toggle{display:none;background:none;border:0;color:#fff;width:42px;height:42px;position:relative}.menu-toggle span{position:absolute;width:20px;height:1.5px;background:#fff;left:11px;top:16px;transition:.2s}.menu-toggle span+span{top:25px}
.hero{min-height:820px;height:100vh;max-height:980px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-top:82px;position:relative}.hero-copy{padding-bottom:20px}.eyebrow,.section-index{font-size:12px;letter-spacing:.22em;font-weight:800;color:#8b9bc6}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px}.eyebrow span{width:28px;height:1px;background:linear-gradient(90deg,var(--purple),var(--cyan))}.hero h1,.section h2{margin:0;letter-spacing:-.055em;font-weight:720;line-height:.98}.hero h1{font-size:clamp(58px,6.3vw,94px)}h1 em,h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#a68aff 10%,#53dff3 82%);background-clip:text;-webkit-background-clip:text}.hero-copy>p{max-width:540px;color:#a6afc5;font-size:18px;line-height:1.9;margin:30px 0}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 23px;border-radius:12px;font-size:14px;font-weight:700;transition:.22s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#7450e9,#287ee9 58%,#18bcd4);box-shadow:0 12px 34px rgba(99,81,238,.28)}.button-primary:hover{box-shadow:0 16px 44px rgba(99,81,238,.42)}.button-secondary{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.13);color:#d3d9e8}.hero-note{margin-top:24px;color:#77839f;font-size:13px;display:flex;align-items:center;gap:9px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(34,211,238,.1);display:inline-block}
.hero-visual{height:650px;position:relative;display:grid;place-items:center;perspective:1200px}.glow-core{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(80,62,220,.34),rgba(34,211,238,.08) 45%,transparent 70%);filter:blur(14px);animation:breathe 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(117,122,255,.18);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:560px;height:260px}.orbit-b{width:440px;height:530px;transform:rotate(36deg)}.phone-wrap{position:relative;z-index:2;transform:rotateY(-8deg) rotateX(3deg) rotateZ(2deg);transition:transform .18s ease-out}.phone{width:292px;height:590px;border-radius:45px;background:linear-gradient(160deg,#121832,#090c1c);border:6px solid #232a49;box-shadow:0 42px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.16),0 0 75px rgba(107,75,234,.24);padding:13px 17px 17px;position:relative;overflow:hidden}.phone:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 27%);pointer-events:none}.phone-top{display:flex;justify-content:space-between;font-size:9px;color:#b8c3db;padding:0 5px}.phone-top i{width:70px;height:19px;background:#02040a;border-radius:0 0 13px 13px;margin-top:-13px}.phone-head{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 18px}.phone-head small,.phone-head strong{display:block}.phone-head small{font-size:10px;color:#7c88a6}.phone-head strong{font-size:14px}.avatar{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#704bdf,#26b7d1);font-size:13px;font-weight:800}.idea-card{background:linear-gradient(145deg,rgba(108,77,231,.32),rgba(35,97,177,.14));border:1px solid rgba(143,116,246,.31);border-radius:18px;padding:17px 15px}.card-label{font-size:9px;letter-spacing:.16em;color:#a793ff}.idea-card p{font-size:12px;line-height:1.55;color:#d8dded;margin:11px 0 15px}.generate{height:34px;border-radius:9px;background:linear-gradient(90deg,#7957e8,#328ee6);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px}.phone-section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 11px}.phone-section-title strong{font-size:12px}.phone-section-title small{font-size:8px;color:#797ffc}.work-card{display:grid;grid-template-columns:48px 1fr;gap:11px;padding:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:14px;align-items:center}.book-cover{height:62px;border-radius:8px;background:linear-gradient(145deg,#24184d,#7361bd);display:grid;place-items:center;text-align:center;font-family:serif;font-size:14px}.work-card strong,.work-card p{display:block;margin:0}.work-card strong{font-size:11px}.work-card p{font-size:8px;color:#78839c;margin:4px 0 8px}.work-card span{height:3px;background:#272d44;border-radius:2px;display:block}.work-card i{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));display:block;border-radius:2px}.phone-nav{position:absolute;bottom:15px;left:17px;right:17px;height:55px;border-radius:16px;background:rgba(20,25,51,.92);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-around;color:#65708e;font-size:15px}.phone-nav span{display:grid;place-items:center;gap:1px}.phone-nav small{font-size:7px}.phone-nav .active{color:#a68aff}.float-card{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 15px;background:rgba(15,19,43,.82);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(0,0,0,.3);backdrop-filter:blur(15px);border-radius:15px;animation:float 5s ease-in-out infinite}.float-card>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(34,211,238,.25));font-weight:800;color:#c9bbff}.float-card strong,.float-card small{display:block}.float-card strong{font-size:11px}.float-card small{font-size:8px;color:#78839c}.float-left{left:2%;top:39%;animation-delay:-2s}.float-right{right:0;bottom:24%}.scroll-cue{position:absolute;bottom:28px;left:0;font-size:8px;letter-spacing:.21em;color:#59637c;display:flex;align-items:center;gap:10px}.scroll-cue span{width:31px;height:31px;border:1px solid #2d3650;border-radius:50%;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:3px;border-right:1px solid #8c97b4;border-bottom:1px solid #8c97b4;transform:rotate(45deg);left:13px;top:11px;animation:scroll 1.8s infinite}
.signal-strip{border-block:1px solid var(--line);height:70px;display:flex;align-items:center;overflow:hidden;background:rgba(255,255,255,.012)}.signal-track{display:flex;align-items:center;gap:34px;white-space:nowrap;min-width:max-content;color:#77839f;font-size:11px;letter-spacing:.18em;animation:marquee 30s linear infinite}.signal-track i{color:#7c5ee2;font-style:normal}.section{padding-block:140px}.section-intro{display:grid;grid-template-columns:1.4fr .7fr;gap:80px;align-items:end;margin-bottom:68px}.section h2{font-size:clamp(42px,5vw,70px);margin-top:20px}.section-intro>p{color:#929db6;margin:0;font-size:16px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature-card{min-height:375px;border-radius:24px;background:linear-gradient(145deg,rgba(19,24,52,.92),rgba(10,13,30,.92));border:1px solid var(--line);padding:32px;position:relative;overflow:hidden;transition:.3s}.feature-card:hover{border-color:rgba(139,92,246,.37);transform:translateY(-4px)}.feature-card.feature-main{grid-row:span 2;min-height:768px}.feature-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(139,92,246,.28),rgba(34,211,238,.12));border:1px solid rgba(139,92,246,.32);color:#b8a7ff;font-size:19px}.feature-no{position:absolute;right:30px;top:31px;color:#3e4763;font-size:12px;letter-spacing:.14em}.feature-card h3{font-size:24px;margin:25px 0 10px}.feature-card>p{color:#8b95ae;max-width:440px;margin:0;line-height:1.8}.novel-demo{position:absolute;left:32px;right:32px;bottom:32px;height:420px;border-radius:18px;background:#090d1c;border:1px solid rgba(255,255,255,.09);display:grid;grid-template-columns:78px 1fr;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.32)}.demo-sidebar{border-right:1px solid rgba(255,255,255,.06);padding:22px 17px;display:grid;align-content:start;gap:18px}.demo-sidebar i{height:6px;border-radius:3px;background:#29314d}.demo-sidebar i:first-child{background:#745ae4}.demo-paper{margin:25px;background:linear-gradient(145deg,#11162b,#0d1122);border-radius:12px;padding:30px}.demo-paper small{color:#7868d7;font-size:9px;letter-spacing:.12em}.demo-paper b{display:block;font-family:serif;font-size:20px;margin:25px 0 30px}.demo-paper span{height:6px;background:#293149;border-radius:3px;display:block;margin:13px 0}.demo-paper .short{width:70%}.cursor{width:2px;height:19px;background:#8f77ff;animation:blink 1s step-end infinite}.tag-cloud{margin-top:55px;display:flex;gap:9px;flex-wrap:wrap}.tag-cloud span{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#8d97b1;font-size:11px}.mini-library{margin-top:40px;display:grid;gap:8px}.mini-library span{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;background:rgba(255,255,255,.03)}.mini-library i{height:25px;border-radius:4px}.mini-library .purple{background:#7556e7}.mini-library .cyan{background:#1ba8bd}.mini-library .blue{background:#3b70d7}.mini-library b{font-size:11px}.mini-library small{font-size:8px;color:#6f7893}
.workflow-section{background:linear-gradient(180deg,transparent,rgba(14,18,40,.72),transparent);border-block:1px solid rgba(255,255,255,.045)}.workflow{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden}.workflow li{min-height:280px;padding:28px;border-right:1px solid var(--line);position:relative;background:rgba(255,255,255,.015);transition:.25s}.workflow li:last-child{border:0}.workflow li:hover{background:linear-gradient(160deg,rgba(121,79,232,.12),rgba(34,211,238,.025))}.workflow li>span{position:absolute;right:22px;top:20px;color:#3e4763;font-size:10px}.flow-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid #303958;color:#8f78f0;margin:30px 0 62px}.workflow h3{font-size:17px;margin:0 0 8px}.workflow p{font-size:13px;color:#7f8aa4;margin:0;line-height:1.7}
.mall-section{padding-top:100px}.mall-card{min-height:560px;border-radius:30px;border:1px solid var(--line);background:radial-gradient(circle at 75% 45%,rgba(24,157,183,.14),transparent 36%),linear-gradient(145deg,#0d1227,#090c1c);display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:70px;position:relative}.mall-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,transparent,#000)}.mall-copy,.mall-ui{position:relative;z-index:1}.mall-copy h2{font-size:clamp(40px,4vw,62px);margin:22px 0 26px}.mall-copy>p{color:#929db6;max-width:470px;line-height:1.9}.mall-points{display:flex;gap:18px;margin-top:35px;flex-wrap:wrap}.mall-points span{font-size:11px;color:#9ba6bf}.mall-points i{font-style:normal;color:var(--cyan);margin-right:6px}.mall-ui{width:360px;justify-self:end;padding:22px;border-radius:26px;background:rgba(8,12,27,.83);border:1px solid rgba(255,255,255,.12);box-shadow:0 35px 80px rgba(0,0,0,.35);transform:rotate(2deg)}.mall-search{height:42px;display:flex;align-items:center;padding:0 15px;background:#161b31;color:#69738c;border-radius:12px;font-size:11px}.store-cards{display:grid;gap:12px;margin-top:17px}.store-card{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:10px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}.store-pic{height:78px;border-radius:11px;display:grid;place-items:center;font-size:24px}.store-pic.coffee{background:linear-gradient(145deg,#634b42,#2d2427)}.store-pic.food{background:linear-gradient(145deg,#bb673e,#572b2b)}.store-card div{align-self:center}.store-card b,.store-card small,.store-card em{display:block}.store-card b{font-size:12px}.store-card small{color:#737e98;font-size:9px;margin:5px 0}.store-card em{font-size:8px;color:#29bfd1;font-style:normal}
.download-section{padding-top:120px;background:radial-gradient(circle at 50% 60%,rgba(94,69,214,.18),transparent 35%)}.download-layout{display:grid;grid-template-columns:1fr .75fr;gap:100px;align-items:center}.download-copy h2{font-size:clamp(50px,6vw,82px);margin:25px 0}.download-copy>p{max-width:530px;color:#929db6;font-size:17px;line-height:1.9}.android-badge{display:inline-flex;align-items:center;gap:12px;margin-top:25px;border:1px solid var(--line);padding:10px 17px;border-radius:13px;background:rgba(255,255,255,.025)}.android-badge>span{font-size:24px;color:#99dfb1}.android-badge small,.android-badge strong{display:block;line-height:1.2}.android-badge small{font-size:8px;color:#707a93}.android-badge strong{font-size:14px;margin-top:3px}.qr-panel{justify-self:center;text-align:center;position:relative}.qr-glow{position:absolute;inset:-40px;background:radial-gradient(circle,rgba(109,79,225,.31),transparent 68%);filter:blur(16px)}.qr-frame{width:286px;height:286px;padding:18px;background:#fff;border-radius:24px;position:relative;box-shadow:0 35px 80px rgba(0,0,0,.45)}.qr-frame img{display:block;width:100%;height:100%;object-fit:contain}.corner{position:absolute;width:24px;height:24px;border-color:#9d83ff}.c1{left:-7px;top:-7px;border-left:2px solid;border-top:2px solid}.c2{right:-7px;top:-7px;border-right:2px solid;border-top:2px solid}.c3{left:-7px;bottom:-7px;border-left:2px solid;border-bottom:2px solid}.c4{right:-7px;bottom:-7px;border-right:2px solid;border-bottom:2px solid}.qr-meta{margin-top:25px}.qr-meta span{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700}.qr-meta small{display:block;color:#6e7891;font-size:10px;margin-top:4px}.direct-download{margin-top:18px;width:100%}
.footer{border-top:1px solid var(--line);margin-top:110px;background:#050711}.footer-top{min-height:145px;display:flex;align-items:center;justify-content:space-between}.footer-links{display:flex;gap:30px;color:#78839d;font-size:12px}.footer-links a:hover{color:#fff}.footer-bottom{min-height:65px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;color:#59637c;font-size:10px}.footer-bottom a:hover{color:#9ca7c1}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}.feature-card:nth-child(2),.workflow li:nth-child(2){transition-delay:.08s}.feature-card:nth-child(3),.workflow li:nth-child(3){transition-delay:.16s}.workflow li:nth-child(4){transition-delay:.24s}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes breathe{50%{transform:scale(1.12);opacity:.75}}@keyframes scroll{0%{transform:translateY(0) rotate(45deg);opacity:0}40%{opacity:1}100%{transform:translateY(8px) rotate(45deg);opacity:0}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes blink{50%{opacity:0}}
@media(max-width:980px){.nav-links{gap:20px}.hero{grid-template-columns:1fr;min-height:1100px;height:auto;padding-top:150px;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-note{justify-content:center}.hero-visual{height:650px}.scroll-cue{display:none}.section-intro{grid-template-columns:1fr;gap:25px}.feature-grid{grid-template-columns:1fr}.feature-card.feature-main{grid-row:auto;min-height:720px}.workflow{grid-template-columns:1fr 1fr}.workflow li:nth-child(2){border-right:0}.workflow li{border-bottom:1px solid var(--line)}.workflow li:nth-child(3){border-bottom:0}.mall-card{padding:55px 38px}.download-layout{gap:50px}}
@media(max-width:720px){:root{--shell:min(100% - 28px,1180px)}.site-header{height:70px}.brand-mark{width:36px;height:36px}.brand strong{font-size:14px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:70px;left:14px;right:14px;padding:18px;background:rgba(10,13,30,.96);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 10px}.nav-download{text-align:center;margin-top:7px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.hero{padding-top:120px;min-height:1030px;gap:20px}.hero h1{font-size:52px}.hero-copy>p{font-size:16px;margin:24px auto}.hero-actions{display:grid}.button{width:100%}.hero-visual{height:570px;transform:scale(.88);margin-inline:-30px}.phone{width:278px;height:560px}.float-left{left:0}.float-right{right:0}.section{padding-block:92px}.section h2{font-size:42px}.section-intro{margin-bottom:42px}.feature-card{padding:24px;min-height:350px}.feature-card.feature-main{min-height:630px}.novel-demo{left:24px;right:24px;bottom:24px;height:350px;grid-template-columns:54px 1fr}.demo-sidebar{padding-inline:11px}.demo-paper{margin:16px;padding:22px 18px}.workflow{grid-template-columns:1fr}.workflow li{min-height:210px;border-right:0;border-bottom:1px solid var(--line)!important}.workflow li:last-child{border-bottom:0!important}.flow-icon{margin:20px 0 35px}.mall-card{grid-template-columns:1fr;padding:42px 24px;gap:45px}.mall-ui{width:100%;justify-self:auto;transform:none}.mall-points{gap:10px}.download-layout{grid-template-columns:1fr;text-align:center}.download-copy>p{margin-inline:auto}.qr-frame{width:260px;height:260px}.footer-top{padding-block:34px;align-items:flex-start;gap:28px;flex-direction:column}.footer-links{gap:15px;flex-wrap:wrap}.footer-bottom{padding-block:20px;gap:8px;align-items:flex-start;flex-direction:column}.footer{margin-top:65px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.download-hint{margin-top:18px;width:100%;min-height:46px;display:grid;place-items:center;border:1px solid rgba(139,92,246,.3);border-radius:12px;background:rgba(139,92,246,.07);color:#aeb7cf;font-size:12px;letter-spacing:.08em}