body[data-page="home"] .hero,body[data-page="home"] .hero-image{height:500px}body[data-page="home"] .trust-strip{height:100px;margin-top:12px}body[data-page="home"] .newsletter{height:110px;margin-top:10px}
body[data-page="bonus"] .subhero,body[data-page="bonus"] .subhero .hero-image{height:350px}body[data-page="bonus"] .quick-six{height:115px}body[data-page="bonus"] .newsletter{height:105px;margin-top:8px}
body[data-page="guides"] .subhero,body[data-page="guides"] .subhero .hero-image{height:350px}body[data-page="guides"] .quick-six{height:110px}body[data-page="guides"] .newsletter{height:105px;margin-top:8px}
body[data-page="app"] .subhero,body[data-page="app"] .subhero .hero-image{height:390px}body[data-page="app"] .newsletter{height:105px;margin-top:8px}
.login-page .subhero,.login-page .subhero .hero-image{height:470px}.login-page .subhero{padding-top:50px}.login-page .subhero .hero-image{width:522px}.login-page .subhero p{width:350px}.login-page .steps{grid-template-columns:repeat(5,1fr);height:250px}.login-page .newsletter{height:160px;margin-top:12px}
.app-preview-image{display:block;width:780px;height:365px;margin:0 auto;object-fit:cover;border-radius:12px}.app-page .steps{grid-template-columns:repeat(5,1fr);height:205px}.app-page .help-banner{height:75px}.app-page .pink-benefits{height:190px}
.bonus-page .filters{height:55px;margin:0 34px;display:flex;gap:12px}.bonus-page .filters button{padding:0 25px;border:1px solid var(--line);border-radius:8px;background:#fff}.bonus-page .filters button:last-child{margin-left:auto}.bonus-page .bonus-list article{height:150px}.bonus-page .bonus-list .offer{line-height:2}.bonus-page .help-banner{height:95px}.bonus-page .faq summary{padding:9px 15px}
.login-steps article{position:relative;padding:25px 10px}.login-steps i{position:absolute;top:8px;left:16px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--red);color:#fff;font-size:12px;font-style:normal;font-weight:800}.login-safe{height:110px;display:flex;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:22px}.login-safe h3{color:var(--red)}.login-issues{height:240px;margin:0 34px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.login-issues article{padding:18px 14px;text-align:center;border:1px solid var(--line);border-radius:13px;background:#fff}.login-issues img{width:72px;height:72px;object-fit:contain}.login-issues h3{margin:7px 0 9px;font-size:15px}.login-issues p{min-height:38px;margin:0;color:var(--muted);font-size:12px;line-height:1.4}.login-issues button{margin-top:12px;border:0;background:none;color:var(--red);font-size:12px;font-weight:800}.login-page .faq{height:225px}.login-page .faq details{margin-bottom:6px}.login-page .faq summary{padding:14px 15px}.login-support{padding-left:165px}.login-support>img{left:24px;width:140px;height:145px}.login-support .support-actions{position:absolute;right:24px;top:55px;display:flex;gap:10px}.login-support .support-actions button{height:48px}.login-support h3,.login-support p{max-width:280px}
.guides-page .featured-list article{height:120px;grid-template-columns:160px 1fr 140px}.guides-page .featured-list img{width:145px;height:100px}.popular-mini article{height:55px;display:grid;grid-template-columns:55px 1fr 120px;align-items:center;padding:7px 14px;border-bottom:1px solid var(--line)}.popular-mini article:last-child{border:0}.popular-mini b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:var(--red);background:var(--pale)}.popular-mini h3{margin:0;font-size:14px}.popular-mini span{color:var(--red);font-size:12px}

/* 2026-07-13 annotation corrections — source: docs/300站-UI图/模板15 */
body[data-page="home"] .actions-row a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

body[data-page="home"] .stats-four article {
  padding: 0 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

body[data-page="home"] .stats-four img {
  width: 55px;
  height: 55px;
  flex: 0 0 55px;
  object-fit: contain;
  border-radius: 0;
}

body[data-page="home"] .stats-four h3 {
  margin: 5px 0 3px;
}

.app-page .help-banner,
.bonus-page .help-banner {
  padding: 13px 22px 13px 82px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  column-gap: 18px;
  align-items: center;
  background-image: url("assets/tpl15/icons/quick-4.png");
  background-repeat: no-repeat;
  background-position: 22px center;
  background-size: 48px 48px;
}

.app-page .help-banner h3,
.bonus-page .help-banner h3 {
  grid-column: 1;
  grid-row: 1;
  margin: 0 0 3px;
}

.app-page .help-banner p,
.bonus-page .help-banner p {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  line-height: 1.35;
}

.app-page .help-banner button,
.bonus-page .help-banner button {
  grid-column: 2;
  grid-row: 1 / 3;
  margin: 0;
  align-self: center;
}