/* ===== 釜池科技官网 v3 — 1:1 复刻泰络版式（内容已换釜池） ===== */
/* 参照 gz-telo.net：页头(logo+导航+热线) / banner / 关于我们 / 产品展示(左树右卡) / 业务服务 / 资讯中心+新闻 / 深色页脚 */
:root {
  --orange: #eb6100;
  --orange-d: #c95100;
  --dark: #232323;
  --dark-2: #2e2e2e;
  --bg: #f5f5f5;
  --card: #fff;
  --line: #e5e5e5;
  --text: #333;
  --muted: #777;
  --font-sans: "Inter", "Helvetica Neue", "Noto Sans SC", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--text);
  line-height: 1.9;
  font-size: 15px;
  letter-spacing: .01em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
::selection { background: rgba(235,97,0,.18); }
.wrap { max-width: 1200px; margin: 0 auto; padding: 0 15px; }

/* ---------- 页头 ---------- */
.header { background: #fff; border-bottom: 1px solid var(--line); }
.header-top { display: flex; align-items: center; height: 88px; gap: 30px; }
.logo { display: flex; align-items: center; gap: 10px; }
.logo-mark { display: block; width: 46px; height: 46px; flex: 0 0 46px; }
.footer-mark { display: inline-block; width: 26px; height: 26px; margin-right: 10px; vertical-align: -5px; }
.logo-name { font-family: var(--font-serif); font-size: 23px; font-weight: 600; color: var(--dark); letter-spacing: 3px; }
.logo-sub { font-size: 11.5px; color: var(--muted); letter-spacing: 1.5px; }
.hotline { margin-left: auto; text-align: right; color: var(--muted); font-size: 13px; letter-spacing: 1px; }
.hotline b { display: block; color: var(--orange); font-size: 23px; font-weight: 600; letter-spacing: 1px; margin-top: 2px; }
.navbar { background: var(--dark); }
.navbar .wrap { display: flex; }
.navbar a { color: #fff; padding: 0 22px; height: 54px; display: flex; align-items: center; font-size: 15.5px; font-weight: 500; letter-spacing: 1.5px; transition: .15s; }
.navbar a:hover, .navbar a.active { background: var(--orange); }
.nav-toggle { display: none; }

/* ---------- 首页 Banner ---------- */
.banner {
  height: 420px; display: flex; align-items: center;
  background: linear-gradient(100deg, #1c1c1c 45%, #3a3a3a);
  color: #fff; position: relative; overflow: hidden;
}
.banner::after { content: ""; position: absolute; right: 6%; top: 50%; transform: translateY(-50%); width: 300px; height: 300px; border: 40px solid rgba(235,97,0,.25); border-radius: 50%; }
.banner .slogan { font-family: var(--font-serif); font-size: 48px; font-weight: 600; letter-spacing: 8px; line-height: 1.3; margin: 0; position: relative; z-index: 1; }
.banner .slogan em { color: var(--orange); font-style: normal; }
.banner .sub { margin-top: 18px; font-size: 16px; color: rgba(255,255,255,.72); letter-spacing: 4px; position: relative; z-index: 1; }
.banner .btn { display: inline-block; margin-top: 34px; background: var(--orange); color: #fff; padding: 13px 38px; font-size: 15px; letter-spacing: 2px; position: relative; z-index: 1; }
.banner .btn:hover { background: var(--orange-d); }

/* ---------- 区块标题 ---------- */
.section { padding: 56px 0; }
.section.white { background: #fff; }
.sec-title { text-align: center; margin-bottom: 36px; }
.sec-title h2 { font-family: var(--font-serif); font-size: 32px; font-weight: 600; color: var(--dark); letter-spacing: 4px; line-height: 1.4; }
.sec-title h2 span { color: var(--orange); }
.sec-title .en { color: #b9b9b9; font-size: 12px; letter-spacing: 5px; text-transform: uppercase; margin-top: 8px; }
.sec-title p { color: var(--muted); margin-top: 8px; }

/* ---------- 首页·关于我们 ---------- */
.about-home { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
.about-home .pic { height: 280px; background: linear-gradient(135deg, #333, #1a1a1a); color: rgba(255,255,255,.85); display: flex; align-items: center; justify-content: center; font-size: 64px; }
.about-home h3 { font-family: var(--font-serif); font-size: 24px; font-weight: 600; color: var(--dark); margin-bottom: 16px; letter-spacing: 2px; }
.about-home h3 span { color: var(--orange); }
.about-home p { color: #5b5b5b; font-size: 15px; line-height: 2.05; }
.about-home .btns { margin-top: 22px; display: flex; gap: 14px; }
.btn-o { display: inline-block; background: var(--orange); color: #fff; padding: 11px 28px; font-size: 14.5px; letter-spacing: 1px; }
.btn-o:hover { background: var(--orange-d); }
.btn-d { display: inline-block; background: var(--dark); color: #fff; padding: 11px 28px; font-size: 14.5px; letter-spacing: 1px; }
.btn-d:hover { background: #000; }

/* ---------- 产品展示（左树右卡） ---------- */
.prod-show { display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }
.side-box { background: #fff; border: 1px solid var(--line); }
.side-box .side-head { background: var(--dark); color: #fff; padding: 14px 16px; font-size: 16px; font-weight: 600; letter-spacing: 1px; }
.side-box .side-head span { color: var(--orange); }
.cat-tree { list-style: none; }
.cat-tree > li > a { display: block; padding: 12px 16px; border-bottom: 1px solid var(--line); font-size: 14.5px; font-weight: 600; color: var(--dark); }
.cat-tree > li > a:hover { color: var(--orange); }
.cat-tree .sub { list-style: none; }
.cat-tree .sub a { display: block; padding: 8px 16px 8px 30px; font-size: 13.5px; color: var(--muted); font-weight: 400; line-height: 1.7; }
.cat-tree .sub a:hover { color: var(--orange); }
.side-contact { padding: 16px; font-size: 13.5px; color: var(--muted); line-height: 1.8; }
.side-contact b { color: var(--orange); font-size: 18px; font-weight: 600; display: block; margin: 4px 0 10px; }

.prod-cards { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.p-card { background: #fff; border: 1px solid var(--line); transition: .2s; overflow: hidden; }
.p-card:hover { border-color: var(--orange); box-shadow: 0 6px 18px rgba(0,0,0,.1); }
.p-card .pic { height: 170px; background: linear-gradient(135deg, #3a3a3a, #222); color: rgba(255,255,255,.85); display: flex; align-items: center; justify-content: center; font-size: 48px; }
img.pic { width: 100%; object-fit: cover; display: block; transition: transform .55s ease; }
.p-card:hover img.pic { transform: scale(1.045); }
.p-card .body { padding: 14px 16px 16px; }
.p-card h3 { font-size: 16.5px; font-weight: 600; color: var(--dark); letter-spacing: .5px; }
.p-card h3:hover { color: var(--orange); }
.p-card .price { font-size: 13.5px; color: var(--muted); margin: 8px 0; }
.p-card .price b { color: var(--orange); font-size: 17px; }
.p-card .desc { color: var(--muted); font-size: 13.5px; line-height: 1.8; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.more-wrap { text-align: center; margin-top: 28px; }
.price-note { margin-top: 18px; color: #999; font-size: 12.5px; text-align: right; line-height: 1.7; }

/* ---------- 业务服务 ---------- */
.svc-band { background: var(--dark); color: #fff; padding: 48px 0; }
.svc-band .en { color: var(--orange); }
.svc-band h2 { color: #fff; }
.svc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 22px; }
.svc-item { border: 1px solid #444; padding: 26px 20px; text-align: center; transition: .2s; }
.svc-item:hover { border-color: var(--orange); }
.svc-item .ico { font-size: 34px; }
.svc-item h3 { color: #fff; font-size: 17px; font-weight: 600; letter-spacing: 1px; margin: 14px 0 8px; }
.svc-item p { color: #9a9a9a; font-size: 13.5px; }

/* ---------- 资讯中心 ---------- */
.news-home { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.news-card { background: #fff; border: 1px solid var(--line); padding: 26px 22px; }
.news-card h3 { font-size: 18px; font-weight: 600; color: var(--dark); letter-spacing: .5px; }
.news-card .en { color: #bbb; font-size: 11.5px; letter-spacing: 3px; }
.news-card p { color: var(--muted); font-size: 14px; line-height: 1.9; margin: 12px 0 18px; }
.news-list-home { margin-top: 36px; background: #fff; border: 1px solid var(--line); }
.news-row { display: flex; gap: 18px; padding: 16px 22px; border-bottom: 1px solid var(--line); align-items: baseline; }
.news-row:last-child { border-bottom: 0; }
.news-row:hover h4 { color: var(--orange); }
.news-row .d { color: #999; font-size: 13.5px; flex-shrink: 0; letter-spacing: .5px; }
.news-row h4 { font-size: 16px; color: var(--dark); font-weight: 600; }
.news-row p { color: var(--muted); font-size: 13.5px; margin-top: 4px; }
.news-empty { padding: 76px 22px; text-align: center; background: #fff; }
.news-empty p { font-size: 17px; color: var(--dark); font-weight: 600; letter-spacing: 1px; }
.news-empty span { display: inline-block; margin-top: 10px; font-size: 13.5px; color: var(--muted); }

/* ---------- 内页横幅 ---------- */
.inner-banner { background: linear-gradient(100deg, #1c1c1c, #3a3a3a); color: #fff; padding: 64px 0; }
.inner-banner h1 { font-family: var(--font-serif); font-size: 38px; font-weight: 600; letter-spacing: 8px; }
.inner-banner .en { color: var(--orange); font-size: 12.5px; letter-spacing: 5px; text-transform: uppercase; margin-top: 10px; }
.crumbs { background: #fff; border-bottom: 1px solid var(--line); font-size: 13.5px; color: var(--muted); }
.crumbs .wrap { padding: 11px 15px; }
.crumbs a:hover { color: var(--orange); }
.crumbs .sep { margin: 0 8px; color: #ccc; }

/* ---------- 内页布局（左侧栏+右内容） ---------- */
.inner-grid { display: grid; grid-template-columns: 260px 1fr; gap: 24px; align-items: start; }
.content-box { background: #fff; border: 1px solid var(--line); padding: 40px 44px; }
.content-box h2.ct { font-family: var(--font-serif); font-size: 22px; font-weight: 600; color: var(--dark); border-left: 3px solid var(--orange); padding-left: 14px; margin: 38px 0 18px; letter-spacing: 2px; line-height: 1.5; }
.content-box h2.ct:first-child { margin-top: 0; }
.intro p { color: #444; font-size: 15.5px; line-height: 2.1; margin-bottom: 16px; text-align: justify; }
.intro p:first-child { font-size: 17px; color: #2d2d2d; line-height: 2; }
.intro p:last-child { margin-bottom: 0; }
.intro-line { color: #555; font-size: 14.5px; line-height: 2; }
.faq-a { color: #4a4a4a; font-size: 15px; line-height: 2; margin-top: 4px; }

/* ---------- 详情页 ---------- */
.d-title { font-family: var(--font-serif); font-size: 26px; font-weight: 600; color: var(--dark); letter-spacing: 2px; line-height: 1.5; }
.d-meta { color: #999; font-size: 13.5px; margin: 10px 0 24px; padding-bottom: 16px; border-bottom: 1px solid var(--line); }
.d-sec { margin-bottom: 28px; }
.d-sec h3 { font-size: 17px; color: var(--orange); margin-bottom: 12px; letter-spacing: 1px; }
.d-sec p, .d-sec li { color: #555; font-size: 15px; line-height: 1.95; }
.d-sec ul { padding-left: 20px; }
.spec-table { width: 100%; border-collapse: collapse; margin-top: 6px; }
.spec-table th, .spec-table td { border: 1px solid var(--line); padding: 12px 16px; font-size: 14px; text-align: left; }
.spec-table th { background: #f8f8f8; color: var(--dark); width: 180px; font-weight: 600; }

/* ---------- 新闻列表页 ---------- */
.news-page .news-row { padding: 20px 22px; }

/* ---------- 留言表单 ---------- */
.form-card label { display: block; font-size: 13.5px; color: var(--muted); margin: 16px 0 8px; letter-spacing: .5px; }
.form-card input, .form-card textarea, .form-card select { width: 100%; padding: 11px 13px; border: 1px solid var(--line); font-size: 15px; font-family: inherit; background: #fafafa; }
.form-card input:focus, .form-card textarea:focus, .form-card select:focus { outline: none; border-color: var(--orange); }

/* ---------- 联系信息 ---------- */
.contact-rows .row { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px dashed var(--line); font-size: 15px; line-height: 1.8; }
.contact-rows .row:last-child { border-bottom: 0; }
.contact-rows .k { color: var(--muted); width: 100px; flex-shrink: 0; }
.contact-rows .v { font-weight: 600; color: var(--dark); }

/* ---------- 页脚 ---------- */
.footer { background: var(--dark); color: #9a9a9a; padding: 48px 0 0; font-size: 13.5px; line-height: 1.9; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 30px; padding-bottom: 30px; }
.footer h4 { color: #fff; font-size: 15.5px; font-weight: 600; letter-spacing: 1px; margin-bottom: 16px; }
.footer a { display: block; padding: 3px 0; }
.footer a:hover { color: var(--orange); }
.footer .brand { font-family: var(--font-serif); color: #fff; font-size: 19px; font-weight: 600; letter-spacing: 2px; margin-bottom: 12px; display: flex; align-items: center; }
.footer-bar { background: #1a1a1a; padding: 16px 0; text-align: center; color: #666; font-size: 13px; letter-spacing: .5px; }
.footer .footer-bar a { display: inline; padding: 0; color: #8a8a8a; }
.footer .footer-bar a:hover { color: var(--orange); }

/* ---------- 响应式 ---------- */
@media (max-width: 900px) {
  .navbar .wrap { flex-wrap: wrap; }
  .navbar a { padding: 0 12px; font-size: 15px; height: 48px; }
  .about-home, .prod-show, .inner-grid { grid-template-columns: 1fr; }
  .prod-cards, .news-home { grid-template-columns: 1fr; }
  .banner { height: auto; padding: 60px 0; }
  .banner .slogan { font-size: 32px; letter-spacing: 4px; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .hotline { display: none; }
}