:root{
  --blue:#06499d;
  --blue-dark:#003f8e;
  --cyan:#09b7c2;
  --gray:#777;
  --light:#eeeeee;
  --line:#9b9b9b;
  --card:#fff;
  --danger:#dc2626;
  --ok:#15803d;
  --warn:#b45309;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111;font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","思源黑体 CN","思源黑体","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.55;font-weight:400}
a{color:inherit;text-decoration:none}
.page{max-width:1180px;margin:0 auto;padding:28px 24px 56px}
.home-page{max-width:1920px;padding:48px 0 42px;color:#808080;overflow:hidden}

.home-header{height:154px;display:flex;align-items:flex-start;justify-content:space-between;margin:0 96px 0 92px}
.home-logo img{display:block;width:438px;height:auto}
.home-actions{display:flex;gap:58px;padding-top:86px}
.home-actions a{display:inline-flex;align-items:center;justify-content:center;width:126px;height:38px;border-radius:9px;background:var(--blue);color:#fff;font-size:20px;font-weight:700;letter-spacing:0}

.design-hero{display:grid;grid-template-columns:738px 932px;gap:28px;align-items:start;margin:0 88px 0 96px}
.hero-rule{height:2px;background:#969696;margin:0 0 18px}
.hero-left h1{margin:0;color:var(--blue);font-size:89px;line-height:1.18;font-weight:900;letter-spacing:-1px}
.hero-subtitle{margin:12px 0 24px;color:var(--blue);font-size:44px;line-height:1.1;font-weight:400}
.hero-note{width:738px;min-height:190px;background:#d8f8f8;padding:24px 36px;color:var(--cyan);display:flex;flex-direction:column;justify-content:center}
.hero-note strong{font-size:35px;line-height:1.2;font-weight:800}
.hero-note span{font-size:27px;line-height:1.42;font-weight:700}
.hero-visual{padding-top:2px;margin-top:0;overflow:hidden}
.hero-visual img{display:block;width:932px;max-width:100%;height:auto}

.quick-points{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin:84px 150px 72px;text-align:center}
.quick-points article{color:var(--blue);font-weight:800;font-size:29px;line-height:1.45}
.quick-points span{display:block;width:56px;height:11px;margin:0 auto 24px;background:radial-gradient(circle,var(--blue) 3px,transparent 4px) 0 0/12px 10px repeat-x}
.quick-points p{margin:0}

.pain-section{text-align:center;margin:0 96px}
.pain-section h2{margin:0;color:var(--cyan);font-size:55px;line-height:1.18;font-weight:900}
.pain-section>p{margin:12px 0 48px;color:#777;font-size:25px;font-weight:700}
.pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;text-align:left}
.pain-grid article{min-height:197px;background:#eee;padding:12px 22px 20px}
.pain-grid span{display:block;color:#8a8a8a;font-family:"Source Han Sans SC","Source Han Sans CN","Noto Sans CJK SC","思源黑体 CN","思源黑体","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-weight:200;font-size:62px;line-height:1}
.pain-grid h3{margin:10px 0 5px;color:var(--blue);font-size:26px;line-height:1.2;font-weight:800}
.pain-grid p{margin:0;font-size:18px;line-height:1.38;font-weight:500}

.pricing-strip{display:grid;grid-template-columns:365px 150px repeat(3,1fr);gap:38px;align-items:center;margin:66px 94px 62px}
.host-tip h3{margin:0 0 8px;color:var(--cyan);font-size:23px;font-weight:800}
.host-tip p{margin:0;color:var(--cyan);font-size:15px;line-height:1.45;font-weight:700}
.mascot{display:block;width:150px;height:auto;justify-self:center}
.price-box{height:178px;border:4px solid var(--blue);border-radius:24px;padding:18px 22px;color:#111;background:#fff;display:block}
.price-box h3{margin:0;color:var(--cyan);font-size:29px;line-height:1.1;font-weight:800}
.price-box p{margin:8px 0 5px;color:#666;font-size:13px;line-height:1.28;font-weight:600}
.price-box strong{display:block;font-size:45px;line-height:1;color:#000;font-weight:900;letter-spacing:-1px}
.price-box small{font-size:28px}
.price-box span{display:block;margin-top:2px;color:#666;font-size:13px;font-weight:600}

.module-section{display:grid;grid-template-columns:560px 1fr;gap:120px;margin:0 94px 64px;align-items:start}
.module-lead h2{margin:0;color:var(--blue);font-size:86px;line-height:1.18;font-weight:900;letter-spacing:-1px}
.module-lead p{margin:28px 0 18px;color:#777;font-size:20px;line-height:1.72;font-weight:600}
.module-lead a{display:inline-flex;align-items:center;justify-content:center;width:486px;height:62px;border:4px solid var(--blue);border-radius:18px;color:var(--blue);font-size:24px;font-weight:800}
.module-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:92px;row-gap:42px;padding-top:95px}
.module-grid article{position:relative;padding-left:34px;min-height:100px}
.module-grid i{position:absolute;left:0;top:8px;width:22px;height:22px;border-radius:50%;background:var(--cyan)}
.module-grid h3{margin:0 0 8px;font-size:27px;line-height:1.2;font-weight:800}
.module-grid p{margin:0;font-size:17px;line-height:1.55;font-weight:600}

.home-footer{display:grid;grid-template-columns:1fr 392px;gap:78px;margin:0 94px;align-items:start}
.footer-line{height:2px;background:#929292;margin:0 0 32px;width:1128px;max-width:100%}
.footer-brand-row{display:flex;align-items:center;gap:34px}
.footer-brand-row img{width:214px;height:auto}
.footer-brand-row p{margin:0;color:#777;font-size:26px;line-height:1.55;font-weight:600}
.footer-right{display:grid;grid-template-columns:1fr 158px;gap:22px;align-items:start;padding-top:34px}
.footer-right p{margin:0;color:#777;font-size:20px;line-height:1.55;font-weight:600}
.footer-right img{display:block;width:158px;height:auto}

.topbar{min-height:72px;background:#fff;border-bottom:1px solid #dce8f4;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 44px}
.brand{display:flex;align-items:center;gap:12px;color:#10213f;font-weight:800;font-size:19px;white-space:nowrap}
.brand-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#0b65d8,#11b9c9);display:grid;place-items:center;font-size:21px;color:#fff}
.nav-links{display:flex;align-items:center;justify-content:center;gap:26px;flex:1}
.nav-links a{color:#40536f;font-size:14px;font-weight:600}
.top-actions,.hero-actions,.actions,.section-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn{border:1px solid #c8d7ee;background:#fff;color:#12366f;border-radius:10px;padding:9px 15px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;white-space:nowrap}
.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.btn.ghost{background:transparent}
.btn.danger{border-color:#fecaca;color:#991b1b;background:#fff5f5}
.btn.small{min-height:30px;padding:5px 10px;border-radius:8px;font-size:12px}
.panel,.card{background:#fff;border:1px solid #dce8f4;border-radius:16px;box-shadow:0 10px 26px rgba(29,61,110,.07)}
.panel{padding:24px;margin-bottom:18px}
.card{padding:22px}
.narrow{max-width:560px;margin-left:auto;margin-right:auto}
.grid{display:grid;gap:18px}
.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.section-head{justify-content:space-between;margin-bottom:16px}
.section-head h1,.panel h1{margin:0;font-size:24px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stack-form{display:grid;gap:14px}
label{display:grid;gap:6px;font-weight:600;color:#16305f}
.check-row{display:flex;grid-template-columns:none;align-items:center;gap:10px;font-weight:600}
.check-row input{width:18px;min-height:18px}
input,select,textarea{width:100%;border:1px solid #c9d8ef;border-radius:10px;background:#fff;min-height:40px;padding:8px 10px;font:inherit;color:#0f244d}
input::placeholder,textarea::placeholder{color:#a7b4c9;opacity:1}
textarea{resize:vertical}
.span-2{grid-column:1/-1}
.search-row{display:flex;gap:10px;margin-bottom:14px}
.search-row input{max-width:430px}
.flash-list{display:grid;gap:8px;margin-bottom:14px}
.home-page .flash-list{margin:0 96px 14px}
.flash{border-radius:10px;padding:10px 12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a}
.flash.error{border-color:#fecaca;background:#fff1f2;color:#991b1b}
.flash.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}
.muted{color:#66748f}
.mock-pay,.download-box{margin-top:18px;padding:16px;border-radius:14px;border:1px solid #bfdbfe;background:#eff6ff}
.download-box{border-color:#bbf7d0;background:#f0fdf4}
.wechat-pay-box{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center;margin-top:18px;padding:20px;border-radius:14px;border:1px solid #bfdbfe;background:#f8fbff}
.wechat-pay-box img{width:220px;height:220px;background:#fff;border:1px solid #e5edf8;border-radius:12px;padding:10px}
.wechat-pay-box h2{margin:0 0 8px;color:#12366f}
.wechat-pay-box p{margin:0 0 8px}
.qr-fallback{word-break:break-all;font-size:12px}
.install-guide{margin-top:14px;border:1px solid #d9ead7;background:#fbfffb;border-radius:12px;padding:12px 14px}
.install-guide strong{display:block;margin-bottom:6px}
.install-guide ol{margin:0;padding-left:20px}
.info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.info-list{display:grid;gap:8px}
.info-grid p,.info-list p{margin:0;padding:10px;border:1px solid #e4edf9;border-radius:10px;background:#f8fbff}
.info-grid span,.info-list span{display:block;color:#66748f;font-size:12px}
.info-grid strong,.info-list strong{display:block;margin-top:2px}
.code-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{border-bottom:1px solid #e5edf8;text-align:left;padding:10px 9px;vertical-align:middle}
th{background:#eef6ff;color:#17366f;font-size:13px}
.status{display:inline-flex;border-radius:999px;padding:3px 9px;font-weight:700;font-size:12px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8}
.status.paid,.status.active{background:#dcfce7;border-color:#86efac;color:var(--ok)}
.status.pending{background:#fff7ed;border-color:#fed7aa;color:var(--warn)}
.status.closed,.status.failed,.status.frozen{background:#fee2e2;border-color:#fca5a5;color:var(--danger)}
form{margin:0}

@media(max-width:1500px){
  .home-page{max-width:1200px}
  .home-header,.design-hero,.pain-section,.pricing-strip,.module-section,.home-footer{margin-left:40px;margin-right:40px}
  .home-header{height:auto;margin-bottom:26px}
  .home-actions{gap:22px;padding-top:58px}
  .design-hero{grid-template-columns:1fr;gap:32px}
  .hero-left{max-width:760px}
  .hero-visual img{width:100%}
  .pricing-strip{grid-template-columns:250px 130px 1fr 1fr 1fr;gap:18px}
  .module-section{grid-template-columns:430px 1fr;gap:50px}
  .module-lead h2{font-size:66px}
}
@media(max-width:980px){
  .home-page{padding-top:24px}
  .home-header{display:grid;gap:18px}
  .home-actions{padding-top:0;gap:12px;flex-wrap:wrap}
  .home-logo img{width:320px;max-width:100%}
  .hero-left h1{font-size:58px}
  .hero-subtitle{font-size:32px}
  .hero-note{width:100%;min-height:auto}
  .quick-points{grid-template-columns:1fr 1fr;margin:54px 40px}
  .pain-section h2{font-size:38px}
  .pain-section>p{font-size:18px}
  .pain-grid{grid-template-columns:1fr 1fr}
  .pricing-strip{grid-template-columns:1fr;align-items:start}
  .mascot{display:none}
  .module-section{grid-template-columns:1fr}
  .module-grid{padding-top:0;grid-template-columns:1fr}
  .home-footer{grid-template-columns:1fr}
  .footer-right{padding-top:0;justify-content:start}
}
@media(max-width:680px){
  .page{padding:18px 14px 40px}
  .home-header,.design-hero,.pain-section,.pricing-strip,.module-section,.home-footer{margin-left:18px;margin-right:18px}
  .home-actions a{width:112px;font-size:17px}
  .hero-left h1{font-size:45px}
  .hero-note{padding:20px}
  .hero-note strong{font-size:26px}
  .hero-note span{font-size:20px}
  .quick-points{grid-template-columns:1fr;margin-left:18px;margin-right:18px}
  .pain-grid{grid-template-columns:1fr}
  .module-lead h2{font-size:46px}
  .module-lead a{width:100%;font-size:18px}
  .footer-brand-row{align-items:flex-start;flex-direction:column;gap:12px}
  .footer-brand-row p{font-size:18px}
  .footer-right{grid-template-columns:1fr}
  .topbar{padding:16px;align-items:flex-start;flex-direction:column}
  .nav-links{justify-content:flex-start;flex-wrap:wrap}
  .grid.two,.form-grid,.info-grid,.code-grid{grid-template-columns:1fr}
  .search-row{flex-direction:column}
  table{display:block;overflow:auto}
}

/* 掌小印官网首页：375px 设计基准，PC 浏览器等比缩放 */
@font-face{
  font-family:"ZXY Source Han Sans";
  src:url("fonts/source-han-sans-sc-regular-subset.woff2") format("woff2");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"ZXY Source Han Sans";
  src:url("fonts/source-han-sans-sc-heavy-subset.woff2") format("woff2");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"HelveticaHv";
  src:url("fonts/HelveticaHv.ttf") format("truetype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.home-page{
  max-width:none!important;
  width:100%!important;
  min-height:100vh!important;
  margin:0!important;
  padding:8px 0!important;
  overflow:auto!important;
  background:#000!important;
  color:#8a8a8a!important;
  font-family:"ZXY Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",sans-serif!important;
}
.home-page .flash-list{
  position:relative;
  z-index:3;
  width:min(100% - 24px,1080px);
  margin:0 auto 10px!important;
}
.home-scale-shell{
  --home-scale:1;
  position:relative;
  width:375px;
  height:582px;
  margin:0 auto;
  background:#000;
  overflow:visible;
}
.home-artboard{
  width:375px;
  min-height:582px;
  position:absolute;
  left:0;
  top:0;
  transform:scale(var(--home-scale));
  transform-origin:top left;
  background:#000;
  color:#8b8b8b;
  overflow:hidden;
}
.home-artboard a{
  text-decoration:none;
}
.site-hero-header{
  height:42px;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:9px 18px 0 17px;
}
.site-logo{
  display:block;
  width:91px;
  height:24px;
  overflow:hidden;
}
.site-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
}
.site-nav{
  display:flex;
  gap:12px;
  padding-top:7px;
}
.site-nav a{
  width:29px;
  height:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:2px;
  background:#064da9;
  color:#fff;
  font-size:4px;
  line-height:1;
  font-weight:700;
  letter-spacing:.1px;
}
.site-home-main{
  display:block;
}
.hero-section{
  display:grid;
  grid-template-columns:157px 186px;
  column-gap:6px;
  padding:0 18px;
}
.hero-copy{
  min-width:0;
}
.hero-line{
  height:1px;
  background:#8a8a8a;
  margin:0 0 4px;
}
.hero-copy h1{
  margin:0;
  color:#0752ad;
  font-size:23px;
  line-height:1.12;
  font-weight:900;
  letter-spacing:-.8px;
}
.hero-slogan{
  margin:4px 0 6px;
  color:#0752ad;
  font-size:8px;
  line-height:1.25;
  font-weight:400;
  letter-spacing:.5px;
}
.hero-callout{
  width:155px;
  min-height:38px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:5px 7px;
  background:#d8f8f8;
  color:#09b7c2;
}
.hero-callout strong{
  display:block;
  font-size:7px;
  line-height:1.22;
  font-weight:900;
}
.hero-callout span{
  display:block;
  font-size:6px;
  line-height:1.42;
  font-weight:900;
}
.hero-screen{
  margin:0;
  padding-top:0;
  overflow:hidden;
}
.hero-screen img{
  display:block;
  width:186px;
  height:112px;
  object-fit:fill;
  object-position:center center;
}
.promise-section{
  padding:16px 18px 0;
}
.promise-table,
.pain-table,
.offer-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  display:table!important;
  overflow:visible!important;
  background:transparent!important;
}
.promise-table th,
.promise-table td,
.pain-table th,
.pain-table td,
.offer-table th,
.offer-table td{
  border:0!important;
  background:transparent!important;
  padding:0!important;
}
.promise-table td{
  width:25%;
  text-align:center;
  color:#0752ad;
  font-size:6.2px;
  line-height:1.42;
  font-weight:900;
  vertical-align:top;
}
.promise-table span{
  display:block;
  width:16px;
  height:3px;
  margin:0 auto 6px;
  background:radial-gradient(circle,#0752ad 1px,transparent 1.4px) 0 0/3px 3px repeat-x;
}
.pain-section{
  margin:16px 18px 0!important;
  text-align:center;
}
.pain-section h2{
  margin:0;
  color:#09b7c2;
  font-size:13px;
  line-height:1.18;
  font-weight:900;
  letter-spacing:-.3px;
}
.pain-section>p{
  margin:4px 0 12px;
  color:#7d7d7d;
  font-size:5.3px;
  line-height:1.35;
  font-weight:900;
}
.pain-table{
  border-spacing:0 0;
}
.pain-table td{
  width:25%;
  height:38px;
  text-align:left;
  vertical-align:top;
  padding:0 4px!important;
}
.pain-table em{
  display:block;
  margin:0 0 2px;
  color:#8a8a8a;
  font-size:13px;
  line-height:1;
  font-style:normal;
  font-weight:300;
}
.pain-table strong{
  display:block;
  color:#0752ad;
  font-size:6px;
  line-height:1.18;
  font-weight:900;
}
.pain-table span{
  display:block;
  max-width:68px;
  margin-top:3px;
  color:#777;
  font-size:4.3px;
  line-height:1.45;
  font-weight:700;
}
.offer-section{
  display:grid;
  grid-template-columns:84px 36px 1fr;
  gap:6px;
  align-items:center;
  padding:17px 18px 0;
}
.host-note h2{
  margin:0 0 2px;
  color:#09b7c2;
  font-size:5px;
  line-height:1.2;
  font-weight:900;
}
.host-note p{
  margin:0;
  color:#09b7c2;
  font-size:3.2px;
  line-height:1.45;
  font-weight:800;
}
.offer-mascot{
  display:block;
  width:31px;
  height:auto;
  justify-self:center;
}
.offer-table{
  border-spacing:7px 0;
}
.offer-table caption{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.offer-table td{
  width:33.333%;
  vertical-align:top;
}
.offer-table a,
.offer-card{
  display:block;
  min-height:36px;
  border:1px solid #0752ad;
  border-radius:5px;
  padding:4px 4px 3px;
  color:#777;
}
.offer-table strong{
  display:block;
  color:#09b7c2;
  font-size:5.6px;
  line-height:1.1;
  font-weight:900;
}
.offer-table span{
  display:block;
  min-height:10px;
  margin:2px 0 1px;
  color:#777;
  font-size:3.5px;
  line-height:1.25;
  font-weight:800;
}
.offer-table b{
  display:block;
  color:#0a0a0a;
  font-size:8px;
  line-height:1;
  font-weight:900;
}
.offer-table small{
  font-size:5px;
}
.offer-table i{
  display:block;
  margin-top:1px;
  color:#777;
  font-size:3.1px;
  line-height:1.2;
  font-style:normal;
  font-weight:700;
}
.module-section{
  display:grid;
  grid-template-columns:120px 1fr;
  column-gap:28px;
  margin:17px 18px 0!important;
  align-items:start;
}
.module-lead h2{
  margin:0;
  color:#0752ad;
  font-size:23px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:-.7px;
}
.module-lead p{
  margin:7px 0 5px;
  color:#777;
  font-size:5px;
  line-height:1.65;
  font-weight:800;
}
.module-lead a{
  width:96px;
  height:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #0752ad;
  border-radius:3px;
  color:#0752ad;
  font-size:4.6px;
  font-weight:900;
}
.module-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:18px;
  row-gap:8px;
  padding-top:18px;
}
.module-list article{
  position:relative;
  min-height:25px;
  padding-left:9px;
}
.module-list i{
  position:absolute;
  left:0;
  top:2px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#09b7c2;
}
.module-list h3{
  margin:0 0 2px;
  color:#777;
  font-size:4.5px;
  line-height:1.2;
  font-weight:900;
}
.module-list p{
  margin:0;
  color:#777;
  font-size:4.4px;
  line-height:1.52;
  font-weight:700;
}
.home-footer{
  display:grid;
  grid-template-columns:1fr 74px;
  column-gap:14px;
  margin:12px 18px 0!important;
  align-items:start;
}
.footer-line{
  height:1px;
  background:#8b8b8b;
  margin:0 0 4px;
}
.footer-row{
  display:flex;
  align-items:center;
  gap:5px;
}
.footer-row img{
  width:47px;
  height:16px;
  object-fit:contain;
  object-position:left center;
}
.footer-row p{
  margin:0;
  color:#777;
  font-size:4.7px;
  line-height:1.45;
  font-weight:800;
}
.footer-contact{
  display:grid;
  grid-template-columns:1fr 28px;
  gap:5px;
  align-items:end;
  padding-top:3px;
}
.footer-contact p{
  margin:0;
  color:#777;
  font-size:4.2px;
  line-height:1.45;
  text-align:right;
  font-weight:800;
}
.footer-contact img{
  display:block;
  width:28px;
  height:28px;
  object-fit:cover;
  background:#fff;
}

.home-faq-section{
  margin:14px 18px 0!important;
  padding:8px 10px 10px;
  border:1px solid #dbecef;
  border-radius:7px;
  background:#fff;
  box-shadow:0 5px 12px rgba(20,50,58,.04);
}
.home-faq-section h2{
  margin:0 0 6px;
  color:#14323a;
  font-size:7px;
  line-height:1.25;
  font-weight:900;
}
.home-faq-list{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
}
.home-faq-list article{
  min-width:0;
}
.home-faq-list h3{
  margin:0 0 3px;
  color:#14abb6;
  font-size:4.8px;
  line-height:1.25;
  font-weight:700;
}
.home-faq-list p{
  margin:0;
  color:#4f5f67;
  font-size:3.8px;
  line-height:1.55;
  font-weight:400;
}

/* 首页浅色版修正：取消黑色底，正文说明文字使用常规字重 */
.home-page{
  background:#f5f9ff!important;
  color:#536173!important;
}
.home-scale-shell,
.home-artboard{
  background:#f5f9ff!important;
}
.site-logo,
.footer-row img{
  background:transparent!important;
}
.hero-line,
.footer-line{
  background:#b8c6d8!important;
}
.hero-callout{
  background:#d9fbff!important;
}
.promise-table td{
  font-weight:500!important;
}
.pain-section>p,
.pain-table span,
.host-note p,
.offer-table span,
.offer-table i,
.module-lead p,
.module-list p,
.footer-row p,
.footer-contact p{
  font-weight:400!important;
}
.pain-table strong,
.module-list h3{
  font-weight:700!important;
}
.offer-table a,
.offer-card{
  background:#fff!important;
}
.pain-table em{
  font-weight:300!important;
}

/* 首页备注微调：边框、字重、字距、数字字体 */
.hero-line,
.footer-line{
  height:.45px!important;
  background:#c7d2df!important;
}
.site-nav a{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-weight:500!important;
  line-height:1!important;
}
.hero-callout strong,
.hero-callout span{
  font-weight:700!important;
}
.promise-table td{
  font-weight:600!important;
}
.promise-table span{
  width:auto!important;
  height:auto!important;
  margin:0 auto 5px!important;
  background:none!important;
  color:#0752ad!important;
  font-size:6px!important;
  line-height:1!important;
  font-weight:700!important;
}
.promise-table span::before{
  content:"……";
}
.pain-section>p{
  font-weight:300!important;
  letter-spacing:.5px!important;
}
.pain-table em{
  font-family:"HelveticaHv",Arial,sans-serif!important;
  font-weight:900!important;
}
.host-note h2{
  font-size:6.5px!important;
}
.host-note p{
  font-size:4.5px!important;
}
.offer-table a,
.offer-card{
  border:0!important;
  box-shadow:inset 0 0 0 .45px #0752ad!important;
}
.module-lead a{
  border:0!important;
  box-shadow:inset 0 0 0 .45px #0752ad!important;
  font-weight:700!important;
  letter-spacing:.5px!important;
}
.module-list h3{
  font-size:6px!important;
}

/* 首页备注二次微调：白底、极细线、按钮居中与字重 */
.home-page,
.home-scale-shell,
.home-artboard{
  background:#fff!important;
}
.hero-line,
.footer-line{
  height:.1px!important;
  background:#d7dfe8!important;
}
.site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding-top:7px!important;
}
.site-nav a{
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
}
.promise-table td{
  font-weight:400!important;
}
.hero-callout strong,
.hero-callout span{
  line-height:1.45!important;
}
.pain-table em{
  color:#c2c2c2!important;
}
.module-lead a{
  font-weight:500!important;
}

/* 首页最终微调：顶部按钮文字独立居中，分割线使用 1px 低透明度浅灰 */
.hero-line,
.footer-line{
  height:1px!important;
  background:rgba(215,223,232,.24)!important;
}
.site-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  padding-top:7px!important;
}
.site-nav a{
  width:29px!important;
  height:9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  border:0!important;
  border-radius:2px!important;
  background:#064da9!important;
  color:#fff!important;
  overflow:hidden!important;
}
.site-nav a span{
  display:flex!important;
  width:100%!important;
  height:100%!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:4px!important;
  line-height:9px!important;
  font-weight:500!important;
  letter-spacing:.1px!important;
  transform:translateY(-.35px)!important;
  white-space:nowrap!important;
}

/* 掌小印快速使用指南页 */
.guide-page{
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  background:#f6fbfc!important;
  color:#4f5f67!important;
  font-family:"ZXY Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",sans-serif!important;
  font-weight:300!important;
}
.guide-shell{
  --guide-main:#14abb6;
  --guide-dark:#14323a;
  --guide-text:#4f5f67;
  --guide-muted:#7a8990;
  --guide-line:#dbecef;
  width:min(1120px,calc(100% - 40px));
  margin:0 auto;
  padding:26px 0 54px;
}
.guide-hero{
  background:#fff;
  border:1px solid var(--guide-line);
  border-radius:22px;
  box-shadow:0 18px 50px rgba(20,171,182,.09);
  overflow:hidden;
}
.guide-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:20px 24px;
  border-bottom:1px solid rgba(219,236,239,.78);
}
.guide-logo img{
  display:block;
  width:168px;
  height:auto;
}
.guide-nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.guide-nav-actions a,
.guide-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(20,171,182,.36);
  color:var(--guide-main);
  background:#fff;
  text-decoration:none;
  font-weight:500;
  font-size:14px;
}
.guide-btn.primary,
.guide-nav-actions a:hover{
  background:var(--guide-main);
  color:#fff;
  border-color:var(--guide-main);
  box-shadow:0 10px 24px rgba(20,171,182,.22);
}
.guide-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:30px;
  padding:48px 48px 44px;
  align-items:center;
}
.guide-kicker{
  margin:0 0 12px;
  color:var(--guide-main);
  font-size:15px;
  font-weight:500;
  letter-spacing:.08em;
}
.guide-hero h1{
  max-width:720px;
  margin:0;
  color:var(--guide-dark);
  font-size:44px;
  line-height:1.16;
  font-weight:700;
}
.guide-intro{
  max-width:690px;
  margin:18px 0 0;
  color:var(--guide-text);
  font-size:17px;
  line-height:1.9;
  font-weight:300;
}
.guide-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:26px;
}
.guide-summary{
  border-radius:18px;
  background:linear-gradient(180deg,#effbfc,#fff);
  border:1px solid var(--guide-line);
  padding:22px 24px;
}
.guide-summary strong{
  display:block;
  color:var(--guide-dark);
  font-size:18px;
  font-weight:700;
  margin-bottom:12px;
}
.guide-summary ol{
  margin:0;
  padding-left:22px;
  color:var(--guide-text);
  line-height:2;
  font-weight:300;
}
.guide-layout{
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:28px;
  align-items:start;
  margin-top:28px;
}
.guide-toc{
  position:sticky;
  top:18px;
  display:grid;
  gap:8px;
  padding:14px;
  border:1px solid var(--guide-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 34px rgba(20,50,58,.05);
}
.guide-toc a{
  color:#607178;
  text-decoration:none;
  border-radius:12px;
  padding:10px 12px;
  font-size:14px;
  font-weight:500;
}
.guide-toc a:hover{
  background:#effbfc;
  color:var(--guide-main);
}
.guide-steps{
  display:grid;
  gap:18px;
}
.guide-step{
  position:relative;
  border:1px solid var(--guide-line);
  border-radius:20px;
  background:#fff;
  padding:28px 32px 30px 96px;
  box-shadow:0 14px 38px rgba(20,50,58,.05);
}
.guide-step-no{
  position:absolute;
  left:28px;
  top:26px;
  color:var(--guide-main);
  font-family:"HelveticaHv",Arial,sans-serif;
  font-size:28px;
  font-weight:900;
  line-height:1;
}
.guide-step h2{
  margin:0 0 12px;
  color:var(--guide-dark);
  font-size:24px;
  line-height:1.35;
  font-weight:500;
}
.guide-step h3{
  margin:0 0 8px;
  color:var(--guide-dark);
  font-size:17px;
  font-weight:500;
}
.guide-step p,
.guide-step li{
  color:var(--guide-text);
  font-size:16px;
  line-height:1.9;
  font-weight:300;
}
.guide-step p{
  margin:0 0 12px;
}
.guide-step ul{
  margin:10px 0 0;
  padding-left:20px;
}
.guide-code-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(160px,1fr));
  gap:12px;
  margin:18px 0 4px;
}
.guide-code-grid div{
  border:1px solid var(--guide-line);
  border-radius:14px;
  background:#f8fcfd;
  padding:14px 16px;
}
.guide-code-grid span{
  display:block;
  color:var(--guide-muted);
  font-size:13px;
  font-weight:300;
  margin-bottom:5px;
}
.guide-code-grid strong{
  display:block;
  color:var(--guide-dark);
  font-size:22px;
  font-weight:700;
}
.guide-warning{
  border-left:4px solid var(--guide-main);
  background:#effbfc;
  border-radius:0 12px 12px 0;
  padding:10px 14px;
  color:#31545b!important;
}
.guide-tip-list{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.guide-tip-list div{
  border:1px solid var(--guide-line);
  border-radius:14px;
  padding:14px 16px;
  background:#f8fcfd;
}
.guide-tip-list b{
  display:block;
  color:var(--guide-dark);
  font-weight:500;
  margin-bottom:5px;
}
.guide-tip-list span{
  color:var(--guide-text);
  line-height:1.75;
  font-weight:300;
}
.guide-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.guide-feature-grid section{
  border:1px solid var(--guide-line);
  border-radius:16px;
  padding:16px 18px;
  background:#f8fcfd;
}
.guide-feature-grid p{
  margin:0;
  font-size:15px;
}
.guide-download-card{
  background:linear-gradient(135deg,#fff,#effbfc);
}
@media(max-width:860px){
  .guide-shell{width:min(100% - 24px,1120px);padding-top:14px;}
  .guide-nav{align-items:flex-start;flex-direction:column;}
  .guide-hero-grid{grid-template-columns:1fr;padding:32px 24px;}
  .guide-hero h1{font-size:32px;}
  .guide-layout{grid-template-columns:1fr;}
  .guide-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));}
  .guide-step{padding:72px 22px 24px;}
  .guide-step-no{left:22px;top:24px;}
  .guide-code-grid,.guide-feature-grid{grid-template-columns:1fr;}
}

/* 官网整体统一到快速指南页风格：1120px 宽度、#14abb6 主色、稳定字重 */
.guide-page,
.guide-page p,
.guide-page li,
.guide-page span,
.guide-page a,
.guide-page div{
  font-family:"ZXY Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",sans-serif!important;
}
.guide-step p,
.guide-step li,
.guide-feature-grid p,
.guide-tip-list span,
.guide-summary ol,
.guide-intro{
  font-weight:400!important;
}
.guide-step h2,
.guide-step h3,
.guide-toc a,
.guide-nav-actions a,
.guide-btn,
.guide-kicker,
.guide-tip-list b{
  font-weight:400!important;
}
.guide-hero h1,
.guide-summary strong,
.guide-code-grid strong{
  font-weight:900!important;
}
.home-page{
  background:#f6fbfc!important;
  color:#4f5f67!important;
  font-family:"ZXY Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",sans-serif!important;
}
.home-scale-shell{
  max-width:1120px!important;
  background:#f6fbfc!important;
}
.home-artboard{
  background:#f6fbfc!important;
  color:#4f5f67!important;
}
.home-artboard,
.home-artboard p,
.home-artboard span,
.home-artboard strong,
.home-artboard a,
.home-artboard td,
.home-artboard h2,
.home-artboard h3,
.home-artboard i{
  font-family:"ZXY Source Han Sans","Source Han Sans SC","Noto Sans CJK SC","Noto Sans SC","Microsoft YaHei",sans-serif!important;
}
.hero-copy h1,
.module-lead h2{
  color:#14323a!important;
  font-weight:900!important;
}
.pain-section h2,
.offer-table strong,
.host-note h2,
.host-note p{
  color:#14abb6!important;
}
.hero-slogan,
.promise-table td,
.pain-table strong,
.module-lead a{
  color:#14abb6!important;
}
.site-nav a{
  background:#14abb6!important;
  border-color:#14abb6!important;
  box-shadow:0 2px 6px rgba(20,171,182,.16)!important;
}
.hero-line,
.footer-line{
  background:rgba(219,236,239,.95)!important;
}
.hero-callout{
  background:#effbfc!important;
  color:#14abb6!important;
}
.hero-callout strong,
.hero-callout span{
  color:#14abb6!important;
}
.promise-table span{
  color:#14abb6!important;
  background:none!important;
}
.promise-table span::before{
  color:#14abb6!important;
}
.pain-table em{
  color:#c5d2d6!important;
}
.pain-section>p,
.pain-table span,
.offer-table span,
.offer-table i,
.module-lead p,
.module-list h3,
.module-list p,
.footer-row p,
.footer-contact p{
  color:#4f5f67!important;
}
.offer-table a,
.offer-card,
.module-lead a{
  border-color:#14abb6!important;
  box-shadow:inset 0 0 0 .45px #14abb6!important;
}
.module-list i{
  background:#14abb6!important;
}
.hero-slogan,
.pain-section>p,
.pain-table span,
.offer-table span,
.offer-table i,
.module-lead p,
.module-list p,
.footer-row p,
.footer-contact p{
  font-weight:400!important;
}
.promise-table td,
.pain-table strong,
.offer-table strong,
.host-note h2,
.module-list h3,
.module-lead a,
.site-nav a span{
  font-weight:400!important;
}

@media(max-width:640px){
  .home-page{
    padding:0!important;
    background:#f6fbfc!important;
    overflow-x:hidden!important;
  }
  .home-scale-shell{
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    margin:0!important;
    overflow:visible!important;
  }
  .home-artboard{
    position:relative!important;
    width:100%!important;
    min-height:0!important;
    transform:none!important;
    overflow:visible!important;
    padding:12px 12px 28px!important;
    box-sizing:border-box!important;
  }
  .site-hero-header{
    height:auto!important;
    display:grid!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:14px!important;
    padding:10px 0 0!important;
  }
  .site-logo{
    width:150px!important;
    height:auto!important;
  }
  .site-logo img{
    height:auto!important;
  }
  .site-nav{
    display:none!important;
  }
  .site-nav a{
    width:auto!important;
    height:42px!important;
    min-width:0!important;
    border-radius:12px!important;
    box-shadow:0 8px 18px rgba(20,171,182,.18)!important;
  }
  .site-nav a span{
    font-size:14px!important;
    line-height:1!important;
    transform:none!important;
    font-weight:500!important;
  }
  .site-home-main{
    display:grid!important;
    gap:16px!important;
    margin-top:16px!important;
  }
  .hero-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:0!important;
  }
  .hero-line{
    display:none!important;
  }
  .hero-copy{
    border:1px solid #dbecef!important;
    border-radius:20px!important;
    background:#fff!important;
    padding:24px 20px 20px!important;
    box-shadow:0 14px 34px rgba(20,50,58,.06)!important;
  }
  .hero-copy h1{
    font-size:38px!important;
    line-height:1.14!important;
    letter-spacing:0!important;
  }
  .hero-slogan{
    margin:10px 0 14px!important;
    font-size:18px!important;
    letter-spacing:0!important;
  }
  .hero-callout{
    width:auto!important;
    min-height:0!important;
    border-radius:14px!important;
    padding:14px 16px!important;
  }
  .hero-callout strong,
  .hero-callout span{
    font-size:16px!important;
    line-height:1.7!important;
  }
  .hero-screen{
    border:1px solid #dbecef!important;
    border-radius:18px!important;
    background:#fff!important;
    overflow:hidden!important;
    box-shadow:0 12px 30px rgba(20,50,58,.05)!important;
  }
  .hero-screen img{
    width:100%!important;
    height:auto!important;
    display:block!important;
    object-fit:contain!important;
  }
  .promise-section,
  .pain-section,
  .offer-section,
  .module-section,
  .home-footer{
    margin:0!important;
    padding:0!important;
  }
  .promise-table,
  .promise-table tbody,
  .promise-table tr{
    display:block!important;
  }
  .promise-table td{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:auto!important;
    padding:18px 14px!important;
    border:1px solid #dbecef!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 28px rgba(20,50,58,.05)!important;
    font-size:0!important;
    text-align:left!important;
    margin-bottom:10px!important;
  }
  .promise-table td br{
    display:none!important;
  }
  .promise-table td{
    color:#14323a!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  .promise-table span{
    margin:0!important;
    font-size:18px!important;
  }
  .pain-section{
    border:1px solid #dbecef!important;
    border-radius:20px!important;
    background:#fff!important;
    padding:24px 18px!important;
    box-shadow:0 14px 34px rgba(20,50,58,.06)!important;
  }
  .pain-section h2{
    font-size:28px!important;
    line-height:1.25!important;
    letter-spacing:0!important;
    text-align:left!important;
  }
  .pain-section>p{
    margin:10px 0 18px!important;
    font-size:15px!important;
    line-height:1.75!important;
    letter-spacing:0!important;
    text-align:left!important;
  }
  .pain-table,
  .pain-table tbody,
  .pain-table tr{
    display:block!important;
  }
  .pain-table td{
    display:block!important;
    width:auto!important;
    height:auto!important;
    padding:14px 0!important;
    border-top:1px solid rgba(219,236,239,.9)!important;
  }
  .pain-table em{
    font-size:24px!important;
    margin:0 0 6px!important;
  }
  .pain-table strong{
    font-size:18px!important;
    line-height:1.35!important;
  }
  .pain-table span{
    max-width:none!important;
    margin-top:7px!important;
    font-size:15px!important;
    line-height:1.75!important;
  }
  .offer-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .host-note{
    border:1px solid #dbecef!important;
    border-radius:18px!important;
    background:#fff!important;
    padding:18px!important;
  }
  .host-note h2{
    font-size:20px!important;
    line-height:1.35!important;
  }
  .host-note p{
    margin-top:8px!important;
    font-size:15px!important;
    line-height:1.7!important;
  }
  .offer-mascot{
    display:none!important;
  }
  .offer-table,
  .offer-table tbody,
  .offer-table tr{
    display:block!important;
  }
  .offer-table td{
    display:block!important;
    width:auto!important;
    margin-bottom:10px!important;
  }
  .offer-table a,
  .offer-card{
    min-height:0!important;
    border-radius:18px!important;
    padding:18px!important;
    background:#fff!important;
    box-shadow:inset 0 0 0 1px #dbecef,0 12px 28px rgba(20,50,58,.05)!important;
    pointer-events:none!important;
    cursor:default!important;
  }
  .offer-table strong{
    font-size:20px!important;
  }
  .offer-table span{
    min-height:0!important;
    margin:8px 0 14px!important;
    font-size:15px!important;
    line-height:1.65!important;
  }
  .offer-table b{
    font-size:28px!important;
  }
  .offer-table small{
    font-size:15px!important;
  }
  .offer-table i{
    margin-top:8px!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  .module-section{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
    border:1px solid #dbecef!important;
    border-radius:20px!important;
    background:#fff!important;
    padding:24px 18px!important;
    box-shadow:0 14px 34px rgba(20,50,58,.06)!important;
  }
  .module-lead h2{
    font-size:34px!important;
    line-height:1.2!important;
    letter-spacing:0!important;
  }
  .module-lead p{
    margin:12px 0 16px!important;
    font-size:15px!important;
    line-height:1.75!important;
  }
  .module-lead a{
    width:100%!important;
    height:42px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .module-list{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding-top:0!important;
  }
  .module-list article{
    min-height:0!important;
    padding-left:18px!important;
  }
  .module-list i{
    top:6px!important;
    width:7px!important;
    height:7px!important;
  }
  .module-list h3{
    font-size:18px!important;
    line-height:1.35!important;
  }
  .module-list p{
    margin-top:5px!important;
    font-size:15px!important;
    line-height:1.75!important;
  }
  .home-faq-section{
    margin:0!important;
    padding:24px 18px!important;
    border-radius:20px!important;
    box-shadow:0 14px 34px rgba(20,50,58,.06)!important;
  }
  .home-faq-section h2{
    margin-bottom:14px!important;
    font-size:26px!important;
    line-height:1.25!important;
  }
  .home-faq-list{
    grid-template-columns:1fr!important;
    gap:14px!important;
  }
  .home-faq-list article{
    padding-top:14px!important;
    border-top:1px solid rgba(219,236,239,.9)!important;
  }
  .home-faq-list article:first-child{
    padding-top:0!important;
    border-top:0!important;
  }
  .home-faq-list h3{
    font-size:18px!important;
    line-height:1.35!important;
  }
  .home-faq-list p{
    margin-top:6px!important;
    font-size:15px!important;
    line-height:1.75!important;
  }
  .home-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    border-top:1px solid #dbecef!important;
    padding-top:18px!important;
  }
  .footer-line{
    display:none!important;
  }
  .footer-row{
    align-items:flex-start!important;
    gap:10px!important;
  }
  .footer-row img{
    width:92px!important;
    height:auto!important;
  }
  .footer-row p{
    font-size:12px!important;
    line-height:1.8!important;
  }
  .footer-contact{
    grid-template-columns:1fr 72px!important;
    gap:12px!important;
    align-items:center!important;
    padding:0!important;
  }
  .footer-contact p{
    font-size:13px!important;
    line-height:1.6!important;
    text-align:left!important;
  }
  .footer-contact img{
    width:72px!important;
    height:72px!important;
    border-radius:10px!important;
  }
}

@media(max-width:480px){
  .guide-shell{
    width:100%!important;
    padding:0 12px 34px!important;
    box-sizing:border-box!important;
  }
  .guide-hero{
    border-radius:0 0 20px 20px!important;
    border-top:0!important;
  }
  .guide-nav{
    padding:14px!important;
    gap:12px!important;
  }
  .guide-logo img{
    width:146px!important;
  }
  .guide-nav-actions{
    display:none!important;
  }
  .guide-nav-actions a,
  .guide-btn{
    min-height:42px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .guide-hero-grid{
    padding:24px 18px 22px!important;
    gap:18px!important;
  }
  .guide-kicker{
    font-size:14px!important;
  }
  .guide-hero h1{
    font-size:30px!important;
    line-height:1.22!important;
  }
  .guide-intro{
    font-size:15px!important;
    line-height:1.8!important;
  }
  .guide-hero-actions{
    display:none!important;
  }
  .guide-summary{
    border-radius:16px!important;
    padding:18px!important;
  }
  .guide-layout{
    gap:16px!important;
    margin-top:16px!important;
  }
  .guide-toc{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    border-radius:16px!important;
    padding:10px!important;
  }
  .guide-toc a{
    padding:10px 8px!important;
    text-align:center!important;
    font-size:13px!important;
  }
  .guide-step{
    border-radius:18px!important;
    padding:66px 18px 22px!important;
  }
  .guide-step-no{
    left:18px!important;
    top:22px!important;
    font-size:26px!important;
  }
  .guide-step h2{
    font-size:22px!important;
  }
  .guide-step h3{
    font-size:17px!important;
  }
  .guide-step p,
  .guide-step li{
    font-size:15px!important;
    line-height:1.85!important;
  }
  .guide-code-grid strong{
    font-size:20px!important;
  }
}

/* 代理商与业绩统计 */
.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.agent-referral{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(20,171,182,.32);
  border-radius:12px;
  background:#effbfc;
  color:#0f6670;
}
.agent-referral strong{font-size:16px;color:#0b4f59}
.agent-referral span{font-size:13px;color:#4f6f76}
.agent-adjust-form,
.agent-admin-link{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:end;
  margin-top:16px;
  padding:14px;
  border:1px solid #dce8f4;
  border-radius:12px;
  background:#f8fbff;
}
.agent-page{
  max-width:560px;
  min-height:100vh;
  padding:18px 14px 40px;
  background:linear-gradient(180deg,#effbfc 0%,#f8fbff 46%,#fff 100%);
}
.agent-page .topbar{
  margin:-18px -14px 16px;
  padding:12px 14px;
  min-height:auto;
}
.agent-page .brand{font-size:16px}
.agent-page .brand-mark{width:34px;height:34px;border-radius:10px;font-size:17px}
.agent-page .nav-links{display:none}
.agent-page .top-actions{gap:8px}
.agent-page .top-actions .btn{min-height:34px;padding:6px 10px;font-size:12px}
.agent-login-card,
.agent-hero,
.agent-share-card,
.agent-month-card{
  border:1px solid rgba(20,171,182,.2);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 12px 30px rgba(20,86,110,.08);
  padding:18px;
  margin-bottom:14px;
}
.agent-login-head span,
.agent-kicker{
  color:#14abb6;
  font-size:13px;
  font-weight:700;
}
.agent-login-head h1,
.agent-hero h1{
  margin:4px 0 6px;
  color:#14323a;
  font-size:28px;
  line-height:1.15;
  font-weight:900;
}
.agent-login-head p,
.agent-hero p{
  margin:0 0 16px;
  color:#5d6f78;
  font-size:14px;
}
.agent-hero{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:14px;
}
.agent-hero p{margin-bottom:0}
.agent-share-card label,
.agent-month-form label{color:#14323a}
.agent-share-card input{font-size:13px;color:#0f6670;background:#f8fbff}
.agent-share-card .actions{margin-top:12px}
.agent-month-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
  align-items:end;
  margin-bottom:14px;
}
.agent-stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.agent-stat-grid article{
  min-height:86px;
  border-radius:14px;
  padding:12px;
  background:linear-gradient(135deg,#14abb6,#0d74c8);
  color:#fff;
}
.agent-stat-grid article:nth-child(2){background:linear-gradient(135deg,#19c19f,#12a9b8)}
.agent-stat-grid article:nth-child(3){background:linear-gradient(135deg,#ff8a3d,#f35f5f)}
.agent-stat-grid article:nth-child(4){background:linear-gradient(135deg,#6c8cff,#8b5cf6)}
.agent-stat-grid span{
  display:block;
  font-size:12px;
  opacity:.9;
}
.agent-stat-grid strong{
  display:block;
  margin-top:6px;
  font-size:24px;
  line-height:1.1;
}
.agent-order-panel{padding:16px}
.agent-order-panel .section-head h2{
  margin:0;
  font-size:20px;
  color:#14323a;
}
.agent-order-list{display:grid;gap:10px}
.agent-order-list article{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid #e1eef5;
  border-radius:12px;
  background:#fff;
}
.agent-order-list article>div{
  display:flex;
  justify-content:space-between;
  gap:12px;
}
.agent-order-list strong,
.agent-order-list b{color:#14323a}
.agent-order-list span,
.agent-order-list p{
  margin:0;
  color:#5d6f78;
  font-size:12px;
}

@media(max-width:680px){
  .agent-adjust-form,
  .agent-admin-link{
    grid-template-columns:1fr;
  }
  .agent-referral{
    display:grid;
  }
  .agent-page .topbar{
    flex-direction:row;
    align-items:center;
  }
}
.hero-copy h1,
.pain-section h2,
.module-lead h2,
.offer-table b{
  font-weight:900!important;
}