/* Silu 区域卡片 + 区域归档页样式（由 silu-region-cards.php 通过 wp_enqueue_style 加载） */

.silu-region-cards{display:grid;grid-template-columns:repeat(var(--silu-cols,3),1fr);gap:18px;margin:24px auto;max-width:1340px}
.silu-region-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;transition:transform .22s ease,box-shadow .22s ease;box-shadow:0 2px 8px rgba(12,68,124,.06)}
.silu-region-card:hover{transform:translateY(-5px);box-shadow:0 14px 28px rgba(12,68,124,.18)}
.silu-region-thumb{position:relative;height:150px;background:#0C447C;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;overflow:hidden}
.silu-region-thumb::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(11,31,70,.55) 100%);z-index:1}
.silu-region-thumb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#C9A227,#EFB93C,#C9A227);z-index:3}
.silu-region-initial{font-size:54px;color:#C9A227;font-weight:700;position:relative;z-index:2}
.silu-region-body{padding:14px 16px}
.silu-region-title-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.silu-region-title{margin:0;font-size:19px;color:#0B1F46;font-weight:700;letter-spacing:.2px}
.silu-region-meta{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px 10px;border-radius:4px;background:#0B1F46;color:#F3C978;font-size:12px;font-weight:600;letter-spacing:.6px;white-space:nowrap}
.silu-region-preview{margin:9px 0 0;color:#4b5a6b;font-size:13px;line-height:1.6}
@media(max-width:760px){.silu-region-cards{grid-template-columns:1fr 1fr}}

/* 区域归档页：列出该区域下全部国别 */
.silu-region-archive{max-width:1340px;margin:0 auto;padding:30px 20px}
.silu-region-archive-head{position:relative;text-align:left;margin-bottom:28px;background-color:#0C447C;background-size:cover;background-position:center;border-radius:16px;padding:44px 36px;color:#fff;box-shadow:0 8px 24px rgba(12,68,124,.16);overflow:hidden}
.silu-region-archive-mask{position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,31,70,.86),rgba(21,101,192,.74));z-index:0}
.silu-region-archive-inner{position:relative;z-index:1}
.silu-region-archive-head h1{color:#fff;font-size:32px;font-weight:800;margin:0 0 12px;letter-spacing:.5px}
.silu-region-desc{color:rgba(255,255,255,.82);font-size:15px;line-height:1.7;margin:0;max-width:820px}
.silu-region-count{color:#C9A227;font-weight:700;margin-top:14px;font-size:15px}
.silu-region-country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:24px}
.silu-country-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(12,68,124,.06)}
.silu-country-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(12,68,124,.18)}
.silu-country-card-hero{position:relative;height:150px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0C447C 0%,#0a3a6b 100%)}
.silu-country-card-hero-bg{position:absolute;inset:-24px;background-size:cover;background-position:center;filter:blur(16px) saturate(1.15);transform:scale(1.15);z-index:0}
.silu-country-card-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,68,124,.40),rgba(10,58,107,.62));z-index:0}
.silu-country-card-flag{position:relative;z-index:1;width:128px;height:auto;max-height:96px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.6);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.silu-country-card-risk{position:absolute;top:10px;right:10px;z-index:2;padding:3px 11px;border-radius:999px;font-size:12px;font-weight:700;color:#fff;line-height:1.5;box-shadow:0 2px 6px rgba(0,0,0,.2)}
.risk-low{background:rgba(22,163,74,.94)}
.risk-mid{background:rgba(217,119,6,.94)}
.risk-higher{background:rgba(214,96,24,.96)}
.risk-high{background:rgba(198,32,32,.96)}
.silu-country-card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;min-width:0}
.silu-country-card-title{margin-bottom:10px}
.silu-country-card h2{margin:0 0 4px;font-size:19px;color:#0C447C;line-height:1.25}
.silu-country-card-tagline{margin:0 0 6px;display:flex;flex-direction:column;gap:2px;line-height:1.3}
.silu-country-card-tagline-cn{color:#475569;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.silu-country-card-tagline-en{color:#94a3b8;font-size:11px;line-height:1.35}
.silu-country-card-meta{margin:0;color:#5b6b7b;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.silu-country-card-metrics{list-style:none;margin:0 0 12px;padding:10px 0;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7;display:flex;flex-direction:column;gap:6px}
.silu-country-card-metrics li{display:flex;align-items:center;gap:8px;font-size:13px}
.silu-country-card-metrics .m-ico{width:18px;text-align:center;flex:0 0 auto;font-size:13px}
.silu-country-card-metrics .m-label{color:#64748b;flex:0 0 68px}
.silu-country-card-metrics .m-val{color:#0C447C;font-weight:700;margin-left:auto}
.silu-country-card-intro{margin:0 0 14px;color:#42505e;font-size:13.5px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.silu-country-card-link{display:inline-block;color:#C9A227;font-weight:600;font-size:13px;margin-top:auto}

/* 归档页面包屑 + 区域分类导航（原内联样式并入统一管理） */
.silu-country-crumb{font-size:13px;color:#7c8794;margin:0 0 18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.silu-country-crumb a{color:#1565C0;text-decoration:none}
.silu-country-crumb a:hover{text-decoration:underline}
.silu-country-crumb .sep{color:#b8c1cb;margin:0 2px}
.silu-country-crumb .cur{color:#33414f;font-weight:600}
.silu-region-catnav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px;padding-bottom:18px;border-bottom:1px solid #e6edf4}
.silu-region-catnav-all,.silu-region-catnav-item{font-size:13.5px;padding:8px 16px;border-radius:999px;text-decoration:none;border:1px solid #d8e0ea;color:#33414f}
.silu-region-catnav-all{background:#0B1F46;border-color:#0B1F46;color:#fff;font-weight:600}
.silu-region-catnav-item:hover{border-color:#1565C0;color:#1565C0}

.silu-region-empty{text-align:center;color:#8595a5;padding:40px}