/*
Theme Name: EduObserver 国际教育观察网
Theme URI: https://eduobserver.com/
Author: EduObserver
Description: 中文留学资讯门户主题，适合艺术留学、电影留学、法国留学、欧洲留学、美国留学、在职 MBA、国际艺术奖、申请指南等 SEO 内容站。
Version: 1.0.0
Text Domain: eduobserver
Tags: education, news, study-abroad, seo, chinese
*/

:root{
  --eo-blue:#0b2b5f;
  --eo-blue2:#0a56c2;
  --eo-cyan:#0aa6b4;
  --eo-gold:#c59b45;
  --eo-bg:#f5f8fc;
  --eo-text:#1f2937;
  --eo-muted:#667085;
  --eo-card:#ffffff;
  --eo-border:#e5eaf2;
}
*{box-sizing:border-box}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:var(--eo-text);background:var(--eo-bg);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto}
.site-header{background:#fff;border-bottom:1px solid var(--eo-border);position:sticky;top:0;z-index:10}
.header-inner{height:76px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.logo-wrap{display:flex;align-items:center;gap:10px;min-width:220px}
.logo-mark{width:44px;height:44px}
.logo-title{font-weight:800;font-size:22px;color:var(--eo-blue);line-height:1.1}
.logo-sub{font-size:15px;color:var(--eo-blue2);font-weight:700}
.nav{display:flex;gap:18px;align-items:center;font-weight:700;color:#111827;font-size:15px}
.nav a{padding:26px 0;border-bottom:3px solid transparent}
.nav a:hover,.nav .current-menu-item a{color:var(--eo-blue2);border-bottom-color:var(--eo-blue2)}
.search-icon{font-size:26px;color:var(--eo-blue)}
.hero-lite{background:#fff;padding:26px 0 8px}
.hero-lite h1{font-size:34px;margin:0 0 8px;color:var(--eo-blue)}
.hero-lite p{max-width:780px;margin:0;color:#344054;font-size:17px}
.quick-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.quick-tags a{background:#eef5ff;color:var(--eo-blue2);border:1px solid #d7e7ff;border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px}
.ad-strip{padding:26px 0 14px}
.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.school-ad{height:142px;border-radius:12px;overflow:hidden;position:relative;color:#fff;box-shadow:0 8px 20px rgba(16,24,40,.08);background:#123}
.school-ad:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,28,66,.92),rgba(7,28,66,.65),rgba(7,28,66,.12));z-index:1}
.school-ad img{width:100%;height:100%;object-fit:cover;display:block}
.school-ad-content{position:absolute;z-index:2;left:20px;top:18px;right:20px}
.school-ad h2{font-size:24px;margin:0 0 6px;line-height:1.2}
.school-ad p{font-size:14px;margin:0 0 14px;color:#edf4ff;font-weight:700}
.btn{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--eo-blue2);color:#fff;padding:8px 15px;font-weight:800;font-size:13px}
.btn.gold{background:var(--eo-gold)}
.btn.cyan{background:#0c8390}
.section{padding:22px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}
.section h2{font-size:24px;color:var(--eo-blue);margin:0;border-left:4px solid var(--eo-blue2);padding-left:10px}
.more{color:var(--eo-blue2);font-weight:800;font-size:14px}
.article-layout{display:grid;grid-template-columns:1fr 360px;gap:22px}
.card{background:#fff;border:1px solid var(--eo-border);border-radius:14px;box-shadow:0 6px 18px rgba(16,24,40,.04)}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.post-card{padding:14px}
.post-card img{width:100%;height:138px;object-fit:cover;border-radius:10px;background:#e6edf7}
.post-card .cat{display:inline-block;margin-top:10px;background:#eef5ff;color:var(--eo-blue2);font-weight:800;font-size:12px;padding:3px 8px;border-radius:999px}
.post-card h3{font-size:17px;line-height:1.45;margin:8px 0 6px;color:#111827}
.post-card p{font-size:14px;color:var(--eo-muted);margin:0}
.sidebar-block{padding:18px;margin-bottom:18px}
.icon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.icon-item{border:1px solid var(--eo-border);border-radius:12px;padding:12px;text-align:center;font-weight:800;color:var(--eo-blue)}
.icon-item span{display:block;font-size:24px;margin-bottom:4px}
.list-compact{display:flex;flex-direction:column;gap:12px}
.school-row{display:flex;gap:10px;align-items:center}
.school-row img{width:72px;height:48px;object-fit:cover;border-radius:8px}
.school-row strong{font-size:14px}
.school-row em{font-style:normal;color:var(--eo-blue2);font-size:12px;font-weight:800}
.category-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.category-panel{padding:18px}
.category-panel h3{margin:0 0 12px;color:var(--eo-blue);font-size:21px}
.article-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.article-list li{padding-bottom:10px;border-bottom:1px solid #eef2f7}
.article-list li:last-child{border-bottom:0;padding-bottom:0}
.article-list a{font-weight:700}
.article-list small{display:block;color:var(--eo-muted);margin-top:2px}
.directory-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.dir-card{padding:16px;text-align:center}
.dir-card h3{color:var(--eo-blue);font-size:17px;margin:6px 0}
.dir-card p{color:var(--eo-muted);font-size:13px;margin:0}
.guide-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.guide{padding:16px;text-align:center}
.guide .ico{font-size:28px;color:var(--eo-blue2)}
.site-footer{background:#071b3d;color:#dce7fa;margin-top:32px;padding:36px 0 20px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:26px}
.site-footer h3{margin:0 0 12px;color:#fff}
.site-footer a{display:block;color:#dce7fa;margin:6px 0}
.disclaimer{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:14px;font-size:12px;color:#b7c7dd}
.archive-header,.page-header{padding:34px 0 10px;background:#fff;border-bottom:1px solid var(--eo-border)}
.archive-header h1,.page-header h1{font-size:34px;color:var(--eo-blue);margin:0 0 8px}
.archive-header p,.page-header p{margin:0;color:var(--eo-muted);max-width:840px}
.content{background:#fff;border:1px solid var(--eo-border);border-radius:14px;padding:28px;margin-top:22px}
.content h1{color:var(--eo-blue);font-size:34px;line-height:1.25}
.content h2{color:var(--eo-blue);margin-top:28px}
.content .meta{color:var(--eo-muted);font-size:14px}
@media(max-width:900px){
  .nav{display:none}
  .ad-grid,.article-layout,.category-sections,.footer-grid{grid-template-columns:1fr}
  .post-grid{grid-template-columns:1fr}
  .directory-tabs,.guide-row{grid-template-columns:repeat(2,1fr)}
  .school-ad{height:160px}
}



/* ===== EduObserver 首页显示修复 ===== */
.school-ad{
  height:176px;
}
.school-ad:before{
  background:linear-gradient(180deg, rgba(7,28,66,.08), rgba(7,28,66,.02));
}
.school-ad-content{
  position:absolute;
  z-index:2;
  left:20px;
  bottom:18px;
  top:auto;
  right:auto;
}
.school-ad-content h2,
.school-ad-content p{
  display:none !important;
}
.school-ad .btn{
  padding:10px 18px;
  font-size:14px;
  box-shadow:0 6px 14px rgba(0,0,0,.18);
}

/* 文章卡片图片：不要再裁切，居中完整显示 */
.post-card > a{
  display:flex;
  align-items:center;
  justify-content:center;
  height:180px;
  border-radius:10px;
  overflow:hidden;
  background:#eef3fb;
}
.post-card img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  padding:10px;
  border-radius:10px;
  background:#eef3fb;
}
