/* ===== yiteng888.com 主题（配色/形状/字体/首屏 由生成器合成） ===== */
/* 说明：本文件为「浅色主题」（内页 / 通用组件），在 header.php 中最后加载。
   L9 首页为深色科技风，所有浅色首屏与宫格规则均用 body:not(.layout-9) 限定，
   不再覆盖 layout9.css 的深色设计；深色变量在文件末尾用 body.layout-9 重新声明。 */
:root{
  --c-bg:#f4fbff; --c-bg-2:#e3f4fe; --c-card:#ffffff; --c-line:#cfe7f7; --c-line-soft:#e3f4fe;
  --c-text:#0b2436; --c-text-2:#33566b; --c-sub:#7495a8;
  --c-primary:#0369a1; --c-primary-2:#38bdf8;
  --c-brand-grad:linear-gradient(135deg,#0369a1,#38bdf8);
  --c-warm:#0369a1;
  --c-radius:16px; --c-radius-sm:10px;
  --c-shadow:0 1px 2px rgba(15,23,42,.05), 0 10px 26px rgba(15,23,42,.07); --c-shadow-hov:0 6px 14px rgba(15,23,42,.10), 0 18px 40px rgba(15,23,42,.12);
  --wrap:1200px;
  color-scheme: light;
}
body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;font-size:15px;line-height:1.75;letter-spacing:0;background:var(--c-bg);color:var(--c-text)}
.container{max-width:var(--wrap)}
h1,h2,h3{letter-spacing:0}

/* ---- 浅色首屏（仅内页生效，L9 深色首页由 layout9.css 接管） ---- */
body:not(.layout-9) [class^="l"][class*="hero"],
body:not(.layout-9) [class*="-hero"],
body:not(.layout-9) .l4-bar,
body:not(.layout-9) .l6-banner,
body:not(.layout-9) .l7-top,
body:not(.layout-9) .l10-masthead{text-align:center;padding:44px 24px 38px;margin:0 0 22px;border-radius:0;
  background:#e3f4fe !important;border-top:4px solid #0369a1;border-bottom:1px solid #cfe7f7}

body:not(.layout-9) [class^="l"][class*="hero"] h1,
body:not(.layout-9) [class*="-hero"] h1,
body:not(.layout-9) .l4-bar h1,
body:not(.layout-9) .l6-banner h1,
body:not(.layout-9) .l7-top h1,
body:not(.layout-9) .l10-masthead h1{color:#0369a1 !important;-webkit-text-fill-color:#0369a1 !important;background:none !important;
  font-size:clamp(30px,3.8vw,44px);margin:0 0 6px;letter-spacing:2px}

/* 标题下的装饰短线：注意 ::after 必须挂在每个选择器上，否则 width/height 会作用到 h1 本身 */
body:not(.layout-9) [class^="l"][class*="hero"] h1::after,
body:not(.layout-9) [class*="-hero"] h1::after,
body:not(.layout-9) .l4-bar h1::after,
body:not(.layout-9) .l6-banner h1::after,
body:not(.layout-9) .l7-top h1::after,
body:not(.layout-9) .l10-masthead h1::after{content:'';display:block;width:56px;height:3px;margin:14px auto 0;background:#38bdf8;border-radius:2px}

body:not(.layout-9) [class^="l"][class*="hero"] h1 + p,
body:not(.layout-9) [class*="-hero"] h1 + p,
body:not(.layout-9) .l4-bar h1 + p,
body:not(.layout-9) .l6-banner h1 + p,
body:not(.layout-9) .l7-top h1 + p,
body:not(.layout-9) .l10-masthead h1 + p,
body:not(.layout-9) [class^="l"][class*="hero"] [class*="-sub"],
body:not(.layout-9) [class*="-hero"] [class*="-sub"],
body:not(.layout-9) .l4-bar [class*="-sub"],
body:not(.layout-9) .l6-banner [class*="-sub"],
body:not(.layout-9) .l7-top [class*="-sub"],
body:not(.layout-9) .l10-masthead [class*="-sub"]{color:#33566b !important;max-width:640px;margin:12px auto 0}

body:not(.layout-9) form[class*="search"]{margin:18px auto 0 !important;max-width:760px !important;background:#ffffff;
  border:1px solid #cfe7f7 !important;border-radius:10px;box-shadow:0 10px 28px -20px #0369a1}
body:not(.layout-9) form[class*="search"] button{background:#0369a1 !important;color:#fff !important;border-radius:10px}

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

/* ===== L9 深色首页：恢复深色变量 + 深色头部 ===== */
body.layout-9{
  --c-bg:#0a1018; --c-bg-2:#111b27; --c-card:#111b27; --c-line:#1e2c3d; --c-line-soft:#16222f;
  --c-text:#e6f1f8; --c-text-2:#a9c1d4; --c-sub:#6b8499;
  --c-primary:#22d3ee; --c-primary-2:#a78bfa;
  --c-brand-grad:linear-gradient(135deg,#22d3ee,#a78bfa);
  --c-shadow:0 10px 26px rgba(0,0,0,.4); --c-shadow-hov:0 14px 34px rgba(0,0,0,.55);
  color-scheme: dark;
}
body.layout-9 .h4-head{background:rgba(10,16,24,.92);border-bottom:1px solid rgba(34,211,238,.16);backdrop-filter:saturate(180%) blur(12px)}
body.layout-9 .h4-brand{color:#e8f4ff}
body.layout-9 .h4-links,
body.layout-9 .h4-links a{color:#8fa4bb}
body.layout-9 .h4-links a:hover{color:#22d3ee}