/*
Theme Name: Wuye Front
Description: 宏科物业官网子主题（自定义企业首页+内页，基于Astra）
Author: Youzi
Template: astra
Version: 1.1
*/
:root{--c1:#0b3d66;--c2:#1668a7;--c3:#1e88c7;--acc:#f5a623;--ink:#22303e;--sub:#5b6b7a;--bg:#f4f7fa}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit;transition:.15s}
img{max-width:100%;height:auto}
.wrap{max-width:1120px;margin:0 auto;padding:0 24px}

/* ===== 顶栏+导航(与首页一致) ===== */
.topbar{background:var(--c1);color:#cfe3f3;font-size:13px;padding:6px 0}
.topbar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}
header.site{background:#fff;box-shadow:0 1px 12px rgba(11,61,102,.08)}
.navrow{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:21px;color:var(--c1)}
.logo .mark{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--c2),var(--c3));display:flex;align-items:center;justify-content:center;color:#fff}
ul.nav{display:flex;list-style:none;gap:6px}
ul.nav a{padding:8px 16px;border-radius:8px;font-size:15px;color:#33475b;display:block}
ul.nav a:hover{background:#eaf2fa;color:var(--c2)}
.btn-owner{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--acc),#f7b84b);color:#5c3d00!important;font-weight:600;padding:9px 18px;border-radius:9px;font-size:14px;box-shadow:0 3px 10px rgba(245,166,35,.35)}
@media(max-width:860px){ul.nav{display:none}}

/* ===== 内页横幅 ===== */
.page-banner{background:linear-gradient(135deg,#0b3d66 0%,#1668a7 60%,#1e88c7 100%);color:#fff;padding:52px 0 58px;position:relative;overflow:hidden}
.page-banner h1{font-size:32px;font-weight:700;letter-spacing:1px}
.page-banner .crumbs{margin-top:10px;font-size:14px;color:#bcd8ee}
.page-banner .crumbs a:hover{color:#fff}

/* ===== 文章列表 ===== */
.post-list{padding:48px 0 72px;min-height:380px}
.list-head{margin-bottom:26px;display:flex;justify-content:flex-end}
.list-head .count{font-size:14px;color:var(--sub);background:var(--bg);padding:7px 16px;border-radius:20px}
.cards{display:flex;flex-direction:column;gap:18px}
.pcard{display:flex;gap:22px;background:var(--bg);border:1px solid transparent;border-radius:16px;padding:26px;transition:.22s;align-items:flex-start}
.pcard:hover{background:#fff;border-color:#dbe7f2;box-shadow:0 10px 28px rgba(11,61,102,.13);transform:translateY(-3px)}
.pcard .date{min-width:74px;text-align:center;background:linear-gradient(160deg,var(--c2),var(--c1));border-radius:13px;padding:12px 8px;color:#fff}
.pcard .date b{display:block;font-size:30px;line-height:1.1}
.pcard .date i{font-style:normal;font-size:12px;opacity:.85}
.pc-body h2{font-size:20px;color:var(--c1);margin-bottom:9px;line-height:1.45}
.pcard:hover .pc-body h2{color:var(--c3)}
.pc-body p{font-size:15px;color:var(--sub);line-height:1.8;margin-bottom:10px}
.pc-body .more{font-size:13px;color:var(--c2);font-weight:600}
.empty-box{background:var(--bg);border-radius:16px;padding:70px 20px;text-align:center}
.empty-box p{font-size:17px;color:#33475b;margin-bottom:6px}
.empty-box small{color:#98a7b5}
.pagenav{margin-top:34px;text-align:center}
.pagenav .page-numbers{display:inline-block;min-width:38px;padding:9px 12px;margin:0 4px;border-radius:9px;background:var(--bg);color:#33475b;font-size:14px}
.pagenav .page-numbers:hover{background:var(--c2);color:#fff}
.pagenav .page-numbers.current{background:linear-gradient(135deg,var(--c2),var(--c3));color:#fff}
@media(max-width:620px){.pcard{padding:18px;gap:14px}.pcard .date{min-width:60px}}

/* ===== 文章/页面内容 ===== */
.article{padding:48px 0 72px;min-height:380px}
.a-card{background:var(--bg);border-radius:18px;padding:44px 48px;max-width:900px;margin:0 auto}
@media(max-width:680px){.a-card{padding:28px 20px}}
.a-meta{display:flex;align-items:center;gap:14px;margin-bottom:8px;font-size:14px;color:#98a7b5}
.a-meta .tag{background:linear-gradient(135deg,var(--c2),var(--c3));color:#fff;font-size:13px;padding:4px 13px;border-radius:20px}
.a-foot{margin-top:34px;border-top:1px dashed #d5e0ea;padding-top:22px}
.btn-back{display:inline-block;background:linear-gradient(135deg,var(--c2),var(--c3));color:#fff;padding:10px 24px;border-radius:9px;font-size:14px}
.btn-back:hover{opacity:.9}

/* 正文排版 */
.prose{font-size:16.5px;line-height:2;color:#33475b}
.prose h2{font-size:23px;color:var(--c1);margin:34px 0 14px;padding-left:14px;border-left:5px solid var(--acc)}
.prose h3{font-size:19px;color:var(--c1);margin:26px 0 12px}
.prose p{margin:14px 0}
.prose strong{color:var(--c1)}
.prose ul,.prose ol{margin:14px 0 14px 24px}
.prose li{margin:7px 0}
.prose blockquote{background:#fff;border-left:5px solid var(--c3);border-radius:0 12px 12px 0;padding:18px 22px;margin:20px 0;color:#44576b}
.prose img{border-radius:12px;margin:10px 0}
.prose a{color:var(--c2);border-bottom:1px dashed var(--c2)}
.prose table{border-collapse:collapse;width:100%;margin:18px 0}
.prose th,.prose td{border:1px solid #d5e0ea;padding:10px 14px;font-size:15px}
.prose th{background:#e7f0f8;color:var(--c1)}

/* ===== 页脚(与首页一致) ===== */
footer.site{background:#0b2740;color:#9fb9cf;padding:52px 0 0;font-size:14px;margin-top:0}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:36px}
footer h4{color:#fff;font-size:16px;margin-bottom:14px}
footer.site a{display:block;padding:5px 0;color:#9fb9cf}
footer.site a:hover{color:#fff}
.copy{border-top:1px solid rgba(255,255,255,.12);text-align:center;padding:16px;font-size:13px;color:#7d97ad}
@media(max-width:760px){.f-grid{grid-template-columns:1fr}}