/* ===== 孔祖中等专业学校 站点样式 ===== */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
    font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    background:#f4f7fb;color:#333;font-size:15px;line-height:1.7;
}
a{text-decoration:none;color:inherit}
ul,li{list-style:none}
img{max-width:100%}

.wrap{max-width:1100px;margin:0 auto;padding:0 15px}

/* ---------- 头部 ---------- */
.site-head{background:#fff;border-bottom:1px solid #e6ecf3}
.site-head .inner{display:flex;align-items:center;padding:18px 15px;max-width:1100px;margin:0 auto}
.site-head img.logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}
.site-head .name{margin-left:14px;min-width:0}
.site-head .name h1{font-size:26px;color:#0a2045;letter-spacing:2px;line-height:1.3;white-space:nowrap}
.site-head .name p{color:#8a94a6;font-size:13px;letter-spacing:6px;margin-top:2px}

/* ---------- 导航 ---------- */
.nav{background:#0a2045;position:sticky;top:0;z-index:50}
.nav ul{max-width:1100px;margin:0 auto;padding:0 15px;display:flex;flex-wrap:wrap}
.nav li{flex-shrink:0}
.nav a{display:block;color:#fff;padding:13px 22px;font-size:15px;transition:background .15s}
.nav a:hover,.nav li.cur a{background:#47A4F4}

/* ---------- 轮播/横幅 ---------- */
.hero{max-width:1100px;margin:18px auto 0;padding:0 15px}
.hero .banner{border-radius:8px;overflow:hidden;background:#0a2045;position:relative}
.hero .banner img{display:block;width:100%;height:auto}
/* 轮播 */
.carousel{position:relative;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:#0a2045}
.carousel .slide{position:absolute;inset:0;display:block;opacity:0;transition:opacity .6s ease}
.carousel .slide-pic{width:100%;height:100%;overflow:hidden}
.carousel .slide-pic img{width:100%;height:100%;object-fit:cover;display:block}
.carousel .slide-title{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;color:#fff;font-size:16px;font-weight:600;background:linear-gradient(to top,rgba(10,32,69,.85),rgba(10,32,69,0));text-shadow:0 1px 3px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.carousel .c-prev,.carousel .c-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;line-height:36px;text-align:center;color:#fff;background:rgba(0,0,0,.35);cursor:pointer;border-radius:50%;user-select:none;transition:background .15s;font-size:16px}
.carousel .c-prev:hover,.carousel .c-next:hover{background:rgba(0,0,0,.6)}
.carousel .c-prev{left:12px}.carousel .c-next{right:12px}
.carousel .c-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:7px}
.carousel .c-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5);cursor:pointer;transition:background .2s}
.carousel .c-dot.active{background:#fff;width:22px;border-radius:5px}

/* ---------- 公告条 ---------- */
.notice-bar{max-width:1100px;margin:14px auto 0;padding:0 15px}
.notice-bar .box{background:#fff;border-left:4px solid #ffb400;border-radius:4px;padding:10px 16px;display:flex;align-items:center;box-shadow:0 1px 3px rgba(10,32,69,.06)}
.notice-bar .lab{color:#c0392b;font-weight:600;margin-right:12px;flex-shrink:0}
.notice-bar a{color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.notice-bar a:hover{color:#47A4F4}

/* ---------- 首页布局 ---------- */
.home-main{max-width:1100px;margin:18px auto 0;padding:0 15px}
.top-zone{display:flex;gap:18px;margin-bottom:18px}
.top-zone .focus{flex:0 0 46%;min-width:0;display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgba(10,32,69,.06)}
.top-zone .focus .big-pic{position:relative;display:block;width:100%;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#e6ecf3}
.top-zone .focus .big-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.top-zone .focus .big-pic:hover img{transform:scale(1.04)}
.top-zone .focus .big-title{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;color:#fff;font-size:16px;font-weight:600;line-height:1.5;background:linear-gradient(to top,rgba(10,32,69,.88),rgba(10,32,69,0));text-shadow:0 1px 3px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.top-zone .focus .mini-list{flex:1;display:flex;flex-direction:column;justify-content:space-around;min-height:0}
.top-zone .focus .mini-list li{display:flex;align-items:center;gap:10px;padding:6px 0}
.top-zone .focus .mini-thumb{flex-shrink:0;width:96px;height:60px;border-radius:4px;overflow:hidden;background:#e6ecf3}
.top-zone .focus .mini-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.top-zone .focus .mini-title{flex:1;min-width:0;font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.top-zone .focus .mini-title:hover{color:#47A4F4}
.top-zone .headlines{flex:1;background:#fff;border-radius:8px;padding:14px 18px;box-shadow:0 1px 3px rgba(10,32,69,.06);min-width:0;display:flex;flex-direction:column}
.top-zone .headlines .hl-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.top-zone .headlines h2{font-size:16px;color:#0a2045;border-bottom:2px solid #47A4F4;display:inline-block;padding-bottom:6px;margin:0}
.top-zone .headlines .more{font-size:12px;color:#8a94a6}
.top-zone .headlines .more:hover{color:#47A4F4}
.headline-list li{display:flex;align-items:baseline;padding:7px 0;border-bottom:1px dashed #e6ecf3}
.headline-list li:last-child{border-bottom:none}
.headline-list .dot{width:6px;height:6px;background:#47A4F4;border-radius:50%;margin-right:10px;flex-shrink:0;transform:translateY(-2px)}
.headline-list a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.headline-list a:hover{color:#47A4F4}
.headline-list time{color:#a0a9b8;font-size:13px;margin-left:12px;flex-shrink:0}
/* 通知公告子块 */
.notice-sub{margin-top:12px;padding-top:12px;border-top:1px solid #eef1f5;flex:1;display:flex;flex-direction:column}
.notice-sub .ns-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.notice-sub .ns-title{font-size:15px;font-weight:600;color:#0a2045;padding-left:8px;border-left:3px solid #ffb400}
.notice-sub .ns-list li{display:flex;align-items:baseline;padding:5px 0}
.notice-sub .ndot{width:4px;height:4px;background:#ffb400;border-radius:50%;margin-right:8px;flex-shrink:0}
.notice-sub .ns-list a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.notice-sub .ns-list a:hover{color:#ffb400}
.notice-sub .ns-list time{color:#a0a9b8;font-size:12px;margin-left:10px;flex-shrink:0}

/* ---------- 首页栏目块 ---------- */
.blocks{display:flex;flex-wrap:wrap;gap:18px}
.block{flex:1 1 calc(50% - 9px);min-width:0;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(10,32,69,.06);overflow:hidden}
.block .bhead{display:flex;align-items:center;justify-content:space-between;background:#0a2045;padding:11px 16px}
.block .bhead h2{color:#fff;font-size:16px;display:flex;align-items:center}
.block .bhead h2::before{content:"";width:4px;height:16px;background:#ffb400;border-radius:2px;margin-right:10px}
.block .bhead a.more{color:rgba(255,255,255,.7);font-size:13px}
.block .bhead a.more:hover{color:#fff}
.block ul{padding:8px 16px 12px}
.block li{display:flex;align-items:baseline;padding:8px 0;border-bottom:1px dashed #e6ecf3}
.block li:last-child{border-bottom:none}
.block li .dot{width:6px;height:6px;background:#47A4F4;border-radius:50%;margin-right:10px;flex-shrink:0;transform:translateY(-2px)}
.block li a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.block li a:hover{color:#47A4F4}
.block li time{color:#a0a9b8;font-size:13px;margin-left:12px;flex-shrink:0}

/* ---------- 列表页 ---------- */
.page-main{max-width:1100px;margin:18px auto 40px;padding:0 15px}
.crumb{background:#fff;border-radius:8px;padding:10px 16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(10,32,69,.06);font-size:14px;color:#8a94a6}
.crumb a{color:#47A4F4}
.panel{background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(10,32,69,.06);padding:24px 28px}
.panel .ptitle{font-size:20px;color:#0a2045;border-bottom:2px solid #47A4F4;display:inline-block;padding-bottom:8px;margin-bottom:10px}
.art-list li{display:flex;align-items:baseline;padding:13px 4px;border-bottom:1px dashed #e6ecf3}
.art-list .dot{width:6px;height:6px;background:#47A4F4;border-radius:50%;margin-right:12px;flex-shrink:0;transform:translateY(-2px)}
.art-list a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.art-list a:hover{color:#47A4F4}
.art-list time{color:#a0a9b8;font-size:13px;margin-left:14px;flex-shrink:0}
.pager{display:flex;justify-content:center;gap:8px;margin-top:24px;flex-wrap:wrap}
.pager a,.pager span{padding:6px 13px;border:1px solid #d9dee5;border-radius:4px;font-size:14px;background:#fff}
.pager span.cur{background:#0a2045;color:#fff;border-color:#0a2045}
.pager a:hover{border-color:#47A4F4;color:#47A4F4}
.pager a.cur:hover{color:#fff}

/* ---------- 详情页 ---------- */
.detail .dtitle{font-size:24px;color:#0a2045;text-align:center;line-height:1.5;margin-bottom:12px;word-break:break-all}
.detail .dmeta{text-align:center;color:#a0a9b8;font-size:13px;border-bottom:1px solid #e6ecf3;padding-bottom:14px;margin-bottom:20px}
.detail .dmeta span{margin:0 10px}
.content{line-height:1.9;font-size:15px;word-break:break-word;overflow-wrap:break-word}
.content p{margin-bottom:.8em}
.content img{max-width:100%;height:auto;display:block;margin:10px auto;border-radius:4px}
.content video{max-width:100%;display:block;margin:0 auto;border-radius:4px;background:#000}
.content table{max-width:100%;border-collapse:collapse}
.content table td,.content table th{border:1px solid #d9dee5;padding:6px 10px}

/* 附件下载 */
.attach-box{margin-top:28px;border-top:1px solid #e6ecf3;padding-top:18px}
.attach-box h3{font-size:16px;color:#0a2045;margin-bottom:12px}
.attach-box h3::before{content:"";display:inline-block;width:4px;height:15px;background:#ffb400;border-radius:2px;margin-right:9px;vertical-align:-2px}
.attach-item{display:flex;align-items:center;gap:10px;border:1px solid #e6ecf3;border-radius:6px;padding:11px 14px;margin-bottom:10px;transition:.15s;max-width:560px}
.attach-item:hover{border-color:#47A4F4;box-shadow:0 1px 5px rgba(71,164,244,.18)}
.attach-item .fico{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:bold;flex-shrink:0}
.attach-item .fname{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.attach-item .fsize{color:#a0a9b8;font-size:12px;flex-shrink:0}
.attach-item .dl{color:#47A4F4;font-size:13px;flex-shrink:0}
/* 格式图标颜色 */
.f-doc{background:#2b579a}.f-xls{background:#1e7145}.f-ppt{background:#d24726}
.f-pdf{background:#c0392b}.f-zip{background:#8e6e3a}.f-txt{background:#5d6d7e}
.f-file{background:#8a94a6}

/* 上一篇/下一篇 */
.pn{display:flex;justify-content:space-between;gap:14px;margin-top:28px;border-top:1px solid #e6ecf3;padding-top:16px;font-size:14px;flex-wrap:wrap}
.pn a{color:#555;max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pn a:hover{color:#47A4F4}

/* ---------- 页脚 ---------- */
.site-foot{background:#0a2045;color:rgba(255,255,255,.75);margin-top:40px}
.site-foot .inner{max-width:1100px;margin:0 auto;padding:26px 15px;text-align:center;font-size:13px;line-height:2}
.site-foot a{color:rgba(255,255,255,.85)}
.site-foot a:hover{color:#fff}
.site-foot img{vertical-align:-4px;margin-right:4px}

/* ---------- 响应式 ---------- */
@media (max-width:860px){
    .top-zone{flex-direction:column}
    .top-zone .focus{flex:none}
    .block{flex:1 1 100%}
    .site-head .name h1{font-size:20px}
    .nav a{padding:12px 14px;font-size:14px}
    .panel{padding:18px 16px}
    .detail .dtitle{font-size:19px}
    .art-list a{font-size:14px}
    .art-list time{display:none}
}