/* www.qipaiyouxi.net 复刻 - 高校门户风格 | 主题30:金橙 */
:root {
    --xk-primary: #884201;
    --xk-primary-dark: #370137;
    --xk-secondary: #0156a6;
    --xk-bg: #faf0ed;
    --xk-footer: #2e1935;
    --xk-title: #600058;
    --xk-border: #601f8f;
    --xk-light: #f0e8e2;
    --xk-accent: #780186;
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font:14px/1.6 'Microsoft YaHei','Segoe UI',system-ui,sans-serif; color:#333; background:#fff; }
a { color:#4d4d4d; text-decoration:none; transition:color 0.3s; }
a:hover { color:var(--xk-secondary); }
/* Topbar */
.xk-topbar { background:var(--xk-primary-dark); width:100%; }
.xk-topbar-inner { max-width:1200px; margin:0 auto; height:38px; display:flex; align-items:center; justify-content:flex-end; gap:16px; padding:0 16px; }
.xk-topbar a { color:#dfeae8; font-size:12px; padding:4px 10px; }
.xk-topbar a:hover { color:#fff; }
/* Header */
.xk-header { background:var(--xk-primary); width:100%; }
.xk-header-inner { max-width:1200px; margin:0 auto; height:100px; display:flex; align-items:center; padding:0 16px; }
.xk-logo { font-size:28px; font-weight:700; color:#fff; letter-spacing:2px; text-shadow:0 2px 8px rgba(0,0,0,0.3); }
.xk-logo img { height:60px; margin-right:12px; vertical-align:middle; }
/* Main Nav */
.xk-nav { background:#fff; width:100%; border-bottom:1px solid #e5e5e5; position:sticky; top:0; z-index:100; box-shadow:0 2px 8px rgba(0,0,0,0.06); }
.xk-nav-inner { max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:center; }
.xk-menu { display:flex; list-style:none; flex-wrap:wrap; }
.xk-menu > li { position:relative; }
.xk-menu > li > a { display:inline-block; padding:0 32px; line-height:60px; color:var(--xk-primary); font-size:16px; font-weight:500; transition:all 0.3s; }
.xk-menu > li:hover > a,.xk-menu > li.active > a { background:var(--xk-secondary); color:#eee; }
.xk-submenu { display:none; position:absolute; left:0; top:60px; min-width:100%; background:var(--xk-secondary); z-index:200; }
.xk-menu > li:hover .xk-submenu { display:block; }
.xk-submenu li a { display:block; color:#fff; padding:0 18px; height:40px; line-height:40px; font-size:14px; white-space:nowrap; }
.xk-submenu li a:hover { background:rgba(0,0,0,0.15); color:#fff; }
/* Banner */
.xk-banner { width:100%; background:#ccc; overflow:hidden; }
.xk-banner-inner { max-width:1200px; margin:0 auto; position:relative; }
.xk-banner img { width:100%; height:380px; object-fit:cover; display:block; }
.xk-banner-overlay { position:absolute; bottom:0; left:0; right:0; padding:16px 24px; background:linear-gradient(transparent,rgba(0,0,0,0.7)); color:#fff; }
.xk-banner-overlay h3 { font-size:18px; margin-bottom:4px; }
/* Section Title */
.xk-section-title { width:100%; height:36px; border-bottom:3px solid var(--xk-border); margin-bottom:16px; display:flex; align-items:center; justify-content:space-between; }
.xk-section-title h3 { font-size:16px; color:var(--xk-title); font-weight:700; height:31px; line-height:27px; border-bottom:3px solid var(--xk-primary); padding-bottom:2px; }
.xk-section-title a { color:#666; font-size:13px; }
.xk-section-title a:hover { color:var(--xk-secondary); }
/* Content Area */
.xk-content { max-width:1200px; margin:0 auto; padding:20px 16px; }
.xk-row { display:flex; gap:24px; flex-wrap:wrap; }
.xk-col-main { flex:1; min-width:0; }
.xk-col-side { width:350px; flex-shrink:0; }
/* News List */
.xk-news-featured { display:flex; gap:20px; margin-bottom:16px; }
.xk-news-card { flex:1; background:#fff; border:1px solid #eee; border-radius:4px; overflow:hidden; transition:box-shadow 0.3s; }
.xk-news-card:hover { box-shadow:0 4px 16px rgba(0,0,0,0.1); }
.xk-news-card img { width:100%; height:172px; object-fit:cover; }
.xk-news-card .xk-card-title { padding:8px 12px; font-size:14px; line-height:1.5; }
.xk-news-card .xk-card-title a { color:var(--xk-title); font-size:15px; }
.xk-news-card .xk-card-date { padding:0 12px 8px; font-size:13px; color:#747474; }
.xk-news-list li { height:32px; line-height:32px; border-bottom:1px dashed #e5e5e5; display:flex; justify-content:space-between; }
.xk-news-list li a { color:#333; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; margin-right:12px; }
.xk-news-list li a:hover { color:var(--xk-secondary); }
.xk-news-list li .xk-date { color:#999; font-size:12px; flex-shrink:0; }
/* Announcement */
.xk-announce { background:var(--xk-light); border-radius:4px; padding:0; }
.xk-announce .xk-section-title { border-bottom-color:var(--xk-border); }
.xk-announce-list { padding:0 12px; }
.xk-announce-item { display:flex; gap:12px; padding:16px 0; border-bottom:1px solid rgba(255,255,255,0.8); }
.xk-announce-date { width:60px; text-align:center; flex-shrink:0; }
.xk-announce-date .day { height:30px; line-height:30px; background:var(--xk-primary); color:#fff; font-size:22px; font-weight:700; text-align:center; border-radius:2px 2px 0 0; }
.xk-announce-date .month { height:25px; line-height:25px; background:#fff; color:var(--xk-primary); font-size:12px; font-weight:700; text-align:center; border-radius:0 0 2px 2px; }
.xk-announce-title { flex:1; font-size:14px; line-height:1.6; padding-top:5px; }
.xk-announce-title a { color:var(--xk-title); }
.xk-announce-title a:hover { color:var(--xk-secondary); }
/* Education Section */
.xk-edu { max-width:1200px; margin:0 auto; padding:25px 16px 0; }
.xk-edu-list { display:flex; flex-wrap:wrap; gap:0 24px; }
.xk-edu-list li { width:47%; height:35px; line-height:35px; border-bottom:1px dashed #e5e5e5; display:flex; justify-content:space-between; }
.xk-edu-list li a { color:#333; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; margin-right:12px; }
.xk-edu-list li a:hover { color:var(--xk-secondary); }
.xk-edu-list li .xk-date { color:#6f6f6f; font-size:12px; flex-shrink:0; }
/* Tab Section */
.xk-tabs { max-width:1200px; margin:0 auto; padding:30px 16px; }
.xk-tab-menu { display:flex; list-style:none; background:var(--xk-light); border-radius:4px 4px 0 0; overflow:hidden; }
.xk-tab-menu li { padding:0 20px; height:40px; line-height:40px; cursor:pointer; font-size:14px; color:var(--xk-title); transition:all 0.3s; }
.xk-tab-menu li.active,.xk-tab-menu li:hover { background:var(--xk-primary); color:#fff; }
.xk-tab-content { padding:16px 0; }
.xk-tab-list { display:flex; flex-wrap:wrap; }
.xk-tab-list li { width:20%; height:35px; line-height:35px; }
.xk-tab-list li a { color:#333; font-size:14px; }
.xk-tab-list li a:hover { color:var(--xk-secondary); }
/* Bottom Links */
.xk-bottom-links { max-width:1200px; margin:0 auto; padding:0 16px 20px; display:flex; gap:24px; flex-wrap:wrap; align-items:flex-start; }
.xk-link-group { position:relative; }
.xk-link-group .xk-link-label { display:inline-block; padding:4px 16px; border:1px solid var(--xk-border); color:var(--xk-primary); font-size:13px; border-radius:2px; cursor:pointer; }
/* QR Code */
.xk-qrcode { float:right; width:104px; }
.xk-qrcode img { width:100%; border-radius:4px; }
/* Footer */
.xk-footer { background:var(--xk-footer); width:100%; }
.xk-footer-inner { max-width:1200px; margin:0 auto; height:46px; display:flex; align-items:center; justify-content:center; }
.xk-footer span { font-size:12px; color:#abaeae; }
.xk-footer a { color:#abaeae; margin:0 6px; }
.xk-footer a:hover { color:#dfeae8; }
/* Article Detail */
.xk-article { max-width:1200px; margin:20px auto; padding:0 16px; }
.xk-article h1 { font-size:24px; color:#555; text-align:center; padding:20px 0; border-bottom:1px solid #eee; font-weight:700; }
.xk-article-meta { text-align:right; padding:10px 0; color:#999; font-size:12px; }
.xk-article-meta span { margin:0 5px; }
.xk-article-content { padding:24px; line-height:28px; font-size:14px; color:#333; overflow:hidden; }
.xk-article-content img { max-width:100%; margin:10px 0; }
.xk-article-content p { margin-bottom:10px; }
/* Breadcrumb */
.xk-breadcrumb { max-width:1200px; margin:0 auto; padding:12px 16px; font-size:13px; color:#999; }
.xk-breadcrumb a { color:var(--xk-primary); }
.xk-breadcrumb a:hover { color:var(--xk-secondary); }
/* Sidebar */
.xk-sidebar { background:#fff; border:1px solid #e5e5e5; border-radius:4px; padding:16px; margin-bottom:20px; }
.xk-sidebar h4 { font-size:15px; color:var(--xk-title); margin-bottom:12px; padding-bottom:8px; border-bottom:2px solid var(--xk-border); }
.xk-sidebar-list li { height:30px; line-height:30px; border-bottom:1px dashed #e5e5e5; }
.xk-sidebar-list li a { color:#333; font-size:13px; }
.xk-sidebar-list li a:hover { color:var(--xk-secondary); }
/* Pagination */
.xk-pagination { display:flex; justify-content:center; gap:6px; margin:24px 0; flex-wrap:wrap; }
.xk-pagination a,.xk-pagination span { padding:6px 14px; border:1px solid #ddd; border-radius:3px; color:#333; font-size:13px; text-decoration:none; }
.xk-pagination a:hover,.xk-pagination .active { background:var(--xk-primary); color:#fff; border-color:var(--xk-primary); }
/* Tag Cloud */
.xk-tag-cloud { display:flex; flex-wrap:wrap; gap:8px; }
.xk-tag-cloud a { padding:4px 14px; border:1px solid #ddd; border-radius:20px; color:#555; font-size:13px; }
.xk-tag-cloud a:hover { background:var(--xk-primary); color:#fff; border-color:var(--xk-primary); }
/* Search */
.xk-search-form { display:flex; gap:10px; margin-bottom:24px; }
.xk-search-form input { flex:1; padding:10px 16px; border:1px solid #ddd; border-radius:4px; font-size:14px; }
.xk-search-form button { padding:10px 24px; background:var(--xk-primary); color:#fff; border:none; border-radius:4px; font-size:14px; cursor:pointer; }
.xk-search-form button:hover { background:var(--xk-primary-dark); }
/* Responsive */
@media (max-width:768px) {
    .xk-header-inner { height:60px; }
    .xk-logo { font-size:20px; }
    .xk-menu > li > a { padding:0 16px; line-height:46px; font-size:14px; }
    .xk-news-featured { flex-direction:column; }
    .xk-col-side { width:100%; }
    .xk-tab-list li { width:50%; }
    .xk-edu-list li { width:100%; }
    .xk-banner img { height:200px; }
}