.tc{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px;transition:transform .2s,box-shadow .2s,border-color .2s}.tc-card:hover{border-color:#ff5e1473;transform:translateY(-3px);box-shadow:0 12px 28px #14151a17}.tc-ic{color:#ff5e14;background:#fff2eb;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:1.4rem;display:grid}.tc-2 .tc-ic{color:#0c7550;background:#e5f7ef}.tc-3 .tc-ic{color:#d97706;background:#fef3c7}.tc-4 .tc-ic{color:#2563eb;background:#eff6ff}:root[data-theme=dark] .tc-ic{background:#ff5e1426}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .tc-ic{background:#ff5e1426}:root:not([data-theme=light]) .tc-2 .tc-ic{background:#0c755033}:root:not([data-theme=light]) .tc-3 .tc-ic{background:#d9770633}:root:not([data-theme=light]) .tc-4 .tc-ic{background:#2563eb33}}.tc-card h3{color:var(--text);margin-bottom:6px;font-size:1.08rem}.tc-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}@media (max-width:1080px){.tc{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.tc{grid-template-columns:1fr;gap:18px}.tc-card{background:0 0;border:0;grid-template-columns:34px 1fr;column-gap:12px;padding:0;display:grid}.tc-ic{border-radius:8px;grid-row:span 2;width:34px;height:34px;margin:0;font-size:1rem}.tc-card h3{margin:2px 0 4px;font-size:14px}.tc-card p{font-size:13px}}