:root{--cc-page-bg: #f4f7fb;--cc-surface: rgba(255, 255, 255, .96);--cc-text: #253040;--cc-muted: rgba(37, 48, 64, .68);--cc-accent: #2f7cc5;--cc-shadow: 0 10px 30px rgba(15, 23, 42, .08);--cc-shadow-hover: 0 18px 40px rgba(15, 23, 42, .12);--cc-border: rgba(15, 23, 42, .08);--cc-radius: 24px;--cc-radius-inner: 18px}.ccWrap{min-height:100vh;padding:18px 0 64px;background:radial-gradient(circle at top right,rgba(47,124,197,.06),transparent 24%),linear-gradient(180deg,#f8fafc 0%,var(--cc-page-bg) 100%);color:var(--cc-text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.ccWrap *,.ccWrap *:before,.ccWrap *:after{box-sizing:border-box}.ccContainer{width:min(1280px,calc(100% - 56px));margin:0 auto}.ccHead{margin-bottom:28px}.ccBreadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:6px 0 16px;font-size:14px;line-height:1.4;font-weight:600;color:var(--cc-muted)}.ccBreadcrumbLink{color:var(--cc-muted);text-decoration:none;transition:color .18s ease}.ccBreadcrumbLink:hover{color:var(--cc-accent)}.ccBreadcrumbSep{opacity:.55}.ccBreadcrumbCurrent{color:#253040d1}.ccTitle{margin:0;font-size:clamp(42px,5vw,66px);line-height:.98;font-weight:800;letter-spacing:-.03em;color:var(--cc-text)}.ccGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:stretch}.ccCard{display:flex;flex-direction:column;min-width:0;height:100%;text-decoration:none;color:inherit;background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius);overflow:hidden;box-shadow:var(--cc-shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ccCard:hover{transform:translateY(-5px);box-shadow:var(--cc-shadow-hover);border-color:#2f7cc529}.ccCard:focus-visible{outline:3px solid rgba(47,124,197,.35);outline-offset:3px}.ccMedia{width:100%;padding:18px;background:linear-gradient(135deg,#eef3f8,#dde6f0);flex-shrink:0}.ccImgFrame,.ccImgFallback{display:block;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--cc-radius-inner);background:#f6f8fb;box-shadow:0 8px 24px #0f172a14}.ccImg{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;background:#f6f8fb}.ccImgFallback{background:linear-gradient(135deg,#eef3f8,#dde6f0)}.ccBody{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:22px 22px 24px;background:#fff;text-align:left}.ccCardTitle{margin:0 0 12px;color:var(--cc-text);font-size:28px;line-height:1.08;font-weight:800;letter-spacing:-.025em;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccCardText{margin:0;color:var(--cc-muted);font-size:16px;line-height:1.65;font-weight:500;text-align:left;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ccCardText p,.ccCardText *{margin:0}.ccDetail{padding:0 0 56px}.ccDetailHero{display:grid;grid-template-columns:minmax(280px,430px) minmax(0,1fr);gap:28px;align-items:start;margin-bottom:28px}.ccDetailMedia{padding:18px;border-radius:var(--cc-radius);overflow:hidden;background:linear-gradient(135deg,#eef3f8,#dde6f0);border:1px solid var(--cc-border);box-shadow:var(--cc-shadow)}.ccDetailImg{width:100%;height:auto;max-height:620px;object-fit:contain;object-position:center top;display:block;border-radius:var(--cc-radius-inner);background:#f6f8fb}.ccDetailText{background:var(--cc-surface);border:1px solid var(--cc-border);border-radius:var(--cc-radius);box-shadow:var(--cc-shadow);padding:24px}.ccDetailTitle{margin:0 0 16px;font-size:clamp(36px,4vw,56px);line-height:1;font-weight:800;letter-spacing:-.03em;color:var(--cc-text)}.ccDetailPreview{margin:0;color:#253040db;font-size:17px;line-height:1.72;font-weight:600}.ccWrap h1+div img,.ccWrap section img{max-width:100%}@media(max-width:1100px){.ccGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.ccDetailHero{grid-template-columns:1fr}}@media(max-width:720px){.ccContainer{width:calc(100% - 24px)}.ccWrap{padding:12px 0 48px}.ccHead{margin-bottom:24px}.ccBreadcrumbs{gap:8px;padding-bottom:12px;font-size:13px}.ccGrid{grid-template-columns:1fr;gap:20px}.ccMedia{padding:14px}.ccImgFrame,.ccImgFallback{border-radius:14px}.ccBody{padding:18px 18px 20px}.ccCardTitle{font-size:23px;margin-bottom:10px}.ccCardText{font-size:15px;line-height:1.55}.ccDetail{padding-bottom:44px}.ccDetailHero{gap:20px}.ccDetailMedia,.ccDetailText{border-radius:18px;padding:16px}.ccDetailImg{border-radius:14px}.ccDetailTitle{font-size:24px}}