@keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
:root {
  --g5-main: #2A5ADA;
  --g5-main-light: #e6eaff;
  --g5-bg: #f6f7fa;
  --g5-card: #fff;
  --g5-accent: #0ea5e9;
  --g5-radius: 16px;
  --g5-shadow: 0 2px 16px 0 rgba(42,90,218,0.07);
}
body {
  margin:0;
  font-family:'Segoe UI',Arial,sans-serif;
  background:var(--g5-bg);
  color:#23262c;
  min-height:100vh;
}
.g5-navbar {
  background:var(--g5-card);
  box-shadow:var(--g5-shadow);
  position:sticky;top:0;z-index:100;
}
.g5-nav-inner {
  max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;height:64px;
}
.g5-nav-logo {display:flex;align-items:center;text-decoration:none;}
.g5-logo-svg {margin-right:10px;}
.g5-logo-text {font-weight:700;font-size:1.18rem;color:var(--g5-main);letter-spacing:.05em;}
.g5-nav-links {display:flex;gap:24px;list-style:none;margin:0;padding:0;}
.g5-nav-link {color:#23262c;text-decoration:none;padding:8px 18px;border-radius:var(--g5-radius);transition:background .2s;}
.g5-nav-link.g5-on {background:var(--g5-main);color:#fff;box-shadow:0 2px 8px 0 rgba(42,90,218,.09);font-weight:700;}
.g5-nav-link:hover:not(.g5-on) {background:var(--g5-main-light);}

.g5-hero {background:linear-gradient(90deg,#f6f7fa 60%,#e6eaff 100%);padding:48px 0 32px;}
.g5-hero-content {max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 32px;flex-wrap:wrap;}
.g5-hero-main {flex:1 1 340px;}
.g5-hero-title {font-size:2.6rem;font-weight:800;margin:0 0 18px;line-height:1.1;color:var(--g5-main);}
.g5-hero-desc {font-size:1.18rem;margin:0 0 28px;color:#3d4260;}
.g5-hero-download {background:var(--g5-main);color:#fff;font-size:1.1rem;padding:14px 32px;border:none;border-radius:30px;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--g5-shadow);cursor:pointer;transition:background .18s;}
.g5-hero-download:hover {background:#1742a0;}
.g5-hero-art {flex:1 1 260px;text-align:right;}

.g5-features {max-width:1200px;margin:48px auto 0;padding:0 32px;}
.g5-sec-title {font-size:1.6rem;font-weight:700;margin:0 0 32px;color:var(--g5-main);}
.g5-feature-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;}
.g5-feature-card {background:var(--g5-card);border-radius:var(--g5-radius);box-shadow:var(--g5-shadow);padding:28px 22px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;transition:transform .18s;}
.g5-feature-card:hover {transform:translateY(-6px) scale(1.03);box-shadow:0 6px 28px 0 rgba(42,90,218,0.12);}
.g5-feature-icon {margin-bottom:8px;}
.g5-feature-card h3 {margin:0 0 6px;font-size:1.16rem;color:var(--g5-main);}
.g5-feature-card p {margin:0;font-size:1rem;color:#3d4260;}

.g5-platforms {max-width:1200px;margin:48px auto 0;padding:0 32px;}
.g5-platform-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;}
.g5-platform-card {background:var(--g5-card);border-radius:var(--g5-radius);box-shadow:var(--g5-shadow);padding:22px 18px;display:flex;align-items:center;gap:18px;}
.g5-platform-icon {flex-shrink:0;}
.g5-platform-info {flex:1;}
.g5-platform-name {font-size:1.1rem;font-weight:700;color:var(--g5-main);margin-bottom:2px;}
.g5-platform-desc {font-size:.98rem;color:#3d4260;margin-bottom:10px;}
.g5-platform-card button {background:var(--g5-accent);color:#fff;padding:8px 22px;border:none;border-radius:22px;font-size:.98rem;cursor:pointer;box-shadow:var(--g5-shadow);transition:background .18s;}
.g5-platform-card button:hover {background:#2563eb;}

.g5-detail {max-width:1200px;margin:56px auto 0;padding:0 32px;}
.g5-detail-list {display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.g5-detail-item {display:flex;align-items:flex-start;gap:20px;background:var(--g5-card);border-radius:var(--g5-radius);box-shadow:var(--g5-shadow);padding:24px 18px;}
.g5-detail-icon {flex-shrink:0;}
.g5-detail-content h3 {margin:0 0 8px;font-size:1.12rem;color:var(--g5-main);}
.g5-detail-content p {margin:0;color:#3d4260;}

.g5-reviews {max-width:1200px;margin:56px auto 0;padding:0 32px;}
.g5-review-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.g5-review-card {background:var(--g5-card);border-radius:var(--g5-radius);box-shadow:var(--g5-shadow);padding:20px 16px;}
.g5-review-user {font-weight:700;color:var(--g5-main);margin-bottom:2px;}
.g5-review-stars {color:#f59e42;font-size:1.1rem;margin-bottom:6px;}
.g5-review-text {color:#3d4260;font-size:.98rem;}

.g5-stats {max-width:1200px;margin:56px auto 0;padding:0 32px;}
.g5-stats-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;}
.g5-stat-item {background:var(--g5-main-light);border-radius:var(--g5-radius);padding:22px 0;text-align:center;box-shadow:0 1px 8px 0 rgba(42,90,218,.04);}
.g5-stat-num {font-size:2.1rem;font-weight:800;color:var(--g5-main);}
.g5-stat-label {display:block;color:#3d4260;margin-top:8px;font-size:.98rem;}

.g5-compare {max-width:1200px;margin:56px auto 0;padding:0 32px;}
.g5-compare-table-wrap {overflow-x:auto;}
.g5-compare-table {width:100%;border-collapse:collapse;background:var(--g5-card);border-radius:var(--g5-radius);overflow:hidden;box-shadow:var(--g5-shadow);}
.g5-compare-table th,.g5-compare-table td {padding:14px 12px;text-align:center;}
.g5-compare-table th {background:var(--g5-main-light);color:var(--g5-main);font-weight:700;}
.g5-compare-table td {color:#3d4260;}
.g5-compare-table tr:nth-child(even) td {background:#f2f5fa;}

.g5-faq {max-width:1200px;margin:56px auto 0;padding:0 32px;}
.g5-faq-list {display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.g5-faq-item {background:var(--g5-card);border-radius:var(--g5-radius);box-shadow:var(--g5-shadow);padding:18px 14px;}
.g5-faq-q {font-weight:700;color:var(--g5-main);margin-bottom:4px;}
.g5-faq-a {color:#3d4260;}

.g5-footer {background:var(--g5-main-light);margin-top:56px;padding:0;}
.g5-footer-inner {max-width:1200px;margin:0 auto;padding:24px 32px;display:flex;flex-direction:column;align-items:center;gap:10px;}
.g5-footer-sec {color:#15803d;font-weight:700;}
.g5-footer-note {color:#6b7280;font-size:.98rem;}

/* 下载页专属 */
.g5-dl-hero {background:linear-gradient(90deg,#e6eaff 60%,#f6f7fa 100%);padding:40px 0 24px;}
.g5-dl-hero-main {max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:0 32px;flex-wrap:wrap;}
.g5-dl-hero-info {flex:1 1 340px;}
.g5-dl-hero-info h1 {font-size:2.1rem;font-weight:800;margin:0 0 16px;color:var(--g5-main);}
.g5-dl-hero-info p {font-size:1.12rem;color:#3d4260;margin:0 0 18px;}
.g5-dl-btn {background:var(--g5-main);color:#fff;padding:13px 30px;border:none;border-radius:26px;font-size:1.06rem;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--g5-shadow);cursor:pointer;transition:background .18s;}
.g5-dl-btn:hover {background:#1742a0;}
.g5-dl-meta {margin-top:12px;color:#4b5563;font-size:.98rem;}
.g5-dl-hero-art {flex:1 1 180px;text-align:right;}
.g5-dl-platforms {max-width:1100px;margin:40px auto 0;padding:0 32px;}
.g5-dl-platform-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.g5-dl-platform-card {background:var(--g5-card);border-radius:var(--g5-radius);box-shadow:var(--g5-shadow);padding:20px 14px;display:flex;align-items:flex-start;gap:14px;}
.g5-dl-platform-icon {margin-top:7px;}
.g5-dl-platform-info {flex:1;}
.g5-dl-platform-name {font-weight:700;color:var(--g5-main);margin-bottom:2px;}
.g5-dl-platform-meta {color:#3d4260;font-size:.98rem;margin-bottom:8px;}
.g5-dl-platform-card button {background:var(--g5-accent);color:#fff;padding:8px 20px;border:none;border-radius:20px;font-size:.98rem;cursor:pointer;box-shadow:var(--g5-shadow);transition:background .18s;}
.g5-dl-platform-card button:hover {background:#2563eb;}
.g5-dl-platform-steps {font-size:.93rem;color:#6b7280;margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;}
.g5-dl-guide {max-width:900px;margin:36px auto 0;padding:0 32px;}
.g5-dl-steps {list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;}
.g5-step-num {display:inline-block;background:var(--g5-main);color:#fff;border-radius:50%;width:28px;height:28px;line-height:28px;text-align:center;font-weight:700;margin-right:10px;}
.g5-dl-require {max-width:900px;margin:36px auto 0;padding:0 32px;}
.g5-require-list {list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:16px;}
.g5-require-list li {background:var(--g5-main-light);border-radius:var(--g5-radius);padding:10px 18px;color:#23262c;}
.g5-dl-changelog {max-width:900px;margin:36px auto 0;padding:0 32px;}
.g5-changelog-list {list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;}
.g5-changelog-ver {display:inline-block;background:var(--g5-main);color:#fff;border-radius:10px;padding:2px 10px;font-size:.98rem;margin-right:8px;}
.g5-dl-faq {max-width:900px;margin:36px auto 0;padding:0 32px;}
.g5-safe-desc {background:var(--g5-main-light);color:#15803d;padding:16px 22px;border-radius:var(--g5-radius);font-weight:700;box-shadow:0 1px 8px 0 rgba(42,90,218,.04);}

/* SEO页专属 */
.g5-seo-main {max-width:900px;margin:40px auto 0;padding:0 32px;}
.g5-seo-title {font-size:2rem;font-weight:800;color:var(--g5-main);margin-bottom:24px;}
.g5-seo-para p {font-size:1.08rem;color:#3d4260;margin-bottom:14px;}
.g5-seo-features ul {padding-left:20px;}
.g5-seo-features li {margin-bottom:6px;font-size:1.02rem;color:#23262c;}
.g5-seo-safe {margin-top:22px;}
.g5-seo-tips {margin-top:22px;}
.g5-seo-tips ul {padding-left:20px;}
.g5-seo-tips li {margin-bottom:6px;}
.g5-seo-compare {margin-top:22px;}
.g5-seo-changelog {margin-top:22px;}
.g5-seo-changelog ul {padding-left:20px;}
.g5-seo-cta {margin:32px 0 0;text-align:center;}
.g5-cta-btn {display:inline-block;background:var(--g5-main);color:#fff;font-size:1.15rem;font-weight:700;padding:14px 38px;border-radius:30px;text-decoration:none;box-shadow:var(--g5-shadow);transition:background .18s;}
.g5-cta-btn:hover {background:#1742a0;}

@media (max-width:900px) {
  .g5-hero-content,.g5-nav-inner,.g5-features,.g5-platforms,.g5-detail,.g5-reviews,.g5-stats,.g5-compare,.g5-faq,.g5-footer-inner,.g5-dl-hero-main,.g5-dl-platforms,.g5-dl-guide,.g5-dl-require,.g5-dl-changelog,.g5-dl-faq,.g5-seo-main {padding-left:16px;padding-right:16px;}
  .g5-detail-list {grid-template-columns:1fr;}
}
@media (max-width:700px) {
  .g5-hero-content,.g5-dl-hero-main {flex-direction:column;gap:28px;text-align:center;}
  .g5-hero-art,.g5-dl-hero-art {text-align:center;}
  .g5-nav-inner {flex-direction:column;gap:10px;height:auto;padding-top:10px;padding-bottom:10px;}
  .g5-nav-links {gap:8px;}
  .g5-feature-grid,.g5-platform-grid,.g5-review-grid,.g5-stats-grid,.g5-faq-list,.g5-dl-platform-grid {grid-template-columns:1fr;}
  .g5-footer-inner {padding:18px 8px;}
}