/* /skin/css/css.css */
/* 全局重置 & 前缀 tlkf- */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --tlkf-blue:#0A66C2;        /* 科技蓝主色 */
  --tlkf-blue-dark:#054a8c;
  --tlkf-blue-light:#e8f2fc;
  --tlkf-gray-dark:#1e2a3a;
  --tlkf-gray-mid:#4a5a6a;
  --tlkf-gray-light:#f7f9fc;
  --tlkf-border-light:#e2e8f0;
  --tlkf-shadow:0 12px 30px rgba(0,35,70,0.06);
  --tlkf-radius:20px;
  --tlkf-radius-sm:12px;
}
body{font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif; color: var(--tlkf-gray-dark); line-height:1.5; background:#fff;}
a{text-decoration:none; color:inherit;}
ul{list-style:none;}
img{max-width:100%; height:auto; display:block;}

/* 容器 */
.tlkf-container{max-width:1280px; margin:0 auto; padding:0 24px;}

/* 按钮 */
.tlkf-btn-primary{display:inline-block; background: var(--tlkf-blue); color:#fff; font-weight:600; border-radius:40px; padding:12px 28px; border:none; cursor:pointer; transition: background 0.2s; box-shadow:0 4px 10px rgba(10,102,194,0.2);}
.tlkf-btn-primary:hover{background: var(--tlkf-blue-dark);}
.tlkf-btn-secondary{display:inline-block; background:transparent; color:var(--tlkf-blue); border:1.5px solid var(--tlkf-blue); font-weight:600; border-radius:40px; padding:12px 28px; transition: all 0.2s;}
.tlkf-btn-secondary:hover{background:rgba(10,102,194,0.04);}
.tlkf-btn-large{padding:14px 34px; font-size:1.1rem;}
.tlkf-btn-outline{background:transparent; border:1px solid var(--tlkf-border-light); color:var(--tlkf-gray-mid); border-radius:30px; padding:8px 20px; font-weight:500; transition:0.2s;}
.tlkf-btn-outline:hover{background:#f1f5f9;}
.tlkf-btn-sm{padding:8px 20px;}

/* 导航栏 */
.tlkf-header{position:fixed; top:0; left:0; width:100%; z-index:100; backdrop-filter: blur(10px); background:rgba(255,255,255,0.85); border-bottom:1px solid rgba(0,0,0,0.02); box-shadow:0 4px 12px rgba(0,0,0,0.02);}
.tlkf-nav-container{display:flex; align-items:center; justify-content:space-between; height:76px;}
.tlkf-logo-img{height:40px; width:auto;}
.tlkf-nav-list{display:flex; gap:32px; align-items:center;}
.tlkf-nav-link{font-weight:500; color:var(--tlkf-gray-dark); padding:8px 0; border-bottom:2px solid transparent; transition:0.15s;}
.tlkf-nav-link:hover{color:var(--tlkf-blue);}
.tlkf-nav-link.tlkf-active{color:var(--tlkf-blue); border-bottom-color:var(--tlkf-blue);}
.tlkf-nav-actions{display:flex; gap:12px;}
.tlkf-mobile-toggle{display:none; background:none; border:none; font-size:28px; cursor:pointer;}

/* 悬浮工具栏 */
.tlkf-floating-bar{position:fixed; right:20px; bottom:80px; z-index:99; display:flex; flex-direction:column; gap:8px;}
.tlkf-float-item{background:#fff; width:52px; height:52px; border-radius:30px; display:flex; flex-direction:column; align-items:center; justify-content:center; box-shadow:var(--tlkf-shadow); color:var(--tlkf-blue); border:1px solid var(--tlkf-border-light);}
.tlkf-float-icon{font-size:22px; line-height:1;}
.tlkf-float-text{font-size:10px; margin-top:2px;}
.tlkf-float-item:hover{background:var(--tlkf-blue); color:#fff; border-color:var(--tlkf-blue);}

/* section通用 */
.tlkf-section{padding:100px 0; scroll-margin-top:80px;}
.tlkf-bg-light{background:var(--tlkf-gray-light);}
.tlkf-section-header{text-align:left; max-width:700px; margin-bottom:48px;}
.tlkf-section-tag{display:inline-block; background:var(--tlkf-blue-light); color:var(--tlkf-blue); font-weight:600; padding:6px 18px; border-radius:40px; font-size:0.9rem; margin-bottom:16px;}
.tlkf-section-title{font-size:2.4rem; font-weight:700; letter-spacing:-0.02em; color:var(--tlkf-gray-dark);}

/* Hero */
.tlkf-hero{position:relative; padding:140px 0 80px; overflow:hidden;}
.tlkf-hero-grid{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center;}
.tlkf-hero-badge{margin-bottom:20px;}
.tlkf-badge-logo{width:56px; height:56px; border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,0.05);}
.tlkf-hero-title{font-size:3.3rem; font-weight:800; line-height:1.2; margin-bottom:20px;}
.tlkf-hero-sub{font-size:1.2rem; color:var(--tlkf-gray-mid); max-width:500px; margin-bottom:36px;}
.tlkf-hero-cta{display:flex; gap:20px; margin-bottom:40px;}
.tlkf-partner-strip{display:flex; align-items:center; gap:20px; flex-wrap:wrap;}
.tlkf-partner-label{font-weight:600; color:var(--tlkf-gray-mid);}
.tlkf-partner-logos{display:flex; gap:24px; align-items:center;}
.tlkf-mockup-img{border-radius:24px; box-shadow:var(--tlkf-shadow); width:100%;}

/* 关于我们 */
.tlkf-about-grid{display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center;}
.tlkf-about-stats{display:flex; gap:32px; margin:24px 0;}
.tlkf-about-stats li{font-weight:500;} .tlkf-about-stats strong{font-size:2rem; color:var(--tlkf-blue); display:block;}
.tlkf-about-address{margin-top:12px; font-weight:500;}
.tlkf-radius-img{border-radius:28px; box-shadow:var(--tlkf-shadow);}

/* 解决方案 */
.tlkf-solution-showcase{display:flex; flex-direction:column; gap:32px;}
.tlkf-solution-item{display:flex; align-items:center; gap:40px; background:#fff; border-radius:var(--tlkf-radius); padding:24px 32px; box-shadow:0 6px 18px rgba(0,0,0,0.03);}
.tlkf-solution-content h3{font-size:1.8rem; margin-bottom:12px;}
.tlkf-solution-data{font-weight:700; color:var(--tlkf-blue); margin-top:16px; font-size:1.2rem;}
.tlkf-solution-img{border-radius:20px; max-width:260px;}

/* 核心功能 */
.tlkf-core-row{display:flex; align-items:center; gap:48px; margin-bottom:60px;}
.tlkf-row-reverse{flex-direction:row-reverse;}
.tlkf-core-text h3{font-size:2rem; margin-bottom:16px;}
.tlkf-core-media img{border-radius:24px; box-shadow:var(--tlkf-shadow);}

/* 特色功能九宫格 */
.tlkf-feature-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
.tlkf-feature-card{background:#fff; padding:28px 20px; border-radius:var(--tlkf-radius-sm); box-shadow:0 8px 20px rgba(0,0,0,0.02); border:1px solid var(--tlkf-border-light);}
.tlkf-feature-icon{font-size:32px; margin-bottom:16px; display:block;}
.tlkf-feature-card h4{font-size:1.3rem; margin-bottom:8px;}

/* 案例 */
.tlkf-testimonial-slider{display:flex; gap:30px; margin-bottom:24px;}
.tlkf-testimonial-card{background:#fff; padding:30px; border-radius:24px; flex:1; box-shadow:var(--tlkf-shadow);}
.tlkf-testimonial-avatar{width:60px; height:60px; border-radius:60px; margin-bottom:20px;}
.tlkf-testimonial-text{font-size:1.1rem; margin-bottom:20px;}
.tlkf-pagination-dots{display:flex; gap:12px; justify-content:center; margin:30px 0;}
.tlkf-dot{width:10px; height:10px; background:#ccc; border-radius:10px;}
.tlkf-dot-active{background:var(--tlkf-blue); width:24px;}
.tlkf-stats-banner{display:flex; justify-content:space-around; background:var(--tlkf-blue-light); padding:32px; border-radius:40px; margin-top:30px;}
.tlkf-stat-item{font-weight:600; font-size:1.3rem;}
.tlkf-stat-num{font-size:2.5rem; color:var(--tlkf-blue); display:block;}

/* 联系 */
.tlkf-contact-grid{display:grid; grid-template-columns:2fr 1fr; gap:40px;}
.tlkf-contact-details li{margin:12px 0;}
.tlkf-security-badge{margin-top:24px; background:#fff; padding:20px; border-radius:20px;}
.tlkf-qr-box{display:flex; gap:24px; justify-content:flex-end;}
.tlkf-qr-item{text-align:center; background:#fff; padding:16px; border-radius:20px;}

/* 页脚 */
.tlkf-footer{background:#fff; border-top:1px solid var(--tlkf-border-light); padding:48px 0;}
.tlkf-footer-grid{display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px;}
.tlkf-footer-col h4{margin-bottom:20px;}

/* 响应式 */
@media (max-width:1024px){
  .tlkf-nav-list{gap:20px;}
  .tlkf-hero-title{font-size:2.8rem;}
}
@media (max-width:768px){
  .tlkf-nav-menu{display:none; position:absolute; top:76px; left:0; background:#fff; width:100%; padding:24px; box-shadow:0 20px 30px rgba(0,0,0,0.05);}
  .tlkf-nav-menu.tlkf-show{display:block;}
  .tlkf-nav-list{flex-direction:column; align-items:flex-start;}
  .tlkf-mobile-toggle{display:block;}
  .tlkf-nav-actions{margin-left:auto;}
  .tlkf-hero-grid,.tlkf-about-grid,.tlkf-contact-grid{grid-template-columns:1fr;}
  .tlkf-solution-item{flex-direction:column; text-align:center;}
  .tlkf-core-row{flex-direction:column;}
  .tlkf-feature-grid{grid-template-columns:1fr 1fr;}
  .tlkf-footer-grid{grid-template-columns:1fr 1fr;}
  .tlkf-floating-bar{right:10px;}
}
@media (max-width:480px){
  .tlkf-feature-grid{grid-template-columns:1fr;}
  .tlkf-hero-cta{flex-direction:column;}
}