:root{
  --bg:#f7f6f4; --card:#fff; --ink:#1a1614; --ink2:#2b2420; --sub:#5c534c; --mut:#8f857c;
  --line:#e8e3dd; --line2:#d5cdc4;
  --b1:#1c1917; --b2:#c2410c; --b1s:#fdf0e6;
  --t1:#b45309; --t1s:#fdf6e6;
  --shadow:0 10px 30px rgba(28,25,23,.07);
  --shadow2:0 18px 46px rgba(28,25,23,.13);
  --r:12px; --r2:16px;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip;max-width:100%}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:var(--ink);background:var(--bg);line-height:1.8;-webkit-font-smoothing:antialiased;
  font-size:16px;
}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{width:min(1160px,92vw);margin:0 auto}

/* ---------- header ---------- */
.hd{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);
  backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line);
}
.hd-in{display:flex;align-items:center;gap:28px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{
  width:50px;height:50px;border-radius:12px;flex-shrink:0;
  background:linear-gradient(135deg,var(--b1),var(--b2));
  color:#fff;font-size:14px;font-weight:600;letter-spacing:2px;
  display:flex;align-items:center;justify-content:center;
}
.brand-txt{display:flex;flex-direction:column;line-height:1.35}
.brand-txt strong{font-size:16.5px;font-weight:600;letter-spacing:.3px}
.brand-txt em{font-style:normal;font-size:11.5px;color:var(--mut);letter-spacing:.2px}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{
  padding:8px 14px;border-radius:8px;font-size:14.5px;color:var(--ink2);
  transition:.18s;white-space:nowrap;
}
.nav a:hover{background:var(--b1s);color:var(--b1)}
.nav a.on{color:var(--b1);font-weight:600;background:var(--b1s)}
.nav-btn{display:none}
.hd-tel{
  display:flex;flex-direction:column;line-height:1.25;text-align:right;
  padding-left:20px;border-left:1px solid var(--line);flex-shrink:0;
}
.hd-tel span{font-size:11px;color:var(--mut);letter-spacing:1px}
.hd-tel strong{font-family:var(--mono);font-size:16px;color:var(--b1);letter-spacing:.5px}

/* 手机底部常驻联系条（桌面隐藏） */
.mbar{display:none}

/* ---------- hero ---------- */
.hero{
  background:
    radial-gradient(900px 380px at 88% -10%,rgba(194,65,12,.11),transparent 60%),
    radial-gradient(700px 320px at 5% 0%,rgba(168,100,47,.07),transparent 55%),
    #fff;
  border-bottom:1px solid var(--line);
}
.hero-in{display:grid;grid-template-columns:1.55fr .85fr;gap:56px;padding:66px 0 62px;align-items:start}
.eyebrow{
  font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--t1);
  text-transform:uppercase;margin-bottom:16px;
}
.hero h1{
  font-size:clamp(28px,3.5vw,40px);line-height:1.3;letter-spacing:.5px;font-weight:700;
  color:var(--ink);margin-bottom:14px;
}
.hero-lead{font-size:19px;color:var(--b1);font-weight:500;letter-spacing:.4px;margin-bottom:18px}
.hero-txt{font-size:15.5px;color:var(--sub);max-width:640px;line-height:1.95}
.hero-btns{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  height:46px;padding:0 24px;border-radius:10px;font-size:14.5px;font-weight:500;
  transition:.2s;border:1px solid transparent;
}
.btn-main{background:var(--b1);color:#fff;box-shadow:0 8px 20px rgba(14,91,82,.22)}
.btn-main:hover{background:#0a4840;transform:translateY(-1px)}
.btn-ghost{border-color:var(--line2);color:var(--ink2);background:#fff}
.btn-ghost:hover{border-color:var(--b1);color:var(--b1)}
.btn-line{border-color:var(--b1);color:var(--b1);background:transparent;height:44px;padding:0 20px}
.btn-line:hover{background:var(--b1);color:#fff}

.hero-r{display:flex;flex-direction:column;gap:12px;padding-top:6px}
.fact{
  background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:16px 18px;box-shadow:var(--shadow);position:relative;
}
.fact span{font-family:var(--mono);font-size:11px;color:var(--t1);letter-spacing:1px}
.fact strong{display:block;font-size:15.5px;margin:2px 0 4px;font-weight:600}
.fact em{font-style:normal;font-size:12.5px;color:var(--mut);line-height:1.6}

/* ---------- sections ---------- */
.sec{padding:74px 0;border-bottom:1px solid var(--line)}
.sec-alt{background:#fff}
.sec-tight{padding:52px 0}
.sec-contact{background:linear-gradient(180deg,#17130f,#241e18);border-bottom:none;color:#f0ece7}
.sec-hd{max-width:760px;margin-bottom:38px}
.sec-no{
  font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--t1);
  margin-bottom:12px;text-transform:uppercase;
}
.sec-contact .sec-no{color:#fbbf24}
.sec-hd h2{font-size:clamp(22px,2.4vw,28px);line-height:1.4;font-weight:650;letter-spacing:.3px}
.sec-sub{margin-top:12px;font-size:14.5px;color:var(--sub);line-height:1.9}
.sec-contact .sec-sub{color:#b3a99e}
.sec-hd-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;max-width:none}
.more{font-size:13.5px;color:var(--b1);white-space:nowrap}
.more:hover{text-decoration:underline}
.sec-contact .more{color:#fbbf24}

/* ---------- cards ---------- */
.grid{display:grid;gap:18px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{
  background:#fff;border:1px solid var(--line);border-radius:var(--r2);
  padding:26px 24px;box-shadow:var(--shadow);transition:.2s;display:flex;flex-direction:column;
}
.card:hover{box-shadow:var(--shadow2);transform:translateY(-2px);border-color:var(--line2)}
.card h3{font-size:17px;font-weight:600;margin-bottom:10px;letter-spacing:.2px}
.card p{font-size:14px;color:var(--sub);line-height:1.9;flex:1}
.card .more{margin-top:16px;display:inline-block}

.pcard{
  display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r2);
  padding:24px;transition:.2s;box-shadow:var(--shadow);
}
.pcard p{flex:1}
.pcard:hover{border-color:var(--b1);box-shadow:var(--shadow2);transform:translateY(-2px)}
.pcard h3{font-size:17px;font-weight:600;margin-bottom:8px}
.pcard p{font-size:13.8px;color:var(--sub);line-height:1.85}
.pcard-more{margin-top:16px;font-size:13px;color:var(--b1)}
.pcard-sm{padding:20px}
.pcard-sm h3{font-size:15.5px}

/* ---------- tech ---------- */
.tech{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
.tech-l h2{font-size:clamp(21px,2.3vw,26px);line-height:1.45;margin-bottom:16px;font-weight:650}
.tech-l p{font-size:14.8px;color:var(--sub);line-height:1.95;margin-bottom:14px}
.tech-l .btn{margin-top:8px}
.tech-r{display:flex;flex-direction:column;gap:12px}
.tech-r li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow)}
.tech-r strong{display:block;font-size:14.5px;margin-bottom:3px}
.tech-r span{font-size:13px;color:var(--mut);line-height:1.75}

/* ---------- about ---------- */
.about-body{columns:2;column-gap:44px;font-size:14.8px;color:var(--sub);line-height:2;margin-bottom:24px}
.about-body p{margin-bottom:14px;break-inside:avoid}
.about-body h3{font-size:15.5px;color:var(--ink2);font-weight:600;margin:4px 0 10px;break-after:avoid}
.about-body strong{color:var(--ink2)}
.about-body ul,.about-body ol{margin:0 0 14px;padding-left:2px;break-inside:avoid}
.about-body ul li{position:relative;padding-left:16px;margin-bottom:6px}
.about-body ul li::before{content:"";position:absolute;left:2px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--t1)}
.about-body ol{counter-reset:n;list-style:none}
.about-body ol li{position:relative;padding-left:22px;margin-bottom:6px;counter-increment:n}
.about-body ol li::before{content:counter(n);position:absolute;left:0;top:1px;font-family:var(--mono);font-size:11.5px;color:var(--b1);font-weight:600}

/* ---------- news list ---------- */
.nlist{border-top:1px solid var(--line)}
.nlist li{border-bottom:1px solid var(--line)}
.nlist a{display:grid;grid-template-columns:110px 1fr;gap:8px 22px;padding:20px 4px;transition:.18s}
.nlist a:hover{background:#fff;padding-left:12px}
.nlist time{font-family:var(--mono);font-size:13px;color:var(--mut);grid-row:span 2}
.nt{font-size:16px;font-weight:550;color:var(--ink)}
.nlist a:hover .nt{color:var(--b1)}
.nd{font-size:13.5px;color:var(--sub);line-height:1.8}

/* ---------- contact ---------- */
.cgrid{display:flex;flex-wrap:wrap;gap:16px}
.cbox{
  flex:1 1 250px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
  border-radius:var(--r);padding:20px 22px;
}
.cbox span{display:block;font-size:11.5px;letter-spacing:2px;color:#fbbf24;margin-bottom:6px}
.cbox strong{font-size:17px;font-weight:500;color:#fff;line-height:1.6;word-break:break-all}
.cbox strong a:hover{color:#fbbf24}
.cbox-wide{flex:1 1 100%}
.cbox-wide strong{font-size:15.5px;font-weight:400}

/* ---------- page head / crumb ---------- */
.phead{background:#fff;border-bottom:1px solid var(--line);padding:32px 0 34px}
.crumb{display:flex;gap:8px;align-items:center;font-size:12.5px;color:var(--mut);margin-bottom:14px}
.crumb a:hover{color:var(--b1)}
.crumb span{color:var(--line2)}
.crumb em{font-style:normal;color:var(--sub)}
.phead h1{font-size:clamp(24px,3vw,32px);line-height:1.35;font-weight:700;letter-spacing:.3px}
.phead-sub{margin-top:10px;font-size:13.5px;color:var(--mut)}

/* ---------- article list ---------- */
.alist{border-top:1px solid var(--line)}
.alist li{border-bottom:1px solid var(--line)}
.aitem{display:grid;grid-template-columns:132px 1fr;gap:24px;padding:24px 6px;transition:.18s}
.aitem:hover{background:#fff;padding-left:16px}
.aitem-l{display:flex;flex-direction:column;gap:6px;padding-top:3px}
.aitem-l time{font-family:var(--mono);font-size:12.5px;color:var(--mut)}
.acat{font-size:11.5px;color:var(--t1);border:1px solid var(--t1s);background:var(--t1s);border-radius:4px;padding:1px 7px;width:fit-content}
.aitem-r h2{font-size:17px;font-weight:600;line-height:1.55;margin-bottom:6px;transition:.18s}
.aitem:hover .aitem-r h2{color:var(--b1)}
.aitem-r p{font-size:13.8px;color:var(--sub);line-height:1.85}

.pager{display:flex;gap:8px;margin-top:34px;flex-wrap:wrap}
.pg{
  min-width:38px;height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--line2);
  display:inline-flex;align-items:center;justify-content:center;font-size:13.5px;
  background:#fff;color:var(--ink2);transition:.18s;
}
.pg:hover{border-color:var(--b1);color:var(--b1)}
.pg.on{background:var(--b1);border-color:var(--b1);color:#fff}
.empty{color:var(--mut);font-size:14px;padding:40px 0}

/* ---------- detail ---------- */
.detail{max-width:820px;margin:0}
.dtitle{margin-bottom:12px}
.dmeta{display:flex;gap:18px;font-size:12.5px;color:var(--mut);font-family:var(--mono)}
.dbody{font-size:16px;line-height:2.05;color:#241f1b}
.dbody p{margin:0 0 18px}
.dbody h2{font-size:20px;margin:34px 0 14px;font-weight:650;line-height:1.5}
.dbody h3{font-size:18px;margin:32px 0 12px;font-weight:650;letter-spacing:.2px}
.dbody strong{color:var(--ink);font-weight:600}
.dbody ul,.dbody ol{margin:0 0 18px;padding-left:2px}
.dbody ul li{position:relative;padding-left:18px;margin-bottom:8px}
.dbody ul li::before{content:"";position:absolute;left:2px;top:12px;width:5px;height:5px;border-radius:50%;background:var(--t1)}
.dbody ol{counter-reset:n;list-style:none}
.dbody ol li{position:relative;padding-left:26px;margin-bottom:10px;counter-increment:n}
.dbody ol li::before{content:counter(n);position:absolute;left:0;top:2px;font-family:var(--mono);font-size:12px;color:var(--b1);font-weight:600}
.dbody a{color:var(--b1);text-decoration:underline;text-underline-offset:3px}
.dbody blockquote{border-left:3px solid var(--t1);background:#fff;padding:14px 18px;margin:0 0 18px;color:var(--sub);font-size:15px}
.dbody table{width:100%;border-collapse:collapse;margin-bottom:18px;font-size:14.5px}
.dbody th,.dbody td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.dbody th{background:var(--b1s);font-weight:600}
.dnav{display:flex;gap:14px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);flex-wrap:wrap}
.dnav a{
  flex:1 1 280px;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:14px 18px;font-size:14px;transition:.18s;line-height:1.6;
}
.dnav a:hover{border-color:var(--b1);color:var(--b1)}
.dnav a span{display:block;font-size:11.5px;color:var(--mut);margin-bottom:3px;letter-spacing:1px}
.dnav-n{text-align:right}
.nf-links{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- footer ---------- */
.ft{background:#0c0a09;color:#c9bfb4;padding:52px 0 0;font-size:13.5px;border-top:1px solid rgba(255,255,255,.07)}
.ft-in{display:grid;grid-template-columns:1.4fr 1.3fr .7fr;gap:40px;padding-bottom:40px}
.ft h3{color:#fff;font-size:16.5px;font-weight:600;margin-bottom:10px}
.ft h4{color:#ded6cc;font-size:13px;font-weight:600;margin-bottom:12px;letter-spacing:1px}
.ft p{line-height:2;color:#a2988d}
.ft a:hover{color:#fbbf24}
.ft-sub{font-size:12.5px;color:#8a7f76;margin-top:4px}
.ft-bot{border-top:1px solid rgba(255,255,255,.1);padding:16px 0}
.ft-bot .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:#8a7f76}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .hero-in{grid-template-columns:1fr;gap:34px;padding:46px 0}
  .hero-r{flex-direction:row;flex-wrap:wrap}
  .fact{flex:1 1 100%}
  .tech{grid-template-columns:1fr;gap:30px}
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .ft-in{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width:760px){
  body{font-size:15.5px}
  .nav-btn{
    display:flex;flex-direction:column;justify-content:center;gap:4px;
    width:38px;height:38px;padding:0 9px;border:1px solid var(--line2);border-radius:8px;
    background:#fff;cursor:pointer;margin-left:auto;
  }
  .nav-btn span{display:block;height:2px;background:var(--ink2);border-radius:2px}
  .nav-btn[aria-expanded="true"]{border-color:var(--b1)}
  .hd-in{min-height:58px;gap:10px}
  .brand{gap:9px;min-width:0;flex-shrink:1}
  .brand-txt{min-width:0}
  .brand-txt em{display:none}
  .brand-txt strong{font-size:13.5px;letter-spacing:0;white-space:nowrap;
    overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .nav-btn{flex-shrink:0}
  .brand-mark{width:41px;height:41px;font-size:10px;border-radius:10px}
  .nav{
    position:absolute;left:0;right:0;top:58px;background:#fff;border-bottom:1px solid var(--line);
    box-shadow:0 14px 28px rgba(28,25,23,.10);
    padding:10px 4vw 14px;gap:8px;display:none;flex-wrap:wrap;margin-left:0;
  }
  .nav.open{display:flex}
  .nav a{flex:1 1 30%;text-align:center;padding:10px 4px;background:#faf8f6;border-radius:8px;font-size:14px}
  .hd-tel{display:none}
  /* 底部常驻联系条 */
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .mbar{
    display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:60;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.97);backdrop-filter:saturate(160%) blur(10px);
    border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(28,25,23,.09);
  }
  .mbar-call{
    flex:1;display:flex;align-items:center;justify-content:center;gap:7px;
    height:48px;border-radius:11px;color:#fff;font-size:14.5px;font-weight:600;letter-spacing:.3px;
    background:linear-gradient(135deg,var(--b1),var(--b2));
    box-shadow:0 8px 18px rgba(14,91,82,.26);
  }
  .mbar-call svg{flex-shrink:0}
  .mbar-call b{font-family:var(--mono);font-weight:600;letter-spacing:.6px;font-size:15px}
  .mbar-mail{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    width:62px;height:48px;border-radius:11px;border:1px solid var(--line2);
    background:#fff;color:var(--ink2);font-size:10.5px;letter-spacing:.5px;
  }
  /* 联系信息：手机上改为紧凑的单卡三行 */
  .sec-contact{padding:40px 0 42px}
  .cgrid{flex-direction:column;gap:0;background:rgba(255,255,255,.05);
    border:1px solid rgba(255,255,255,.14);border-radius:var(--r2);padding:6px 16px}
  .cbox{flex:none;width:100%;display:grid;grid-template-columns:42px 1fr;align-items:start;gap:10px;
    background:none;border:none;border-radius:0;padding:13px 0;
    border-bottom:1px solid rgba(255,255,255,.09)}
  .cbox:last-child{border-bottom:none}
  .cbox span{margin:0;padding-top:2px;font-size:11px;letter-spacing:1px}
  .cbox strong,.cbox-wide strong{font-size:15px;font-weight:500;line-height:1.65}
  .sec{padding:44px 0}
  .sec-hd{margin-bottom:26px}
  .sec-hd h2{font-size:21px;line-height:1.45}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .about-body{columns:1}
  .cgrid{flex-direction:column}
  .nlist a{grid-template-columns:1fr;gap:4px}
  .nlist time{grid-row:auto}
  .aitem{grid-template-columns:1fr;gap:8px}
  .aitem-l{flex-direction:row;align-items:center;gap:10px}
  .dbody{font-size:15.5px;line-height:2}
  .ft-in{grid-template-columns:1fr}
  .dtitle{font-size:22px}
  /* 首屏 */
  .hero-lead{font-size:17px;line-height:1.75;letter-spacing:0}
  .hero-txt{font-size:14.8px;line-height:1.9}
  .hero-btns{margin-top:22px;gap:10px}
  .btn{height:44px;font-size:14px;padding:0 18px}
  /* 长地址断行更自然 */
  .cbox strong,.cbox-wide strong{word-break:normal;overflow-wrap:anywhere}
  /* 页脚：导航两列，整体收紧 */
  .ft{padding:38px 0 0;font-size:13px}
  .ft-in{grid-template-columns:1fr;gap:24px;padding-bottom:26px}
  .ft h3{font-size:16px;margin-bottom:8px}
  .ft p{line-height:1.95}
  .ft-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
  .ft-nav h4{grid-column:1/-1}
  .ft-bot{padding:14px 0}
  .ft-bot .wrap{font-size:11.5px;gap:6px}
}