:root{--blue:#0b5d7a;--dark:#123;--muted:#64748b;--bg:#f3f8fb;--card:#fff}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Microsoft YaHei',sans-serif;line-height:1.7;color:var(--dark);background:var(--bg)}a{color:var(--blue);text-decoration:none}.site-header,.hero{background:linear-gradient(135deg,#07516c,#0f8baa);color:white;padding:34px max(24px,calc((100vw - 1080px)/2));}.brand{font-size:24px;font-weight:800;color:white}.hero h1{font-size:42px;margin:8px 0}.eyebrow{letter-spacing:.08em;opacity:.85}.button{display:inline-block;background:white;color:#07516c;padding:10px 18px;border-radius:999px;font-weight:700}.container{max-width:1080px;margin:24px auto;padding:0 20px}.card{background:var(--card);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 10px 30px rgba(15,68,88,.08)}.lead{font-size:18px;color:#334155}.tags span{display:inline-block;margin:0 8px 8px 0;padding:4px 10px;background:#e0f2fe;color:#07516c;border-radius:999px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.grid>div{background:#f8fafc;border-radius:14px;padding:14px}.contact{border:1px solid #bae6fd}.muted{color:var(--muted)}.page-list,.related{padding-left:22px}.page-list li,.related li{margin:10px 0}.site-footer{text-align:center;color:var(--muted);padding:30px}.breadcrumb{margin-bottom:14px;color:var(--muted)}

.figure-card{margin:1.3rem 0;padding:.75rem;border:1px solid #dbeafe;border-radius:18px;background:#f8fbff}
.figure-card img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:14px}
.figure-card figcaption{font-size:.92rem;color:#475569;margin-top:.55rem;line-height:1.7}
.home-visual{margin-top:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.home-visual img{width:100%;height:240px;object-fit:cover;border-radius:18px;box-shadow:0 16px 40px rgba(15,23,42,.16)}
.hero-main-image{display:block;margin:24px auto 18px;width:min(100%,760px);max-width:760px;overflow:hidden;border-radius:20px;box-shadow:0 18px 46px rgba(15,23,42,.22);background:rgba(255,255,255,.08)}
.hero-main-image img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover;border-radius:20px}
.hero-main-image figcaption{font-size:.92rem;line-height:1.65;margin:.55rem 0 0;color:rgba(255,255,255,.92)}
@media (max-width:760px){.hero h1{font-size:30px}.hero-main-image{width:min(100%,760px)}.hero-main-image img{max-height:300px}.home-visual img{height:190px}}
.human-note{font-size:.95rem;color:#475569;line-height:1.8}


.keyword-hero{padding:54px 20px;background:linear-gradient(135deg,#064e6a,#0e7490);color:#fff;border-radius:0 0 28px 28px}.keyword-hero a{color:#fff}.keyword-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.keyword-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.keyword-image{margin:22px 0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e2e8f0}.keyword-image img{display:block;width:100%;height:auto}.keyword-image figcaption{font-size:.95rem;color:#475569;padding:12px 16px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag-list span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:6px 10px}.note-box{background:#f8fafc;border-left:4px solid #0ea5e9;padding:14px 16px;border-radius:12px}.xhs-list li{margin:8px 0;line-height:1.75}


.more-hero{padding:52px 20px;background:linear-gradient(135deg,#0f766e,#155e75);color:#fff;border-radius:0 0 30px 30px}.more-hero a{color:#fff}.entry-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.entry-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.entry-image{margin:22px 0;background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e2e8f0}.entry-image img{display:block;width:100%;height:auto}.entry-image figcaption{padding:10px 14px;color:#475569;font-size:.95rem}.xhs-copy{background:#fff7ed;border-left:4px solid #fb923c;padding:14px 16px;border-radius:14px}.quick-list li{margin:.42rem 0}.mini-nav a{display:inline-block;margin:4px 8px 4px 0;padding:6px 10px;border-radius:999px;background:#e0f2fe;text-decoration:none;color:#075985}.note{color:#475569}.contact-box{background:#ecfeff;border:1px solid #67e8f9;border-radius:18px;padding:16px;font-weight:600}

.hero-photo{margin:24px 0;border-radius:18px;overflow:hidden;background:#f3f7fb;box-shadow:0 8px 24px rgba(15,43,71,.08)}
.hero-photo img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover}
.hero-photo figcaption{font-size:14px;color:#5b6b7a;padding:10px 14px;margin:0}
.top-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.top-nav a{padding:8px 12px;border-radius:999px;background:#eef6ff;text-decoration:none;color:#15527a;font-size:14px}.eyebrow{color:#0b7a75;font-weight:700}.latest-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.latest-grid a{display:block;padding:14px;border-radius:14px;background:#f7fbff;text-decoration:none;color:#123}
.hero-main-image{margin:1.2rem auto 1rem;width:min(100%,760px);max-width:760px;border-radius:22px;overflow:hidden;background:#082f49;box-shadow:0 18px 45px rgba(2,8,23,.22)}
.hero-main-image img{display:block;width:100%;height:auto;max-height:430px;object-fit:cover}
.hero-main-image figcaption{margin:0;padding:.65rem 1rem;color:#e0f2fe;font-size:.92rem;line-height:1.6;background:rgba(2,8,23,.42)}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.photo-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;overflow:hidden;box-shadow:0 10px 28px rgba(15,68,88,.08)}.photo-card a{display:block;color:inherit}.photo-card img{width:100%;height:210px;object-fit:cover;display:block}.photo-card h2{font-size:1.08rem;margin:14px 16px 4px}.photo-card p{margin:0 16px 16px;color:#64748b}.photo-hero{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #dbeafe;box-shadow:0 14px 38px rgba(15,68,88,.10)}.photo-hero img{display:block;width:100%;max-height:620px;object-fit:cover}.photo-hero figcaption{padding:12px 16px;color:#475569;line-height:1.75}.photo-entry-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.photo-entry-links a{display:block;padding:12px 14px;border:1px solid #dbeafe;border-radius:14px;background:#f8fbff;font-weight:700}

/* hero-responsive-final-20260627: keep homepage hero image responsive, not fixed-height cropped */
.hero-main-image,
.hero-image{
  display:block;
  margin:24px auto 18px;
  width:100%;
  max-width:760px;
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 18px 46px rgba(15,23,42,.22);
  background:rgba(255,255,255,.08);
}
.hero-main-image img,
.hero-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  border-radius:20px;
}
@media (max-width:760px){
  .hero-main-image img,
  .hero-image img{max-height:none;}
}