/* plus-qipai.com.cn 复刻 - glassmorphism 棋牌风格 | 主题10:古铜红 */
:root {
    --xkq-dark: #1f0f0d;
    --xkq-mid: #3a1e1a;
    --xkq-light: #4d322b;
    --xkq-primary: #d4bab8;
    --xkq-secondary: #a8746f;
    --xkq-brown: #7c504a;
    --xkq-card: #1e120f;
    --xkq-dark-rgb: 31,15,13;
    --xkq-mid-rgb: 58,30,26;
    --xkq-light-rgb: 77,50,43;
    --xkq-primary-rgb: 212,186,184;
    --xkq-secondary-rgb: 168,116,111;
    --xkq-brown-rgb: 124,80,74;
    --xkq-card-rgb: 30,18,15;
}
* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family:'Segoe UI',system-ui,-apple-system,sans-serif;
    background:linear-gradient(145deg,var(--xkq-dark) 0%,var(--xkq-mid) 30%,var(--xkq-light) 60%,var(--xkq-brown) 100%);
    color:#f0ede6; line-height:1.7; min-height:100vh;
}
.xkq-container { max-width:1280px; margin:0 auto; padding:0 24px; }
/* Header */
.xkq-header {
    padding:16px 0; background:rgba(var(--xkq-mid-rgb),0.85);
    backdrop-filter:blur(12px); border-bottom:2px solid var(--xkq-brown);
    position:sticky; top:0; z-index:100;
}
.xkq-header-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.xkq-logo {
    font-size:1.5rem; font-weight:700; letter-spacing:1px;
    background:linear-gradient(135deg,var(--xkq-primary),var(--xkq-secondary));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.xkq-nav-links { display:flex; flex-wrap:wrap; gap:8px 16px; list-style:none; }
.xkq-nav-links a {
    color:#e8dcc8; text-decoration:none; font-weight:500;
    padding:6px 12px; border-radius:24px; transition:all 0.3s;
    background:rgba(var(--xkq-brown-rgb),0.25);
    border:1px solid rgba(var(--xkq-primary-rgb),0.2);
}
.xkq-nav-links a:hover {
    background:rgba(var(--xkq-primary-rgb),0.3);
    border-color:var(--xkq-primary); color:#fff6e6; transform:translateY(-1px);
}
/* Page Title */
.xkq-page-title {
    font-size:2.4rem; font-weight:700; text-align:center; padding:48px 0 16px;
    background:linear-gradient(135deg,#f5e6c8,var(--xkq-primary));
    -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:2px;
}
/* GEO Intro */
.xkq-geo-text {
    max-width:900px; margin:0 auto 50px; text-align:center; font-size:1.05rem;
    color:#dad3c0; padding:20px 28px;
    background:rgba(var(--xkq-mid-rgb),0.5); border-radius:28px;
    border:1px solid rgba(var(--xkq-primary-rgb),0.15); backdrop-filter:blur(4px);
}
/* Section */
.xkq-section {
    margin:48px 0; padding:32px 24px; border-radius:28px;
    background:rgba(var(--xkq-mid-rgb),0.45); backdrop-filter:blur(4px);
    border:1px solid rgba(var(--xkq-primary-rgb),0.1); transition:all 0.3s;
}
.xkq-section:hover {
    border-color:rgba(var(--xkq-primary-rgb),0.3);
    box-shadow:0 8px 32px rgba(0,0,0,0.5);
}
.xkq-section-title {
    font-size:1.8rem; color:var(--xkq-primary); margin-bottom:28px;
    border-left:6px solid var(--xkq-brown); padding-left:18px; letter-spacing:1px;
}
/* Card Grid */
.xkq-card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px; }
.xkq-card {
    background:rgba(var(--xkq-card-rgb),0.7); border-radius:20px; padding:20px;
    border:1px solid rgba(var(--xkq-brown-rgb),0.3);
    backdrop-filter:blur(4px); transition:transform 0.3s,box-shadow 0.3s;
}
.xkq-card:hover {
    transform:translateY(-6px);
    box-shadow:0 12px 28px rgba(0,0,0,0.6); border-color:var(--xkq-brown);
}
.xkq-card img {
    width:100%; height:180px; object-fit:cover; border-radius:14px;
    margin-bottom:14px; background:var(--xkq-light);
}
.xkq-card h3 { color:#f5e6c8; font-size:1.2rem; margin-bottom:10px; }
.xkq-card p { color:#c9bfaa; font-size:0.95rem; }
/* Stat Grid */
.xkq-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:20px; text-align:center; }
.xkq-stat-item {
    background:rgba(var(--xkq-brown-rgb),0.2); padding:20px 12px; border-radius:20px;
    border:1px solid rgba(var(--xkq-primary-rgb),0.2);
}
.xkq-stat-number { font-size:2.2rem; font-weight:700; color:var(--xkq-primary); }
.xkq-stat-label { font-size:0.9rem; color:#b8aa8a; margin-top:6px; }
/* FAQ */
.xkq-faq-item {
    background:rgba(var(--xkq-card-rgb),0.5); border-radius:18px;
    padding:20px 24px; margin-bottom:16px;
    border:1px solid rgba(var(--xkq-brown-rgb),0.2);
}
.xkq-faq-item h3 { color:#e8dcc8; font-size:1.1rem; margin-bottom:12px; display:flex; align-items:center; gap:10px; }
.xkq-faq-item p { color:#c9bfaa; font-size:0.98rem; line-height:1.8; }
/* News Meta */
.xkq-news-meta {
    font-size:0.85rem; color:var(--xkq-secondary); margin:8px 0 12px;
    display:inline-block; background:rgba(var(--xkq-brown-rgb),0.2);
    padding:2px 12px; border-radius:20px;
}
/* Button */
.xkq-btn {
    display:inline-block;
    background:linear-gradient(135deg,var(--xkq-brown),var(--xkq-secondary));
    color:#fff; padding:12px 32px; border-radius:40px;
    text-decoration:none; font-weight:600; letter-spacing:0.5px;
    transition:all 0.3s; border:none; cursor:pointer;
}
.xkq-btn:hover { transform:scale(1.04); box-shadow:0 8px 24px rgba(var(--xkq-brown-rgb),0.5); color:#fff; }
/* Footer */
.xkq-footer {
    background:rgba(10,22,10,0.9); border-top:2px solid var(--xkq-brown);
    padding:36px 0 20px; margin-top:60px;
}
.xkq-footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:28px; }
.xkq-footer-grid h4 { color:var(--xkq-primary); margin-bottom:12px; font-size:1.1rem; }
.xkq-footer-grid a {
    color:#b8aa8a; text-decoration:none; display:block;
    margin:6px 0; font-size:0.95rem;
}
.xkq-footer-grid a:hover { color:#f5e6c8; }
.xkq-footer-bottom {
    text-align:center; padding-top:28px; margin-top:28px;
    border-top:1px solid rgba(var(--xkq-brown-rgb),0.3);
    font-size:0.9rem; color:#8a7a5a;
}
.xkq-footer-bottom a { color:#b8aa8a; margin:0 8px; text-decoration:none; }
.xkq-footer-bottom a:hover { color:var(--xkq-primary); }
/* Article Page */
.xkq-article-detail {
    background:rgba(var(--xkq-card-rgb),0.7); border-radius:20px; padding:32px;
    border:1px solid rgba(var(--xkq-brown-rgb),0.3); margin-bottom:32px;
}
.xkq-article-detail h1 { font-size:1.8rem; color:#f5e6c8; margin-bottom:16px; text-align:left; -webkit-text-fill-color:#f5e6c8; background:none; padding:0; }
.xkq-article-meta { font-size:0.85rem; color:var(--xkq-secondary); margin-bottom:20px; }
.xkq-article-content { color:#c9bfaa; line-height:1.9; }
.xkq-article-content img { max-width:100%; border-radius:14px; margin:16px 0; }
.xkq-article-content p { margin-bottom:16px; }
/* Pagination */
.xkq-pagination { display:flex; justify-content:center; gap:8px; margin:32px 0; flex-wrap:wrap; }
.xkq-pagination a,.xkq-pagination span {
    padding:8px 16px; border-radius:20px;
    background:rgba(var(--xkq-brown-rgb),0.2);
    border:1px solid rgba(var(--xkq-primary-rgb),0.2);
    color:#e8dcc8; text-decoration:none; transition:all 0.3s;
}
.xkq-pagination a:hover,.xkq-pagination .active {
    background:rgba(var(--xkq-primary-rgb),0.3);
    border-color:var(--xkq-primary); color:#fff6e6;
}
/* Sidebar */
.xkq-sidebar {
    background:rgba(var(--xkq-card-rgb),0.7); border-radius:20px; padding:24px;
    border:1px solid rgba(var(--xkq-brown-rgb),0.3);
}
.xkq-sidebar h4 { color:var(--xkq-primary); margin-bottom:16px; font-size:1.1rem; }
.xkq-sidebar-list { list-style:none; }
.xkq-sidebar-list li { margin-bottom:10px; }
.xkq-sidebar-list a { color:#c9bfaa; text-decoration:none; font-size:0.95rem; transition:color 0.3s; }
.xkq-sidebar-list a:hover { color:var(--xkq-primary); }
/* Breadcrumb */
.xkq-breadcrumb {
    font-size:0.9rem; color:#b8aa8a; padding:16px 0;
}
.xkq-breadcrumb a { color:var(--xkq-secondary); text-decoration:none; }
.xkq-breadcrumb a:hover { color:var(--xkq-primary); }
/* Tag Cloud */
.xkq-tag-cloud { display:flex; flex-wrap:wrap; gap:10px; }
.xkq-tag-cloud a {
    padding:6px 16px; border-radius:24px;
    background:rgba(var(--xkq-brown-rgb),0.2);
    border:1px solid rgba(var(--xkq-primary-rgb),0.15);
    color:#e8dcc8; text-decoration:none; font-size:0.9rem; transition:all 0.3s;
}
.xkq-tag-cloud a:hover {
    background:rgba(var(--xkq-primary-rgb),0.3);
    border-color:var(--xkq-primary); color:#fff6e6;
}
/* Search */
.xkq-search-box {
    display:flex; gap:12px; margin-bottom:32px;
}
.xkq-search-box input {
    flex:1; padding:12px 20px; border-radius:40px;
    background:rgba(var(--xkq-card-rgb),0.7);
    border:1px solid rgba(var(--xkq-brown-rgb),0.3);
    color:#f0ede6; font-size:1rem; outline:none;
}
.xkq-search-box input::placeholder { color:#8a7a5a; }
.xkq-search-box button {
    padding:12px 28px; border-radius:40px;
    background:linear-gradient(135deg,var(--xkq-brown),var(--xkq-secondary));
    color:#fff; border:none; font-weight:600; cursor:pointer; transition:all 0.3s;
}
.xkq-search-box button:hover { transform:scale(1.04); }
/* CTA */
.xkq-cta {
    text-align:center; padding:48px 24px; border-radius:28px;
    background:rgba(var(--xkq-brown-rgb),0.25);
    border:2px solid var(--xkq-secondary);
}
/* Responsive */
@media (max-width:768px) {
    .xkq-page-title { font-size:1.8rem; }
    .xkq-header-inner { flex-direction:column; }
    .xkq-nav-links { justify-content:center; }
    .xkq-card-grid { grid-template-columns:1fr; }
    .xkq-stat-grid { grid-template-columns:1fr 1fr; }
    .xkq-footer-grid { grid-template-columns:1fr; }
}
@media (max-width:480px) {
    .xkq-page-title { font-size:1.4rem; }
    .xkq-section { padding:20px 16px; }
    .xkq-stat-grid { grid-template-columns:1fr; }
}