/* 秒冲官网共用样式（研究所站+公司站）2026-10-09 */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif; color:#223; line-height:1.7; background:#fff; }
.container { max-width:1080px; margin:0 auto; padding:0 20px; }
a { text-decoration:none; color:inherit; }

/* 导航 */
.nav { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.96); box-shadow:0 1px 8px rgba(0,0,0,.06); }
.nav-inner { display:flex; align-items:center; justify-content:space-between; height:64px; }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:17px; color:#0c3a5c; }
.logo-img { height:34px; width:auto; border-radius:6px; }
.nav nav a { margin-left:26px; font-size:15px; color:#445; }
.nav nav a:hover { color:#0a7d5c; }
.btn-sm { background:#0a7d5c; color:#fff!important; padding:7px 16px; border-radius:20px; }
.btn-sm:hover { background:#086a4e; }
.sister { border:1.5px solid #9fd8c4; color:#0a7d5c!important; padding:6px 14px; border-radius:20px; font-weight:600; }
.sister:hover { background:#eef7f3; }

/* Hero */
.hero { padding:110px 0 90px; color:#fff; }
.hero-inst { background:linear-gradient(135deg,#0c3a5c 0%,#0a5c46 100%); }
.hero-corp { background:linear-gradient(135deg,#12283f 0%,#0c5e53 100%); }
.hero h1 { font-size:42px; line-height:1.35; margin-bottom:20px; }
.hero .lead { font-size:17px; opacity:.92; margin-bottom:36px; }
.hero-cta a { display:inline-block; margin-right:14px; padding:13px 32px; border-radius:6px; font-size:16px; }
.btn-primary { background:#1fbf8f; color:#fff; }
.btn-primary:hover { background:#18a67c; }
.btn-ghost { border:1.5px solid rgba(255,255,255,.7); color:#fff; }
.btn-ghost:hover { background:rgba(255,255,255,.12); }

/* 数据条 */
.stats { background:#0c3a5c; color:#fff; padding:34px 0; }
.stats-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; text-align:center; }
.stats b { display:block; font-size:30px; color:#3fe0b0; }
.stats span { font-size:14px; opacity:.85; }

/* 区块 */
.section { padding:80px 0; }
.section-alt { background:#f6f9f8; }
.sec-title { font-size:32px; text-align:center; color:#0c3a5c; margin-bottom:12px; }
.sec-sub { text-align:center; color:#678; margin-bottom:44px; }

/* 卡片 */
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.cards-4 { grid-template-columns:repeat(4,1fr); }
.card { background:#fff; border-radius:12px; padding:30px 26px; box-shadow:0 3px 14px rgba(12,58,92,.07); transition:transform .25s, box-shadow .25s; }
.card:hover { transform:translateY(-5px); box-shadow:0 8px 24px rgba(12,58,92,.13); }
.card-icon { font-size:36px; margin-bottom:14px; }
.card h3 { color:#0c3a5c; margin-bottom:10px; font-size:18px; }
.card p { font-size:14.5px; color:#567; }

/* 两栏 */
.two-col { display:grid; grid-template-columns:1fr 1fr; gap:34px 48px; }
.two-col h3 { color:#0a5c46; margin-bottom:8px; font-size:18px; }
.two-col p, .note { color:#567; font-size:15px; }
.note { margin-top:26px; padding:14px 18px; background:#eef7f3; border-left:3px solid #1fbf8f; }

/* 时间线 */
.timeline { max-width:760px; margin:0 auto; }
.tl-item { position:relative; padding:0 0 30px 28px; border-left:2px solid #cfe8df; margin-left:8px; }
.tl-item::before { content:""; position:absolute; left:-8px; top:4px; width:14px; height:14px; border-radius:50%; background:#1fbf8f; }
.tl-item b { color:#0c3a5c; font-size:17px; display:block; margin-bottom:4px; }
.tl-item p { color:#567; font-size:15px; }

/* 技术路线横条 */
.tech-strip { background:#0a2a44; padding:16px 0; }
.tech-strip .container { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }
.tech-strip span { color:#5fd8b0; font-size:14.5px; font-weight:600; padding:5px 18px; border:1px solid rgba(95,216,176,.35); border-radius:20px; }

/* 新闻 */
.news-list { max-width:820px; margin:0 auto; }
.news-item { display:flex; gap:18px; padding:18px 0; border-bottom:1px dashed #d8e4de; }
.news-item .date { flex-shrink:0; background:#eef7f3; color:#0a5c46; font-weight:700; padding:4px 12px; border-radius:6px; height:fit-content; font-size:14px; }
.news-item p { color:#456; font-size:15px; }

/* 资质荣誉区 */
.section-honor { background:linear-gradient(180deg,#ffffff,#f5f9fc); }
.honor-lead { max-width:860px; margin:0 auto 36px; background:#0c3a5c; border-radius:14px; padding:30px 38px; position:relative; }
.quote-mark { position:absolute; top:6px; left:22px; font-size:72px; color:#5fd8b0; font-family:Georgia,serif; line-height:1; }
.quote-text { color:#e8f4f0; font-size:16.5px; line-height:1.8; padding-left:56px; margin:0; }

/* 船舶专区 */
.section-ship { background:linear-gradient(180deg,#f2f8f6,#ffffff); }
.ship-matrix { max-width:920px; margin:36px auto 0; }
.ship-matrix h3 { text-align:center; font-size:20px; color:#0c3a5c; margin-bottom:18px; }
.matrix-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.matrix-item { background:#fff; border:1px solid #dcebe5; border-radius:10px; padding:16px 18px; }
.matrix-item strong { display:block; color:#0a7d5c; font-size:15.5px; margin-bottom:6px; }
.matrix-item span { color:#456; font-size:14px; }
.ship-cases { display:flex; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:34px; }
.ship-stat { text-align:center; padding:14px 22px; background:#0c3a5c; border-radius:10px; min-width:130px; }
.ship-stat strong { display:block; font-size:24px; color:#5fd8b0; }
.ship-stat span { color:#cde; font-size:13px; }

/* CTA */
.cta { background:linear-gradient(135deg,#0c3a5c,#0a5c46); color:#fff; padding:70px 0; text-align:center; }
.cta h2 { font-size:28px; margin-bottom:14px; }
.cta p { opacity:.9; margin-bottom:8px; }
.contact-info { margin-top:24px; font-size:16px; }

footer { padding:26px 0; text-align:center; color:#89a; font-size:13.5px; background:#f2f6f5; }

/* 响应式 */
@media (max-width:860px) {
  .nav-inner { flex-wrap:nowrap; height:56px; }
  .nav-inner .logo { font-size:16px; }
  .nav-inner .logo-img { height:26px; }
  .nav-inner .logo span { display:none; }
  .nav-inner nav { flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .nav-inner nav::-webkit-scrollbar { display:none; }
  .nav nav a { flex:0 0 auto; margin-left:6px; padding:6px 8px; font-size:13.5px; }
  .nav nav .btn-sm { padding:5px 11px; font-size:12.5px; }
  .hero h1 { font-size:30px; }
  .stats-grid { grid-template-columns:repeat(2,1fr); }
  .cards { grid-template-columns:1fr 1fr; }
  .cards-4 { grid-template-columns:1fr 1fr; }
  .matrix-grid { grid-template-columns:1fr; }
  .two-col { grid-template-columns:1fr; }
  .nav nav a { margin-left:14px; font-size:13.5px; }
  .logo span { display:none; }
}
@media (max-width:560px) {
  .cards, .cards-4 { grid-template-columns:1fr; }
  .hero { padding:70px 0 60px; }
  .section { padding:56px 0; }
}


/* ==================== 修复层（导航自适应 + 图标 + 规范，2026-11-01） ==================== */
/* 导航：多分辨率自适应 */
.nav-inner { height:auto; min-height:64px; flex-wrap:wrap; row-gap:6px; padding:8px 0; }
.nav nav a { margin-left:10px; font-size:13.5px; }
.logo span { white-space:nowrap; }
.sister { padding:5px 10px; }
.btn-sm { padding:6px 12px; }
@media (max-width:1200px) {
  .logo span { display:none; }
}
@media (max-width:1150px) {
  .nav nav a { margin-left:8px; font-size:13px; }
  .sister { padding:4px 9px; }
  .btn-sm { padding:5px 10px; }
}
@media (max-width:1000px) and (min-width:861px) {
  .nav-inner > nav { flex:1 1 100%; text-align:left; }
}
@media (max-width:860px) {
  .nav-inner { height:56px; min-height:56px; flex-wrap:nowrap; padding:0; }
  .nav nav a { margin-left:12px; font-size:13.5px; padding:6px 8px; }
  .logo span { display:none; }
}
/* 卡片图标容器 */
.card-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#eef7f3; color:#0a7d5c; border-radius:10px; margin-bottom:14px; font-size:0; }
.card-icon svg { flex-shrink:0; }
.contact-info svg { vertical-align:-3px; margin-right:4px; }
.cta .contact-info a { color:#5fd8b0; font-weight:700; text-decoration:underline; }
footer { color:#56697a; font-size:14px; }
footer a { color:#56697a; }
:focus-visible { outline:3px solid #1fbf8f; outline-offset:2px; }
section[id] { scroll-margin-top:72px; }
/* ===== 手机端修复 v3（2026-11-02，真机视口 CDP 实测） ===== */
/* 1) 表单不再撑破页面（input 固有最小宽导致 452px 溢出） */
.inquiry-form input, .inquiry-form textarea, .inquiry-form button { min-width:0; width:100%; }
@media (max-width:560px) {
  .inquiry-form { grid-template-columns:1fr; }
  .inquiry-form textarea, .inquiry-form button { grid-column:auto; }
}
/* 2) 模组库保持两列（原 minmax(160px,1fr) 在 ≤376px 视口塌成 1 列巨卡） */
.mod-grid { grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); }
/* 3) ≤860px 汉堡菜单（替换横向滚动导航，真机不再显示半截链接） */
.nav { z-index:60; }
.menu-btn { display:none; background:#eef7f3; border:1px solid #cfe8df; color:#0a7d5c; border-radius:8px; padding:7px 12px; font-size:20px; line-height:1; cursor:pointer; margin-left:auto; }
@media (max-width:860px) {
  .nav-inner { position:relative; height:auto; min-height:56px; flex-wrap:nowrap; padding:6px 0; }
  .menu-btn { display:block; }
  .nav-inner nav { display:none; position:absolute; top:100%; left:0; right:0; background:#fff; box-shadow:0 14px 30px rgba(12,58,92,.18); border-radius:0 0 12px 12px; padding:6px 14px 12px; flex-direction:column; align-items:stretch; overflow:visible; white-space:normal; }
  .nav-inner nav.open { display:flex; }
  .nav nav a { margin:0; padding:13px 6px; font-size:15.5px; border-bottom:1px solid #eef2f0; text-align:left; }
  .nav nav a:last-child { border-bottom:none; }
  .nav nav .sister:first-of-type { margin-left:0; }
}