@charset "UTF-8";
/* 顺驰官网 · 全站样式（全站共用一份，改这里全站生效） */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:"Microsoft YaHei","微软雅黑","PingFang SC","Segoe UI",sans-serif;color:#1c2b3a;background:#fff;line-height:1.75;font-size:16px}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
:focus-visible{outline:2px solid #185fa5;outline-offset:2px}

/* ---------- 顶栏 ---------- */
.top{background:#0c2a4a;color:#cfe3f7;font-size:13px;padding:7px 0}
.top .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;align-items:center}
.top b{color:#fff;font-weight:500}
.top a{color:#fff}
.top a:hover{text-decoration:underline}

/* ---------- 导航 ---------- */
.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5eaf0;z-index:99;box-shadow:0 1px 8px rgba(12,42,74,.04)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-size:22px;font-weight:600;color:#0c2a4a;letter-spacing:2px;display:flex;align-items:center;gap:8px}
.logo span{color:#1d9e75}
.logo .mark{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#0c2a4a,#1d9e75);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;letter-spacing:0;font-weight:600}
.menu{display:flex;gap:24px;font-size:15px;align-items:center}
.menu a{color:#33475c;padding:8px 0;border-bottom:2px solid transparent;white-space:nowrap}
.menu a:hover{color:#185fa5;border-color:#185fa5}
.menu a.on{color:#0c2a4a;font-weight:600;border-color:#1d9e75}
.menu .login{background:#1d9e75;color:#fff;padding:7px 16px;border-radius:6px;border:0}
.menu .login:hover{background:#178562;color:#fff}
.burger{display:none;background:none;border:0;font-size:24px;color:#0c2a4a;cursor:pointer;padding:4px 8px}

/* ---------- Hero ---------- */
.hero{background:linear-gradient(160deg,#0c2a4a 0%,#123a63 60%,#15507f 100%);color:#fff;padding:86px 0 66px;text-align:center}
.hero h1{font-size:40px;font-weight:600;letter-spacing:3px;line-height:1.35}
.hero p.sub{font-size:18px;color:#b8d2ec;margin-top:16px}
.hero .cta{margin-top:34px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.hero .tel{margin-top:24px;font-size:14px;color:#9dbddc}
.hero .tel b{font-size:20px;color:#fff;font-weight:600;letter-spacing:1px}
.page-hd{background:linear-gradient(160deg,#0c2a4a,#15507f);color:#fff;padding:52px 0 44px;text-align:center}
.page-hd h1{font-size:30px;font-weight:600;letter-spacing:2px}
.page-hd p{color:#b8d2ec;margin-top:10px;font-size:15px}
.crumb{font-size:13px;color:#9dbddc;margin-bottom:12px}
.crumb a:hover{color:#fff;text-decoration:underline}

/* ---------- 按钮 ---------- */
.btn{display:inline-block;padding:13px 32px;border-radius:6px;font-size:16px;cursor:pointer;border:0;font-family:inherit;transition:all .2s}
.btn-green{background:#1d9e75;color:#fff}
.btn-green:hover{background:#178562}
.btn-line{border:1px solid #7fa8cf;color:#dcebf9}
.btn-line:hover{border-color:#fff;color:#fff}
.btn-blue{background:#185fa5;color:#fff}
.btn-blue:hover{background:#134b83}
.btn-sm{padding:10px 22px;font-size:14px}
.btn-line-dark{border:1px solid #185fa5;color:#185fa5;background:#fff}
.btn-line-dark:hover{background:#f4f8fb}

/* ---------- 通用区块 ---------- */
.sec{padding:68px 0}
.sec.gray{background:#f7fafc}
.sec h2{font-size:28px;font-weight:600;text-align:center;color:#0c2a4a;letter-spacing:1px}
.sec .desc{text-align:center;color:#66788c;margin:12px auto 42px;max-width:660px;font-size:15px}
.g-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.g-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.g-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}

/* ---------- 卡片 ---------- */
.card{background:#fff;border:1px solid #e5eaf0;border-radius:10px;padding:26px}
.card h3{font-size:17px;color:#0c2a4a;font-weight:600}
.card p{font-size:14px;color:#66788c;margin-top:8px}
.card.link{transition:box-shadow .2s,transform .2s;cursor:pointer}
.card.link:hover{box-shadow:0 8px 26px rgba(12,42,74,.10);transform:translateY(-2px)}
.ic{width:44px;height:44px;border-radius:8px;background:#e1f5ee;color:#0f6e56;font-size:20px;display:flex;align-items:center;justify-content:center;font-weight:600}
.ic.amber{background:#fdf3e1;color:#a86a12}
.ic.blue{background:#e8f1fb;color:#185fa5}
.rule{background:#fff;border-left:4px solid #1d9e75;border-radius:0 10px 10px 0;padding:24px;box-shadow:0 2px 10px rgba(12,42,74,.05)}
.rule b{display:block;font-size:16px;color:#0c2a4a;font-weight:600}
.rule span{display:block;font-size:13px;color:#66788c;margin-top:8px}
.tag{display:inline-block;background:#fff;border:1px solid #d8e2ec;border-radius:30px;padding:9px 22px;font-size:14px;color:#33475c;margin:6px}
.tag:hover{border-color:#1d9e75;color:#0f6e56}

/* ---------- 提示块 ---------- */
.note{background:#f4f8fb;border-left:4px solid #185fa5;border-radius:0 8px 8px 0;padding:16px 20px;margin:16px 0;font-size:14px;color:#33475c;line-height:1.8}
.note.amber{background:#fdf9ef;border-color:#c9a44a}
.note.green{background:#eaf6ec;border-color:#2e9e4f}
.note.red{background:#fdeaea;border-color:#c0392b}
.note b{color:#0c2a4a}
.ph{color:#b45309;background:#faf3dd;padding:1px 6px;border-radius:4px;font-size:12px;white-space:nowrap}

/* ---------- 列表 ---------- */
.tick{list-style:none}
.tick li{position:relative;padding-left:26px;margin:9px 0;font-size:14px;color:#33475c;line-height:1.7}
.tick li::before{content:"✓";position:absolute;left:0;top:0;color:#1d9e75;font-weight:700}
.numlist{margin:8px 0 0 20px}
.numlist li{margin:8px 0;font-size:14px;color:#33475c;line-height:1.75}

/* ---------- 表格 ---------- */
table.tb{border-collapse:collapse;width:100%;margin:14px 0;font-size:14px}
.tb th,.tb td{border:1px solid #dde3ea;padding:10px 12px;vertical-align:top;text-align:left}
.tb th{background:#eef3f8;font-weight:600;color:#0c2a4a}
.tb tr:nth-child(even) td{background:#fafcfe}

/* ---------- FAQ 折叠 ---------- */
.faq-item{border:1px solid #e5eaf0;border-radius:10px;margin-bottom:12px;overflow:hidden;background:#fff}
.faq-q{width:100%;text-align:left;background:#fff;border:0;padding:18px 22px;font-size:15px;font-weight:600;color:#0c2a4a;cursor:pointer;font-family:inherit;display:flex;justify-content:space-between;gap:14px;align-items:center}
.faq-q:hover{background:#f7fafc}
.faq-q .ar{color:#1d9e75;font-size:18px;transition:transform .2s;flex-shrink:0}
.faq-item.open .faq-q .ar{transform:rotate(45deg)}
.faq-a{display:none;padding:0 22px 20px;font-size:14px;color:#4a5b6c;line-height:1.85;border-top:1px dashed #e5eaf0;padding-top:16px}
.faq-item.open .faq-a{display:block}

/* ---------- 表单 ---------- */
.form{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:28px;max-width:640px;margin:0 auto}
.form .row{margin-bottom:16px}
.form label{display:block;font-size:14px;color:#33475c;margin-bottom:6px;font-weight:600}
.form label i{color:#e24b4a;font-style:normal}
.form input,.form select,.form textarea{width:100%;padding:11px 14px;border:1px solid #d8e2ec;border-radius:6px;font-size:15px;font-family:inherit;color:#1c2b3a;background:#fff}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:#1d9e75;box-shadow:0 0 0 3px rgba(29,158,117,.12)}
.form textarea{min-height:110px;resize:vertical}
.form .hint{font-size:12px;color:#9aa8b6;margin-top:5px}
.form .ok-msg{display:none;background:#eaf6ec;border:1px solid #2e9e4f;color:#1d6b38;border-radius:8px;padding:14px 16px;font-size:14px;margin-bottom:16px}

/* ---------- 搜索框 ---------- */
.searchbar{max-width:560px;margin:0 auto 30px;display:flex;gap:8px}
.searchbar input{flex:1;padding:12px 16px;border:1px solid #d8e2ec;border-radius:6px;font-size:15px;font-family:inherit}
.searchbar button{padding:12px 26px;background:#1d9e75;color:#fff;border:0;border-radius:6px;font-size:15px;cursor:pointer;font-family:inherit}

/* ---------- 新闻列表 ---------- */
.news-item{display:flex;justify-content:space-between;gap:16px;padding:16px 4px;border-bottom:1px dashed #e0e7ee;font-size:15px}
.news-item .t{color:#33475c}
.news-item a.t:hover{color:#185fa5}
.news-item .d{color:#9aa8b6;font-size:13px;flex-shrink:0}

/* ---------- 分栏 ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.split h3{font-size:22px;color:#0c2a4a;font-weight:600;margin-bottom:12px}
.split p{font-size:15px;color:#4a5b6c;margin:10px 0}
.shot{border:1px solid #e5eaf0;border-radius:10px;overflow:hidden;background:#f7fafc;box-shadow:0 6px 20px rgba(12,42,74,.07)}
.shot .bar{background:#eef3f8;padding:8px 12px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #e5eaf0}
.shot .dot{width:10px;height:10px;border-radius:50%;background:#d5dee7}
.shot .ttl{font-size:12px;color:#9aa8b6;margin-left:8px}
.shot .bodyimg{padding:26px;text-align:center;color:#9aa8b6;font-size:13px}

/* ---------- 页脚 ---------- */
footer{background:#0c2a4a;color:#8fb0d1;font-size:13px;padding:48px 0 28px;line-height:1.9}
footer h4{color:#fff;font-size:15px;font-weight:600;margin-bottom:12px}
footer .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
footer a:hover{color:#fff;text-decoration:underline}
.copyright{border-top:1px solid #1e4265;margin-top:28px;padding-top:18px;text-align:center;font-size:12px;color:#6c8db0;line-height:1.9}
.legal{max-width:1200px;margin:0 auto 12px;font-size:12px;color:#8fa3b8;line-height:1.9}

/* ---------- 浮动 ---------- */
.float-tel{position:fixed;right:18px;bottom:24px;background:#1d9e75;color:#fff;border-radius:40px;padding:12px 22px;font-size:14px;box-shadow:0 4px 16px rgba(0,0,0,.22);z-index:98}
.float-tel:hover{background:#178562}
.back-top{position:fixed;right:18px;bottom:78px;width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid #d8e2ec;color:#33475c;font-size:18px;cursor:pointer;display:none;z-index:98;box-shadow:0 3px 12px rgba(12,42,74,.12)}
.back-top.show{display:block}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .menu{position:fixed;top:66px;left:0;right:0;background:#fff;flex-direction:column;gap:0;padding:8px 0;border-bottom:1px solid #e5eaf0;display:none;box-shadow:0 8px 20px rgba(12,42,74,.08)}
  .menu.open{display:flex}
  .menu a{width:100%;padding:13px 24px;border-bottom:1px solid #f2f6fa}
  .menu .login{margin:10px 24px;text-align:center;border-radius:6px}
  .burger{display:block}
  .hero h1{font-size:27px;letter-spacing:1px}
  .hero{padding:56px 0 46px}
  .sec{padding:44px 0}
  .sec h2{font-size:22px}
  .g-3,.g-4,.g-2,.split{grid-template-columns:1fr}
  .top .wrap{justify-content:center;text-align:center}
  footer .cols{grid-template-columns:1fr;gap:22px}
  .page-hd h1{font-size:23px}
}
@media print{
  .nav,.top,.float-tel,.back-top,footer{display:none}
}

/* ---------- 关于页：日常照片墙 ---------- */
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}
.shots figure{margin:0;background:#fff;border:1px solid #e6ebf1;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(12,42,74,.05)}
.shots img{display:block;width:100%;height:160px;object-fit:cover;background:#eef2f6}
.shots figcaption{padding:9px 12px;font-size:13px;color:#5a6b7c;text-align:center;border-top:1px solid #f2f6fa}
@media (max-width:900px){.shots{grid-template-columns:repeat(2,1fr)}.shots img{height:130px}}