:root{--ink:#18372e;--muted:#617068;--paper:#fafbf7;--line:#dce3da;--green:#047956;--deep:#102f27;--lime:#d7efa0;--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #268663;outline-offset:4px}img{max-width:100%;display:block}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.brand img{border-radius:8px;object-fit:contain}.brand small{font-size:9px;letter-spacing:2px;color:var(--muted);margin-left:5px}.topbar nav{display:flex;gap:28px;font-size:12px;font-weight:550}.topbar nav a:hover,.text-link:hover,footer a:hover{color:var(--green)}.login{font-size:12px;padding:10px 16px;border:1px solid var(--line);border-radius:6px;white-space:nowrap}.hero{background:var(--deep);color:#f6f8ee;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-block:70px 55px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;line-height:1.6;margin:0 0 20px}.hero .eyebrow{color:#c5d9cb}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(56px,6vw,82px)/1.04 var(--serif);letter-spacing:-3.5px;margin-bottom:26px}h1 em{color:var(--lime);font-weight:normal}h2{font:normal clamp(34px,3.6vw,47px)/1.14 var(--serif);letter-spacing:-1.6px;margin-bottom:22px}h2 em{font-weight:normal;color:var(--green)}h3{font-size:19px;line-height:1.35;font-weight:600;letter-spacing:-.5px}.lead{color:#d6e1d7;font-size:16px;max-width:390px;margin-bottom:30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:6px;font-size:12px;font-weight:650;line-height:1.4;border:1px solid transparent;min-height:46px;transition:background .18s,transform .18s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:white}.button.primary:hover{background:#065c43}.hero .button.primary,.closing .button.primary{background:var(--lime);color:var(--deep)}.button.secondary{border-color:var(--line);background:white}.text-link{font-size:12px;font-weight:600}.hero .text-link{color:#e9efe4}.hero-note{font-size:10px;color:#b3c5b6;margin:24px 0 0;line-height:1.8}.hero-demo{position:relative;padding-bottom:32px}.demo-window{background:#f9fbf6;border-radius:12px;color:var(--ink);overflow:hidden;box-shadow:0 24px 60px #0003;transform:rotate(2deg)}.window-bar{display:flex;align-items:center;gap:11px;padding:16px 20px;font-size:10px}.window-bar b{font:italic 700 23px var(--serif)}.window-bar small{margin-left:auto;border:1px solid var(--line);border-radius:3px;font-size:7px;letter-spacing:1px;padding:4px}.demo-image{height:300px;position:relative;display:block;overflow:hidden;background:#dedfd4}.demo-image img{width:100%;height:135%;object-fit:cover;position:absolute;bottom:0}.play-control{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;background:#fffffff0;display:grid;place-items:center;border-radius:50%;padding-left:4px;color:var(--deep);font-size:20px;box-shadow:0 5px 30px #0002}.image-caption{position:absolute;bottom:12px;left:15px;background:#102f27e8;color:white;font-size:10px;padding:6px 10px;border-radius:3px}.demo-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px}.demo-bottom small{font-size:8px;letter-spacing:1.4px;display:block;margin-bottom:5px;color:var(--muted)}.demo-bottom strong{font-size:17px;font-weight:550;letter-spacing:-.5px}.demo-bottom>a{font-size:24px}.floating-note{position:absolute;bottom:0;left:-25px;background:var(--lime);padding:15px 21px;display:flex;gap:15px;align-items:center;border-radius:7px;color:var(--deep);box-shadow:0 10px 30px #0001}.floating-note>span{border:1px solid #173d2870;border-radius:50%;width:25px;height:25px;text-align:center;font-size:13px}.floating-note strong{display:block;font-size:12px}.floating-note small{display:block;font-size:10px}.hero-strip{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;padding-block:23px;font-size:11px;color:#b8cdbe}.steps,.plans{padding-block:90px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:end;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px;color:var(--muted);max-width:430px;margin:0 0 3px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.step-grid article{padding-top:24px;border-top:1px solid var(--line)}.step-number{font:italic 28px var(--serif);color:#829580;display:block;margin-bottom:20px}.step-grid p{color:var(--muted);font-size:13px;max-width:300px;margin:0}.case-section{background:#eef1e8;padding-block:80px}.case-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:100px;align-items:center}.case-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;max-width:450px}.case-facts{margin-block:28px;display:grid;gap:16px}.case-facts>div{border-left:2px solid #b5c7ac;padding-left:18px}.case-facts span{font-size:8px;font-weight:700;letter-spacing:1.5px;color:var(--muted)}.case-facts p{font-size:13px;margin:4px 0}.qr-card{border:1px solid #d7dfcf;background:var(--paper);padding:30px;border-radius:10px;text-align:center;box-shadow:0 12px 35px #233c1b06}.qr-card h3{font:normal 34px/1.08 var(--serif);letter-spacing:-1px;margin-bottom:22px}#demo-qr{width:196px;height:196px;padding:14px;margin:0 auto 22px;background:white;border:1px solid #e5e9e0;border-radius:6px}#demo-qr img,#demo-qr canvas{width:168px;height:168px}.qr-card .button{width:100%}.qr-card p:not(.eyebrow){font-size:11px;margin:14px 0 6px;color:var(--muted)}.qr-card small{display:block;font-size:10px;max-width:250px;margin:auto;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-grid article{border:1px solid var(--line);padding:26px 24px;border-radius:8px;background:white;display:flex;flex-direction:column}.plan-grid .is-featured{background:#f0f4e8;border-color:#b2c29e}.plan-label{font-size:9px;letter-spacing:1px;font-weight:650;margin-bottom:22px}.plan-grid h3{font-size:18px;margin-bottom:18px}.price{font:normal 35px/1.2 var(--serif);letter-spacing:-1px;margin-bottom:4px}.price-period{font-size:11px;color:var(--muted);margin-bottom:25px;min-height:36px}.plan-grid ul{padding:22px 0 0;margin:0 0 25px;border-top:1px solid var(--line);list-style:none;font-size:12px;line-height:2.5;flex:1}.plan-grid li::before{content:'✓';margin-right:10px;color:var(--green)}.plan-grid .button{width:100%}.plan-note{font-size:11px;color:var(--muted);margin:22px 0 0;max-width:850px}.faq{padding-block:0 90px;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}.faq h2{max-width:300px}.faq details{border-bottom:1px solid var(--line);font-size:13px}.faq summary{padding:19px 25px 19px 0;cursor:pointer;list-style:none;font-weight:600;position:relative}.faq summary::after{content:'+';position:absolute;right:2px;font-size:18px;top:14px}.faq details[open] summary::after{content:'−'}.faq details p{font-size:12px;color:var(--muted);max-width:470px;padding-bottom:10px}.closing{background:var(--deep);color:#f4f7ed;padding-block:65px;text-align:center}.closing .eyebrow{color:#c9d8bd}.closing h2{font-size:49px;letter-spacing:-2px;margin-bottom:27px}.closing p:last-child{font-size:11px;color:#c3d0be;margin:17px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:35px}footer .brand{font-size:21px}footer>span{font-size:11px;color:var(--muted)}footer>div{display:flex;gap:22px;font-size:10px}.subpage{padding-block:50px 80px}.subpage h1{font-size:54px;letter-spacing:-2px}.subpage .lead{color:var(--muted);max-width:700px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.surface{background:white;border:1px solid var(--line);border-radius:9px;padding:28px;margin-bottom:22px}.surface h2{font-size:28px;letter-spacing:-.7px}.surface p,.surface li{font-size:13px;color:var(--muted)}.surface label{display:block;font-size:12px;font-weight:600;margin:13px 0 5px}.surface input,.surface textarea,.surface select{display:block;width:100%;border:1px solid #cbd6c8;border-radius:5px;padding:11px;background:white;color:var(--ink);min-height:44px}.surface textarea{min-height:95px;resize:vertical}.surface .button{margin-top:15px}.form-status{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}.notice{font-size:12px;border-left:3px solid #9fb975;padding:12px 18px;background:#eff4e6;margin-bottom:24px}.review-count{font:38px var(--serif);margin:10px 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.toolbar{display:flex;flex-wrap:wrap;gap:12px}.surface a:not(.button){text-decoration:underline;text-underline-offset:3px}.subpage pre{white-space:pre-wrap;font:12px/1.8 var(--sans);color:var(--muted)}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.topbar nav{gap:18px;font-size:11px}.hero-grid{gap:35px}.hero h1{font-size:64px}.demo-image{height:250px}.floating-note{left:-15px}.actions{gap:17px}.case-grid{gap:55px}.section-head{gap:40px}.plan-grid article{padding:22px 18px}.price{font-size:30px}.faq{gap:45px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{height:auto;min-height:82px;flex-wrap:wrap;padding-block:18px;gap:18px}.brand{font-size:23px}.brand small{display:none}.topbar nav{order:3;width:100%;gap:24px;border-top:1px solid var(--line);padding-top:13px;font-size:11px}.login{margin-left:auto}.hero-grid{grid-template-columns:1fr;gap:40px;padding-block:40px 35px}.hero h1{font-size:62px;letter-spacing:-2.7px}.lead{font-size:15px;max-width:100%}.hero-demo{max-width:500px;width:100%;padding:0 5px 27px}.demo-window{transform:rotate(1deg)}.demo-image{height:270px}.floating-note{left:0;padding:13px 18px}.hero-strip{font-size:9px;gap:12px;flex-wrap:wrap;padding-block:18px}.steps,.plans{padding-block:55px}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:30px}h2{font-size:35px;letter-spacing:-1.2px}.section-head>p{font-size:13px}.step-grid{grid-template-columns:1fr;gap:25px}.step-grid article{display:grid;grid-template-columns:40px 1fr;column-gap:16px;padding-top:19px}.step-number{grid-row:span 2;font-size:25px;margin:0}.step-grid h3{font-size:18px;margin-bottom:9px}.step-grid p{max-width:none}.case-section{padding-block:55px}.case-grid{grid-template-columns:1fr;gap:35px}.qr-card{max-width:400px;width:100%;margin-inline:auto}.plan-grid{grid-template-columns:1fr;gap:16px}.plan-grid article{padding:26px}.price-period{min-height:0}.plan-grid ul{margin-bottom:20px;padding-top:17px}.faq{grid-template-columns:1fr;gap:25px;padding-block:0 55px}.faq h2{max-width:none}.closing{padding-block:50px}.closing h2{font-size:38px}.closing .eyebrow{font-size:8px}footer{flex-wrap:wrap;padding-block:28px;gap:18px}footer>span{margin-left:auto;font-size:10px}footer>div{width:100%;justify-content:space-between;padding-top:18px;border-top:1px solid var(--line)}.subpage{padding-block:35px 55px}.subpage h1{font-size:42px}.workspace-grid{grid-template-columns:1fr}.surface{padding:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
[hidden]{display:none!important}

/* ============================================================
   Vistazo · Emerald Aurora
   深林绿 / 薄荷青 / 柠檬光晕，全站渐变体系与自然动效
   ============================================================ */
:root{
  --ink:#122a22;--ink-soft:#3c594e;--muted:#5a7267;
  --paper:#f6faf4;--surface:#fff;
  --line:rgba(16,72,51,.12);
  --green:#0d5f45;--deep:#06271f;
  --mint:#6fdbb4;--lime:#dcf5a8;--teal:#15806d;
  --shadow-sm:0 6px 20px rgba(8,59,44,.07);
  --shadow-md:0 16px 44px rgba(8,59,44,.12);
  --shadow-lg:0 28px 70px rgba(8,59,44,.2);
}
html{background:#eaf4ee}
body{
  background:
    radial-gradient(1100px 620px at 8% -10%,rgba(111,219,180,.3),transparent 62%),
    radial-gradient(920px 540px at 94% 2%,rgba(150,205,238,.24),transparent 64%),
    radial-gradient(900px 640px at 50% 104%,rgba(220,245,168,.3),transparent 66%),
    linear-gradient(158deg,#f9fcf7 0%,#eff7f2 50%,#eaf2f6 100%);
  background-attachment:fixed;
  color:var(--ink);
  font:16px/1.65 var(--sans);
}

/* ---------------- 顶部导航 ---------------- */
.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{gap:12px;font-size:25px;font-weight:750;letter-spacing:-.9px}
.topbar .brand img{
  width:43px;height:43px;padding:2px;border-radius:14px;background:#fff;
  box-shadow:0 8px 22px rgba(6,39,31,.22),0 0 0 1px rgba(16,72,51,.06);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;
}
.brand:hover img{transform:rotate(-5deg) scale(1.06);box-shadow:0 12px 28px rgba(6,39,31,.3)}
.brand small{font-size:9px;letter-spacing:2.4px;color:var(--teal);margin-left:6px;font-weight:700}
.topbar-actions{display:flex;align-items:center;gap:28px;margin-left:auto}
.topbar nav{display:flex;gap:26px;font-size:13px;font-weight:600;color:var(--ink-soft)}
.topbar nav a{position:relative;padding:7px 1px;transition:color .25s}
.topbar nav a::after{
  content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--mint),var(--teal));
  transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.8,.2,1);
}
.topbar nav a:hover{color:var(--green)}
.topbar nav a:hover::after{transform:scaleX(1)}
.login{
  font-size:13px;font-weight:650;padding:11px 21px;border:1px solid rgba(255,255,255,.18);
  border-radius:999px;color:#f4fbf5;
  background:linear-gradient(122deg,#11704f,#0b4f45 55%,#127f6b);
  box-shadow:0 10px 24px rgba(8,77,55,.26);
  transition:transform .28s,box-shadow .28s,background .4s;
}
.login:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(8,77,55,.32);background:linear-gradient(122deg,#15865f,#0c5c50 55%,#16937c)}

/* ---------------- 主视觉 ---------------- */
.hero{
  position:relative;overflow:hidden;color:#eff7f2;border:0;
  background:
    radial-gradient(820px 520px at 80% 6%,rgba(111,219,180,.38),transparent 60%),
    radial-gradient(680px 460px at 4% 92%,rgba(220,245,168,.22),transparent 62%),
    linear-gradient(132deg,#06271f 0%,#0a4234 38%,#0c5847 66%,#083d47 100%);
}
.hero::before,.hero::after{content:'';position:absolute;pointer-events:none;border-radius:50%;filter:blur(10px)}
.hero::before{width:640px;height:640px;right:-160px;top:-260px;background:radial-gradient(closest-side,rgba(120,235,190,.34),transparent 70%);animation:aurora-drift 16s ease-in-out infinite alternate}
.hero::after{width:520px;height:520px;left:-180px;bottom:-260px;background:radial-gradient(closest-side,rgba(190,235,255,.18),transparent 70%);animation:aurora-drift 22s ease-in-out infinite alternate-reverse}
@keyframes aurora-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(40px,30px,0) scale(1.12)}}
.hero-grid{padding-block:80px 70px;position:relative;z-index:1}
.hero .eyebrow{color:#9fe3c6}
.hero h1{color:#f4fbf4}
.hero h1 em{
  color:transparent;background:linear-gradient(100deg,var(--lime),#8ef0c8 70%);
  -webkit-background-clip:text;background-clip:text;font-weight:400;
}
.hero .lead{color:#cfe2d7}
.hero .hero-note{color:#a9c4b6}
.hero .text-link{color:#e7f5ee;border-bottom:1px solid rgba(231,245,238,.35);padding-bottom:2px;transition:color .25s,border-color .25s}
.hero .text-link:hover{color:var(--lime);border-color:var(--lime)}
.button{border-radius:11px;transition:transform .3s,box-shadow .3s,background .35s,border-color .3s}
.hero .button.primary,.closing .button.primary{
  padding:16px 24px;color:#0a3b2b;
  background:linear-gradient(122deg,#e6f8bd,#b9efcd);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
}
.hero .button.primary:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(0,0,0,.28)}
.hero-strip{border-color:rgba(255,255,255,.16);color:#b9d3c4;position:relative;z-index:1}

/* 右侧演示窗 */
.demo-window{
  background:linear-gradient(160deg,rgba(255,255,255,.96),rgba(240,250,244,.9));
  border:1px solid rgba(255,255,255,.6);border-radius:24px;
  box-shadow:0 30px 70px rgba(2,24,18,.35),inset 0 1px 0 #fff;
  transform:rotate(-1.4deg);
  transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;
}
.demo-window:hover{transform:rotate(0) translateY(-4px);box-shadow:0 36px 80px rgba(2,24,18,.42)}
.demo-image{height:320px}
.demo-image img{filter:saturate(1.05)}
.play-control{
  background:rgba(255,255,255,.92);color:#0b4a38;border-radius:50%;
  box-shadow:0 10px 34px rgba(2,24,18,.28),0 0 0 10px rgba(255,255,255,.18);
  transition:transform .35s,box-shadow .35s;
}
.demo-image:hover .play-control{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 14px 40px rgba(2,24,18,.34),0 0 0 14px rgba(255,255,255,.2)}
.image-caption{background:rgba(6,39,31,.82);backdrop-filter:blur(6px)}
.window-bar b{color:var(--teal)}
.window-bar small{background:linear-gradient(120deg,#eaf7ef,#e3f4ea);color:#2c6b52}
.floating-note{
  background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.85);
  box-shadow:0 18px 44px rgba(2,24,18,.26);backdrop-filter:blur(12px);color:#14483a;
  transition:transform .35s,box-shadow .35s;
}
.floating-note:hover{transform:translateY(-3px);box-shadow:0 22px 50px rgba(2,24,18,.32)}

/* ---------------- 内容区块 ---------------- */
.steps{padding-block:92px 84px}
.section-head h2,.case-copy h2{letter-spacing:-1.5px}
.section-head>p{font-size:14px}
.eyebrow{color:var(--teal)}
.step-grid{gap:26px}
.step-grid article{
  position:relative;overflow:hidden;
  padding:30px 28px 32px;border:1px solid rgba(16,72,51,.1);border-radius:20px;
  background:linear-gradient(150deg,rgba(255,255,255,.94),rgba(236,247,240,.78));
  box-shadow:var(--shadow-sm);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;
}
.step-grid article::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(111,219,180,.16),transparent 42%);
  opacity:0;transition:opacity .4s;
}
.step-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(21,128,109,.28)}
.step-grid article:hover::before{opacity:1}
.step-number{
  display:inline-block;font:italic 30px var(--serif);
  color:transparent;background:linear-gradient(120deg,#15806d,#6fdbb4);
  -webkit-background-clip:text;background-clip:text;
}

/* 案例区 */
.case-section{
  background:
    radial-gradient(700px 420px at 88% 12%,rgba(111,219,180,.22),transparent 62%),
    linear-gradient(128deg,#eef7ee,#e9f3ef 55%,#e7f0f6);
  border-block:1px solid rgba(16,72,51,.08);
}
.qr-card{
  border:1px solid rgba(255,255,255,.9);border-radius:24px;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(240,249,243,.9));
  box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);
  transition:transform .4s,box-shadow .4s;
}
.qr-card:hover{transform:translateY(-3px)}
#demo-qr{border-radius:14px;box-shadow:0 8px 24px rgba(8,59,44,.08)}
.qr-card .button{background:linear-gradient(122deg,#11704f,#0b4f45 60%,#127f6b);color:#f5fbf6;box-shadow:0 10px 24px rgba(8,77,55,.22)}
.qr-card .button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(8,77,55,.3)}
.case-facts>div{border-left:2px solid rgba(21,128,109,.35)}

/* 套餐 */
.plans{padding-block:92px 84px}
.plan-grid article{
  border:1px solid rgba(16,72,51,.1);border-radius:20px;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(246,251,247,.86));
  box-shadow:var(--shadow-sm);
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s;
}
.plan-grid article:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(21,128,109,.26)}
.plan-grid .is-featured{
  border-color:rgba(111,219,180,.5);color:#eef8f1;
  background:
    radial-gradient(420px 260px at 88% 0%,rgba(111,219,180,.3),transparent 62%),
    linear-gradient(150deg,#093e2f 0%,#0b5040 55%,#0a4750 100%);
  box-shadow:0 24px 55px rgba(6,39,31,.28);
}
.plan-grid .is-featured h3,.plan-grid .is-featured .price{color:#f3fbf5}
.plan-grid .is-featured .price-period{color:#b9d6c6}
.plan-grid .is-featured ul{border-color:rgba(255,255,255,.16);color:#d3e7dc}
.plan-grid .is-featured li::before{color:var(--lime)}
.plan-grid .is-featured .plan-label{color:#9fe3c6}
.plan-grid .is-featured .button.primary{background:linear-gradient(122deg,#e6f8bd,#b9efcd);color:#0a3b2b;border:0;box-shadow:0 10px 24px rgba(0,0,0,.2)}
.plan-label{color:var(--teal)}
.price{color:#144a38}
.button.secondary{background:rgba(255,255,255,.9);border-color:rgba(16,72,51,.14)}
.button.secondary:hover{background:linear-gradient(120deg,#eaf7ef,#e2f3ea);border-color:rgba(21,128,109,.3);transform:translateY(-2px)}

/* FAQ */
.faq details{
  background:linear-gradient(150deg,rgba(255,255,255,.86),rgba(244,250,246,.7));
  border:1px solid rgba(16,72,51,.1);border-radius:14px;
  transition:border-color .3s,box-shadow .3s,background .3s;
}
.faq details[open]{border-color:rgba(21,128,109,.26);box-shadow:var(--shadow-sm)}
.faq details:hover{border-color:rgba(21,128,109,.22)}

/* 收尾 */
.closing{
  position:relative;overflow:hidden;
  background:
    radial-gradient(1200px 620px at 12% 8%,rgba(111,219,180,.34),transparent 70%),
    radial-gradient(1100px 600px at 88% 95%,rgba(220,245,168,.22),transparent 70%),
    linear-gradient(126deg,#0d4536,#12593f 50%,#11525c);
}
.closing::after{
  content:'';position:absolute;inset:-40% -10%;pointer-events:none;
  background:conic-gradient(from 120deg,transparent,rgba(140,240,200,.08),transparent 40%);
  animation:closing-sheen 18s linear infinite;
}
@keyframes closing-sheen{to{transform:rotate(360deg)}}
.closing>*{position:relative;z-index:1}
.closing h2{color:#f2fbf4}
.closing .eyebrow{color:#9fe3c6}
.closing p:last-child{color:#b6d2c3}
footer{border-top:1px solid rgba(16,72,51,.08)}
footer .brand img{width:34px;height:34px;border-radius:11px;background:#fff;padding:2px}
footer a{transition:color .25s}

/* ---------------- 子页面 / 表单 ---------------- */
.subpage h1{letter-spacing:-2px;color:#103c2e}
.surface{
  border:1px solid rgba(16,72,51,.1);border-radius:20px;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(246,251,247,.88));
  box-shadow:var(--shadow-sm);
}
.surface h2{color:#123f30}
.surface input,.surface textarea,.surface select{
  border:1px solid rgba(16,72,51,.18);border-radius:10px;
  background:rgba(255,255,255,.9);
  transition:border-color .25s,box-shadow .25s,background .25s;
}
.surface input:focus,.surface textarea:focus,.surface select:focus{
  outline:none;border-color:rgba(21,128,109,.5);
  box-shadow:0 0 0 4px rgba(111,219,180,.22);
}
.surface .button{background:linear-gradient(122deg,#11704f,#0b4f45 60%,#127f6b);color:#f6fcf8;box-shadow:0 8px 20px rgba(8,77,55,.2)}
.notice{
  border-radius:0 14px 14px 0;border-left:3px solid var(--mint);
  background:linear-gradient(90deg,rgba(111,219,180,.16),rgba(246,251,243,.6));
}
.table-scroll{border-radius:14px}
th{color:var(--muted);font-weight:600}

/* ---------------- 滚动出现的自然动效 ---------------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.is-in{opacity:1;transform:none}

/* ---------------- 响应式 ---------------- */
@media(max-width:1050px){
  .topbar{height:82px}
  .topbar-actions{gap:22px}
  .topbar nav{gap:18px;font-size:12px}
  .hero-grid{gap:40px}
  .hero h1{font-size:65px}
  .demo-image{height:286px}
}
@media(max-width:760px){
  .topbar{height:auto;min-height:84px;flex-wrap:wrap;padding-block:16px;gap:14px}
  .brand{font-size:24px}
  .topbar .brand img{width:39px;height:39px}
  .topbar-actions{margin-left:auto}
  .topbar nav{display:none}
  .hero-grid{padding-block:46px 44px;gap:30px}
  .hero h1{font-size:53px;letter-spacing:-2.4px}
  .hero .lead{font-size:15px}
  .hero .button.primary{padding:15px 19px}
  .hero .floating-note{left:2px;padding:11px 14px}
  .steps,.plans{padding-block:58px 52px}
  .step-grid article{padding:24px 22px}
  .plan-grid article{padding:27px 24px;border-radius:18px}
  .closing h2{font-size:37px}
  .subpage h1{font-size:41px}
}
@media(prefers-reduced-motion:reduce){
  .hero::before,.hero::after,.closing::after{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
}

/* ============================================================
   2026 首页深度优化层
   - 吸顶玻璃导航：入口链接与登录按钮收拢为紧凑分组
   - 全幅深绿渐变页脚：明确边界，彻底避免“底部像被遮挡”
   - 章节节奏、锚点留白与动效统一
   ============================================================ */

/* 锚点跳转时给吸顶导航留出空间 */
section[id], main[id] { scroll-margin-top: 78px; }

/* ---------- 顶部导航：玻璃质感 + 紧凑分组 ---------- */
.topbar.wrap {
  position: sticky;
  top: 0;
  z-index: 60;
  height: 76px;
  background: rgba(248, 252, 249, 0.86);
  backdrop-filter: blur(16px) saturate(150%);
  -webkit-backdrop-filter: blur(16px) saturate(150%);
  box-shadow:
    0 0 0 100vmax rgba(248, 252, 249, 0.86),
    0 1px 0 rgba(16, 72, 51, 0.08);
  clip-path: inset(0 -100vmax);
}

.topbar .brand img {
  width: 40px;
  height: 40px;
  border-radius: 12px;
}
.topbar .brand { font-size: 24px; }

/* 导航与登录按钮贴在右侧，间距收拢，避免“离太远” */
.topbar-actions { gap: 12px; }
.topbar nav {
  gap: 20px;
  padding-right: 14px;
  margin-right: 2px;
  border-right: 1px solid rgba(16, 72, 51, 0.12);
}
.topbar nav a {
  font-size: 13px;
  font-weight: 600;
  color: var(--ink-soft);
}
.login {
  padding: 10px 20px;
  border-radius: 999px;
  letter-spacing: 0.2px;
}

/* ---------- 主视觉：更大气的比例 ---------- */
.home .hero-grid { padding-block: 92px 78px; }
.home .hero h1 { font-size: clamp(58px, 6.1vw, 88px); letter-spacing: -3px; }
.home .hero .lead { max-width: 33ch; }
.home .hero-strip {
  gap: 34px;
  padding-block: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}

/* ---------- 章节节奏 ---------- */
.home .steps { padding-block: 96px 88px; }
.home .case-section { padding-block: 84px; }
.home .plans { padding-block: 88px 80px; }
.home .faq { padding-block: 12px 96px; }
.home .step-grid article { min-height: 210px; }

/* ---------- 收尾区与页脚：深色全幅，边界清楚 ---------- */
.closing { margin-bottom: 0; }
.closing + footer { margin-top: 0; }

footer.wrap {
  position: relative;
  z-index: 2;
  padding-block: 44px;
  color: #d8efe4;
  background:
    radial-gradient(680px 320px at 12% 0%, rgba(111, 219, 180, 0.24), transparent 62%),
    linear-gradient(122deg, #06271f 0%, #0a4234 52%, #073a3f 100%);
  box-shadow: 0 0 0 100vmax #06271f;
  clip-path: inset(0 -100vmax);
}
footer.wrap .brand { color: #fff; }
footer.wrap .brand small { color: #7ee6bd; }
footer.wrap .brand img { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18); }
footer.wrap > span { color: #a6c8b8; font-size: 12px; }
footer.wrap > div a {
  color: #cfeadf;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 999px;
  transition: color 0.25s, background 0.25s;
}
footer.wrap > div a:hover { color: #06271f; background: #b9efcd; }

/* ---------- 响应式 ---------- */
@media (max-width: 760px) {
  .topbar.wrap {
    position: relative;
    height: auto;
    min-height: 72px;
    padding-block: 14px;
    clip-path: none;
    box-shadow: 0 1px 0 rgba(16, 72, 51, 0.08);
  }
  .topbar nav { display: none; }
  .topbar-actions { gap: 10px; }
  .home .hero-grid { padding-block: 54px 46px; }
  .home .hero h1 { font-size: 44px; letter-spacing: -2px; }
  footer.wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding-block: 32px;
  }
}

/* ============================================================
   2026 细节打磨层：卡片呼吸感 / 首屏入场 / 品牌选中色
   ============================================================ */

::selection { color: #06271f; background: #b9efcd; }

/* 首屏元素依次淡入，避免整页“啪”地出现 */
@keyframes home-rise {
  from { opacity: 0; transform: translate3d(0, 18px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.home .hero .eyebrow,
.home .hero h1,
.home .hero .lead,
.home .hero .actions,
.home .hero-note,
.home .hero-demo {
  animation: home-rise 0.9s cubic-bezier(0.22, 1, 0.36, 1) both;
}
.home .hero h1 { animation-delay: 0.08s; }
.home .hero .lead { animation-delay: 0.16s; }
.home .hero .actions { animation-delay: 0.24s; }
.home .hero-note { animation-delay: 0.3s; }
.home .hero-demo { animation-delay: 0.2s; }

/* 卡片：悬停轻微上浮 + 品牌色描边，避免纯白卡片显得平 */
.step-grid article,
.plan-grid article,
.qr-card {
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.3s;
}
.step-grid article:hover,
.plan-grid article:hover,
.qr-card:hover {
  transform: translateY(-6px);
  border-color: rgba(4, 121, 86, 0.35);
  box-shadow: 0 18px 42px rgba(6, 39, 31, 0.12);
}
.step-grid article { border-top-color: rgba(4, 121, 86, 0.22); }
.step-grid article:hover .step-number { color: var(--green); }
.step-number { transition: color 0.3s; }

/* 主按钮：高光扫过，强调“可点” */
.button.primary { position: relative; overflow: hidden; }
.button.primary::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.42) 50%, transparent 70%);
  transform: translateX(-120%);
  transition: transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  pointer-events: none;
}
.button.primary:hover::after { transform: translateX(120%); }

/* FAQ 展开时给出更明显的视觉反馈 */
.faq details[open] summary { color: var(--green); }
.faq summary { transition: color 0.25s; }

/* 尊重系统“减少动态效果”设置 */
@media (prefers-reduced-motion: reduce) {
  .home .hero .eyebrow,
  .home .hero h1,
  .home .hero .lead,
  .home .hero .actions,
  .home .hero-note,
  .home .hero-demo {
    animation: none;
  }
  .button.primary::after { display: none; }
  .step-grid article:hover,
  .plan-grid article:hover,
  .qr-card:hover { transform: none; }
}

/* ============================================================
   2026-10-28 复验修订层
   - FAQ：问题/答案与卡片边框留白，右侧为展开符号预留空间
   - taller：隐藏原生文件选择器（界面已提供西语按钮）
   ============================================================ */

.faq details { margin-bottom: 14px; }
.faq summary { padding: 20px 54px 20px 22px; }
.faq summary::after {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.faq details p { padding: 0 22px 16px; margin: 0; }

.toolbar input[type='file'] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  opacity: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
}


/* 防止窄屏被单个浮层撑出横向滚动 */
html,body{overflow-x:hidden}