/* 功能卡片图标独立配色 */
.feat-icon { display:flex; align-items:center; justify-content:center; width:56px; height:56px; border-radius:var(--radius-lg); }
.feat-icon svg { width:28px; height:28px; }
/* 性能区颜色 */
.feat-icon--zap         { background:rgba(255,107,53,0.1);  color:#FF6B35; }
.feat-icon--cpu         { background:rgba(99,102,241,0.1);  color:#6366F1; }
.feat-icon--memory-stick{ background:rgba(16,185,129,0.1);  color:#10B981; }
.feat-icon--hard-drive  { background:rgba(245,158,11,0.1);  color:#F59E0B; }
/* 能力区颜色 */
.feat-icon--globe        { background:rgba(59,130,246,0.1);  color:#3B82F6; }
.feat-icon--shield-check { background:rgba(16,185,129,0.1);  color:#10B981; }
.feat-icon--smartphone   { background:rgba(255,107,53,0.1);  color:#FF6B35; }
.feat-icon--camera       { background:rgba(168,85,247,0.1);  color:#A855F7; }
.feat-icon--layers       { background:rgba(245,158,11,0.1);  color:#F59E0B; }
.feat-icon--code-2       { background:rgba(236,72,153,0.1);  color:#EC4899; }

/* 云手机能力对照 */
.feature-compare-section { background:#fff8f5; }
.feature-compare { overflow:hidden; border:1px solid #f0ded7; border-radius:8px; background:#fff; box-shadow:0 18px 42px rgba(35,31,29,.055); }
.feature-compare__head,
.feature-compare__row { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(150px,.72fr) minmax(150px,.72fr); }
.feature-compare__head { min-height:72px; align-items:stretch; background:#fffaf8; color:#5f6675; font-size:var(--text-sm); font-weight:var(--weight-semibold); }
.feature-compare__head > div,
.feature-compare__cell { display:flex; align-items:center; justify-content:center; padding:0 24px; }
.feature-compare__head > div:first-child { justify-content:flex-start; color:var(--color-text); }
.feature-compare__head-cloud { color:#db4a2d; background:#fff0eb; }
.feature-compare__head-traditional { color:#8c93a1; }
.feature-compare__group + .feature-compare__group { border-top:1px solid #f0ded7; }
.feature-compare__group-title { padding:17px 24px 8px; color:#8c6f66; font-size:12px; font-weight:var(--weight-semibold); letter-spacing:0; }
.feature-compare__row { min-height:64px; }
.feature-compare__row + .feature-compare__row { border-top:1px solid #f6ebe7; }
.feature-compare__feature { display:flex; align-items:center; gap:12px; min-width:0; padding:12px 24px; color:var(--color-text); font-size:var(--text-sm); font-weight:var(--weight-medium); }
.feature-compare__feature-icon { display:grid; width:30px; height:30px; flex:0 0 30px; place-items:center; border:1px solid #f7d7cd; border-radius:7px; color:#df4b2e; background:#fff4ef; }
.feature-compare__feature-icon svg { width:16px; height:16px; }
.feature-compare__cell { border-left:1px solid #f6ebe7; }
.feature-compare__cell--cloud { background:rgba(255,75,50,.025); }
.feature-compare__status { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-width:76px; font-size:13px; font-weight:var(--weight-semibold); }
.feature-compare__status svg { width:17px; height:17px; stroke-width:2.4; }
.feature-compare__status--yes { color:#d9472c; }
.feature-compare__status--no { color:#a0a7b2; font-weight:var(--weight-medium); }

@media (max-width:640px) {
  .feature-compare { margin:0 -4px; }
  .feature-compare__head,
  .feature-compare__row { grid-template-columns:minmax(0,1fr) 76px 76px; }
  .feature-compare__head { min-height:60px; font-size:12px; }
  .feature-compare__head > div,
  .feature-compare__cell { padding:0 8px; }
  .feature-compare__group-title { padding:14px 16px 7px; font-size:11px; }
  .feature-compare__feature { gap:9px; padding:11px 16px; font-size:13px; }
  .feature-compare__feature-icon { width:27px; height:27px; flex-basis:27px; }
  .feature-compare__feature-icon svg { width:14px; height:14px; }
  .feature-compare__status { min-width:0; gap:0; font-size:0; }
  .feature-compare__status svg { width:18px; height:18px; }
}