/* ============================================================
   海南图量科技有限公司 · tuliangkeji.com · 本站独立视觉层
   按《网站 UI 随机生成规则 v1.0》生成，不与其他站共享皮肤
   seed=74015da2c735
   维度：D1/W3 1320 宽松版心 · D2/B1 全宽大图+左标题+右白搜索卡 ·
        D3/N5 上下反色导航 · D4/T4 巨标题 44px · D5/F3 圆体标题 ·
        D6/S3 12px 圆角 · D7/C3 无卡片纯分隔线 · D8/I2 16:9 直角 ·
        D9/L3 三列宫格 · D10/P1 正文左+侧栏右 · D11/FT1 浅色居中 ·
        D12/P1 深海蓝 · D13/R1 节奏 40
   ============================================================ */
:root{
  /* design_gen 变量 */
  --wrap:1320px;
  --pri:#1e5fa8; --pri-d:#164a83; --pri-l:#e8f0f8;
  --bg:#f5f7fa;
  --ink:#12202e; --ink-2:#3d4a57; --muted:#6e7a86; --line:#dfe6ec;
  --fs-h1:44px; --fs-h2:26px; --fs-base:16.5px; --lh:2.0; --ls:-1px;
  --r-card:12px; --r-btn:8px; --r-img:0;
  --img-ratio:16 / 9;
  --gap-sec:40px;
  --font-head:"Yuanti SC","YouYuan","PingFang SC","Microsoft YaHei",sans-serif;
  --font-label:"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  /* base.css / 后台组件使用的旧变量名，统一到本站配色 */
  --primary:var(--pri); --primary-d:var(--pri-d); --c-primary:var(--pri);
  --c-primary-d:var(--pri-d); --c-soft:var(--pri-l); --c-white:#fff;
  --text:var(--ink); --r-sm:6px; --radius:12px;
}

html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink);
  font:var(--fs-base)/var(--lh) -apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;border:0}
