/* ADSUITE · 落地页样式（三套模板共用） */
:root{
  --as-primary:#6366f1;
  --as-accent:#111827;
  --as-text:#111827;
  --as-muted:#6b7280;
  --as-line:#e5e7eb;
  --as-bg:#ffffff;
  --as-soft:#f8fafc;
  --as-radius:16px;
  --as-maxw:640px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
  color:var(--as-text);
  background:var(--as-bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
.as-wrap{max-width:var(--as-maxw);margin:0 auto;padding:0 18px 96px}
.as-wrap--dark{background:var(--as-accent);color:#f9fafb;max-width:none;padding-left:0;padding-right:0}
.as-wrap--dark .as-section{padding-left:18px;padding-right:18px;max-width:var(--as-maxw);margin:0 auto}
.as-hero{padding:32px 0 8px;text-align:left}
.as-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--as-primary);margin-bottom:12px}
.as-h1{font-size:30px;line-height:1.22;margin:0 0 12px;letter-spacing:-.02em}
.as-sub{font-size:15px;color:var(--as-muted);margin:0 0 20px}
.as-sub2{font-size:14px;color:var(--as-muted);margin:-6px 0 18px}
.as-hero-img{border-radius:var(--as-radius);overflow:hidden;margin-bottom:22px;background:var(--as-soft)}
.as-hero-img--soft{position:relative}
.as-hero-img--soft::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0) 45%,rgba(255,255,255,.92) 100%);
}
.as-shot{border-radius:22px;overflow:hidden;margin:22px 0;box-shadow:0 18px 40px rgba(2,6,23,.35)}
.as-cta-row{display:flex;gap:10px;flex-wrap:wrap}
.as-btn{
  appearance:none;border:1px solid transparent;cursor:pointer;
  font-size:15px;font-weight:600;padding:13px 20px;border-radius:12px;
  font-family:inherit;transition:transform .12s ease,box-shadow .18s ease;
}
.as-btn:active{transform:translateY(1px)}
.as-btn-primary{background:var(--as-primary);color:#fff;box-shadow:0 6px 18px rgba(99,102,241,.28)}
.as-btn-ghost{background:transparent;color:inherit;border-color:var(--as-line)}
.as-wrap--dark .as-btn-ghost{border-color:rgba(255,255,255,.28);color:#f9fafb}
.as-btn-block{width:100%}
.as-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.as-badge{font-size:12px;color:var(--as-muted);background:var(--as-soft);border:1px solid var(--as-line);border-radius:999px;padding:6px 12px}
.as-wrap--dark .as-badge{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.72)}
.as-section{padding:30px 0 6px;border-top:1px solid var(--as-line);margin-top:28px}
.as-wrap--dark .as-section{border-top-color:rgba(255,255,255,.1)}
.as-h2{font-size:20px;margin:0 0 10px;letter-spacing:-.01em}
.as-grid{display:grid;gap:12px;grid-template-columns:1fr}
.as-card{background:var(--as-soft);border:1px solid var(--as-line);border-radius:14px;padding:16px}
.as-wrap--dark .as-card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.as-card-t{font-weight:700;font-size:15px;margin-bottom:6px}
.as-card-d{font-size:14px;color:var(--as-muted)}
.as-wrap--dark .as-card-d{color:rgba(255,255,255,.66)}
.as-gallery{display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:16px}
.as-gallery--tight{gap:8px;grid-template-columns:repeat(2,1fr)}
.as-gallery--shots{grid-template-columns:repeat(3,1fr)}
.as-gallery-item{margin:0;position:relative;border-radius:12px;overflow:hidden;background:var(--as-soft);cursor:zoom-in}
.as-gallery-item img{aspect-ratio:4/5;object-fit:cover;width:100%}
.as-gallery--tight .as-gallery-item img,.as-gallery--shots .as-gallery-item img{aspect-ratio:9/16}
.as-gallery-item figcaption{
  position:absolute;left:8px;bottom:8px;font-size:10px;font-weight:700;letter-spacing:.06em;
  background:rgba(15,23,42,.62);color:#fff;padding:3px 7px;border-radius:6px
}
.as-quote{margin:0;background:var(--as-soft);border-left:3px solid var(--as-primary);border-radius:0 12px 12px 0;padding:16px 18px}
.as-quote p{margin:0 0 8px;font-size:15px}
.as-quote cite{font-size:13px;color:var(--as-muted);font-style:normal}
.as-list{margin:12px 0 0;padding-left:20px;color:var(--as-muted);font-size:15px}
.as-list li{margin-bottom:8px}
.as-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:12px}
.as-steps li{display:flex;gap:12px;align-items:flex-start;font-size:15px}
.as-step-n{
  flex:0 0 26px;height:26px;border-radius:50%;background:var(--as-primary);color:#fff;
  font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center
}
.as-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:center}
.as-stat-n{font-size:19px;font-weight:800;letter-spacing:-.02em}
.as-stat-l{font-size:11px;color:var(--as-muted);line-height:1.4}
.as-form-wrap{scroll-margin-top:20px}
.as-form{display:grid;gap:12px;margin-top:14px}
.as-field{display:grid;gap:6px;font-size:13px;color:var(--as-muted)}
.as-input{
  font-family:inherit;font-size:15px;color:var(--as-text);
  background:var(--as-soft);border:1px solid var(--as-line);border-radius:11px;
  padding:12px 14px;width:100%
}
.as-input:focus{outline:none;border-color:var(--as-primary);background:#fff}
.as-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.as-form-note{font-size:13px;margin:4px 0 0;padding:10px 12px;border-radius:10px}
.as-form-note[data-state="ok"]{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
.as-form-note[data-state="err"]{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.as-footer{padding:32px 0 0;margin-top:30px;border-top:1px solid var(--as-line);font-size:13px;color:var(--as-muted)}
.as-muted{color:#9ca3af;font-size:12px;margin-top:6px}
.as-wrap--dark .as-footer{border-top-color:rgba(255,255,255,.1)}
.as-sticky{
  position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-top:1px solid var(--as-line);
  transform:translateY(120%);transition:transform .25s ease
}
.as-sticky.is-on{transform:translateY(0)}
.as-wrap--dark ~ .as-sticky,.tpl-app .as-sticky{background:rgba(11,18,32,.92);border-top-color:rgba(255,255,255,.12)}
.as-lb{
  position:fixed;inset:0;z-index:60;background:rgba(2,6,23,.88);
  display:flex;align-items:center;justify-content:center;padding:20px
}
.as-lb img{max-width:100%;max-height:88vh;border-radius:12px}
.as-lb-close{
  position:absolute;top:16px;right:18px;width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.14);border:0;color:#fff;font-size:20px;cursor:pointer;line-height:1
}
/* 语言切换器（落地页语言设置里开启后出现） */
.as-lang{position:fixed;left:14px;bottom:14px;z-index:70}
.as-lang-btn{font:inherit;font-size:12.5px;padding:8px 12px;border-radius:999px;cursor:pointer;
  border:1px solid rgba(15,23,42,.14);background:rgba(255,255,255,.94);color:#111827;
  box-shadow:0 4px 14px rgba(15,23,42,.14);white-space:nowrap}
.as-lang-menu{position:absolute;left:0;bottom:112%;min-width:160px;max-height:260px;overflow:auto;padding:6px;
  background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:12px;box-shadow:0 12px 32px rgba(15,23,42,.18)}
.as-lang-menu button{display:block;width:100%;text-align:left;font:inherit;font-size:12.5px;padding:7px 10px;
  border:0;background:transparent;color:#111827;border-radius:8px;cursor:pointer;white-space:nowrap}
.as-lang-menu button:hover{background:rgba(99,102,241,.12)}
.as-lang-menu button.is-on{color:#4f46e5;font-weight:700}
@media (min-width:560px){
  .as-h1{font-size:34px}
  .as-grid{grid-template-columns:repeat(3,1fr)}
  .as-gallery{grid-template-columns:repeat(3,1fr)}
  .as-cta-row .as-btn{min-width:200px}
}