/* ===== clm27.com 主题（配色/形状/字体/首屏 由生成器合成） ===== */
:root{
  --c-bg:#f5f6ff; --c-bg-2:#e8eafe; --c-card:#ffffff; --c-line:#d9dcfb; --c-line-soft:#e8eafe;
  --c-text:#111036; --c-text-2:#383a63; --c-sub:#787aa3;
  --c-primary:#312e81; --c-primary-2:#818cf8;
  --c-brand-grad:linear-gradient(135deg,#312e81,#818cf8);
  --c-warm:#312e81;
  --c-radius:10px; --c-radius-sm:6px;
  --c-shadow:none; --c-shadow-hov:inset 0 0 0 1px var(--c-primary);
  --wrap:1330px;
  color-scheme: light;
}
body{font-family:'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif;font-size:14px;line-height:1.65;letter-spacing:0.3px;background:var(--c-bg);color:var(--c-text)}
.container{max-width:var(--wrap)}
h1,h2,h3{letter-spacing:0.3px}

[class^="l"][class*="hero"], [class*="-hero"], .l4-bar, .l6-banner, .l7-top, .l10-masthead{text-align:left;padding:26px 0 16px;background:none !important;
  border-top:3px solid var(--c-primary)}
[class^="l"][class*="hero"] h1, [class*="-hero"] h1, .l4-bar h1, .l6-banner h1, .l7-top h1, .l10-masthead h1{font-size:clamp(24px,2.6vw,32px) !important;font-weight:400 !important;
  letter-spacing:.5px;margin:0 0 14px}
[class^="l"][class*="hero"] [class*="-sub"], [class*="-hero"] [class*="-sub"], .l4-bar [class*="-sub"], .l6-banner [class*="-sub"], .l7-top [class*="-sub"], .l10-masthead [class*="-sub"], [class^="l"][class*="hero"] h1 + p, [class*="-hero"] h1 + p, .l4-bar h1 + p, .l6-banner h1 + p, .l7-top h1 + p, .l10-masthead h1 + p{display:none}
form[class*="search"]{margin:0 !important;max-width:480px !important;background:transparent !important;border:0 !important;
  border-bottom:2px solid var(--c-line) !important;border-radius:0 !important;box-shadow:none !important;padding:0 0 4px}
form[class*="search"] input{background:transparent !important;padding:8px 2px !important;min-width:0}
form[class*="search"] button{background:transparent !important;color:var(--c-primary) !important;font-weight:700;
  padding:0 10px !important;flex:0 0 auto;white-space:nowrap;letter-spacing:0}


.lgrid, .nav-grid, .group-links, [class*="-grid"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
@media(max-width:860px){.lgrid, .nav-grid, .group-links, [class*="-grid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:560px){.lgrid, .nav-grid, .group-links, [class*="-grid"]{grid-template-columns:1fr !important}}

.link-item, .lgrid a, .nav-grid a, [class*="-col"]{box-shadow:none !important;border:1px solid var(--c-line) !important}
