:root{
  --tk-ink:#143A5A;
  --tk-ink-deep:#0F2B46;
  --tk-ink-soft:#1C4A6E;
  --tk-gold:#E8590C;
  --tk-gold-light:#FF8C42;
  --tk-paper:#F7F4EE;
  --tk-paper-2:#F0EBDF;
  --tk-text:#26323B;
  --tk-text-soft:#5A6B77;
  --tk-line:#E2DAC7;
  --tk-white:#ffffff;
  --tk-shadow:0 6px 24px rgba(20,58,90,.10);
  --tk-radius:14px;
}
*{margin:0;padding:0;box-sizing:border-box;font-weight:400}
html{scroll-behavior:smooth}
body{font-family:"Microsoft YaHei",sans-serif;color:var(--tk-text);background:var(--tk-paper);line-height:1.7;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Microsoft YaHei",sans-serif;font-weight:400;line-height:1.35;color:var(--tk-ink-deep)}
a{color:var(--tk-ink-soft);text-decoration:none}
img{max-width:100%;display:block}
.tk-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ===== 顶部工具条 ===== */
.tk-topbar{background:var(--tk-ink-deep);color:#d9d2bd;font-size:12px}
.tk-topbar .tk-container{display:flex;justify-content:space-between;align-items:center;height:38px;flex-wrap:wrap}
.tk-topbar-links{display:flex;gap:22px}
.tk-topbar-links span{color:#b9b09a}
.tk-topbar-links a{color:#d9d2bd}
.tk-topbar-links a:hover{color:var(--tk-gold-light)}
.tk-topbar-contact{color:var(--tk-gold-light);font-weight:400;display:flex;align-items:center;gap:7px}
.tk-topbar-contact svg{width:15px;height:15px;flex-shrink:0}

/* ===== 主导航 ===== */
.tk-site-header-fixed{position:sticky;top:0;z-index:100}
.tk-site-header{background:var(--tk-white);border-bottom:1px solid var(--tk-line);box-shadow:0 2px 12px rgba(20,58,90,.06)}
.tk-nav-wrap{display:flex;align-items:center;justify-content:space-between;height:76px}
.tk-logo{display:flex;align-items:center;gap:12px}
.tk-logo-badge{width:48px;height:48px;border-radius:50%;background:transparent;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}
.tk-logo-badge img{width:100%;height:100%;object-fit:cover;display:block}
.tk-logo-text{display:flex;flex-direction:column;line-height:1.2}
.tk-logo-text b{font-family:"Microsoft YaHei",sans-serif;font-size:18px;color:var(--tk-ink-deep);letter-spacing:.5px;white-space:nowrap}
.tk-logo-text small{font-size:12px;color:var(--tk-gold);letter-spacing:2px}
.tk-nav-list{display:flex;align-items:center;gap:6px;list-style:none}
.tk-nav-list a{display:block;padding:10px 15px;font-size:16px;color:var(--tk-text);border-radius:8px;transition:.2s;white-space:nowrap}
.tk-nav-list a:hover,.tk-nav-list a.tk-active{color:var(--tk-ink);background:var(--tk-paper-2)}
.tk-nav-list a.tk-active{font-weight:400}
.tk-nav-toggle{display:none;background:none;border:none;width:40px;height:40px;cursor:pointer;flex-direction:column;justify-content:center;gap:5px}
.tk-nav-toggle span{display:block;height:2px;background:var(--tk-ink-deep);width:24px;border-radius:2px}

/* ===== 视图切换 ===== */
.tk-view{display:none}
.tk-view.tk-active{display:block;animation:fadeIn .4s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ===== 首页 Hero ===== */
.tk-hero{position:relative;color:#fff;overflow:hidden}
.tk-hero-slides,.tk-hero-slide{position:absolute;inset:0}
.tk-hero-slide{background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease;z-index:1}
.tk-hero-slide.tk-is-active{opacity:1}
.tk-hero-dots{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;z-index:3}
.tk-hero-dots button{width:10px;height:10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);background:transparent;cursor:pointer;padding:0;box-sizing:border-box}
.tk-hero-dots button.tk-is-active{background:var(--tk-gold-light);border-color:var(--tk-gold-light)}
.tk-hero-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:45px 20px 55px}
.tk-hero-kicker{display:inline-block;font-size:12px;letter-spacing:3px;color:var(--tk-gold-light);border:1px solid rgba(228,179,99,.5);padding:6px 14px;border-radius:30px;margin-bottom:22px}
.tk-hero h1{font-size:24px;color:#fff;max-width:640px;margin-bottom:20px;font-weight:400}
.tk-hero h1 em{font-style:normal;color:var(--tk-gold-light)}
.tk-hero p{font-size:15px;color:rgba(255,255,255,.88);max-width:560px;margin-bottom:34px}
.tk-hero-stats{display:flex;gap:40px;margin-top:52px;flex-wrap:wrap}
.tk-hero-stat{display:flex;flex-direction:column}
.tk-hero-stat b{font-size:24px;color:var(--tk-gold-light);font-family:"Microsoft YaHei",sans-serif}
.tk-hero-stat span{font-size:12px;color:rgba(255,255,255,.8);letter-spacing:1px}

/* ===== 通用区块 ===== */
.tk-section{padding:86px 0}
.tk-section-head{text-align:center;max-width:760px;margin:0 auto 52px}
.tk-section-head .tk-tag{font-size:12px;letter-spacing:3px;color:var(--tk-gold);margin-bottom:12px}
.tk-section-head h2{font-size:20px;margin-bottom:14px}
.tk-section-head p{color:var(--tk-text-soft);font-size:15px}
.tk-section-alt{background:var(--tk-white)}

/* ===== 业务板块 ===== */

/* ===== 关于我们 ===== */
.tk-about-wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
.tk-about-img{border-radius:var(--tk-radius);overflow:hidden;box-shadow:var(--tk-shadow)}
.tk-about-img img{height:100%;object-fit:cover}
.tk-about-body .tk-tag{font-size:12px;letter-spacing:3px;color:var(--tk-gold);margin-bottom:12px;display:flex;align-items:center;gap:8px}
.tk-about-body .tk-tag svg{width:16px;height:16px;fill:none;stroke:var(--tk-gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.tk-about-body h2{font-size:20px;margin-bottom:18px}
.tk-about-body p{font-size:14px;color:var(--tk-text-soft);margin-bottom:16px}
.tk-about-feats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.tk-about-feats div{background:var(--tk-paper-2);border-radius:9px;padding:12px 16px;font-size:14px;color:var(--tk-ink-deep);font-weight:400}
.tk-about-feats div svg{width:18px;height:18px;stroke:var(--tk-gold);fill:none;stroke-width:2;vertical-align:-3px;margin-right:7px}

/* ===== 服务项目 ===== */
.tk-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tk-svc-card{text-align:center;background:var(--tk-white);border:1px solid var(--tk-line);border-radius:var(--tk-radius);padding:26px 16px;transition:.2s}
.tk-svc-card:hover{border-color:var(--tk-gold);box-shadow:var(--tk-shadow)}
.tk-svc-icon{width:52px;height:52px;border-radius:50%;background:var(--tk-paper-2);margin:0 auto 14px;display:flex;align-items:center;justify-content:center}
.tk-svc-icon svg{width:26px;height:26px;stroke:var(--tk-gold);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-svc-card h4{font-size:16px;margin-bottom:6px}
.tk-svc-card p{font-size:14px;color:var(--tk-text-soft)}

/* ===== 合作流程 ===== */
.tk-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}
.tk-flow-step{text-align:center;padding:0 12px;position:relative}
.tk-flow-num{width:56px;height:56px;border-radius:50%;background:var(--tk-ink);color:var(--tk-gold-light);font-family:"Microsoft YaHei",sans-serif;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative;z-index:2}
.tk-flow-step h4{font-size:18px;margin-bottom:8px}
.tk-flow-step p{font-size:12px;color:var(--tk-text-soft)}
.tk-flow::before{content:"";position:absolute;top:28px;left:10%;right:10%;height:2px;background:var(--tk-line);z-index:1}

/* ===== 新闻问答 ===== */

/* ===== 合作案例条 ===== */
.tk-case-strip{background:var(--tk-paper)}
.tk-case-strip .tk-container{padding:70px 20px}
.tk-case-lead{font-family:"Microsoft YaHei",sans-serif;font-size:22px;color:var(--tk-ink-deep);text-align:center;margin-bottom:30px}
.tk-case-strip-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.tk-case-strip-grid .tk-svc-card{padding:24px 12px}

/* ===== 页脚 ===== */
.tk-site-footer{background:var(--tk-ink-deep);color:#b9b09a;padding:42px 0 0}
.tk-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:20px;padding:0 60px 32px}
.tk-footer-grid.tk-f-about{gap:12px;padding:0 96px 32px}
.tk-footer-col h4{color:#fff;font-size:15px;margin-bottom:10px}
.tk-footer-col p{font-size:12px;line-height:1.9}
.tk-footer-links{list-style:none}
.tk-footer-links li{min-height:26px;display:flex;align-items:center}
.tk-footer-links a{color:#b9b09a;font-size:12px}
.tk-footer-links a:hover{color:var(--tk-gold-light)}
.tk-footer-contact div{font-size:12px;min-height:26px;display:flex;align-items:center;gap:8px}
.tk-footer-contact svg{width:16px;height:16px;stroke:var(--tk-gold);fill:none;stroke-width:1.8;flex-shrink:0}
.tk-copyright{border-top:1px solid rgba(255,255,255,.12);padding:12px 0;font-size:12px;text-align:center;color:#8a8370}
.tk-friend-links{max-width:1200px;margin:0 auto;box-sizing:border-box;padding:12px 0 12px 20px;font-size:12px;text-align:left;color:#8a8370}
.tk-friend-links .tk-friend-t{color:#b9b09a}
.tk-friend-links a{color:#8a8370;margin:0 8px;text-decoration:none}
.tk-friend-links a:hover{color:var(--tk-gold-light)}

/* ===== 列表页 & 内容页通用 ===== */

/* 列表页 */
.tk-list-layout{display:grid;grid-template-columns:1fr 300px;gap:34px;padding:34px 0 70px}
.tk-list-main{display:flex;flex-direction:column;gap:20px}
.tk-article-item{display:grid;grid-template-columns:150px 1fr;gap:20px;background:var(--tk-white);border:1px solid var(--tk-line);border-radius:var(--tk-radius);padding:18px;transition:.2s;cursor:pointer}
.tk-article-item:hover{box-shadow:var(--tk-shadow);border-color:var(--tk-gold)}
.tk-article-item .tk-thumb{border-radius:9px;overflow:hidden;height:110px}
.tk-article-item .tk-thumb img{width:100%;height:100%;object-fit:cover}
.tk-article-item h3{font-size:16px;margin-bottom:8px}
.tk-article-item h3 a:hover{color:var(--tk-ink)}
.tk-article-item .tk-meta{font-size:12px;color:var(--tk-text-soft);margin-bottom:8px;display:flex;gap:14px}
.tk-article-item .tk-meta time{color:var(--tk-gold)}
.tk-article-item p{font-size:15px;color:var(--tk-text-soft);text-indent:0}
.tk-list-side{display:flex;flex-direction:column;gap:22px;position:sticky;top:120px;align-self:start}
.tk-side-card{background:var(--tk-white);border:1px solid var(--tk-line);border-radius:var(--tk-radius);padding:22px}
.tk-side-card h4{font-size:18px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--tk-paper-2);text-align:center}
.tk-side-list{list-style:none}
.tk-side-list li{padding:8px 0;border-bottom:1px dashed var(--tk-line);font-size:15px}
.tk-side-list li:last-child{border-bottom:none}
.tk-side-list a{color:var(--tk-text)}
.tk-side-list a:hover{color:var(--tk-ink)}

/* ===== 客户案例 ===== */
.tk-case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tk-case-item{background:var(--tk-white);border:1px solid var(--tk-line);border-radius:var(--tk-radius);overflow:hidden;transition:.25s;text-decoration:none;display:block}
.tk-case-item:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(20,58,90,.12);border-color:var(--tk-gold)}
.tk-case-img{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b4a72,#2c6b9e)}
.tk-case-img svg{width:58px;height:58px;color:var(--tk-gold-light);opacity:.92}
.tk-case-item figcaption{padding:14px 16px;font-size:15px;color:var(--tk-ink-deep);text-align:center;line-height:1.5}
.tk-case-head{text-align:center;font-size:18px;color:var(--tk-ink-deep);margin:0 0 30px;padding-bottom:14px;border-bottom:1px solid var(--tk-gold)}
.tk-case-item:hover figcaption{color:var(--tk-ink)}

/* 内容页 */
.tk-article-detail{max-width:860px;margin:0 auto;padding:40px 20px 70px}
.tk-article-title{font-size:18px;margin-bottom:16px;text-align:center}
.tk-article-meta{display:flex;gap:18px;color:var(--tk-text-soft);font-size:12px;border-bottom:1px solid var(--tk-line);padding-bottom:16px;margin-bottom:26px;flex-wrap:wrap;justify-content:center}
.tk-article-body{font-size:15px;line-height:1.9;color:var(--tk-text)}
.tk-article-body h2{font-size:18px;margin:28px 0 14px}
.tk-article-body h3{font-size:18px;margin:24px 0 12px}
.tk-article-body p{margin-bottom:16px}
.tk-article-body ul,.tk-article-body ol{margin:0 0 16px 22px}
.tk-article-body li{margin-bottom:8px}
.tk-article-body img{border-radius:10px;margin:20px auto;box-shadow:var(--tk-shadow)}
.tk-article-tags{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.tk-article-tags span{background:var(--tk-paper-2);font-size:12px;color:var(--tk-ink-deep);padding:6px 14px;border-radius:20px}
.tk-article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:36px;padding-top:22px;border-top:1px solid var(--tk-line)}
.tk-article-nav a{font-size:15px;color:var(--tk-text)}
.tk-article-nav a b{display:block;font-size:12px;color:var(--tk-gold);margin-bottom:4px}
.tk-article-nav a:hover{color:var(--tk-ink)}

/* ===== 分页 ===== */
.tk-pagination{display:flex;gap:8px;justify-content:center;margin-top:30px}
.tk-pagination a,.tk-pagination span{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:1px solid var(--tk-line);border-radius:8px;font-size:15px;background:var(--tk-white);color:var(--tk-text);padding:0 14px}
.tk-pagination .tk-cur{background:var(--tk-ink);color:#fff;border-color:var(--tk-ink)}
.tk-pagination a:hover{border-color:var(--tk-gold)}

/* ===== 移动端响应式 ===== */
@media(max-width:980px){
  .tk-svc-grid{grid-template-columns:repeat(3,1fr)}
  .tk-svc-grid-4{grid-template-columns:repeat(2,1fr)}
  .tk-case-strip-grid{grid-template-columns:repeat(3,1fr)}
  .tk-case-grid{grid-template-columns:repeat(2,1fr)}
  .tk-flow{grid-template-columns:1fr 1fr;gap:26px}
  .tk-flow::before{display:none}
  .tk-about-wrap{grid-template-columns:1fr}
  .tk-list-layout{grid-template-columns:1fr}
  .tk-list-side{position:static}
  .tk-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  .tk-nav-toggle{display:flex}
  .tk-nav-list{position:fixed;inset:0 0 0 auto;width:260px;background:var(--tk-white);flex-direction:column;align-items:stretch;padding:80px 20px 30px;box-shadow:-8px 0 30px rgba(0,0,0,.15);transform:translateX(100%);transition:transform .3s;z-index:200;gap:4px}
  .tk-nav-list.tk-open{transform:translateX(0)}
  .tk-nav-list a{padding:12px 14px;font-size:16px}
  .tk-nav-wrap{height:64px}
  .tk-topbar-links{display:none}
  .tk-hero-inner{padding:32px 20px 40px}
  .tk-hero h1{font-size:24px}
  .tk-hero-stats{gap:24px}
  .tk-hero-stat b{font-size:24px}
  .tk-section{padding:60px 0}
  .tk-section-head h2{font-size:20px}
  .tk-biz-grid,.tk-sol-grid,.tk-svc-grid,.tk-case-grid,.tk-case-strip-grid{grid-template-columns:1fr}
  .tk-svc-grid-4{grid-template-columns:1fr}
  .tk-flow{grid-template-columns:1fr}
  .tk-article-item{grid-template-columns:1fr}
  .tk-article-item .tk-thumb{height:150px}
  .tk-article-title{font-size:24px}
  .tk-article-nav{grid-template-columns:1fr}
  .tk-footer-grid{grid-template-columns:1fr}
  .tk-about-feats{grid-template-columns:1fr}
}
/* ===== 档案数字化专题页 ===== */

.tk-topic-wrap{max-width:1200px;margin:0 auto;padding:50px 20px 70px}
.tk-topic-layout{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:start}

/* 左侧悬浮导航 */
.tk-topic-nav{position:sticky;top:132px;background:var(--tk-white);border:1px solid var(--tk-line);border-radius:var(--tk-radius);padding:20px;max-height:calc(100vh - 150px);overflow:auto}
.tk-topic-nav h3{font-size:18px;color:var(--tk-ink-deep);text-align:center;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--tk-line)}
.tk-topic-nav a{display:block;padding:10px 14px;font-size:15px;color:var(--tk-text);border-radius:8px;margin-bottom:6px;border-bottom:1px dashed var(--tk-line);transition:.2s}
.tk-topic-nav a:last-child{border-bottom:none}
.tk-topic-nav a:hover,.tk-topic-nav a.tk-active{background:var(--tk-paper-2);color:var(--tk-ink)}
/* 专题页 tk-topic-nav 内的主营业务/列表卡片：恢复 tk-side-list 行距，与新闻资讯页一致 */
.tk-topic-nav .tk-side-list li a{padding:0;margin-bottom:0;display:block;font-size:15px;border-radius:0}
.tk-topic-nav .tk-side-list li a:hover{background:none}
/* 模块化后的主营业务列表（bizcard.js 专属类 tk-bc-list）同样恢复行距，与新闻资讯一致 */
.tk-topic-nav .tk-bc-list li a{padding:0;margin-bottom:0;border:none;border-radius:0;display:block;font-size:15px;background:none}
.tk-topic-nav .tk-bc-list li a:hover{background:none}

/* 右侧专题内容 */
.tk-topic-content{min-width:0}
.tk-topic-note{background:var(--tk-paper-2);border-left:4px solid var(--tk-gold);padding:14px 18px;border-radius:8px;font-size:15px;color:var(--tk-ink-deep);line-height:1.8}

@media(max-width:980px){
  .tk-topic-layout{grid-template-columns:1fr}
  .tk-topic-nav{position:static;max-height:none}
}

/* ===== 档案数字化专题页（并入统一样式） ===== */
.tk-topic-block{margin-bottom:52px}

/* 档案数字化服务：左文字右卡片 */
.tk-ds-hero{display:flex;gap:32px;align-items:center}
.tk-ds-text{flex:1;min-width:0}
.tk-ds-text .tk-section-head{text-align:left}
.tk-ds-text .tk-section-head h2,.tk-ds-text .tk-section-head p{text-align:left}
.tk-ds-cards{width:360px;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tk-ds-card{display:flex;align-items:center;gap:10px;padding:14px 15px;border:1px solid var(--tk-line);border-radius:var(--tk-radius);background:var(--tk-white);color:var(--tk-ink-deep);transition:.2s;text-decoration:none}
.tk-ds-card svg{width:22px;height:22px;color:var(--tk-gold);flex-shrink:0}
.tk-ds-card span{font-size:15px}
.tk-ds-card:hover{border-color:var(--tk-gold);background:var(--tk-paper-2)}
.tk-ds-card-wide{grid-column:1/-1}
.tk-ds-cards-lg{width:400px}
.tk-ds-cards-lg .tk-ds-card span{white-space:nowrap}
.tk-ds-flow{gap:22px;grid-template-columns:repeat(3,1fr);width:440px}
.tk-ds-flow .tk-ds-card{position:relative}
.tk-ds-flow .tk-ds-card:not(:nth-child(3n)):not(:last-child)::after{content:"→";position:absolute;right:-18px;top:50%;transform:translateY(-50%);color:var(--tk-gold);font-size:20px;font-weight:900;line-height:1;pointer-events:none;z-index:2}
.tk-ds-flow .tk-ds-card:nth-child(3n):not(:last-child)::after{content:"↓";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);color:var(--tk-gold);font-size:20px;font-weight:900;line-height:1;pointer-events:none;z-index:2}
.tk-ds-flow .tk-ds-card:last-child::after{content:none}
.tk-ds-flow .tk-ds-card.tk-no-down:nth-child(3n)::after{content:none}
.tk-ds-flow .tk-ds-card.tk-rev:not(:nth-child(3n)):not(:last-child)::after{content:"←"}
.tk-ds-flow .tk-ds-card.tk-down::before{content:"↓";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);color:var(--tk-gold);font-size:20px;font-weight:900;line-height:1;pointer-events:none;z-index:2}
.tk-svc-grid-4{grid-template-columns:repeat(4,1fr)}
p{text-indent:20px}
.tk-section-head p,.tk-topic-hero p,.tk-biz-card p,.tk-svc-card p,.tk-side-card p,.tk-ac-card p,.tk-ds-card p,.tk-flow-step p{text-indent:0}
.tk-section-head p.tk-indent{text-indent:2em}
.tk-indent{text-indent:2em}
@media(max-width:980px){.tk-ds-hero{flex-direction:column;align-items:stretch}.tk-ds-cards{width:100%}}

/* 档案咨询：左卡片右文字 */
.tk-ac-hero{display:flex;gap:32px;align-items:center}
.tk-ac-cards{width:390px;flex-shrink:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tk-ac-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 6px;border:1px solid var(--tk-line);border-radius:var(--tk-radius);background:var(--tk-white);color:var(--tk-ink-deep);text-align:center;transition:.2s}
.tk-ac-card svg{width:22px;height:22px;color:var(--tk-gold);flex-shrink:0}
.tk-ac-card span{font-size:13px;line-height:1.4}
.tk-ac-card:hover{border-color:var(--tk-gold);background:var(--tk-paper-2)}
@media(max-width:980px){.tk-ac-hero{flex-direction:column;align-items:stretch}.tk-ac-cards{width:100%;grid-template-columns:repeat(3,1fr)}}

/* 档案扫描流程卡片箭头连接（箭头在卡片外部间隙） */
.tk-ac-flow{gap:24px 22px}
.tk-ac-flow .tk-ac-card{position:relative}
.tk-ac-flow .tk-ac-card:not(:nth-child(3n)):not(:last-child)::after{content:"→";position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--tk-gold);font-size:20px;font-weight:900;line-height:1;pointer-events:none;z-index:2}
.tk-ac-flow .tk-ac-card:nth-child(3n)::after{content:"↓";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);color:var(--tk-gold);font-size:20px;font-weight:900;line-height:1;pointer-events:none;z-index:2}
.tk-ac-flow .tk-ac-card:last-child::after{content:none}
.tk-ac-flow .tk-ac-card.tk-ac-rev:not(:nth-child(3n))::after{content:"←"}
.tk-ac-flow .tk-ac-card.tk-no-down::after{content:none}
.tk-ac-flow .tk-ac-card.tk-down::before{content:"↓";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);color:var(--tk-gold);font-size:20px;font-weight:900;line-height:1;pointer-events:none;z-index:2}
.tk-ac-flow .tk-ac-card.tk-ac-end{grid-column:3}

/* ===== 客户案例页：案例图渐变变体 ===== */
.tk-case-img.tk-g2{background:linear-gradient(135deg,#2c5f8a,#3f8fb0)}
.tk-case-img.tk-g3{background:linear-gradient(135deg,#3a7a6b,#5aa87f)}
.tk-case-img.tk-g4{background:linear-gradient(135deg,#7a5a3a,#a87f4f)}
.tk-case-img.tk-g5{background:linear-gradient(135deg,#4a3f74,#6c5ba0)}
.tk-case-img.tk-g6{background:linear-gradient(135deg,#8a3f4b,#b05a66)}
.tk-case-img.tk-g7{background:linear-gradient(135deg,#14505f,#2b7a8c)}
.tk-case-img.tk-g8{background:linear-gradient(135deg,#5a4a72,#7a68a0)}
.tk-case-img.tk-g9{background:linear-gradient(135deg,#1d4e79,#3778ad)}



/* ===== 内联样式抽取（元素级） ===== */
.tk-i3{text-align:left}
.tk-i4{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:10px}
.tk-i5{margin:0}
.tk-i6{border:1px solid var(--tk-line);border-radius:14px;overflow:hidden;background:var(--tk-white);box-shadow:0 8px 24px rgba(20,58,90,.08)}
.tk-i7{height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--tk-paper-2);gap:12px;padding:16px}
.tk-i8{width:40px;height:40px;color:var(--tk-gold);fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.tk-i9{font-size:14px;color:var(--tk-ink-deep);text-align:center;line-height:1.6}
.tk-i10{padding:14px 16px;text-align:center;border-top:1px solid var(--tk-line)}
.tk-i11{margin:0;font-size:13px;color:var(--tk-text-soft);line-height:1.7;text-indent:0}
.tk-i12{display:flex;align-items:center;gap:14px;text-align:left}
.tk-i13{margin:0;flex-shrink:0}
.tk-i14{margin-bottom:4px}
.tk-i15{grid-template-columns:1fr 1fr 1fr}
.tk-i16{fill:var(--tk-gold);stroke:none}
.tk-i17{grid-template-columns:320px 1fr}
.tk-i18{padding:0;border:none;background:none;overflow:visible;max-height:none;display:flex;flex-direction:column;gap:22px}
.tk-i19{text-align:center}
.tk-i21{text-indent:20px}
.tk-i22{width:380px}
.tk-i23{margin:0 0 0 22px;padding:0;list-style:none;counter-reset:gstep}
.tk-i24{counter-increment:gstep;margin-bottom:22px;padding-left:0}
.tk-i25{font-size:17px;color:var(--tk-ink-deep);margin:0 0 6px;position:relative;padding-left:34px}
.tk-i26{position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--tk-ink);color:var(--tk-gold-light);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;counter-increment:gstep}
.tk-i27{display:block;font-size:17px}
.tk-i28{font-size:15px;color:var(--tk-text-soft);line-height:1.9;margin:0;text-indent:20px}
.tk-i29{counter-increment:gstep;margin-bottom:22px}
.tk-i30{font-size:17px;color:var(--tk-ink-deep);margin:0 0 6px;padding-left:34px;position:relative}
.tk-i31{position:absolute;left:0;top:1px;width:24px;height:24px;border-radius:50%;background:var(--tk-ink);color:var(--tk-gold-light);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.tk-i32{font-size:13px;font-weight:700}
.tk-i33{counter-increment:gstep;margin-bottom:0}
.tk-i34{margin-top:34px}
.tk-i35{border:4px solid var(--tk-gold);text-align:center}
.tk-i36{grid-column:2}
.tk-i37{grid-column:3}
.tk-i38{font-size:15px;color:var(--tk-text-soft);line-height:1.9;text-indent:20px}
.tk-i39{font-size:15px;color:var(--tk-text-soft);line-height:1.9;padding-left:40px;margin:0}
.tk-i41{font-size:15px;color:var(--tk-text-soft);font-weight:400;margin-left:10px}
.tk-i42{font-size:15px;color:var(--tk-text-soft);line-height:1.7;margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;text-align:center}
.tk-i43{background-image:linear-gradient(180deg,rgba(15,43,70,.82),rgba(20,58,90,.55) 45%,rgba(15,43,70,.78)),url('../webp/w-1.webp')}
.tk-i44{background-image:linear-gradient(180deg,rgba(15,43,70,.82),rgba(20,58,90,.55) 45%,rgba(15,43,70,.78)),url('../webp/w-2.webp')}
.tk-i45{background-image:linear-gradient(180deg,rgba(15,43,70,.82),rgba(20,58,90,.55) 45%,rgba(15,43,70,.78)),url('../webp/w-3.webp')}
.tk-i46{max-width:none;margin:0;padding:34px 0 70px}
.tk-i47{text-align:right}
.tk-i48{grid-template-columns:1fr}
.tk-i49{order:-1}

/* ===== 主营业务模块（窄版，宽度与新闻列表区一致） ===== */

/* ============================================
   以下为各 JS 模块独立样式（专属类名 + 作用域隔离）
   ============================================ */

/* ============================================
   主营业务模块 独立样式（business.js）
   模块自加载，类名 tk-bu-*，以 为作用域，
   不受主页面全局样式影响。
   ============================================ */
.tk-bu-head{text-align:center;max-width:760px;margin:0 auto 52px}
.tk-bu-head h2{font-size:20px;margin:0 0 14px;color:var(--tk-ink-deep,#1a2530)}
.tk-bu-head p{color:var(--tk-text-soft,#7a8794);font-size:15px;margin:0;text-indent:0}
.tk-bu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tk-bu-card{background:#fff;border:1px solid var(--tk-line,#e6e6e6);border-radius:var(--tk-radius,8px);padding:30px 26px;transition:.25s;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.tk-bu-card:hover{transform:translateY(-5px);box-shadow:var(--tk-shadow,0 10px 30px rgba(0,0,0,.08));border-color:var(--tk-gold,#e4b363)}
.tk-bu-icon{width:56px;height:56px;border-radius:12px;background:var(--tk-paper-2,#f5f2ec);display:flex;align-items:center;justify-content:center;margin:0}
.tk-bu-icon svg{width:30px;height:30px;stroke:var(--tk-gold,#e4b363);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-bu-card h3{font-size:16px;margin:0}
.tk-bu-card h3 a{font-size:16px;color:var(--tk-ink-deep,#1a2530);font-family:"Microsoft YaHei",sans-serif;transition:.2s;text-decoration:none}
.tk-bu-card h3 a:hover{color:var(--tk-gold,#e4b363)}
.tk-bu-card p{font-size:14px;color:var(--tk-text-soft,#7a8794);flex-basis:100%;margin:0;text-indent:0}
@media(max-width:768px){.tk-bu-grid{grid-template-columns:1fr}}


/* ============================================
   主营业务模块·窄版 独立样式（business-light.js）
   模块自加载，类名 tk-bl-*，以 为作用域，
   不受主页面全局样式影响。宽度对齐新闻列表区（806px，居中，无背景）。
   ============================================ */
.tk-bl{max-width:806px;margin:0 auto;padding:86px 0}
.tk-bl-head{text-align:center;max-width:760px;margin:0 auto 52px}
.tk-bl-head h2{font-size:20px;margin:0 0 14px;color:var(--tk-ink-deep,#1a2530)}
.tk-bl-head p{color:var(--tk-text-soft,#7a8794);font-size:15px;margin:0;text-indent:0}
.tk-bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tk-bl-card{background:#fff;border:1px solid var(--tk-line,#e6e6e6);border-radius:var(--tk-radius,8px);padding:30px 26px;transition:.25s;display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}
.tk-bl-card:hover{transform:translateY(-5px);box-shadow:var(--tk-shadow,0 10px 30px rgba(0,0,0,.08));border-color:var(--tk-gold,#e4b363)}
.tk-bl-icon{width:56px;height:56px;border-radius:12px;background:var(--tk-paper-2,#f5f2ec);display:flex;align-items:center;justify-content:center;margin:0}
.tk-bl-icon svg{width:30px;height:30px;stroke:var(--tk-gold,#e4b363);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-bl-card h3{font-size:16px;margin:0}
.tk-bl-card h3 a{font-size:16px;color:var(--tk-ink-deep,#1a2530);font-family:"Microsoft YaHei",sans-serif;transition:.2s;text-decoration:none}
.tk-bl-card h3 a:hover{color:var(--tk-gold,#e4b363)}
.tk-bl-card p{font-size:14px;color:var(--tk-text-soft,#7a8794);flex-basis:100%;margin:0;text-indent:0}
@media(max-width:768px){.tk-bl-grid{grid-template-columns:1fr}}


/* ============================================
   主营业务侧边卡片 独立样式（bizcard.js）
   模块自加载，类名 tk-bc-*，以 为作用域，
   不受主页面全局样式影响。
   ============================================ */
.tk-bc-card{background:#fff;border:1px solid var(--tk-line,#e6e6e6);border-radius:var(--tk-radius,8px);padding:22px}
.tk-bc-title{font-size:18px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--tk-paper-2,#f5f2ec);text-align:center;color:var(--tk-ink-deep,#1a2530)}
.tk-bc-list{list-style:none;margin:0;padding:0}
.tk-bc-list li{padding:8px 0;border-bottom:1px dashed var(--tk-line,#e6e6e6);font-size:15px;text-align:center}
.tk-bc-list li:last-child{border-bottom:none}
.tk-bc-list a{color:var(--tk-text,#4a5560);text-decoration:none;font-size:15px;display:block}
.tk-bc-list a:hover{color:var(--tk-ink,#1a2530)}


/* ============================================
   联系我们侧边卡片 独立样式（contactcard.js）
   模块自加载，类名 tk-cc-*，以 为作用域，
   不受主页面全局样式影响。
   ============================================ */
.tk-cc-card{background:#fff;border:1px solid var(--tk-line,#e6e6e6);border-radius:var(--tk-radius,8px);padding:22px}
.tk-cc-title{font-size:18px;margin:0 0 14px;padding-bottom:10px;border-bottom:2px solid var(--tk-paper-2,#f5f2ec);text-align:center;color:var(--tk-ink-deep,#1a2530)}
.tk-cc-line{font-size:15px;color:var(--tk-text,#4a5560);line-height:27px;margin:0;text-indent:0}


/* ============================================
   新闻与常见问题模块 独立样式（news.js）
   模块自加载，类名 tk-nw-*，以 为作用域，
   不受主页面全局样式影响。
   ============================================ */
.tk-nw-head{text-align:center;max-width:760px;margin:0 auto 52px}
.tk-nw-head h2{font-size:20px;margin:0 0 14px;color:var(--tk-ink-deep,#1a2530)}
.tk-nw-head p{color:var(--tk-text-soft,#7a8794);font-size:15px;margin:0;text-indent:0}
.tk-nw-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tk-nw-col{border:1px solid var(--tk-line,#e6e6e6);border-radius:var(--tk-radius,8px);background:#fff;padding:24px 22px}
.tk-nw-col h3{font-size:16px;text-align:center;padding-bottom:14px;margin:0 0 18px;border-bottom:1px solid var(--tk-line,#e6e6e6)}
.tk-nw-col h3 a{font-size:16px;color:var(--tk-ink-deep,#1a2530);font-family:"Microsoft YaHei",sans-serif;transition:.2s;text-decoration:none}
.tk-nw-col h3 a:hover{color:var(--tk-gold,#e4b363)}
.tk-nw-list{list-style:none;margin:0;padding:0}
.tk-nw-list li{padding:13px 0;border-bottom:1px dashed var(--tk-line,#e6e6e6)}
.tk-nw-list li:last-child{border-bottom:none}
.tk-nw-list a{display:flex;gap:12px;align-items:flex-start;text-decoration:none}
.tk-nw-list time{font-size:12px;color:var(--tk-gold,#e4b363);white-space:nowrap;margin-top:3px}
.tk-nw-list a:hover .tk-nw-t{color:var(--tk-gold,#e4b363)}
.tk-nw-t{font-size:14px;color:var(--tk-text,#4a5560);transition:.2s}
@media(max-width:768px){.tk-nw-wrap{grid-template-columns:1fr}}



/* ============================================
   新闻时间 + 标题同行（增强覆盖，追加在文件末尾保证优先级）
   结构：<li><a><time>日期</time><span class="tk-nw-t">标题</span></a></li>
   ============================================ */
.tk-nw-list a{display:flex;gap:12px;align-items:center}
.tk-nw-list time{flex:0 0 auto;min-width:48px;margin-top:0}
.tk-nw-t{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============================================
   我们服务的档案类型（专题页 tk-type-grid）
   3 列卡片网格，最后一张（电子档案）跨满整行居中
   ============================================ */
.tk-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}
.tk-type-grid .tk-ds-card{justify-content:center;padding:18px 16px}
.tk-type-grid .tk-ds-card svg{width:24px;height:24px;flex-shrink:0}
.tk-type-grid .tk-ds-card:last-child{grid-column:1/-1;justify-content:center}
@media(max-width:768px){.tk-type-grid{grid-template-columns:repeat(2,1fr)}.tk-type-grid .tk-ds-card:last-child{grid-column:1/-1}}