/* ============================================================
   卡速网控制端 · 首页 / 产品页 公共板块样式
   （大标题水印、能力矩阵、版本方案卡、产品优势卡、转化条、合作伙伴墙）
   ============================================================ */

/* ===== 大标题（水印大字） ===== */
.big-title{position:relative;text-align:center;margin-bottom:36px;}
.big-title__wm{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:84px;font-weight:800;letter-spacing:8px;color:rgba(102,126,234,.07);white-space:nowrap;pointer-events:none;user-select:none;}
.big-title__cn{font-size:30px;font-weight:800;color:#1e293b;position:relative;margin:0;}

/* ===== 能力矩阵 ===== */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.cap-card{background:#fff;border:1px solid #eef2f6;border-radius:8px;padding:22px 22px 18px;box-shadow:0 2px 8px rgba(31,45,61,.05);transition:border-color .22s,box-shadow .22s,transform .22s;}
.cap-card:hover{border-color:#1677ff;box-shadow:0 8px 22px rgba(22,119,255,.10);transform:translateY(-3px);}
.cap-card__hd{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;}
.cap-card__ico{width:34px;height:34px;border-radius:8px;background:#eaf1ff;color:#1677ff;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}
.cap-card__hd h3{margin:0;font-size:16px;font-weight:700;color:#1f2d3d;}
.cap-item{padding:8px 0;}
.cap-item+.cap-item{border-top:1px dashed #f1f5f9;}
.cap-item b{display:block;font-size:13.5px;font-weight:650;color:#1f2d3d;margin-bottom:2px;}
.cap-item b::before{content:'✓';color:#1677ff;font-weight:700;margin-right:6px;}
.cap-item span{font-size:12.5px;color:#64748b;line-height:1.65;}

/* ===== 版本方案四卡 ===== */
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch;}
.plan-card{background:#fff;border:1px solid #eef2f6;border-radius:8px;padding:24px 20px;display:flex;flex-direction:column;position:relative;box-shadow:0 2px 8px rgba(31,45,61,.05);transition:transform .22s,box-shadow .22s;}
.plan-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(31,45,61,.10);}
.plan-card--hot{border-color:#1677ff;box-shadow:0 6px 20px rgba(22,119,255,.10);}
.plan-card__tag{position:absolute;top:-10px;left:20px;background:#1677ff;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:10px;}
.plan-card__name{font-size:16px;font-weight:700;color:#1f2d3d;}
.plan-card__sub{font-size:12.5px;color:#64748b;margin-top:4px;min-height:38px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.plan-card__price{font-size:26px;font-weight:800;color:#1677ff;margin:12px 0 2px;line-height:1.2;}
.plan-card__price small{font-size:12px;font-weight:500;color:#94a3b8;margin-left:4px;}
.plan-card__orig{font-size:12.5px;color:#94a3b8;text-decoration:line-through;margin-bottom:8px;}
.plan-card__quota{display:flex;gap:10px;margin:10px 0;padding:8px 10px;background:#f8fafc;border-radius:6px;}
.plan-card__quota div{flex:1;text-align:center;}
.plan-card__quota span{display:block;font-size:11px;color:#94a3b8;}
.plan-card__quota b{font-size:14px;color:#1f2d3d;}
.plan-card__feat{flex:1;margin:12px 0 16px;}
.plan-card__feat div{font-size:13px;color:#475569;padding:5px 0;line-height:1.6;}
.plan-card__feat div::before{content:'✓';color:#1677ff;font-weight:700;margin-right:7px;}
.plan-card--ghost{border-style:dashed;background:#fcfdff;}
.plan-card--ghost .plan-card__price{font-size:19px;color:#475569;}

/* ===== 产品优势卡片 ===== */
.guard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.guard-card{position:relative;background:#fff;border:1px solid #eef2f6;border-radius:8px;padding:22px 18px 20px;text-align:center;box-shadow:0 2px 8px rgba(31,45,61,.05);transition:transform .22s,box-shadow .22s,border-color .22s;}
.guard-card:hover{transform:translateY(-4px);border-color:#1677ff;box-shadow:0 12px 26px rgba(22,119,255,.12);}
.guard-card__num{position:absolute;top:10px;right:12px;font-size:11px;font-weight:800;color:#c7d7f5;letter-spacing:.5px;}
.guard-card__ico{width:46px;height:46px;margin:0 auto 14px;border-radius:10px;background:#eaf1ff;color:#1677ff;display:flex;align-items:center;justify-content:center;font-size:20px;}
.guard-card__ico img{width:26px;height:26px;object-fit:contain;}
.guard-card b{display:block;font-size:14.5px;font-weight:700;color:#1f2d3d;margin-bottom:6px;}
.guard-card span{font-size:12.5px;color:#64748b;line-height:1.7;}

/* ===== 新闻分类三栏卡 ===== */
.news-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.news-cat{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #eef2f6;box-shadow:0 2px 12px rgba(28,32,51,.05);transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column;}
.news-cat:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(28,32,51,.10);}
.news-cat__head{position:relative;padding:24px 22px;color:#fff;min-height:100px;display:flex;flex-direction:column;justify-content:flex-end;}
.news-cat__head .en{font-size:11.5px;opacity:.72;letter-spacing:.5px;}
.news-cat__head .cn{font-size:19px;font-weight:800;margin-top:2px;}
.news-cat__head .cn small{font-size:12px;font-weight:400;opacity:.72;margin-left:8px;}
.news-cat__head .fa{position:absolute;right:18px;top:18px;font-size:26px;opacity:.22;}
.news-cat--guide .news-cat__head{background:linear-gradient(135deg,#8ea2c6,#5a6f94);}
.news-cat--news .news-cat__head{background:linear-gradient(135deg,#3a4a63,#1b2536);}
.news-cat--activity .news-cat__head{background:linear-gradient(135deg,#7d8aa0,#525f75);}
.news-cat__body{padding:16px 20px 18px;flex:1;display:flex;flex-direction:column;}
.news-cat__latest{padding-bottom:12px;border-bottom:1px solid #f1f5f9;text-decoration:none;display:block;}
.news-cat__latest .t{font-size:14.5px;font-weight:700;color:#1e293b;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-cat__latest .t .new{background:#ef4444;color:#fff;font-size:10px;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:700;}
.news-cat__latest .s{font-size:12.5px;color:#94a3b8;margin-top:6px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.news-cat__latest:hover .t{color:#667eea;}
.news-cat__item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed #f1f5f9;text-decoration:none;}
.news-cat__item:last-child{border-bottom:none;}
.news-cat__item .d{font-size:12px;color:#94a3b8;white-space:nowrap;}
.news-cat__item .t2{flex:1;font-size:13px;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-cat__item:hover .t2{color:#667eea;}

/* ===== 尾部转化 CTA 条 ===== */
.cta-strip{background:linear-gradient(135deg,#eaf1ff,#f6f9ff);border:1px solid #dbe8ff;border-radius:10px;padding:28px 28px;text-align:center;}
.cta-strip h3{margin:0 0 6px;font-size:20px;font-weight:800;color:#1f2d3d;}
.cta-strip p{margin:0 0 18px;font-size:13.5px;color:#64748b;}
.cta-strip .btn{margin:0 6px;}

/* ===== 合作伙伴 logo 墙（四行无缝滚动） ===== */
.partners-wall{overflow:hidden;padding:6px 0 2px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.partner-row{margin-bottom:18px;}
.partner-row:last-child{margin-bottom:0;}
.partner-track{display:flex;gap:18px;width:max-content;}
.partner-row.dir-left .partner-track{animation:ptL 46s linear infinite;}
.partner-row.dir-right .partner-track{animation:ptR 46s linear infinite;}
.partner-row:hover .partner-track{animation-play-state:paused;}
.partner-cell{flex-shrink:0;width:186px;height:84px;background:#fff;border:1px solid #eef2f6;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 2px 10px rgba(28,32,51,.04);}
.partner-cell img{height:32px;object-fit:contain;opacity:.72;transition:opacity .2s;}
.partner-cell:hover img{opacity:1;}
.partner-cell span{font-size:14px;font-weight:600;color:#64748b;}
@keyframes ptL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ptR{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* ===== 响应式 ===== */
@media(max-width:1100px){
  .plans-grid{grid-template-columns:repeat(2,1fr);}
  .guard-grid{grid-template-columns:repeat(2,1fr);}
  .cap-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:900px){
  .news-cats{grid-template-columns:1fr;}
  .big-title__wm{font-size:52px;}
}
@media(max-width:768px){
  .plans-grid,.guard-grid,.cap-grid{grid-template-columns:1fr;}
}