:root { --page-bg:#f5f6f8; --page-text:#12151a; --page-muted:#6f7782; --page-border:#e4e7eb; --page-blue:#2563ff; }
*{box-sizing:border-box} body{margin:0;background:var(--page-bg);color:var(--page-text);font-family:var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",Arial,sans-serif)} a{color:inherit;text-decoration:none}.page-nav{height:68px;background:#fff;border-bottom:1px solid var(--page-border)}.page-nav__inner{height:100%;max-width:1240px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:32px}.page-brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.12em;color:#79808a}.page-brand img{width:72px;height:28px;object-fit:contain}.page-nav nav{display:flex;align-items:center;gap:24px;font-size:14px}.page-nav nav a:hover,.page-nav nav a.is-active{color:var(--page-blue)}.page-account{margin-left:auto;font-size:14px;font-weight:600}.page-main{max-width:1120px;margin:0 auto;padding:70px 28px 96px}.page-kicker{margin:0 0 10px;color:var(--page-blue);font-size:12px;letter-spacing:.12em;font-weight:700}.page-title{margin:0;font-size:42px;line-height:1.15;letter-spacing:0}.page-lead{max-width:650px;margin:18px 0 0;color:var(--page-muted);font-size:17px;line-height:1.8}.about-hero-image{margin:38px 0 0;overflow:hidden;border:1px solid var(--page-border);border-radius:12px;background:#fff}.about-hero-image img{display:block;width:100%;max-height:480px;object-fit:cover}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:54px}.about-feature{min-height:340px;padding:38px;background:#10151e;color:#fff;border-radius:12px}.about-feature img{width:116px;height:44px;object-fit:contain;filter:invert(1)}.about-feature h2{margin:64px 0 12px;font-size:31px;line-height:1.25}.about-feature p{max-width:450px;margin:0;color:#c7ced9;line-height:1.8}.about-points{display:grid;gap:12px}.about-point{padding:25px 26px;background:#fff;border:1px solid var(--page-border);border-radius:12px}.about-point strong{display:block;font-size:17px}.about-point span{display:block;margin-top:7px;color:var(--page-muted);line-height:1.6}.about-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.about-flow>div{padding:24px;background:#fff;border-top:2px solid var(--page-text)}.about-flow span{display:block;color:var(--page-muted);font-size:12px}.about-flow strong{display:block;margin-top:36px;font-size:18px}.news-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.news-tabs{display:flex;gap:10px}.news-tabs button{border:1px solid var(--page-border);background:#fff;padding:9px 14px;border-radius:6px;color:#454b54;cursor:pointer}.news-tabs button.is-active{border-color:#171a1f;background:#171a1f;color:#fff}.news-list{display:grid;gap:14px;margin-top:42px}.news-item{display:grid;grid-template-columns:190px 1fr auto;gap:24px;align-items:center;min-height:140px;padding:18px;background:#fff;border:1px solid var(--page-border);border-radius:12px}.news-item__cover{width:190px;height:104px;border-radius:8px;background:#edf1f6;overflow:hidden}.news-item__cover img{width:100%;height:100%;object-fit:cover}.news-item__type{color:var(--page-blue);font-size:12px;font-weight:700}.news-item h2{margin:7px 0;font-size:19px}.news-item p{margin:0;color:var(--page-muted);line-height:1.6}.news-item time{color:#8c939d;font-size:13px;white-space:nowrap}.news-empty{padding:64px 0;color:var(--page-muted);text-align:center}.news-detail{max-width:760px;margin:0 auto}.news-detail__meta{display:flex;gap:12px;color:var(--page-muted);font-size:13px;margin-top:18px}.news-detail__cover{width:100%;max-height:400px;object-fit:cover;margin-top:32px;border-radius:12px}.news-detail__content{margin-top:28px;font-size:16px;line-height:1.9;white-space:pre-wrap}.page-footer{padding:26px 28px;border-top:1px solid var(--page-border);background:#fff;color:#858c96;font-size:13px}.page-footer__inner{max-width:1120px;margin:0 auto;display:flex;justify-content:space-between;gap:20px}.page-footer nav{display:flex;flex-wrap:wrap;gap:16px}.page-footer nav a:hover{color:var(--page-blue)}@media(max-width:760px){.page-nav{height:auto}.page-nav__inner{padding:14px 18px;gap:16px;flex-wrap:wrap}.page-nav nav{order:3;width:100%;overflow-x:auto;gap:18px;padding-bottom:2px}.page-account{margin-left:auto}.page-main{padding:44px 18px 64px}.page-title{font-size:34px}.about-grid{grid-template-columns:1fr}.about-flow{grid-template-columns:1fr}.news-head{align-items:start;flex-direction:column}.news-item{grid-template-columns:1fr;gap:12px}.news-item__cover{width:100%;height:180px}.news-item time{padding-top:8px}.page-footer__inner{display:grid}.page-footer nav{margin-top:8px}}


/* Keep the footer at the viewport edge on short content pages. */
html { min-height: 100%; background: var(--page-bg); }
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
.page-nav,
.page-footer { flex: 0 0 auto; }
.page-main {
  width: 100%;
  flex: 1 0 auto;
}

/* Shared responsive navigation and touch targets. */
.page-nav nav { white-space: nowrap; }
.page-nav nav a { flex: 0 0 auto; }
.news-tabs button { min-height: 44px; touch-action: manipulation; }

@media (max-width: 760px) {
  .page-nav__inner { align-content: center; }
  .page-nav nav {
    flex-wrap: nowrap;
    scrollbar-width: none;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }
  .page-nav nav::-webkit-scrollbar { display: none; }
  .page-nav nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .page-brand { min-width: 0; }
  .page-brand span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .news-tabs { width: 100%; overflow-x: auto; scrollbar-width: none; }
  .news-tabs::-webkit-scrollbar { display: none; }
  .news-tabs button { flex: 0 0 auto; }
}