:root{--ink:#17122c;--ink-deep:#100b22;--purple:#8756e8;--purple-light:#c5aaff;--lilac:#eee9ff;--lavender:#f8f6ff;--cyan:#bceeff;--text:#28213f;--muted:#77728d;--line:#e7e1f5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;color:var(--text);background:var(--lavender);font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif}body.is-modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer;font:inherit}img{display:block;max-width:100%}.site-shell{overflow:hidden;background:var(--lavender)}
.site-header{position:relative;z-index:10;height:76px;background:var(--ink-deep);color:var(--white)}.header-inner{display:flex;width:min(1220px,calc(100% - 56px));height:100%;margin:0 auto;align-items:center}.brand{display:inline-flex;gap:11px;min-width:230px;align-items:center;font-size:20px;font-weight:700;letter-spacing:1px}.brand img{width:46px;height:44px;border-radius:10px;object-fit:contain}.main-nav{display:flex;flex:1;gap:42px;align-items:center;justify-content:center}.main-nav a{position:relative;color:#c9c2db;font-size:14px;white-space:nowrap}.main-nav a:hover,.main-nav a.is-active{color:#fff}.main-nav a.is-active:after{position:absolute;right:50%;bottom:-18px;width:22px;height:3px;border-radius:5px;background:linear-gradient(90deg,var(--cyan),var(--purple-light));content:"";transform:translateX(50%)}.header-qr{display:inline-flex;width:92px;height:35px;gap:8px;align-items:center;justify-content:center;border:1px solid #ffffff40;border-radius:20px;background:#ffffff12;color:#fff;font-size:13px}.header-qr:hover{border-color:var(--purple-light);background:#8756e83d}.qr-dot{width:13px;height:13px;border:2px solid currentColor;border-radius:3px}.menu-toggle{display:none;width:36px;height:36px;padding:5px;background:transparent}.menu-toggle span{display:block;height:2px;margin:6px 0;background:#fff}
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#17112d 0%,#2a1850 52%,#39206e 100%)}.hero:after{position:absolute;right:0;bottom:-1px;left:0;height:100px;background:linear-gradient(180deg,transparent,var(--lavender));content:"";pointer-events:none}.hero-inner{position:relative;z-index:1;display:grid;width:min(1220px,calc(100% - 56px));min-height:590px;padding:78px 0 105px;margin:0 auto;grid-template-columns:minmax(0,1fr) 370px;gap:100px;align-items:center}.hero-orbit{position:absolute;width:430px;height:430px;border:1px solid #d4c5ff24;border-radius:50%;pointer-events:none}.hero-orbit:after{position:absolute;inset:48px;border:1px solid #d4c5ff1c;border-radius:50%;content:""}.hero-orbit-left{top:70px;left:-250px}.hero-orbit-right{right:-230px;bottom:20px}.hero-copy{max-width:700px}.eyebrow,.section-overline{color:#ab9bd0;font-size:11px;font-weight:700;letter-spacing:3px}.hero-badge{display:inline-flex;padding:8px 14px;margin:26px 0 20px;border:1px solid #cbb7ff57;border-radius:20px;background:#ffffff14;color:#e4dbff;font-size:13px}.hero h1{margin:0;font-size:clamp(45px,5vw,76px);font-weight:800;letter-spacing:1px;line-height:1.12}.hero h1 span{display:block;color:#d8c7ff}.hero-lead{margin:28px 0 12px;color:#fff;font-size:22px;font-weight:700;line-height:1.5}.hero-sublead{max-width:600px;margin:0;color:#c9c2d9;font-size:15px;line-height:2}.hero-actions{display:flex;gap:13px;margin-top:30px;align-items:center}.primary-button,.secondary-button{display:inline-flex;gap:15px;min-height:44px;padding:0 21px;align-items:center;justify-content:center;border-radius:5px;font-size:13px}.primary-button{background:linear-gradient(100deg,#a57aff,#7441d5);box-shadow:0 13px 28px #602fbc4d;color:#fff}.primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.secondary-button{border:1px solid #ffffff3d;color:#e6ddf8}.secondary-button:hover{border-color:#c5aaff;background:#ffffff14}.hero-proof{display:flex;gap:24px;margin-top:36px;color:#a9a1bd;font-size:12px}.hero-proof strong{display:block;margin-bottom:4px;color:#fff;font-size:19px}.hero-qr-card{position:relative;width:100%;padding:24px;border:1px solid #ffffff33;border-radius:12px;background:#ffffff1a;box-shadow:0 30px 70px #09041f47;backdrop-filter:blur(14px)}.qr-card-label{color:#c8baf0;font-size:10px;letter-spacing:2px}.qr-card-inner{display:flex;gap:25px;margin-top:18px;align-items:center}.qr-card-inner img{width:184px;height:184px;padding:9px;border-radius:4px;background:#fff;object-fit:contain}.qr-card-inner span{color:#fff;font-size:17px;font-weight:700;line-height:1.8}.hero-qr-card p{margin:20px 0 0;color:#c4bad8;font-size:12px;line-height:1.8}.hero-bottom{position:relative;z-index:1;display:flex;width:min(1220px,calc(100% - 56px));padding-bottom:31px;margin:0 auto;gap:18px;align-items:center;color:#9f94ba;font-size:12px}.hero-line{width:50px;height:1px;background:#81729e}
.section-heading{width:min(800px,calc(100% - 48px));padding-top:102px;margin:0 auto 54px;text-align:center}.section-heading h2{margin:16px 0 15px;color:var(--text);font-size:38px;letter-spacing:1px;line-height:1.3}.section-heading p{margin:0;color:var(--muted);font-size:15px;line-height:1.9}.promise-section,.steps-section,.scene-section,.faq-section{background:var(--lavender)}.promise-section{padding-bottom:105px}.promise-grid,.steps-grid,.scene-grid{display:grid;width:min(1100px,calc(100% - 48px));margin:0 auto;gap:16px}.promise-grid{grid-template-columns:repeat(3,1fr)}.promise-card{position:relative;min-height:250px;padding:27px;border:1px solid var(--line);border-radius:8px;background:#ffffffaa}.promise-card:hover,.scene-card:hover,.step-card:hover{border-color:#c7b0fb;box-shadow:0 18px 45px #6547a61c;transform:translateY(-4px)}.card-number,.scene-index{color:#a18acb;font-size:11px;font-weight:800;letter-spacing:2px}.card-icon{display:flex;width:50px;height:50px;margin:31px 0 20px;align-items:center;justify-content:center;border-radius:50%;background:var(--lilac);color:var(--purple);font-size:20px;font-weight:800}.promise-card h3{margin:0 0 12px;font-size:21px}.promise-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}
.about-section{padding:20px 0 110px;color:#fff;background:linear-gradient(125deg,#241543 0%,#3c2670 100%)}.about-layout{display:grid;width:min(1100px,calc(100% - 48px));margin:0 auto;grid-template-columns:minmax(0,1.5fr) minmax(230px,.75fr);gap:90px;align-items:center}.about-copy .section-overline{color:#c8b7f0}.about-copy h2{margin:17px 0 24px;color:#fff;font-size:43px;line-height:1.3}.about-copy h2 em{color:#cfbdff;font-style:normal}.about-copy p{max-width:660px;margin:0 0 15px;color:#c3b9d6;font-size:15px;line-height:2}.about-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.about-tags span{padding:7px 12px;border:1px solid #d6c6ff3d;border-radius:20px;color:#d9cdf3;font-size:12px}.about-aside{display:flex;min-height:255px;padding:30px;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d8c9ff40;border-radius:10px;background:#ffffff17;text-align:center}.aside-mark{display:flex;width:90px;height:90px;margin-bottom:21px;align-items:center;justify-content:center;border:1px solid #ffffff99;border-radius:50%;color:#fff;font-size:52px;font-weight:800}.about-aside strong{color:#fff;font-size:17px;line-height:1.6}.about-aside span{margin-top:10px;color:#b9add0;font-size:12px}
.steps-section{padding-bottom:108px}.steps-grid{grid-template-columns:repeat(3,1fr)}.step-card{min-height:260px;padding:29px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:.22s ease}.step-card>span{color:#a18acb;font-size:12px;font-weight:800;letter-spacing:2px}.step-symbol{display:flex;width:57px;height:57px;margin:28px 0 19px;align-items:center;justify-content:center;border-radius:50%;background:#f0eaff;color:var(--purple);font-size:22px;font-weight:800}.step-card h3{margin:0 0 12px;font-size:21px}.step-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.scene-section{padding-bottom:115px}.scene-grid{grid-template-columns:1.15fr .95fr .95fr}.scene-card{position:relative;min-height:205px;padding:27px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:.22s ease}.scene-card-tall{grid-row:span 2;min-height:426px;background:linear-gradient(145deg,#efe8ff,#fff)}.scene-card h3{max-width:205px;margin:47px 0 13px;font-size:20px;line-height:1.5}.scene-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.scene-word{position:absolute;right:23px;bottom:18px;color:#cab9ee;font-size:52px;font-weight:800}
.faq-section{padding-bottom:115px}.faq-list{width:min(850px,calc(100% - 48px));margin:0 auto;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;padding:23px 5px;align-items:center;justify-content:space-between;color:var(--text);cursor:pointer;font-size:16px;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--purple);font-size:24px;font-weight:400;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:760px;padding:0 40px 23px 5px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.download-section{color:#fff;background:linear-gradient(120deg,#2b1851,#6540a5)}.download-inner{display:flex;width:min(1100px,calc(100% - 48px));min-height:330px;padding:63px 0;margin:0 auto;align-items:center;justify-content:space-between}.download-inner .section-overline{color:#c8b9ef}.download-inner h2{max-width:600px;margin:16px 0 14px;font-size:34px;line-height:1.35}.download-inner p{margin:0 0 25px;color:#d1c5e5;font-size:14px}.download-qr{display:flex;width:155px;gap:10px;flex-direction:column;align-items:center;color:#e1d8f1;font-size:12px}.download-qr img{width:150px;height:150px;padding:8px;border-radius:4px;background:#fff;object-fit:contain}
.site-footer{color:#c8c0d8;background:var(--ink-deep)}.footer-inner{width:min(1100px,calc(100% - 48px));padding:38px 0 27px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:25px;align-items:center}.footer-brand{display:inline-flex;gap:11px;align-items:center;color:#fff;font-size:19px}.footer-brand img{width:44px;height:43px;border-radius:9px;object-fit:contain}.footer-links{display:flex;gap:25px;color:#aba1be;font-size:13px}.footer-links a:hover,.footer-bottom a:hover{color:#fff}.footer-top p{margin:0;color:#8e849f;font-size:12px;line-height:1.7;text-align:right}.footer-bottom{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:22px;margin-top:29px;border-top:1px solid #ffffff1a;color:#81778f;font-size:12px;line-height:1.7}
.qr-modal{position:fixed;z-index:30;inset:0;display:grid;padding:20px;place-items:center;background:#0c071cdc}.qr-modal[hidden]{display:none}.qr-dialog{position:relative;width:min(390px,100%);padding:36px 35px 28px;border-radius:16px;background:#fff;color:var(--text);text-align:center}.modal-close{position:absolute;top:9px;right:14px;width:32px;height:32px;background:transparent;color:#555;font-size:28px}.qr-logo{width:78px;height:75px;margin:0 auto 15px;border-radius:12px;object-fit:contain}.qr-dialog h2{margin:0 0 10px;font-size:23px}.qr-dialog p{margin:0;color:#777;font-size:13px}.qr-frame{width:260px;height:260px;padding:10px;margin:22px auto 13px;background:#fff}.qr-frame img{width:100%;height:100%;object-fit:contain}.qr-dialog>span{color:#888;font-size:12px}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}
@media (max-width:900px){.header-inner,.hero-inner,.hero-bottom{width:min(100% - 40px,680px)}.brand{min-width:0}.main-nav{gap:22px}.hero-inner{grid-template-columns:1fr;gap:34px;padding-top:63px}.hero-copy{max-width:680px}.hero-qr-card{max-width:370px}.hero-bottom{margin-top:-18px}.about-layout{grid-template-columns:1fr;gap:35px}.about-aside{max-width:330px}.scene-grid{grid-template-columns:repeat(2,1fr)}.scene-card-tall{grid-row:span 1;min-height:205px}.footer-top{grid-template-columns:1fr 1fr}.footer-top p{grid-column:1/-1;text-align:left}}
@media (max-width:640px){.site-header{height:68px}.header-inner,.hero-inner,.hero-bottom,.promise-grid,.steps-grid,.scene-grid,.faq-list,.download-inner,.footer-inner{width:calc(100% - 32px)}.brand{font-size:17px}.brand img{width:38px;height:37px}.main-nav{position:absolute;top:68px;right:16px;left:16px;display:none;padding:15px;flex-direction:column;gap:0;align-items:stretch;border:1px solid #ffffff1a;background:#19112f;box-shadow:0 12px 30px #0003}.main-nav.is-open{display:flex}.main-nav a{padding:13px 7px}.main-nav a.is-active:after{display:none}.header-qr{display:none}.menu-toggle{display:block;margin-left:auto}.hero-inner{padding-top:57px;padding-bottom:92px}.hero h1{font-size:43px}.hero-lead{font-size:18px}.hero-sublead{font-size:14px}.hero-actions{flex-wrap:wrap}.hero-proof{gap:15px;justify-content:space-between}.hero-proof strong{font-size:16px}.hero-qr-card{padding:18px}.qr-card-inner img{width:145px;height:145px}.qr-card-inner span{font-size:14px}.hero-bottom{flex-wrap:wrap;padding-bottom:24px}.section-heading{padding-top:72px;margin-bottom:36px}.section-heading h2{font-size:29px}.promise-grid,.steps-grid,.scene-grid{grid-template-columns:1fr}.promise-section,.steps-section,.scene-section,.faq-section{padding-bottom:74px}.about-section{padding-bottom:76px}.about-copy h2{font-size:35px}.scene-card-tall{min-height:220px}.download-inner{min-height:0;padding:54px 0;flex-direction:column;align-items:flex-start;gap:35px}.download-inner h2{font-size:29px}.footer-top{grid-template-columns:1fr;gap:20px}.footer-top p{grid-column:auto}.footer-bottom{flex-direction:column;gap:5px}}