:root{--red: #e60012;--red-soft: #ff4d57;--ink: #1a1a1a;--ink-muted: #5c5c5c;--paper: #faf8f7;--paper-2: #f3eeec;--white: #ffffff;--line: rgba(26, 26, 26, .08);--shadow: 0 28px 80px rgba(26, 26, 26, .14);--radius-phone: 42px;--header-h: 64px;--font-sans: "PingFang SC", "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display: "Cormorant Garamond", "PingFang SC", "Noto Sans SC", serif;--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--font-sans);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);-webkit-backdrop-filter:saturate(1.2) blur(16px);backdrop-filter:saturate(1.2) blur(16px);background:#faf8f7d1;border-bottom:1px solid transparent;transition:border-color .3s var(--ease),background .3s var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--line);background:#ffffffe6}.header-inner{max-width:1240px;margin:0 auto;height:100%;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;gap:28px;position:relative}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.04em;z-index:2}.brand img{border-radius:10px}.header-menu{display:flex;align-items:center;gap:22px;margin-left:auto}.nav{display:flex;gap:22px;font-size:14px;color:var(--ink-muted)}.nav a{position:relative;padding:6px 0;transition:color .25s var(--ease)}.nav a:hover{color:var(--ink)}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav a:hover:after{transform:scaleX(1)}.header-cta{flex-shrink:0}.nav-toggle{display:none;width:44px;height:44px;border:0;background:transparent;padding:12px;cursor:pointer;margin-left:auto;z-index:3;position:relative;flex-shrink:0}.nav-toggle span{display:block;height:1.5px;background:var(--ink);margin:6px 0;transition:transform .3s var(--ease),opacity .3s var(--ease)}.site-header.is-open .nav-toggle span:first-child{transform:translateY(3.75px) rotate(45deg)}.site-header.is-open .nav-toggle span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:980px;font-size:14px;font-weight:500;border:1px solid transparent;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn:hover{transform:translateY(-1px)}.btn-lg{min-height:48px;padding:0 24px;font-size:15px}.btn-primary{background:var(--red);color:var(--white)}.btn-primary:hover{background:#cc0010}.btn-ghost{background:#ffffff8c;border-color:#1a1a1a1f;color:var(--ink)}.btn-ghost:hover{background:var(--white)}.btn-ghost-light{background:transparent;border-color:#ffffff73;color:var(--white)}.btn-ghost-light:hover{background:#ffffff1f}.hero{position:relative;min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));display:flex;align-items:center;overflow:clip;--hero-exit: 0}.hero-bg{position:absolute;inset:-12% 0;background:radial-gradient(ellipse 55% 55% at 16% 28%,rgba(230,0,18,.16),transparent 62%),radial-gradient(ellipse 48% 42% at 88% 18%,rgba(255,180,170,.38),transparent 58%),linear-gradient(180deg,#fff7f5 0%,var(--paper) 52%,var(--paper-2) 100%);pointer-events:none;will-change:transform;transform:translate3d(0,var(--parallax-y, 0px),0)}.hero-inner{position:relative;z-index:1;width:min(1240px,100%);margin:0 auto;padding:clamp(28px,5vh,56px) clamp(20px,4vw,40px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,72px);opacity:calc(1 - var(--hero-exit) * .85);transform:translate3d(0,calc(var(--hero-exit) * -48px),0) scale(calc(1 - var(--hero-exit) * .04));transform-origin:center top;will-change:transform,opacity}.hero-content{max-width:540px;min-width:0}.hero-stage{opacity:0;transform:translate3d(0,36px,0) scale(.98);filter:blur(8px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);transition-delay:calc(var(--i, 0) * 90ms + 80ms)}.hero-stage.is-in,html.is-ready .hero-stage.is-in{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}.hero-phone.hero-stage{transform:translate3d(0,56px,0) scale(.94)}.hero-phone.hero-stage.is-in{transform:translateZ(0) scale(1)}.hero-logo{width:88px;height:88px;border-radius:22px;box-shadow:0 16px 40px #e6001238;margin-bottom:28px}.hero-brand{margin:0 0 8px;font-size:clamp(44px,5.2vw,72px);font-weight:700;letter-spacing:.12em;line-height:1.05}.hero-slogan{margin:0 0 18px;font-family:var(--font-display);font-size:clamp(30px,3.4vw,44px);font-weight:500;font-style:italic;color:var(--red);letter-spacing:.08em}.hero-sub{margin:0 0 32px;max-width:28em;color:var(--ink-muted);font-size:17px;font-weight:300}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-phone{display:flex;justify-content:center;justify-self:center;width:100%;max-width:100%;min-width:0}.phone{width:min(320px,34vw);max-width:100%;max-width:min(320px,34vw,calc((100vh - var(--header-h) - 120px) * 750 / 1624));max-width:min(320px,34vw,calc((100dvh - var(--header-h) - 120px) * 750 / 1624));aspect-ratio:750 / 1624;height:auto;border-radius:var(--radius-phone);background:#0f0f0f;padding:10px;box-shadow:var(--shadow);position:relative;overflow:hidden;flex-shrink:1}.phone-sm{width:min(280px,30vw);max-width:min(280px,30vw,calc((100vh - var(--header-h) - 160px) * 750 / 1624));max-width:min(280px,30vw,calc((100dvh - var(--header-h) - 160px) * 750 / 1624))}.phone-notch{position:absolute;top:14px;left:50%;transform:translate(-50%);width:34%;height:18px;border-radius:20px;background:#0f0f0f;z-index:2}.phone img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center;border-radius:calc(var(--radius-phone) - 8px)}.float{animation:floatY 6.5s var(--ease) infinite;will-change:transform}@keyframes floatY{0%,to{transform:translate3d(0,var(--parallax-y, 0px),0)}50%{transform:translate3d(0,calc(var(--parallax-y, 0px) - 12px),0)}}.feature{--p: 0;padding:clamp(96px,14vh,140px) clamp(20px,4vw,40px);position:relative}.feature-alt{background:linear-gradient(180deg,#fff,#faf7f6)}.feature-compact{padding-block:clamp(80px,12vh,120px)}.feature-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,80px);align-items:center}.feature-grid.reverse .feature-copy{order:2}.feature-grid.reverse .feature-visual{order:1}.eyebrow{margin:0 0 12px;color:var(--red);font-size:clamp(18px,2vw,22px);font-weight:600;letter-spacing:.28em}.feature-copy h2{margin:0 0 16px;font-size:clamp(28px,4vw,42px);line-height:1.2;letter-spacing:.02em;font-weight:700}.lead{margin:0;color:var(--ink-muted);font-size:17px;font-weight:300;max-width:28em}.feature-visual{display:flex;justify-content:center;align-self:stretch}@media(min-width:901px){.feature{min-height:125vh;display:flex;align-items:stretch}.feature-grid{width:100%;align-items:start}.feature-copy{padding-block:18vh 28vh}.feature-visual{position:sticky;top:calc(var(--header-h) + 8vh);height:fit-content;padding-block:10vh 18vh}}[data-fade=up] [data-stagger]{opacity:calc(var(--p) * 1);transform:translate3d(0,calc((1 - var(--p)) * (28px + var(--i, 0) * 8px)),0);filter:blur(calc((1 - var(--p)) * 6px));transition:none;will-change:transform,opacity,filter}[data-fade=phone] .phone{opacity:calc(.15 + var(--p) * .85);transform:translate3d(0,calc((1 - var(--p)) * 72px),0) scale(calc(.9 + var(--p) * .1));filter:blur(calc((1 - var(--p)) * 4px));will-change:transform,opacity,filter}[data-fade=scale]{opacity:calc(.2 + var(--p) * .8);transform:translate3d(0,calc((1 - var(--p)) * 40px),0) scale(calc(.96 + var(--p) * .04));will-change:transform,opacity}.cta-band{padding:96px 24px 110px;background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(255,255,255,.14),transparent 55%),linear-gradient(160deg,#1a1a1a,#2a0a0c 45%,#e60012 140%);color:var(--white);text-align:center}.cta-inner{max-width:640px;margin:0 auto}.cta-inner img{margin:0 auto 24px;border-radius:18px;box-shadow:0 18px 40px #00000047}.cta-inner h2{margin:0 0 12px;font-size:clamp(28px,4vw,40px)}.cta-inner p{margin:0 0 28px;color:#ffffffc7;font-weight:300}.cta-inner .hero-actions{justify-content:center}.site-footer{padding:48px 24px 36px;background:#111;color:#ffffffb8;font-size:13px}.footer-inner{max-width:1240px;margin:0 auto;display:grid;gap:24px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{border-radius:8px}.footer-brand strong{display:block;color:var(--white);font-size:15px}.footer-brand span{color:#ffffff80}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a:hover{color:var(--white)}.footer-meta{margin:0;color:#fff6}.footer-beian{margin:0;display:flex;flex-wrap:wrap;gap:12px 20px;color:#fff6}.footer-beian a{color:#ffffff73;transition:color .2s var(--ease)}.footer-beian a:hover{color:#ffffffd9}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;text-align:center;padding-top:36px;gap:40px}.hero-content{margin:0 auto}.hero-logo,.hero-sub{margin-inline:auto}.hero-actions{justify-content:center}.phone{width:min(300px,72%);max-width:min(300px,72%,calc(70vh * 750 / 1624));max-width:min(300px,72%,calc(70dvh * 750 / 1624))}.phone-sm{width:min(260px,64%);max-width:min(260px,64%,calc(60vh * 750 / 1624));max-width:min(260px,64%,calc(60dvh * 750 / 1624))}.feature-grid,.feature-grid.reverse{grid-template-columns:1fr;gap:40px}.feature-grid.reverse .feature-copy,.feature-grid.reverse .feature-visual{order:initial}.feature-copy{text-align:center}.lead{margin-inline:auto}[data-fade=phone] .phone{transform:translate3d(0,calc((1 - var(--p)) * 48px),0) scale(calc(.94 + var(--p) * .06))}}@media(max-width:900px)and (min-width:500px)and (max-height:900px){.hero{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h))}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);text-align:left;padding-top:20px;padding-bottom:20px;gap:28px;align-items:center}.hero-content{margin:0;max-width:none}.hero-logo{margin-inline:0;width:72px;height:72px;margin-bottom:18px}.hero-brand{font-size:clamp(36px,5.5vw,52px)}.hero-slogan{font-size:clamp(24px,3.2vw,34px)}.hero-sub{margin-inline:0;font-size:15px;margin-bottom:22px}.hero-actions{justify-content:flex-start}.phone{width:min(240px,38vw,100%);max-width:min(240px,38vw,100%,calc(62vh * 750 / 1624));max-width:min(240px,38vw,100%,calc(62dvh * 750 / 1624))}}@media(max-height:700px){.hero{min-height:auto;align-items:flex-start}.hero-inner{padding-top:20px;padding-bottom:24px;gap:24px}.hero-logo{width:64px;height:64px;margin-bottom:14px}.hero-brand{font-size:clamp(32px,6vw,44px)}.hero-slogan{font-size:clamp(22px,4vw,30px);margin-bottom:12px}.hero-sub{font-size:14px;margin-bottom:18px}.phone{width:min(200px,48%,100%);max-width:min(200px,48%,100%,calc(48vh * 750 / 1624));max-width:min(200px,48%,100%,calc(48dvh * 750 / 1624))}}@media(max-width:720px){.nav-toggle{display:block}.header-menu{display:none;position:absolute;top:var(--header-h);left:0;right:0;margin:0;padding:8px 20px 20px;flex-direction:column;align-items:stretch;gap:12px;background:#fffffffa;border-bottom:1px solid var(--line);box-shadow:0 16px 40px #1a1a1a14;z-index:1}.site-header.is-open .header-menu{display:flex}.site-header.is-open{height:var(--header-h)}.nav{flex-direction:column;gap:0;width:100%}.nav a{padding:14px 0;border-bottom:1px solid var(--line)}.nav a:after{display:none}.header-cta{width:100%;margin-top:4px}.feature{padding:72px 20px}.cta-band{padding:72px 20px 88px}}.open-app-toast{position:fixed;left:50%;bottom:28px;z-index:80;padding:10px 18px;background:var(--ink);color:var(--white);font-size:14px;line-height:1.4;letter-spacing:.02em;border-radius:4px;opacity:0;pointer-events:none;transform:translate(-50%) translateY(8px);transition:opacity .25s var(--ease),transform .25s var(--ease)}.open-app-toast.is-on{opacity:1;transform:translate(-50%) translateY(0)}.browser-guide{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#1a1a1ab8;color:var(--white);font-family:var(--font-sans)}.browser-guide[hidden]{display:none!important}.browser-guide-arrow{position:absolute;top:10px;right:14px;left:14px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.browser-guide-arrow>svg{width:36px;height:36px;display:block;margin-right:4px}.browser-guide-tip{display:flex;align-items:center;gap:12px;max-width:100%;padding:12px 14px;background:#fffffff5;color:var(--ink);border-radius:10px;box-shadow:0 10px 28px #1a1a1a2e}.browser-guide-tip-icon{width:48px;height:48px;flex:0 0 auto;display:block;border-radius:10px;background:#fff}.browser-guide-tip-text{text-align:left;min-width:0}.browser-guide-tip-title{margin:0 0 4px;font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.01em}.browser-guide-tip-text p{margin:0;font-size:13px;line-height:1.45;color:var(--ink-muted);text-shadow:none}.browser-guide-tip-text strong{font-weight:600;color:var(--ink)}.browser-guide-panel{margin-top:auto;padding:28px 24px calc(28px + env(safe-area-inset-bottom,0px));background:var(--paper);color:var(--ink);text-align:center}.browser-guide-panel .eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.12em;color:var(--ink-muted)}.browser-guide-panel h2{margin:0 0 10px;font-size:20px;font-weight:600;letter-spacing:.02em}.browser-guide-panel .lead{margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--ink-muted)}.browser-guide-actions{display:flex;flex-direction:column;gap:12px;align-items:center}.browser-guide-actions .btn{min-width:200px}.browser-guide-actions .btn-ghost{background:transparent;color:var(--ink-muted);border:1px solid var(--line)}.browser-guide-copied{margin:10px 0 0;font-size:13px;color:var(--red);opacity:0;transition:opacity .25s var(--ease)}.browser-guide-copied.is-on{opacity:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float,.hero-stage,.hero-inner,[data-fade=up] [data-stagger],[data-fade=phone] .phone,[data-fade=scale]{animation:none!important;transition:none!important;filter:none!important;opacity:1!important;transform:none!important}[data-parallax]{transform:none!important}}