.wrap{width:var(--wrap);max-width:calc(100% - 40px);margin:0 auto}
h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:var(--ls);font-weight:700;color:var(--ink);margin:0}
h1{font-size:var(--fs-h1);line-height:1.35}
h2{font-size:var(--fs-h2);line-height:1.5}
.crumb,.th-crumb{font-size:13px;color:var(--muted);padding:20px 0}
.th-crumb a:hover{color:var(--pri)}
.th-crumb span{margin:0 8px;color:#c3ccd4}

/* ---------- D3/N5 上下反色导航 ---------- */
.th-head{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 1px 0 var(--line)}
.th-top{background:var(--pri);color:#fff}
.th-top-in{display:flex;align-items:center;gap:16px;height:62px}
.th-logo{font-family:var(--font-head);font-size:20px;font-weight:700;letter-spacing:.5px;color:#fff;white-space:nowrap}
.th-tagline{font-size:12.5px;letter-spacing:1.5px;color:rgba(255,255,255,.72);padding-left:14px;border-left:1px solid rgba(255,255,255,.28);white-space:nowrap}
.th-top-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.th-tel{font-size:13px;color:rgba(255,255,255,.85)}
.th-tel b{font-size:15px;letter-spacing:.4px}
.th-mini{font-size:13.5px;color:rgba(255,255,255,.9)}
.th-mini:hover{color:#fff;text-decoration:underline}
.th-bar-r{margin-left:auto;display:flex;align-items:center;gap:14px}
.th-pub{background:var(--pri);color:#fff;font-size:13.5px;font-weight:700;padding:9px 20px;border-radius:var(--r-btn);white-space:nowrap}
.th-pub:hover{background:var(--pri-d)}
.th-bar{background:#fff}
.th-bar-in{display:flex;align-items:center;gap:24px;height:64px}
.th-menu{display:flex;align-items:center;gap:6px;min-width:0}
.th-m{position:relative;padding:18px 16px;font-size:15.5px;color:var(--ink-2);white-space:nowrap}
.th-m:hover{color:var(--pri)}
.th-m.on{color:var(--pri);font-weight:700}
.th-m.on:after{content:"";position:absolute;left:16px;right:16px;bottom:8px;height:3px;background:var(--pri);border-radius:2px}
.th-search{margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--r-btn);height:38px;overflow:hidden;background:#fbfcfd}
.th-search input{border:0;outline:0;background:transparent;padding:0 14px;width:190px;font-size:13.5px;color:var(--ink)}
.th-search button{border:0;background:var(--pri);color:#fff;height:100%;padding:0 20px;font-size:13.5px;cursor:pointer}
.th-search button:hover{background:var(--pri-d)}

/* ---------- D2/B4 上图下白条 Hero ---------- */
.th-hero{position:relative;height:420px;overflow:hidden;background:#0b1b2b}
.th-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;background-repeat:no-repeat}
.th-hero-bar{background:#fff;border-bottom:1px solid var(--line)}
.th-hero-bar-in{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:52px;align-items:center;padding:38px 0 40px}
.th-hero-txt{min-width:0}
.th-hero-k{font-size:12.5px;letter-spacing:3px;color:var(--pri);margin:0 0 14px}
.th-hero-h{font-size:calc(var(--fs-h1) * .94);line-height:1.3;color:var(--ink);margin:0 0 14px;letter-spacing:-1.2px}
.th-hero-sub{max-width:680px;font-size:15.5px;line-height:1.95;color:var(--ink-2);margin:0 0 22px}
.th-hero-acts{display:flex;gap:12px;flex-wrap:wrap}
.th-btn{background:var(--pri);color:#fff;padding:13px 34px;border-radius:var(--r-btn);font-size:15px;font-weight:700}
.th-btn:hover{background:var(--pri-d)}
.th-btn-line{border:1px solid var(--line);color:var(--ink-2);padding:12px 28px;border-radius:var(--r-btn);font-size:14.5px}
.th-btn-line:hover{border-color:var(--pri);color:var(--pri)}
.th-hero-card{background:var(--bg);border-left:3px solid var(--pri);padding:20px 22px 18px;border-radius:0 var(--r-card) var(--r-card) 0}
.th-hero-card-t{font-size:16px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.th-hero-form{display:flex;border:1px solid var(--line);border-radius:var(--r-btn);overflow:hidden;height:40px;margin-bottom:12px;background:#fff}
.th-hero-form input{flex:1;min-width:0;border:0;outline:0;padding:0 12px;font-size:13px}
.th-hero-form button{border:0;background:var(--pri);color:#fff;padding:0 16px;font-size:13px;cursor:pointer}
.th-hero-form button:hover{background:var(--pri-d)}
.th-hero-cats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
.th-hero-cats li a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14px}
.th-hero-cats li:last-child a{border-bottom:0}
.th-hero-cats b{font-weight:600}
.th-hero-cats span{font-size:12.5px;color:var(--muted)}
.th-hero-cats a:hover b{color:var(--pri)}
.th-hero-note{margin:10px 0 0;font-size:11.5px;line-height:1.8;color:var(--muted)}

/* ---------- 主体骨架 ---------- */
.th-main{padding-bottom:12px}
.th-sec{margin-top:var(--gap-sec)}
.th-sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:26px}
.th-sec-head h2{position:relative;padding-left:16px}
.th-sec-head h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--pri)}
.th-sec-head a{font-size:13.5px;color:var(--muted)}
.th-sec-head a:hover{color:var(--pri)}

/* 分类索引条：C3 无卡片，靠竖线与序号 */
.th-catbar{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:calc(var(--gap-sec) * -1 + 8px);
  background:#fff;border-radius:var(--r-card);overflow:hidden;box-shadow:0 2px 12px rgba(18,32,46,.06)}
.th-catbar-i{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;gap:2px 14px;
  padding:24px 28px;border-right:1px solid var(--line);transition:background .16s}
.th-catbar-i:last-child{border-right:0}
.th-catbar-i:hover{background:var(--pri-l)}
.th-catbar-no{grid-row:1 / span 3;font-family:var(--font-head);font-size:34px;line-height:1;color:var(--pri);opacity:.34;align-self:center}
.th-catbar b{font-size:17px}
.th-catbar-d{font-size:12.5px;color:var(--muted)}
.th-catbar-go{font-size:12.5px;color:var(--pri)}
.th-catbar b{line-height:1.4}
.th-catbar-d{margin-top:2px}

/* ---------- 三列宫格（L3 / C3 / I2） ---------- */
.th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}
.th-card{display:flex;flex-direction:column;gap:0;padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid var(--line)}
.th-card-pic{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#e7edf3}
.th-card-pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.th-card:hover .th-card-pic img{transform:scale(1.03)}
.th-card-ph{display:flex;align-items:center;justify-content:center;height:100%;font-style:normal;
  font-family:var(--font-head);font-size:15px;color:#8d9aa6;letter-spacing:1px}
.th-top-flag{position:absolute;left:0;top:0;background:var(--pri);color:#fff;font-style:normal;font-size:12px;padding:4px 10px}
.th-card-body{display:flex;flex-direction:column;gap:8px;padding-top:14px}
.th-card-cate{font-style:normal;font-size:12px;letter-spacing:1.2px;color:var(--pri)}
.th-card-t{font-family:var(--font-head);font-size:17px;line-height:1.6;font-weight:700;color:var(--ink)}
.th-card:hover .th-card-t{color:var(--pri)}
.th-card-s{font-size:13.5px;line-height:1.85;color:var(--ink-2)}
.th-card-m{font-size:12.5px;color:var(--muted)}

/* ---------- 分类纵列（每类一行：左标题 + 右三条） ---------- */
.th-lanes{display:flex;flex-direction:column;gap:0}
.th-lane{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:26px 0;border-bottom:1px solid var(--line)}
.th-lane:first-child{padding-top:4px}
.th-lane:last-child{border-bottom:0}
.th-lane-l h3{font-size:20px;margin-bottom:10px}
.th-lane-l p{font-size:13px;line-height:1.85;color:var(--muted);margin:0 0 12px}
.th-lane-l a{font-size:13px;color:var(--pri)}
.th-lane-l a:hover{text-decoration:underline}
.th-lane-r{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.th-lane-r li a{display:block}
.th-lane-r img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:10px}
.th-lane-r b{display:block;font-family:var(--font-head);font-size:14.5px;line-height:1.6;font-weight:600}
.th-lane-r li a:hover b{color:var(--pri)}
.th-lane-r span{display:block;margin-top:6px;font-size:12px;color:var(--muted)}

/* ---------- 流程（R1 细线） ---------- */
.th-steps{list-style:none;counter-reset:st;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.th-steps li{position:relative;padding:4px 26px 4px 0;border-right:1px solid var(--line)}
.th-steps li:last-child{border-right:0;padding-right:0}
.th-step-n{display:block;font-family:var(--font-head);font-size:30px;line-height:1;color:var(--pri);opacity:.4;margin-bottom:10px}
.th-steps b{display:block;font-size:16px;margin-bottom:8px}
.th-steps p{margin:0;font-size:13px;line-height:1.85;color:var(--muted)}

/* ---------- 平台说明 ---------- */
.th-about{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;padding-top:26px;border-top:1px solid var(--line)}
.th-about-main h2{margin-bottom:14px}
.th-about-main p{margin:0 0 12px;font-size:14.5px;line-height:2.0;color:var(--ink-2)}
.th-about-links{list-style:none;margin:0;padding:0;align-self:start;border-left:1px solid var(--line);padding-left:28px}
.th-about-links li{margin-bottom:11px;font-size:14px}
.th-about-links a{color:var(--ink-2)}
.th-about-links a:hover{color:var(--pri)}

/* ---------- 列表页（L3） ---------- */
.th-list{padding-bottom:20px}
.th-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  padding:18px 0 22px;border-bottom:2px solid var(--ink)}
.th-list-head h1{font-size:36px}
.th-list-head p{margin:12px 0 0;font-size:14px;line-height:1.9;color:var(--muted);max-width:820px}
.th-count{font-size:13.5px;color:var(--muted);white-space:nowrap}
.th-count b{font-size:20px;color:var(--pri);margin:0 3px}
.th-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
.th-tabs{display:flex;gap:8px;flex-wrap:wrap}
.th-tab{font-size:14px;padding:7px 16px;border:1px solid var(--line);border-radius:var(--r-btn);color:var(--ink-2);background:#fff}
.th-tab:hover{border-color:var(--pri);color:var(--pri)}
.th-tab.on{background:var(--pri);border-color:var(--pri);color:#fff}
.th-sorts{display:flex;gap:16px;font-size:13.5px;color:var(--muted)}
.th-sort.on{color:var(--pri);font-weight:700}
.th-grid-list{padding-top:26px}
.th-empty{text-align:center;padding:70px 0;border-bottom:1px solid var(--line)}
.th-empty b{font-family:var(--font-head);font-size:20px}
.th-empty p{color:var(--muted);font-size:14px;margin:10px 0 18px}
.th-empty a{display:inline-block;background:var(--pri);color:#fff;padding:11px 26px;border-radius:var(--r-btn);font-size:14px}

/* ---------- 详情页（P1 正文左 + 侧栏右） ---------- */
.th-detail{padding-bottom:40px}
.th-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;padding-top:6px}
.th-detail-head{padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:26px}
.th-detail-cate{display:inline-block;font-size:12.5px;letter-spacing:1.2px;color:var(--pri);
  border-bottom:2px solid var(--pri);padding-bottom:4px;margin-bottom:16px}
.th-detail-head h1{font-size:34px;line-height:1.45;margin-bottom:18px}
.th-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;font-size:13.5px;color:var(--ink-2)}
.th-meta li i{font-style:normal;color:var(--muted);margin-right:8px}
.th-body{font-size:16px;line-height:2.05;color:var(--ink-2)}
.th-body p{margin:0 0 16px}
.th-body img{width:100%;height:auto;margin:0 0 18px}
.th-body strong{color:var(--ink)}
.th-fig{margin:0 0 20px;background:#fff}
.th-note{margin-top:28px;padding:22px 24px;background:#fff;border-left:4px solid var(--pri);border-radius:0 var(--r-card) var(--r-card) 0}
.th-note p{margin:0 0 10px;font-size:13.5px;line-height:1.95;color:var(--ink-2)}
.th-note p:last-child{margin-bottom:0}
.th-note b{color:var(--ink)}
.th-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:150px}
.th-side-box{background:#fff;border:1px solid var(--line);border-radius:var(--r-card);padding:22px}
.th-side-contact{border-top:3px solid var(--pri)}
.th-side-box h2{font-size:16px;margin-bottom:14px}
.th-side-pub{margin:0 0 6px;font-size:14px;color:var(--ink-2)}
.th-side-tel{display:block;font-family:var(--font-head);font-size:27px;line-height:1.3;color:var(--pri);letter-spacing:.5px;margin-bottom:10px}
.th-side-tel:hover{color:var(--pri-d)}
.th-side-tip{margin:0 0 16px;font-size:12.5px;line-height:1.85;color:var(--muted)}
.th-side-btn{display:block;text-align:center;background:var(--pri);color:#fff;padding:11px 0;border-radius:var(--r-btn);font-size:14px}
.th-side-btn:hover{background:var(--pri-d)}
.th-side-rel{list-style:none;margin:0;padding:0}
.th-side-rel li{padding:9px 0;border-bottom:1px dashed var(--line);font-size:13.5px;line-height:1.7}
.th-side-rel li:last-child{border-bottom:0}
.th-side-rel a{color:var(--ink-2)}
.th-side-rel a:hover{color:var(--pri)}
.th-side-dl{margin:0 0 14px;font-size:13px;line-height:1.9}
.th-side-dl dt{color:var(--muted);margin-top:8px}
.th-side-dl dd{margin:2px 0 0;color:var(--ink-2)}
.th-side-link{font-size:13px;color:var(--pri)}

/* ---------- 页脚（FT1 浅色居中） ---------- */
.th-foot{margin-top:56px;background:#fff;border-top:1px solid var(--line);padding:44px 0 30px;text-align:center}
.th-foot-brand{font-family:var(--font-head);font-size:19px;font-weight:700;margin:0 0 8px;color:var(--ink)}
.th-foot-tag{margin:0 0 22px;font-size:12.5px;letter-spacing:1.6px;color:var(--muted)}
.th-foot-nav,.th-foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 22px;font-size:13.5px;margin-bottom:14px}
.th-foot-nav a{color:var(--ink-2)}
.th-foot-links a{color:var(--muted);font-size:12.5px}
.th-foot-nav a:hover,.th-foot-links a:hover{color:var(--pri)}
.th-foot-contact{display:flex;justify-content:center;flex-wrap:wrap;gap:6px 26px;margin:20px 0 14px;
  padding-top:18px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
.th-foot-copy{margin:0 0 8px;font-size:12.5px;color:var(--muted)}
.th-foot-copy a:hover{color:var(--pri)}
.th-foot-sep{margin:0 8px;color:#cfd8e0}
.th-foot-note{margin:0;font-size:12px;color:#9aa6b2}

/* ---------- 文章页（A3 骨架配色对齐） ---------- */
.a3-head{background:#fff;border-bottom:1px solid var(--line)}
.a3-kicker{color:var(--pri)}
.a3-wrap .a3-aside,.a3-wrap .a3-main{background:transparent}


/* ---------- 流程通栏色带（深色带，打破全页浅色节奏） ---------- */
.th-flow-band{background:var(--pri-d);color:#fff;padding:48px 0 52px;margin:var(--gap-sec) 0 0}
.th-sec-head-inv{border-bottom:1px solid rgba(255,255,255,.28)}
.th-sec-head-inv h2{color:#fff;padding-left:18px}
.th-sec-head-inv h2:before{background:#fff;top:4px;bottom:4px}
.th-sec-head-inv span{font-size:13px;color:rgba(255,255,255,.72)}
.th-flow-band .th-steps li{border-right-color:rgba(255,255,255,.24)}
.th-flow-band .th-step-n{color:#fff;opacity:.42;font-size:34px}
.th-flow-band .th-steps b{color:#fff;font-size:17px}
.th-flow-band .th-steps p{color:rgba(255,255,255,.78)}

/* ---------- 文章页（A4：深色标题条 + 居中单栏） ---------- */
.th-art-head{background:var(--pri-d);color:#fff;padding:44px 0 40px}
.th-art-head-in{max-width:900px;margin:0 auto}
.th-art-kicker{margin:0 0 14px;font-size:12.5px;letter-spacing:3px;color:rgba(255,255,255,.7)}
.th-art-head h1{color:#fff;font-size:34px;line-height:1.4;letter-spacing:-.6px;margin:0 0 18px}
.th-art-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px 30px;margin:0;padding:16px 0 0;
  border-top:1px solid rgba(255,255,255,.24);font-size:13px;color:rgba(255,255,255,.82)}
.th-art-meta i{font-style:normal;color:rgba(255,255,255,.56);margin-right:8px}
.th-art-body{padding-bottom:40px}
.th-art-body .th-crumb{padding:16px 0}
.th-art-main{max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-card);padding:38px 44px 30px;font-size:15.5px;line-height:2.0;color:var(--ink-2)}
.th-art-main h2{font-size:20px;color:var(--ink);margin:30px 0 12px;padding-left:14px;position:relative}
.th-art-main h2:first-child{margin-top:0}
.th-art-main h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--pri)}
.th-art-main h3{font-size:16.5px;color:var(--ink);margin:22px 0 10px}
.th-art-main p{margin:0 0 14px}
.th-art-main ul,.th-art-main ol{margin:0 0 16px;padding-left:22px}
.th-art-main li{margin-bottom:8px}
.th-art-main strong{color:var(--ink)}
.th-art-main table{width:100%;border-collapse:collapse;margin:18px 0 22px;font-size:14px}
.th-art-main th,.th-art-main td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.th-art-main th{background:var(--pri-l);color:var(--ink);font-weight:600;white-space:nowrap}
.th-art-main tr:last-child td{border-bottom:0}
.th-art-main img{width:100%;height:auto;margin:12px 0}
.th-art-links{max-width:900px;margin:26px auto 0;padding:22px 0 0;border-top:1px solid var(--line)}
.th-art-links-t{margin:0 0 12px;font-size:13px;color:var(--muted);letter-spacing:1px}
.th-art-pills{display:flex;flex-wrap:wrap;gap:10px}
.th-art-pills a{font-size:13.5px;padding:8px 16px;border:1px solid var(--line);border-radius:var(--r-btn);color:var(--ink-2);background:#fff}
.th-art-pills a:hover{border-color:var(--pri);color:var(--pri)}
.th-art-note{max-width:900px;margin:22px auto 0;padding:20px 22px;background:#fff;border-left:4px solid var(--pri);
  border-radius:0 var(--r-card) var(--r-card) 0}
.th-art-note p{margin:0 0 8px;font-size:13px;line-height:1.95;color:var(--ink-2)}
.th-art-note p:last-child{margin-bottom:0}


/* 价目卡（表格转卡片） */
.th-plans{list-style:none;margin:18px 0 22px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.th-plans li{background:var(--bg);border-left:3px solid var(--pri);padding:14px 16px;border-radius:0 var(--r-btn) var(--r-btn) 0}
.th-plan-t{margin:0 0 8px;font-family:var(--font-head);font-size:15px;font-weight:700;color:var(--ink)}
.th-plan-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:13px;line-height:1.8}
.th-plan-dl dt{margin:0;color:var(--muted)}
.th-plan-dl dd{margin:0;color:var(--ink-2)}
@media (max-width:640px){.th-plans{grid-template-columns:1fr}}

/* ---------- 窄屏收敛 ---------- */
@media (max-width:1180px){
  .th-search input{width:130px}
  .th-hero-bar-in{grid-template-columns:minmax(0,1fr) 330px;gap:34px}
  .th-detail-grid{grid-template-columns:minmax(0,1fr) 300px;gap:32px}
}
@media (max-width:980px){
  :root{--fs-h1:34px;--gap-sec:32px}
  .wrap{max-width:calc(100% - 32px)}
  .th-tagline,.th-tel{display:none}
  .th-menu{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .th-menu::-webkit-scrollbar{display:none}
  .th-m{padding:16px 12px;font-size:14.5px}
  .th-search{display:none}
  .th-bar-r .th-pub{padding:7px 14px;font-size:12.5px}
  .th-hero{height:280px}
  .th-hero-bar-in{grid-template-columns:1fr;gap:24px;padding:26px 0 30px}
  .th-hero-h{font-size:31px}
  .th-hero-sub{font-size:14.5px}
  .th-catbar{grid-template-columns:1fr}
  .th-catbar-i{border-right:0;border-bottom:1px solid var(--line)}
  .th-grid,.th-lane-r{grid-template-columns:repeat(2,1fr);gap:0 22px}
  .th-lane{grid-template-columns:1fr;gap:18px}
  .th-steps{grid-template-columns:1fr 1fr;gap:22px 0}
  .th-steps li:nth-child(2n){border-right:0;padding-right:0}
  .th-about{grid-template-columns:1fr;gap:24px}
  .th-about-links{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px;
    display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
  .th-list-head{flex-direction:column;align-items:flex-start;gap:10px}
  .th-list-head h1{font-size:28px}
  .th-detail-grid{grid-template-columns:1fr;gap:26px}
  .th-side{position:static}
  .th-detail-head h1{font-size:26px}
  .th-art-head h1{font-size:25px}
  .th-art-main{padding:24px 20px 20px;font-size:15px}
  .th-art-main table{font-size:12.5px}
  .th-art-main th,.th-art-main td{padding:8px 9px}
  .th-flow-band{padding:34px 0 30px}
}
@media (max-width:640px){
  .th-top-in{height:56px;gap:10px}
  .th-logo{font-size:16px}
  .th-mini{display:none}
  .th-hero{height:200px}
  .th-hero-h{font-size:25px;letter-spacing:-.5px}
  .th-hero-sub{font-size:14px;line-height:1.85}
  .th-hero-acts .th-btn,.th-hero-acts .th-btn-line{padding:11px 22px;font-size:14px}
  .th-catbar-no{font-size:26px}
  .th-grid,.th-lane-r{grid-template-columns:1fr}
  .th-grid{gap:0}
  .th-card{margin-bottom:18px;padding-bottom:18px}
  .th-steps{grid-template-columns:1fr;gap:16px}
  .th-steps li{border-right:0;border-bottom:1px solid var(--line);padding:0 0 14px}
  .th-steps li:last-child{border-bottom:0}
  .th-about-links{grid-template-columns:1fr}
  .th-side-tel{font-size:23px}
  .th-foot-contact{gap:4px 12px}
}