:root{
  --primary:#0a2540;--accent:#b3202a;--accent2:#c62839;--text:#243447;--muted:#667085;--line:#e6e8ec;--bg:#f6f8fb;--card:#fff;--shadow:0 10px 28px rgba(0,0,0,.08);--radius:18px;--max:1200px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);line-height:1.7;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.pt-header{padding-top:92px}.section{padding:72px 0}.section-alt{background:var(--bg)}
.title-wrap{margin-bottom:26px}.kicker{display:flex;align-items:center;gap:12px;color:var(--accent);font-weight:700;font-size:15px}.kicker::before{content:"";width:5px;height:42px;background:var(--accent)}.section h2{margin:8px 0 12px;font-size:42px;line-height:1.15;color:var(--primary)}.section p.lead{margin:0;color:var(--muted);font-size:16px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:999px;font-weight:700;transition:.25s ease;border:none;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-2px);background:#951a23}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:transparent}.btn-outline:hover{background:rgba(179,32,42,.06)}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:999;background:linear-gradient(90deg,rgba(11,54,89,.96) 0%,rgba(18,78,125,.96) 48%,rgba(13,65,110,.96) 100%);backdrop-filter:blur(10px);box-shadow:0 6px 20px rgba(0,0,0,.15);border-bottom:1px solid rgba(102,184,255,.14);transition:background .32s ease,box-shadow .32s ease,border-color .32s ease,backdrop-filter .32s ease}
.site-header.hero-blend-header.is-at-top{background:transparent!important;box-shadow:none!important;border-bottom-color:transparent!important;backdrop-filter:none!important}
.site-header.hero-blend-header.is-scrolled{background:linear-gradient(90deg,rgba(11,54,89,.97) 0%,rgba(18,78,125,.97) 48%,rgba(13,65,110,.97) 100%)!important;box-shadow:0 8px 24px rgba(5,18,34,.22)!important;border-bottom:1px solid rgba(102,184,255,.18)!important;backdrop-filter:blur(10px)!important}
.navbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo img{height:58px;width:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:center}.nav-item{position:relative}.nav-link{color:#fff;font-size:16px;font-weight:750;padding:10px 0;display:flex;align-items:center;gap:6px;letter-spacing:.01em}.nav-link:hover,.nav-link.active{color:#d9e9ff}.dropdown{position:absolute;left:0;top:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 0;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:none}.dropdown a{display:block;padding:11px 18px;color:#334155}.dropdown a:hover{background:#f8fafc;color:var(--accent)}
.nav-tools{display:flex;align-items:center;gap:12px}.tool{position:relative}.tool-btn{width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;background:rgba(255,255,255,.10);color:#fff;cursor:pointer}.tool:hover .tool-btn{background:rgba(255,255,255,.18)}.search-pop{position:absolute;right:0;top:calc(100% + 12px);width:290px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:flex;gap:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.tool.search:hover .search-pop{opacity:1;visibility:visible;transform:none}.search-pop input{flex:1;height:42px;border:1px solid var(--line);border-radius:12px;padding:0 12px;outline:none}.lang-pop{position:absolute;right:0;top:calc(100% + 12px);width:150px;background:#fff;padding:8px 0;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s}.tool.lang:hover .lang-pop{opacity:1;visibility:visible;transform:none}.lang-pop button{width:100%;border:none;background:transparent;text-align:left;padding:10px 16px;color:#334155;cursor:pointer}.lang-pop button:hover{background:#f8fafc;color:var(--accent)}
.hero{position:relative;min-height:82vh;display:flex;align-items:center;background:#081728;color:#fff;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:url('/assets/images/hero.jpg') center/cover no-repeat;opacity:.95}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,25,.78),rgba(5,12,25,.38) 45%,rgba(5,12,25,.55))}.hero-inner{position:relative;z-index:1;width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:120px 0 80px}.hero h1{margin:0 0 18px;font-size:58px;line-height:1.08;max-width:700px}.hero p{margin:0 0 28px;font-size:18px;color:rgba(255,255,255,.84);max-width:680px}
.grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.company-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:34px}.company-card p{font-size:17px;color:#374151}.timeline-img{border-radius:22px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card,.news-card,.solution-card,.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.thumb{height:230px;background:#eef2f7;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.body{padding:22px}.tag{display:inline-block;padding:4px 10px;border-radius:999px;background:#fce8ea;color:var(--accent);font-size:12px;font-weight:700;margin-bottom:12px}.product-card h3,.news-card h3,.solution-card h3{margin:0 0 10px;font-size:24px;line-height:1.3;color:var(--primary)}.body p{margin:0 0 14px;color:var(--muted)}.meta{font-size:13px;color:#94a3b8}
.split{display:grid;grid-template-columns:1fr 1fr;gap:30px}.table-card{padding:26px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}table.spec-table{width:100%;border-collapse:collapse;font-size:15px}table.spec-table th,table.spec-table td{border:1px solid #d7dce3;padding:12px 14px;text-align:left}table.spec-table th{background:#f4f6f9}
.banner-small{height:340px;border-radius:24px;overflow:hidden;position:relative}.banner-small img{width:100%;height:100%;object-fit:cover}.banner-small .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,37,64,.85),rgba(10,37,64,.25));display:flex;align-items:flex-end;padding:34px;color:#fff}.banner-small h1{margin:0;font-size:48px}
.form{display:grid;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input,.textarea,.select{width:100%;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 14px;font:inherit;outline:none}.textarea{height:140px;padding:14px;resize:vertical}.req{color:var(--accent)}
.footer{background:linear-gradient(135deg,#08203A 0%,#0E3358 48%,#092848 100%);color:#c6d0dd;padding:54px 0 24px;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:26px}.footer h4{margin:0 0 12px;color:#fff}.footer a{display:block;padding:4px 0;color:#c6d0dd}.footer-bottom{margin-top:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#91a3b8}
.admin-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-side{background:#0a2540;color:#fff;padding:22px}.admin-main{background:#f4f7fb;padding:26px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.mini{padding:18px;border-radius:16px;background:#fff;border:1px solid var(--line)}.mini strong{display:block;font-size:30px;color:var(--primary)}
.table-list{width:100%;border-collapse:collapse}.table-list th,.table-list td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}.table-list th{color:var(--muted);font-weight:700}
@media (max-width: 1024px){.card-grid,.admin-grid,.grid-2,.split,.footer-grid{grid-template-columns:1fr 1fr}.nav{display:none}}
@media (max-width: 700px){.card-grid,.grid-2,.split,.footer-grid,.form-row,.admin-grid{grid-template-columns:1fr}.hero h1{font-size:40px}.section h2{font-size:32px}.navbar{height:84px}.logo img{height:48px}.pt-header{padding-top:84px}}

.news-card,.lead-card,.home-news-card{border-radius:0!important;}
.news-card p,.lead-card p,.home-news-card p{display:none!important;}
.home-hot-hidden,.hot-products,.hot-series,#hotProducts,#hotSeries,#homeHotProducts,#homeHotSeries{display:none!important;}

/* Phase 4: mobile navigation drawer for formal website standard */
.mobile-menu-btn{display:none;width:42px;height:42px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.10);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.mobile-drawer{display:none;position:fixed;top:92px;left:0;right:0;background:#081c36;border-top:1px solid rgba(255,255,255,.10);box-shadow:0 18px 40px rgba(0,0,0,.18);z-index:998;max-height:calc(100vh - 92px);overflow:auto}
.mobile-drawer.open{display:block}.mobile-drawer-inner{width:min(var(--max),calc(100% - 40px));margin:0 auto;padding:14px 0 20px}.mobile-nav-group{border-bottom:1px solid rgba(255,255,255,.10)}.mobile-nav-group>a{display:block;color:#fff;font-weight:700;padding:13px 4px}.mobile-subnav{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 0 12px}.mobile-subnav a{display:block;color:#cfe0f5;background:rgba(255,255,255,.06);padding:10px 12px;border-radius:10px;font-size:14px}
@media (max-width:1024px){.mobile-menu-btn{display:grid;place-items:center}.nav-tools{margin-left:auto}.mobile-drawer{top:84px;max-height:calc(100vh - 84px)}}
@media (max-width:640px){.mobile-subnav{grid-template-columns:1fr}.search-pop{right:-56px;width:calc(100vw - 40px)}}


/* 第六阶段：正式企业官网页脚，不再公开展示后台登录入口 */
.official-footer{background:linear-gradient(135deg,#08203A 0%,#0E3358 48%,#092848 100%);color:#c8d3df;padding:58px 0 24px;margin-top:34px}
.official-footer-grid{grid-template-columns:1.6fr .9fr .9fr 1.05fr .9fr;gap:34px;align-items:flex-start}
.official-footer .footer-logo{height:54px;width:auto;object-fit:contain;margin-bottom:16px}
.official-footer h4{font-size:16px;margin:0 0 14px;color:#fff;font-weight:800}
.official-footer a{color:#c8d3df;line-height:1.85}
.official-footer a:hover{color:#fff}
.official-footer p{margin:0 0 16px;color:#aebdcc;line-height:1.9}
/* Phase 19.2: footer contact alignment */
.footer-contact-lines{display:grid;gap:8px;font-size:14px;color:#aebdcc}.footer-contact-line{display:grid;grid-template-columns:4.2em minmax(0,1fr);column-gap:8px;align-items:start;line-height:1.7}.footer-contact-label{color:#c8d3df;white-space:nowrap}.footer-contact-line a{display:block;justify-self:start;color:#fff;white-space:nowrap;word-break:normal}.footer-contact-line span:last-child{word-break:break-word}
.official-footer-bottom{display:flex;gap:18px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:34px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:13px;color:#91a3b8}
@media(max-width:1100px){.official-footer-grid{grid-template-columns:1fr 1fr 1fr}.footer-company{grid-column:1/-1}}
@media(max-width:700px){.official-footer-grid{grid-template-columns:1fr}.official-footer-bottom{display:block}.official-footer-bottom span{display:block;margin-bottom:6px}}

/* 第七阶段：新闻卡片栏目与日期左右对齐 */
.news-card .meta-row,.home-news-card .news-meta{display:flex;align-items:center;justify-content:space-between;gap:16px}.news-card .meta-row .meta{margin-left:auto;text-align:right;white-space:nowrap}

/* phase10-4-force: patent card display fix */
#company-patents .patent-grid,
#company-patents .patents-grid,
#company-patents .patent-list,
.patent-grid,
.patents-grid,
.patent-list {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, 420px) !important;
  gap: 28px !important;
  justify-content: flex-start !important;
  align-items: start !important;
}

#company-patents .patent-card,
#company-patents .patent-item,
.patent-card,
.patent-item {
  width: 420px !important;
  max-width: 420px !important;
  min-width: 420px !important;
  background: #fff !important;
}

#company-patents .patent-card .thumb,
#company-patents .patent-card .image,
#company-patents .patent-card .cover,
#company-patents .patent-item .thumb,
#company-patents .patent-item .image,
#company-patents .patent-item .cover,
.patent-card .thumb,
.patent-card .image,
.patent-card .cover,
.patent-item .thumb,
.patent-item .image,
.patent-item .cover {
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  background: #fff !important;
  display: block !important;
  overflow: hidden !important;
}

#company-patents .patent-card img,
#company-patents .patent-item img,
.patent-card img,
.patent-item img {
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
}

@media(max-width:700px){.footer-contact-line{grid-template-columns:4.2em minmax(0,1fr)}.footer-contact-line a{white-space:normal;overflow-wrap:anywhere}}