:root {
    --gg-primary: #00d4ff;
    --gg-primary-dark: #00b0d6;
    --gg-primary-2: #7c5cff;
    --gg-accent: #a78bfa;
    --gg-bg: #0a0f1c;
    --gg-bg-2: #0f1524;
    --gg-bg-dark: #050810;
    --gg-bg-dark2: #0d1322;
    --gg-card: #121a2e;
    --gg-card-hover: #172036;
    --gg-border: #22304f;
    --gg-border-soft: rgba(124, 92, 255, 0.18);
    --gg-text: #dbe4f5;
    --gg-text-light: #8b96b2;
    --gg-radius: 12px;
    --gg-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
    --gg-glow: 0 0 24px rgba(0, 212, 255, 0.18);
    --gg-gradient: linear-gradient(135deg, #00d4ff 0%, #7c5cff 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(0, 212, 255, 0.16) 0%, rgba(124, 92, 255, 0.16) 100%);
}

/* ===== 多配色方案（由 data-scheme 切换） ===== */
[data-scheme="emerald"] {
    --gg-primary: #2fe0a0;
    --gg-primary-dark: #1fbc84;
    --gg-primary-2: #12c9a8;
    --gg-accent: #4ade80;
    --gg-gradient: linear-gradient(135deg, #2fe0a0 0%, #12c9a8 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(47, 224, 160, 0.16) 0%, rgba(18, 201, 168, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(47, 224, 160, 0.18);
}

[data-scheme="purple"] {
    --gg-primary: #a78bfa;
    --gg-primary-dark: #8b6cf0;
    --gg-primary-2: #7c5cff;
    --gg-accent: #c084fc;
    --gg-gradient: linear-gradient(135deg, #a78bfa 0%, #7c5cff 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(167, 139, 250, 0.16) 0%, rgba(124, 92, 255, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(167, 139, 250, 0.18);
}

[data-scheme="ocean"] {
    --gg-primary: #38bdf8;
    --gg-primary-dark: #0ea5e9;
    --gg-primary-2: #2563eb;
    --gg-accent: #60a5fa;
    --gg-gradient: linear-gradient(135deg, #38bdf8 0%, #2563eb 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(56, 189, 248, 0.16) 0%, rgba(37, 99, 235, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(56, 189, 248, 0.18);
}

[data-scheme="orange"] {
    --gg-primary: #ff9d5c;
    --gg-primary-dark: #ff8533;
    --gg-primary-2: #ff6b6b;
    --gg-accent: #ffb45c;
    --gg-gradient: linear-gradient(135deg, #ff9d5c 0%, #ff6b6b 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(255, 157, 92, 0.16) 0%, rgba(255, 107, 107, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(255, 157, 92, 0.18);
}

[data-scheme="red"] {
    --gg-primary: #ff5c5c;
    --gg-primary-dark: #e84747;
    --gg-primary-2: #ff8a5c;
    --gg-accent: #ff7a7a;
    --gg-gradient: linear-gradient(135deg, #ff5c5c 0%, #ff8a5c 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(255, 92, 92, 0.16) 0%, rgba(255, 138, 92, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(255, 92, 92, 0.18);
}

[data-scheme="pink"] {
    --gg-primary: #ff7ac6;
    --gg-primary-dark: #f76cb4;
    --gg-primary-2: #c86bff;
    --gg-accent: #ffa3d8;
    --gg-gradient: linear-gradient(135deg, #ff7ac6 0%, #c86bff 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(255, 122, 198, 0.16) 0%, rgba(200, 107, 255, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(255, 122, 198, 0.18);
}

[data-scheme="gold"] {
    --gg-primary: #ffc94d;
    --gg-primary-dark: #ffb020;
    --gg-primary-2: #ff9f43;
    --gg-accent: #ffd97a;
    --gg-gradient: linear-gradient(135deg, #ffc94d 0%, #ff9f43 100%);
    --gg-gradient-soft: linear-gradient(135deg, rgba(255, 201, 77, 0.16) 0%, rgba(255, 159, 67, 0.16) 100%);
    --gg-glow: 0 0 24px rgba(255, 201, 77, 0.18);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.7;
    color: var(--gg-text);
    background-color: var(--gg-bg);
    background-image:
        radial-gradient(circle at 18% -10%, rgba(124, 92, 255, 0.16), transparent 46%),
        radial-gradient(circle at 85% 8%, rgba(0, 212, 255, 0.13), transparent 42%),
        radial-gradient(circle at 50% 110%, rgba(0, 212, 255, 0.08), transparent 55%);
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
}

::selection {
    background: rgba(0, 212, 255, 0.35);
    color: #fff;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--gg-bg);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #2c3e66, #1e2a4a);
    border-radius: 5px;
    border: 2px solid var(--gg-bg);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--gg-primary), var(--gg-primary-2));
}

a {
    color: var(--gg-primary);
    text-decoration: none;
    transition: color 0.2s ease, text-shadow 0.2s ease;
}

a:hover {
    color: #fff;
    text-shadow: 0 0 12px rgba(0, 212, 255, 0.45);
}

img {
    max-width: 100%;
    height: auto;
}

/* ===== 顶部栏 ===== */
.site-topbar {
    background: linear-gradient(90deg, #0a1120, #1a1b3a, #0a1120);
    color: #9aa3b5;
    font-size: 12px;
    padding: 6px 0;
    border-bottom: 1px solid rgba(124, 92, 255, 0.16);
    letter-spacing: 0.5px;
}

.site-topbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar-date {
    letter-spacing: 1px;
    color: var(--gg-primary);
}

.topbar-tip {
    color: #7d88a3;
}

/* ===== 头部 ===== */
.site-header {
    position: sticky;
    top: 0;
    z-index: 999;
    background: rgba(13, 19, 34, 0.86);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(124, 92, 255, 0.18);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);
}

.header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
}

.site-branding {
    display: flex;
    align-items: center;
    gap: 10px;
}

.site-logo img {
    max-height: 56px;
    width: auto;
    display: block;
    filter: drop-shadow(0 0 8px rgba(0, 212, 255, 0.35));
}

.site-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
    background: var(--gg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.site-title a {
    background: inherit;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.site-title a:hover {
    -webkit-text-fill-color: #fff;
    text-shadow: 0 0 18px rgba(0, 212, 255, 0.5);
}

.site-description {
    font-size: 11px;
    color: #7d88a3;
    margin-top: 2px;
}

.main-navigation ul {
    list-style: none;
    display: flex;
    gap: 4px;
}

.main-navigation ul li {
    position: relative;
}

.main-navigation ul li a {
    display: block;
    padding: 10px 14px;
    color: #c3cbd8;
    font-size: 15px;
    border-radius: 8px;
    transition: background 0.25s, color 0.25s, box-shadow 0.25s;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_item > a {
    background: var(--gg-gradient);
    color: #fff;
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.35);
}

.main-navigation ul ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(13, 19, 34, 0.97);
    backdrop-filter: blur(10px);
    min-width: 180px;
    display: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    border-radius: 0 0 10px 10px;
    border: 1px solid rgba(124, 92, 255, 0.2);
    border-top: none;
    z-index: 99;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus-within > ul {
    display: block;
}

.main-navigation ul ul li a {
    padding: 10px 16px;
    border-radius: 0;
}

.main-navigation ul ul li a:hover {
    background: var(--gg-gradient-soft);
    box-shadow: none;
}

.main-navigation ul ul ul {
    top: 0;
    left: 100%;
    border-radius: 0 10px 10px 0;
}

.menu-toggle {
    display: none;
    background: none;
    border: 1px solid rgba(124, 92, 255, 0.4);
    color: #fff;
    font-size: 18px;
    padding: 6px 12px;
    border-radius: 8px;
    cursor: pointer;
}

.header-search {
    margin-left: 10px;
}

.header-search form {
    display: flex;
}

.header-search .search-field {
    width: 160px;
    padding: 7px 12px;
    border: 1px solid #26355a;
    background: rgba(10, 15, 28, 0.8);
    color: #fff;
    border-radius: 8px 0 0 8px;
    font-size: 13px;
    outline: none;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.header-search .search-field:focus {
    border-color: var(--gg-primary);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.3);
}

.header-search .search-submit {
    padding: 7px 14px;
    background: var(--gg-gradient);
    color: #fff;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    font-size: 13px;
    transition: box-shadow 0.2s;
}

.header-search .search-submit:hover {
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.5);
}

/* 搜索展开按钮（仅移动端显示） */
.search-toggle {
    display: none;
}

/* ===== 布局 ===== */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.site-content {
    padding: 24px 0 48px;
}

.site-content-inner {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.content-area {
    flex: 1 1 720px;
    min-width: 0;
}

.widget-area {
    flex: 0 0 300px;
    min-width: 0;
}

/* ===== 面包屑 ===== */
.gg-breadcrumb {
    background: rgba(18, 26, 46, 0.7);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 10px 16px;
    font-size: 13px;
    margin-bottom: 16px;
    color: var(--gg-text-light);
    backdrop-filter: blur(6px);
}

.gg-breadcrumb a {
    color: var(--gg-text-light);
}

.gg-breadcrumb a:hover {
    color: var(--gg-primary);
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.gg-breadcrumb .sep {
    margin: 0 6px;
    color: #4a5878;
}

/* ===== 区块标题 ===== */
.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}

.section-title h2 {
    font-size: 19px;
    color: #e8edf7;
    position: relative;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.section-title h2 .gg-icon {
    font-size: 17px;
    color: var(--gg-primary);
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.45));
}

.section-title .more-link {
    font-size: 13px;
    color: var(--gg-text-light);
}

.section-title .more-link:hover {
    color: var(--gg-primary);
}

/* ===== 卡片网格 ===== */
.gg-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 16px;
    margin: 16px 0;
}

.gg-card {
    background: linear-gradient(160deg, var(--gg-card) 0%, var(--gg-bg-2) 100%);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    overflow: hidden;
    transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    display: flex;
    flex-direction: column;
    position: relative;
}

.gg-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: linear-gradient(120deg, transparent 30%, rgba(0, 212, 255, 0.08) 50%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s;
    pointer-events: none;
}

.gg-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 212, 255, 0.5);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 212, 255, 0.14);
}

.gg-card:hover::after {
    opacity: 1;
}

.gg-card-thumb {
    aspect-ratio: 16 / 9;
    background: #0e1526;
    overflow: hidden;
    position: relative;
}

.gg-card-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.gg-card:hover .gg-card-thumb img {
    transform: scale(1.06);
}

.gg-card-thumb .no-thumb {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #3b4a70;
    background: linear-gradient(135deg, #141d33, #10182c);
    border-bottom: 1px solid rgba(124, 92, 255, 0.2);
}

.gg-card-body {
    padding: 14px 16px 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.gg-card-title {
    font-size: 15px;
    line-height: 1.4;
    margin-bottom: 6px;
    font-weight: 600;
}

.gg-card-title a {
    color: #e6ecf7;
}

.gg-card-title a:hover {
    color: var(--gg-primary);
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.gg-card-excerpt {
    font-size: 13px;
    color: var(--gg-text-light);
    flex: 1;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.gg-card-meta {
    font-size: 12px;
    color: #5d6a88;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 12px;
    overflow: hidden;
}

.gg-card-meta li {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
}

.gg-card-meta .gg-meta-cat a,
.gg-card-meta .gg-cat a {
    color: var(--gg-primary);
    background: rgba(0, 212, 255, 0.1);
    padding: 1px 8px;
    border-radius: 4px;
    border: 1px solid rgba(0, 212, 255, 0.2);
}

.gg-card-meta .gg-meta-cat a:hover,
.gg-card-meta .gg-cat a:hover {
    background: rgba(0, 212, 255, 0.2);
    color: #fff;
}

/* ===== 列表文章 ===== */
.gg-post-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gg-post-item {
    display: flex;
    gap: 16px;
    background: linear-gradient(160deg, var(--gg-card) 0%, var(--gg-bg-2) 100%);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 16px;
    transition: border-color 0.25s, box-shadow 0.25s, transform 0.25s;
}

.gg-post-item:hover {
    border-color: rgba(0, 212, 255, 0.5);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45), 0 0 16px rgba(0, 212, 255, 0.12);
    transform: translateY(-2px);
}

.gg-post-thumb {
    flex: 0 0 280px;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    overflow: hidden;
    background: #0e1526;
}

.gg-post-thumb img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}

.gg-post-item:hover .gg-post-thumb img {
    transform: scale(1.05);
}

.gg-post-info {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.gg-post-info h3 {
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 6px;
}

.gg-post-info h3 a {
    color: #e6ecf7;
}

.gg-post-info h3 a:hover {
    color: var(--gg-primary);
}

.gg-post-info .excerpt {
    font-size: 13px;
    color: var(--gg-text-light);
    margin-bottom: 16px;
    min-height: 5.1em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 图文列表内的文章信息：去掉下边框，紧跟摘要 */
.gg-post-item .entry-meta {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 16px;
}

/* 阅读全文按钮：置于卡片右下角 */
.gg-post-foot {
    margin-top: auto;
    text-align: right;
}
.gg-post-foot .gg-read-more {
    padding: 7px 16px;
    font-size: 13px;
}

/* ===== 分页 ===== */
.gg-pagination {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin-top: 24px;
    flex-wrap: wrap;
}

.gg-pagination .page-numbers {
    display: inline-flex;
    min-width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    background: var(--gg-card);
    border: 1px solid var(--gg-border);
    border-radius: 8px;
    color: var(--gg-text);
    font-size: 14px;
    transition: all 0.2s;
}

.gg-pagination .page-numbers:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.25);
}

.gg-pagination .page-numbers.current {
    background: linear-gradient(135deg, #0b1326 0%, #16203a 100%);
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.3);
}

/* 页面形式（仅上一页/下一页） */
.gg-pagination .nav-links {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.gg-pagination .nav-links .nav-previous,
.gg-pagination .nav-links .nav-next {
    margin: 0;
}
.gg-pagination .nav-links .nav-next {
    margin-left: auto;
}
.gg-pagination .nav-links a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 18px;
    background: var(--gg-card);
    border: 1px solid var(--gg-border);
    border-radius: 8px;
    color: var(--gg-text);
    font-size: 14px;
    transition: all 0.2s;
}
.gg-pagination .nav-links a:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.25);
}

/* ===== 无 JS 分页回退（noscript） ===== */
.gg-noscript-pagination {
    display: block;
    margin-top: 24px;
    text-align: center;
}

.gg-noscript-pagination .nav-links {
    display: inline-flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.gg-noscript-pagination .page-numbers {
    display: inline-block;
    min-width: 36px;
    padding: 8px 12px;
    border: 1px solid var(--gg-border);
    border-radius: 8px;
    color: var(--gg-text);
    font-size: 14px;
    text-decoration: none;
}

.gg-noscript-pagination .page-numbers.current {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
}

/* 页面形式（上一页/下一页），下一页优先 */
.gg-pagination .gg-pagenav-prevnext {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}
.gg-pagination .gg-pagenav-prevnext a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 18px;
    background: var(--gg-card);
    border: 1px solid var(--gg-border);
    border-radius: 8px;
    color: var(--gg-text);
    font-size: 14px;
    transition: all 0.2s;
}
.gg-pagination .gg-pagenav-prevnext a:last-child {
    order: -1;
}
.gg-pagination .gg-pagenav-prevnext a:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.25);
}

/* 点击加载更多 / AJAX 自动加载 */
.gg-pagination .gg-loadmore {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 6px 0 2px;
}
.gg-loadmore-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 160px;
    height: 42px;
    justify-content: center;
    padding: 0 22px;
    background: linear-gradient(135deg, var(--gg-primary) 0%, var(--gg-primary-2) 100%);
    border: none;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s;
    box-shadow: 0 4px 14px rgba(0, 212, 255, 0.25);
}
.gg-loadmore-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(0, 212, 255, 0.35);
}
.gg-loadmore-btn:disabled {
    opacity: 0.6;
    cursor: wait;
    transform: none;
}
.gg-loadmore-status {
    font-size: 13px;
    color: var(--gg-text-2);
}
.gg-loadmore-status:not([hidden])::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    vertical-align: -2px;
    border: 2px solid var(--gg-border);
    border-top-color: var(--gg-primary);
    border-radius: 50%;
    animation: ggSpin 0.7s linear infinite;
}
@keyframes ggSpin {
    to {
        transform: rotate(360deg);
    }
}

/* ===== 文章详情 ===== */
.gg-single {
    background: linear-gradient(160deg, var(--gg-card) 0%, var(--gg-bg-2) 100%);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 28px;
    box-shadow: var(--gg-shadow);
}

.entry-header h1 {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 12px;
    color: #eef2fa;
    text-shadow: 0 0 20px rgba(0, 212, 255, 0.12);
}

.entry-meta {
    font-size: 13px;
    color: var(--gg-text-light);
    padding-bottom: 14px;
    border-bottom: 1px solid var(--gg-border);
    margin-bottom: 18px;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}

.entry-meta span a {
    color: var(--gg-primary);
}

.entry-content {
    font-size: 15.5px;
    line-height: 1.9;
    color: #cdd6e6;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
    margin: 26px 0 12px;
    color: #eef2fa;
}

.entry-content h2 {
    font-size: 22px;
    padding-left: 12px;
    border-left: 4px solid transparent;
    border-image: var(--gg-gradient) 1;
    border-image-slice: 1;
    text-shadow: 0 0 16px rgba(0, 212, 255, 0.1);
}

.entry-content h3 {
    font-size: 18px;
    padding-left: 10px;
    border-left: 3px solid rgba(0, 212, 255, 0.5);
}

.entry-content p {
    margin-bottom: 16px;
}

.entry-content ul,
.entry-content ol {
    margin: 0 0 16px 24px;
}

.entry-content li {
    margin-bottom: 6px;
}

.entry-content blockquote {
    border-left: 4px solid var(--gg-primary);
    background: linear-gradient(135deg, rgba(124, 92, 255, 0.12), rgba(0, 212, 255, 0.06));
    padding: 14px 18px;
    margin: 18px 0;
    color: #b8c2d6;
    border-radius: 0 10px 10px 0;
    box-shadow: inset 0 0 24px rgba(0, 212, 255, 0.04);
}

.entry-content img {
    border-radius: 10px;
    margin: 8px 0;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}

.entry-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 18px 0;
    border-radius: 8px;
    overflow: hidden;
}

.entry-content table th,
.entry-content table td {
    border: 1px solid var(--gg-border);
    padding: 10px 12px;
    text-align: left;
}

.entry-content table th {
    background: rgba(124, 92, 255, 0.14);
    color: #e8ecf5;
}

.entry-content code {
    background: rgba(0, 212, 255, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    color: #7ee8ff;
}

.entry-content pre {
    background: #0a0f1c;
    color: #b6c4dd;
    padding: 16px;
    border-radius: 10px;
    overflow-x: auto;
    margin: 18px 0;
    border: 1px solid var(--gg-border);
}

.entry-content pre code {
    background: none;
    padding: 0;
    color: inherit;
}

/* 文章目录 */
.gg-toc {
    background: rgba(18, 26, 46, 0.6);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 14px 16px;
    margin: 18px 0;
}

.gg-toc-title {
    font-size: 15px;
    font-weight: 700;
    color: #e8ecf5;
    margin-bottom: 10px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.gg-toc-title .gg-icon {
    font-size: 15px;
    color: var(--gg-primary);
}

.gg-toc ol {
    margin: 0;
    list-style: none;
}
.gg-toc ol.gg-toc-sub {
    padding-left: 20px;
    margin-top: 3px;
    border-left: 1px dashed rgba(124, 92, 255, 0.2);
}

.gg-toc li {
    margin-bottom: 6px;
}

.gg-toc a {
    display: inline-flex;
    align-items: baseline;
    gap: 7px;
    color: var(--gg-text);
    font-size: 14px;
    line-height: 1.5;
}

.gg-toc a:hover {
    color: var(--gg-primary);
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.gg-toc .gg-icon {
    font-size: 13px;
    color: var(--gg-primary);
    align-self: center;
    flex: none;
    filter: drop-shadow(0 0 5px rgba(0, 212, 255, 0.35));
}
.gg-toc .gg-toc-lv3 a {
    color: #9fb0cf;
    font-size: 13.5px;
}
.gg-toc .gg-toc-lv3 .gg-icon {
    color: #7c9ff0;
}
.gg-toc .gg-toc-lv4 a {
    color: #8b96b2;
    font-size: 13px;
}
.gg-toc .gg-toc-lv4 .gg-icon {
    color: #a7b0c8;
}

.entry-tags {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.entry-tags a {
    background: rgba(124, 92, 255, 0.1);
    color: #b9c4da;
    font-size: 12px;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1px solid rgba(124, 92, 255, 0.25);
    transition: all 0.2s;
}

.entry-tags a:hover {
    background: var(--gg-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.35);
    text-shadow: none;
}

/* 上一篇下一篇 */
.gg-post-nav {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--gg-border);
}

.gg-post-nav a {
    font-size: 14px;
    color: var(--gg-text);
    max-width: 48%;
}

.gg-post-nav a:hover {
    color: var(--gg-primary);
}

.gg-post-nav .nav-next {
    text-align: right;
}

/* 社交分享 */
.gg-share {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--gg-border);
}
.gg-share-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid var(--gg-border);
    border-radius: 50%;
    background: var(--gg-card);
    font-size: 22px;
    cursor: pointer;
    transition: all 0.2s;
}
.gg-share-btn .gg-icon {
    width: 24px;
    height: 24px;
}
.gg-share-btn:hover {
    transform: translateY(-2px);
    border-color: currentColor;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
    text-shadow: none;
}
.gg-share-weibo:hover {
    color: #e6162d;
}
.gg-share-qzone:hover {
    color: #2b82d9;
}
.gg-share-weixin:hover {
    color: #07c160;
}
.gg-share-weibo {
    color: #e6162d;
}
.gg-share-qzone {
    color: #2b82d9;
}
.gg-share-weixin {
    color: #07c160;
}
.gg-share-copy {
    color: var(--gg-text);
}
.gg-share-weixin-pop {
    position: absolute;
    z-index: 30;
    top: calc(100% + 10px);
    right: 0;
    background: #fff;
    border: 1px solid #dbe4f2;
    border-radius: 10px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}
.gg-share-weixin-pop[hidden] {
    display: none;
}
.gg-share-weixin-pop img {
    border-radius: 4px;
    display: block;
}

/* 相关攻略 */
.gg-related {
    background: linear-gradient(160deg, var(--gg-card) 0%, var(--gg-bg-2) 100%);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 20px 24px;
    margin-top: 24px;
}

.gg-related h3 {
    font-size: 18px;
    margin-bottom: 14px;
    color: #e8ecf5;
}

/* ===== 侧边栏 ===== */
.widget {
    background: linear-gradient(160deg, var(--gg-card) 0%, var(--gg-bg-2) 100%);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 18px;
    margin-bottom: 16px;
    transition: border-color 0.25s;
}

.widget:hover {
    border-color: rgba(0, 212, 255, 0.35);
}

.widget-title {
    font-size: 16px;
    color: #e8ecf5;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--gg-border);
    position: relative;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.widget-title .gg-icon {
    font-size: 16px;
    color: var(--gg-primary);
    flex: none;
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.4));
}

.widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 46px;
    height: 2px;
    border-radius: 2px;
    background: var(--gg-gradient);
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.5);
}

.widget ul {
    list-style: none;
}

.widget ul li {
    padding: 8px 0;
    border-bottom: 1px dashed rgba(124, 92, 255, 0.18);
}

.widget ul li:last-child {
    border-bottom: none;
}

.widget ul li a {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--gg-text);
}

.widget ul li a:hover {
    color: var(--gg-primary);
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.35);
}

.widget ul li .post-date {
    display: block;
    font-size: 12px;
    color: #5d6a88;
}

.widget .gg-hot-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 0;
}

.widget .gg-hot-item .rank {
    flex: 0 0 22px;
    height: 22px;
    background: #1b2540;
    color: #8b96b2;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid var(--gg-border);
}

.widget .gg-hot-item:nth-child(-n + 3) .rank {
    background: var(--gg-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.widget .gg-hot-item a {
    font-size: 13px;
    color: var(--gg-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.widget .gg-hot-item a:hover {
    color: var(--gg-primary);
}

/* 高分攻略小工具：整图覆盖式卡片 */
.gg-rated-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.gg-rated-card {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    background: #0e1526;
    aspect-ratio: 16 / 9;
}
.gg-rated-media {
    position: absolute;
    inset: 0;
    display: block;
}
.gg-rated-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s;
}
.gg-rated-card:hover .gg-rated-media img {
    transform: scale(1.05);
}
.gg-rated-media.no {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #8b96b2;
    font-size: 12px;
}
.gg-rated-score {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    background: var(--gg-gradient);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 10px;
    line-height: 1.5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}
.gg-rated-cat {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
    max-width: 62%;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 11px;
    line-height: 1.5;
    color: #fff;
    background: rgba(10, 15, 30, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.18);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gg-rated-title {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 28px 12px 12px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    background: linear-gradient(to top, rgba(8, 12, 24, 0.92) 0%, rgba(8, 12, 24, 0.55) 55%, transparent 100%);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gg-rated-card:hover .gg-rated-title {
    color: var(--gg-primary);
}

.widget_gg_tags .tagcloud,
.widget_tag_cloud .tagcloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.widget_gg_tags .tagcloud a,
.widget_tag_cloud .tagcloud a {
    display: inline-block;
    padding: 5px 14px;
    margin: 2px 0;
    border-radius: 20px;
    font-size: 12px !important;
    line-height: 1.4;
    border: 1px solid;
    animation: ggTagFloat 4s ease-in-out infinite;
    transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s;
}

/* 五彩配色循环 */
.widget_gg_tags .tagcloud a:nth-child(6n + 1),
.widget_tag_cloud .tagcloud a:nth-child(6n + 1) {
    color: #0aa8cc;
    border-color: rgba(0, 212, 255, 0.5);
    background: rgba(0, 212, 255, 0.1);
    animation-delay: 0s;
}
.widget_gg_tags .tagcloud a:nth-child(6n + 2),
.widget_tag_cloud .tagcloud a:nth-child(6n + 2) {
    color: #8b5cf6;
    border-color: rgba(167, 139, 250, 0.55);
    background: rgba(167, 139, 250, 0.12);
    animation-delay: 0.3s;
}
.widget_gg_tags .tagcloud a:nth-child(6n + 3),
.widget_tag_cloud .tagcloud a:nth-child(6n + 3) {
    color: #16a96e;
    border-color: rgba(47, 224, 160, 0.5);
    background: rgba(47, 224, 160, 0.1);
    animation-delay: 0.6s;
}
.widget_gg_tags .tagcloud a:nth-child(6n + 4),
.widget_tag_cloud .tagcloud a:nth-child(6n + 4) {
    color: #f2703a;
    border-color: rgba(255, 157, 92, 0.55);
    background: rgba(255, 157, 92, 0.12);
    animation-delay: 0.9s;
}
.widget_gg_tags .tagcloud a:nth-child(6n + 5),
.widget_tag_cloud .tagcloud a:nth-child(6n + 5) {
    color: #e0569e;
    border-color: rgba(255, 122, 198, 0.5);
    background: rgba(255, 122, 198, 0.1);
    animation-delay: 1.2s;
}
.widget_gg_tags .tagcloud a:nth-child(6n + 6),
.widget_tag_cloud .tagcloud a:nth-child(6n + 6) {
    color: #d9a21b;
    border-color: rgba(255, 201, 77, 0.55);
    background: rgba(255, 201, 77, 0.12);
    animation-delay: 1.5s;
}

.widget_gg_tags .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:hover {
    background: var(--gg-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.4);
    text-shadow: none;
    animation-play-state: paused;
    transform: translateY(-2px);
}

@keyframes ggTagFloat {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-3px);
    }
}

/* 分类小工具 */
.gg-cat-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.gg-cat-list a {
    display: block;
    background: rgba(18, 26, 46, 0.6);
    border: 1px solid var(--gg-border);
    border-radius: 8px;
    padding: 10px;
    text-align: center;
    color: #c3cbd8;
    font-size: 13px;
    transition: all 0.2s;
}

.gg-cat-list a:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    background: rgba(0, 212, 255, 0.08);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.15);
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

/* ===== 页脚 ===== */
.site-footer {
    background: #050810;
    color: #9aa3b5;
    margin-top: 24px;
    border-top: 1px solid rgba(124, 92, 255, 0.2);
    box-shadow: 0 -4px 30px rgba(0, 0, 0, 0.4);
}

.footer-widgets {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
    padding: 32px 0;
}

.footer-widgets .widget {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.footer-widgets .widget:hover {
    border-color: transparent;
}

.footer-widgets .widget-title {
    color: #e8ecf5;
    border-bottom: 1px solid #1c2742;
}

.footer-widgets .widget-title::after {
    background: var(--gg-gradient);
}

.footer-widgets .widget ul li {
    border-bottom: 1px dashed #1c2742;
}

.footer-widgets .widget ul li a {
    color: #9aa3b5;
}

.footer-widgets .widget ul li a:hover {
    color: var(--gg-primary);
}

.site-info {
    border-top: 1px solid #141c30;
    padding: 16px 0;
    font-size: 12px;
    text-align: center;
}

/* 页脚文章信息 */
.gg-article-info {
    padding: 16px 0;
    border-bottom: 1px solid #141c30;
    font-size: 13px;
    line-height: 1.8;
    color: #9aa3b5;
    text-align: center;
}

/* ===== 按钮 / 表单 ===== */
.btn {
    display: inline-block;
    padding: 9px 20px;
    background: var(--gg-gradient);
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 18px rgba(0, 212, 255, 0.3);
    transition: all 0.2s;
}

.btn:hover {
    background: linear-gradient(135deg, #33dcff 0%, #967cff 100%);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 26px rgba(0, 212, 255, 0.45);
    text-shadow: none;
}

.search-no-results .no-results,
.gg-no-results {
    background: var(--gg-card);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 48px 24px;
    text-align: center;
    color: var(--gg-text-light);
}

/* ===== 暗黑模式切换按钮 ===== */
.dark-toggle {
    margin-left: 10px;
    padding: 7px 14px;
    border: 1px solid rgba(0, 212, 255, 0.45);
    background: rgba(0, 212, 255, 0.08);
    color: var(--gg-primary);
    border-radius: 8px;
    cursor: pointer;
    font-size: 13px;
    transition: all 0.2s;
}

.dark-toggle:hover {
    background: var(--gg-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 14px rgba(0, 212, 255, 0.45);
}

/* ===== 广告位 ===== */
.gg-header-ad {
    padding: 10px 16px;
    text-align: center;
    background: rgba(5, 8, 16, 0.7);
    border-top: 1px solid rgba(124, 92, 255, 0.14);
}

.gg-sidebar-ad {
    text-align: center;
}

.gg-incontent-ad {
    text-align: center;
    margin: 20px 0;
    padding: 12px;
    background: rgba(18, 26, 46, 0.5);
    border: 1px dashed rgba(0, 212, 255, 0.35);
    border-radius: 8px;
}

/* ===== 游戏评分模块 ===== */
.gg-rating {
    background: linear-gradient(135deg, rgba(124, 92, 255, 0.1), rgba(0, 212, 255, 0.05));
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 20px;
    margin: 18px 0;
    position: relative;
    overflow: hidden;
}

.gg-rating::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: var(--gg-gradient);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.5);
}

.gg-rating-header {
    display: flex;
    gap: 24px;
    align-items: center;
}

.gg-rating-score {
    flex: 0 0 120px;
    text-align: center;
    padding-right: 24px;
    border-right: 1px dashed rgba(124, 92, 255, 0.25);
}

.gg-rating-score .score {
    font-size: 46px;
    font-weight: 700;
    line-height: 1;
    background: var(--gg-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 12px rgba(0, 212, 255, 0.35));
}

.gg-rating-score .max {
    font-size: 16px;
    color: #4a5878;
}

.gg-rating-score .label {
    display: block;
    font-size: 12px;
    color: var(--gg-text-light);
    margin-top: 4px;
}

.gg-rating-bars {
    flex: 1;
}

.gg-rating-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.gg-rating-row:last-child {
    margin-bottom: 0;
}

.gg-rating-row .r-label {
    flex: 0 0 80px;
    font-size: 13px;
    color: var(--gg-text);
}

.gg-rating-row .r-bar {
    flex: 1;
    height: 8px;
    background: rgba(124, 92, 255, 0.15);
    border-radius: 4px;
    overflow: hidden;
}

.gg-rating-row .r-fill {
    display: block;
    height: 100%;
    background: var(--gg-gradient);
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(0, 212, 255, 0.35);
}

.gg-rating-row .r-value {
    flex: 0 0 34px;
    text-align: right;
    font-size: 13px;
    font-weight: 600;
    color: var(--gg-text);
}

.gg-rating-note {
    margin-top: 14px;
    font-size: 12px;
    color: var(--gg-text-light);
}

/* ===== 亮色模式（可选切换） ===== */
[data-theme="light"] {
    --gg-bg: #f2f6fc;
    --gg-bg-2: #e9eef7;
    --gg-bg-dark: #0b1120;
    --gg-bg-dark2: #0f1626;
    --gg-card: #ffffff;
    --gg-card-hover: #ffffff;
    --gg-border: #dbe4f2;
    --gg-border-soft: rgba(124, 92, 255, 0.18);
    --gg-text: #2c3343;
    --gg-text-light: #66708a;
    --gg-shadow: 0 4px 16px rgba(30, 60, 120, 0.08);
    --gg-glow: none;
}

[data-theme="light"] body {
    background-image:
        radial-gradient(circle at 15% -10%, rgba(124, 92, 255, 0.1), transparent 45%),
        radial-gradient(circle at 85% 0%, rgba(0, 212, 255, 0.1), transparent 40%);
}

[data-theme="light"] .site-title,
[data-theme="light"] .gg-rating-score .score {
    -webkit-text-fill-color: transparent;
}

[data-theme="light"] .site-title a {
    color: #0f1626;
    -webkit-text-fill-color: #0f1626;
}

[data-theme="light"] .site-title a:hover {
    color: var(--gg-primary);
    -webkit-text-fill-color: var(--gg-primary);
    text-shadow: none;
}

[data-theme="light"] a:hover {
    text-shadow: none;
}

[data-theme="light"] .gg-single,
[data-theme="light"] .gg-card,
[data-theme="light"] .gg-post-item,
[data-theme="light"] .gg-related,
[data-theme="light"] .widget {
    background: #fff;
}

[data-theme="light"] .entry-content {
    color: #3a4256;
}

[data-theme="light"] .entry-content h2,
[data-theme="light"] .entry-content h3,
[data-theme="light"] .entry-content h4,
[data-theme="light"] .entry-header h1,
[data-theme="light"] .entry-tags a,
[data-theme="light"] .section-title h2,
[data-theme="light"] .archive-title,
[data-theme="light"] .widget-title,
[data-theme="light"] .gg-related h3,
[data-theme="light"] .gg-toc-title {
    color: #1f2637;
}

[data-theme="light"] .gg-card-title a,
[data-theme="light"] .gg-post-info h3 a {
    color: #1f2637;
}

[data-theme="light"] .gg-card-title a:hover,
[data-theme="light"] .gg-post-info h3 a:hover {
    color: var(--gg-primary);
}

[data-theme="light"] .entry-content blockquote {
    background: linear-gradient(135deg, rgba(124, 92, 255, 0.08), rgba(0, 212, 255, 0.05));
    color: #4a5468;
}

[data-theme="light"] .entry-content code {
    background: rgba(0, 212, 255, 0.12);
    color: #0284a8;
}

[data-theme="light"] .entry-content pre {
    background: #0f1626;
}

[data-theme="light"] .entry-content table th {
    background: rgba(124, 92, 255, 0.08);
    color: #333;
}

[data-theme="light"] .gg-breadcrumb,
[data-theme="light"] .gg-toc {
    background: #f7f9fc;
}

[data-theme="light"] .gg-toc a,
[data-theme="light"] .widget ul li a,
[data-theme="light"] .widget .gg-hot-item a {
    color: #3a4256;
}

[data-theme="light"] .widget .gg-hot-item .rank {
    background: #eef2f8;
    color: #66708a;
    border-color: #dbe4f2;
}

[data-theme="light"] .widget .gg-hot-item:nth-child(-n + 3) .rank {
    background: linear-gradient(135deg, var(--gg-primary-dark), var(--gg-primary-2));
    color: #fff;
    border-color: transparent;
    box-shadow: 0 2px 10px rgba(14, 165, 233, 0.3);
}

[data-theme="light"] .entry-tags a {
    background: rgba(124, 92, 255, 0.08);
    color: #5a6478;
}

[data-theme="light"] .gg-cat-list a {
    background: #fff;
    color: #3a4256;
}

[data-theme="light"] .gg-cat-list a:hover {
    color: var(--gg-primary);
    background: rgba(0, 212, 255, 0.06);
}

[data-theme="light"] .gg-incontent-ad,
[data-theme="light"] .gg-rating {
    background: #f7f9fc;
}

[data-theme="light"] .gg-rating-row .r-bar {
    background: #e4e9f3;
}

[data-theme="light"] .gg-pagination .page-numbers {
    background: #fff;
    border-color: #dbe4f2;
    color: #3a4256;
}

[data-theme="light"] .gg-pagination .page-numbers.current {
    background: linear-gradient(135deg, #0b1326 0%, #16203a 100%);
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.25);
}

[data-theme="light"] .gg-pagination .nav-links a {
    background: #fff;
    border-color: #dbe4f2;
    color: #3a4256;
}
[data-theme="light"] .gg-pagination .nav-links a:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
}

[data-theme="light"] .gg-pagination .gg-pagenav-prevnext a {
    background: #fff;
    border-color: #dbe4f2;
    color: #3a4256;
}
[data-theme="light"] .gg-pagination .gg-pagenav-prevnext a:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
}
[data-theme="light"] .gg-loadmore-status {
    color: #5a6478;
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: #f2f6fc;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #b9c4da, #8b96b2);
    border-color: #f2f6fc;
}

/* ===== 动画 ===== */
@keyframes cardIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gg-grid .gg-card,
.gg-post-list .gg-post-item {
    /* 入场动画已移除：动态加载的卡片在部分浏览器（Edge 节能/重排场景）
       会停在 opacity:0 首帧，造成「大片空白」——可靠性优先，不再使用。 */
}

/* ===== 响应式 ===== */
@media (max-width: 992px) {
    .widget-area {
        flex: 1 1 100%;
    }

    .widget-area .widgets-wrap {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .widget-area .widget {
        min-width: 0;
        margin-bottom: 0;
    }
}

@media (max-width: 768px) {
    .header-inner {
        position: relative;
    }

    .site-logo img {
        max-height: 44px;
    }

    .menu-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    .main-navigation {
        display: flex;
        align-items: center;
    }

    .main-navigation ul {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        flex-direction: column;
        gap: 4px;
        background: rgba(13, 19, 34, 0.97);
        backdrop-filter: blur(10px);
        padding: 12px;
        border: 1px solid rgba(124, 92, 255, 0.2);
        border-radius: 10px;
        box-shadow: 0 14px 30px rgba(0, 0, 0, 0.45);
        z-index: 100;
    }

    .main-navigation.toggled ul {
        display: flex;
    }

    .main-navigation ul ul {
        position: static;
        display: none;
        box-shadow: none;
        padding-left: 16px;
        border: none;
        background: transparent;
    }

    .main-navigation ul li:hover > ul {
        display: block;
    }

    /* 搜索：仅显示图标，点击展开 */
    .search-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border: 1px solid rgba(124, 92, 255, 0.4);
        background: none;
        color: #fff;
        border-radius: 8px;
        cursor: pointer;
        font-size: 18px;
    }

    .header-search {
        margin-left: 6px;
    }

    .header-search form {
        display: none;
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        right: 0;
        z-index: 100;
    }

    .header-search.open form {
        display: flex;
    }

    .header-search .search-field {
        width: auto;
        flex: 1;
        border-radius: 8px 0 0 8px;
    }

    .gg-post-item {
        flex-direction: column;
    }

    .gg-post-thumb {
        flex: none;
        width: 100%;
    }

    .site-topbar {
        display: none;
    }

    .widget-area .widgets-wrap {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .entry-header h1 {
        font-size: 21px;
    }

    .gg-single {
        padding: 18px;
    }

    .site-title {
        font-size: 18px;
    }

    .gg-rating-header {
        flex-direction: column;
        gap: 16px;
    }

    .gg-rating-score {
        flex: none;
        border-right: none;
        padding-right: 0;
        padding-bottom: 12px;
        border-bottom: 1px dashed rgba(124, 92, 255, 0.25);
    }
}

/* 极窄屏幕：侧边栏与全部小工具自适应，防止内容被整体裁切 */
@media (max-width: 400px) {
    .widgets-wrap {
        min-width: 0;
        grid-template-columns: 1fr;
    }
    .widget-area .widget {
        min-width: 0;
        max-width: 100%;
        padding: 14px;
        overflow-wrap: break-word;
    }
    .widget-area .widget .gg-rated-card {
        aspect-ratio: 16 / 10;
    }
}

/* ===== 幻灯片 ===== */
.gg-slider {
    position: relative;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 24px;
    border: 1px solid rgba(124, 92, 255, 0.25);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
}

.gg-slider-track {
    position: relative;
    width: 100%;
    height: 100%;
}

.gg-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.6s ease, visibility 0.6s;
}

.gg-slide.active {
    opacity: 1;
    visibility: visible;
}

.gg-slide a {
    display: block;
    width: 100%;
    height: 100%;
}

.gg-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gg-slide-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 4px;
    color: #3b4a70;
    background: linear-gradient(135deg, #141d33, #0a1120);
}

.gg-slide-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 8, 16, 0.1) 0%, rgba(5, 8, 16, 0.55) 55%, rgba(5, 8, 16, 0.92) 100%);
}

.gg-slide-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 28px;
    z-index: 2;
}

.gg-slide-cat {
    display: inline-block;
    background: var(--gg-gradient);
    color: #fff;
    font-size: 12px;
    padding: 2px 12px;
    border-radius: 20px;
    margin-bottom: 8px;
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.35);
}

.gg-slide-content h3 {
    font-size: 24px;
    color: #fff;
    margin-bottom: 6px;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6);
    line-height: 1.35;
}

.gg-slide-content h3 a:hover {
    color: #fff;
}

.gg-slide-excerpt {
    font-size: 13px;
    color: #c3cbd8;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 620px;
}

.gg-slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(5, 8, 16, 0.4);
    color: #fff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    z-index: 5;
    transition: all 0.2s;
    backdrop-filter: blur(4px);
}

.gg-slide-arrow:hover {
    background: var(--gg-gradient);
    border-color: transparent;
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.4);
}

.gg-slide-arrow.prev {
    left: 14px;
}

.gg-slide-arrow.next {
    right: 14px;
}

.gg-slider-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 14px;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 5;
}

.gg-slider-dots .dot {
    width: 26px;
    height: 4px;
    border-radius: 2px;
    background: rgba(255, 255, 255, 0.35);
    cursor: pointer;
    transition: all 0.3s;
}

.gg-slider-dots .dot.active {
    background: var(--gg-primary);
    box-shadow: 0 0 10px rgba(0, 212, 255, 0.6);
}

@media (max-width: 768px) {
    .gg-slider {
        height: 300px;
    }

    .gg-slide-content {
        padding: 20px;
    }

    .gg-slide-content h3 {
        font-size: 19px;
    }
}

/* ===== 分类页子分类 ===== */
.gg-child-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.gg-child-cats a {
    display: inline-block;
    background: rgba(18, 26, 46, 0.7);
    border: 1px solid var(--gg-border);
    border-radius: 8px;
    padding: 7px 16px;
    color: #c3cbd8;
    font-size: 13px;
    transition: all 0.2s;
}

.gg-child-cats a:hover {
    border-color: var(--gg-primary);
    color: var(--gg-primary);
    box-shadow: 0 0 12px rgba(0, 212, 255, 0.15);
}

/* ===== 作者信息框 ===== */
.gg-author-box {
    display: flex;
    gap: 18px;
    align-items: center;
    background: linear-gradient(160deg, var(--gg-card) 0%, var(--gg-bg-2) 100%);
    border: 1px solid var(--gg-border);
    border-radius: var(--gg-radius);
    padding: 20px 24px;
    margin-top: 24px;
}

.gg-author-avatar {
    position: relative;
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
}

.gg-author-avatar .gg-avatar-fallback {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    background: var(--gg-gradient);
}

.gg-author-avatar img {
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 50%;
    border: 2px solid rgba(0, 212, 255, 0.4);
    width: 72px;
    height: 72px;
    object-fit: cover;
}

.gg-author-info h4 {
    font-size: 16px;
    margin-bottom: 6px;
}

.gg-author-info h4 a {
    color: #e8ecf5;
}

.gg-author-info p {
    font-size: 13px;
    color: var(--gg-text-light);
    margin-bottom: 8px;
}

.gg-author-more {
    font-size: 13px;
    color: var(--gg-primary);
}

/* ===== 返回顶部 ===== */
#gg-scroll-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid rgba(0, 212, 255, 0.5);
    background: rgba(13, 19, 34, 0.9);
    color: var(--gg-primary);
    font-size: 18px;
    cursor: pointer;
    z-index: 998;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all 0.3s;
}

#gg-scroll-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#gg-scroll-top:hover {
    background: var(--gg-gradient);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 0 16px rgba(0, 212, 255, 0.4);
}

/* ===== 广告块 ===== */
.gg-ad-block {
    text-align: center;
    margin: 18px 0;
    padding: 10px;
    background: rgba(18, 26, 46, 0.4);
    border: 1px dashed rgba(0, 212, 255, 0.3);
    border-radius: 10px;
}

/* ===== 小工具新样式 ===== */
.gg-thumb-list {
    list-style: none;
}

.gg-thumb-list li {
    padding: 8px 0;
    border-bottom: 1px dashed rgba(124, 92, 255, 0.18);
}

.gg-thumb-list li:last-child {
    border-bottom: none;
}

.gg-thumb-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--gg-text);
}

.gg-thumb-list a:hover {
    color: var(--gg-primary);
}

.gg-thumb-list .gg-thumb {
    flex: 0 0 60px;
    width: 60px;
    height: 42px;
    border-radius: 6px;
    overflow: hidden;
    background: #0e1526;
}

.gg-thumb-list .gg-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gg-thumb-list .gg-thumb.no {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #3b4a70;
}

.gg-thumb-list .gg-thumb-title {
    font-size: 13px;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.gg-links-list {
    list-style: none;
}

.gg-links-list li {
    display: inline-block;
    margin: 0 8px 6px 0;
}

.gg-links-list a {
    font-size: 13px;
    color: var(--gg-text-light);
    border: 1px solid var(--gg-border);
    padding: 3px 12px;
    border-radius: 20px;
    transition: all 0.2s;
}

.gg-links-list a:hover {
    color: var(--gg-primary);
    border-color: var(--gg-primary);
}

.gg-widget-ad {
    text-align: center;
}

/* ===== 宽屏与吸附 ===== */
body.gg-site-wide .container {
    max-width: 1400px;
}

body.gg-sticky-sidebar .widget-area {
    position: sticky;
    top: 84px;
    align-self: flex-start;
}

/* ===== 亮色模式补充 ===== */
[data-theme="light"] .gg-slide-content h3 {
    color: #fff;
}

[data-theme="light"] .gg-child-cats a {
    background: #fff;
    color: #3a4256;
}

[data-theme="light"] .gg-author-info h4 a {
    color: #1f2637;
}

[data-theme="light"] .gg-ad-block,
[data-theme="light"] .gg-incontent-ad {
    background: #f7f9fc;
}

[data-theme="light"] .gg-thumb-list .gg-thumb {
    background: #eef2f8;
}

[data-theme="light"] #gg-scroll-top {
    background: rgba(255, 255, 255, 0.95);
    color: var(--gg-primary);
}

[data-theme="light"] .gg-thumb-list a,
[data-theme="light"] .gg-links-list a {
    color: #3a4256;
}

/* ===================== 语义化 / 图标 / 新增布局 ===================== */

/* 图标基础 */
.gg-icon {
    width: 1em;
    height: 1em;
    display: inline-block;
    vertical-align: -0.125em;
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* 品牌实心图标（社交分享等） */
.gg-icon-brand {
    fill: currentColor;
    stroke: none;
}

/* 无障碍：隐藏文本 / 跳转链接 */
.screen-reader-text {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.skip-link {
    position: absolute;
    left: -9999px;
    top: 0;
    z-index: 100000;
    padding: 10px 16px;
    background: var(--gg-primary);
    color: #fff;
    border-radius: 0 0 8px 0;
}
.skip-link:focus {
    left: 0;
}

/* 站点标题改为 p 标签 */
.site-title {
    margin: 0;
    font-size: 1.5rem;
    font-weight: 800;
}
.site-title a {
    font-family: var(--gg-font);
    background: var(--gg-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5rem;
    letter-spacing: 1px;
}
[data-theme="light"] .site-title a {
    -webkit-text-fill-color: #1f2637;
    color: #1f2637;
}

/* header 内图标按钮 */
.dark-toggle,
.search-submit,
.btn,
.pagination .nav-links a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.dark-toggle .icon-light {
    display: none;
}
[data-theme="dark"] .dark-toggle .icon-dark {
    display: none;
}
[data-theme="dark"] .dark-toggle .icon-light {
    display: inline-flex;
}

/* entry-meta / card-meta 改为 ul li */
.entry-meta {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 18px;
}
.gg-card-meta {
    list-style: none;
    margin: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 4px 18px;
    overflow: hidden;
}
.entry-meta li,
.gg-card-meta li {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    min-width: 0;
}
.gg-card-meta .gg-meta-cat {
    flex-shrink: 1;
}
.gg-card-meta .gg-meta-cat a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.gg-card-meta .gg-meta-views {
    flex-shrink: 0;
}
.entry-meta a,
.gg-card-meta a {
    color: var(--gg-primary);
}
.entry-meta .gg-icon,
.gg-card-meta .gg-icon {
    font-size: 13px;
    color: #5d6a88;
}
[data-theme="light"] .entry-meta .gg-icon,
[data-theme="light"] .gg-card-meta .gg-icon {
    color: #6a7590;
}

/* entry-tags 改为 ul */
.entry-tags {
    list-style: none;
    margin: 20px 0 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}
.entry-tags li {
    display: inline-flex;
    align-items: center;
}
.entry-tags .gg-tags-label {
    color: #9aa4bd;
    font-size: 12px;
}

/* 文章列表标题（原 h3 -> h2） */
.gg-post-title {
    font-size: 17px;
    line-height: 1.45;
    margin-bottom: 10px;
}
.gg-post-title a {
    color: #e6ecf7;
}
.gg-post-title a:hover {
    color: var(--gg-primary);
}
[data-theme="light"] .gg-post-title a {
    color: #1f2637;
}
[data-theme="light"] .gg-post-title a:hover {
    color: #0b8aa8;
}

/* 归档页标题 h1 */
.archive-title {
    font-size: 20px;
    color: #e8edf7;
    letter-spacing: 0.5px;
    line-height: 1.3;
    display: flex;
    align-items: center;
    gap: 8px;
}
.archive-title .gg-icon {
    font-size: 18px;
    color: var(--gg-primary);
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.45));
}
.search-keyword {
    color: var(--gg-primary);
}

/* 相关攻略 / 目录 标题 h2 */
.gg-related h2 {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 18px;
    color: #e8ecf5;
    margin: 0 0 14px;
}
.gg-related h2 .gg-icon {
    font-size: 17px;
    color: var(--gg-primary);
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.45));
}
[data-theme="light"] .gg-related h2 {
    color: #1f2637;
}
.gg-toc-title {
    margin-top: 0;
}
.widget-title {
    margin-top: 0;
}

/* 404 */
.gg-404-icon {
    width: 64px;
    height: 64px;
    color: var(--gg-primary);
    opacity: 0.85;
    margin-bottom: 10px;
}
.gg-404-title {
    font-size: 64px;
    line-height: 1;
    margin: 0 0 8px;
    color: var(--gg-primary);
}

/* 表格溢出滚动 */
.gg-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 18px 0;
}
.gg-table-wrap table {
    margin: 0;
    min-width: 100%;
}

/* ===================== 归档新增布局 ===================== */

/* Masonry 瀑布流 */
.gg-masonry {
    columns: 220px 3;
    column-gap: 16px;
}
.gg-masonry .gg-card {
    display: inline-block;
    width: 100%;
    margin: 0 0 16px;
    break-inside: avoid;
}

/* Minimal 简洁列表 */
.gg-minimal-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
.gg-minimal-list li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 4px;
    border-bottom: 1px dashed rgba(124, 92, 255, 0.18);
}
.gg-minimal-list time {
    flex: 0 0 74px;
    font-size: 12px;
    color: #5d6a88;
}
.gg-minimal-title {
    font-size: 16px;
    flex: 1;
    min-width: 0;
    margin: 0;
}
.gg-minimal-title a {
    color: #e6ecf7;
}
.gg-minimal-title a:hover {
    color: var(--gg-primary);
}
.gg-minimal-cat a {
    font-size: 12px;
    color: var(--gg-primary);
    background: rgba(0, 212, 255, 0.1);
    padding: 1px 8px;
    border-radius: 4px;
    white-space: nowrap;
}
[data-theme="light"] .gg-minimal-title a {
    color: #1f2637;
}
[data-theme="light"] .gg-minimal-title a:hover {
    color: #0b8aa8;
}

/* Magazine 杂志式 */
.gg-magazine {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.gg-mag-feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border: 1px solid var(--gg-border);
    border-radius: 12px;
    overflow: hidden;
    background: var(--gg-card);
}
.gg-mag-thumb {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    border: 1px solid rgba(124, 92, 255, 0.2);
}
.gg-mag-thumb img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
}
.gg-mag-title {
    font-size: 22px;
    line-height: 1.35;
    margin: 10px 0 8px;
}
.gg-mag-title a {
    color: #eef2fa;
}
.gg-mag-title a:hover {
    color: var(--gg-primary);
}
.gg-mag-info .excerpt {
    color: #9aa4bd;
    font-size: 14px;
    margin-bottom: 10px;
}
[data-theme="light"] .gg-mag-feature {
    background: #fff;
}
[data-theme="light"] .gg-mag-title a {
    color: #1f2637;
}
[data-theme="light"] .gg-mag-title a:hover {
    color: #0b8aa8;
}

/* 防止整体横向溢出 */
html,
body {
    overflow-x: hidden;
}
body {
    overflow-wrap: break-word;
}

/* ===================== 响应式补充 ===================== */
@media (max-width: 1024px) {
    .gg-masonry {
        columns: 2;
    }
}

@media (max-width: 900px) {
    .gg-mag-feature {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .gg-masonry {
        columns: 1;
    }
    .gg-minimal-list li {
        flex-wrap: wrap;
        gap: 6px 10px;
    }
    .gg-minimal-list time {
        flex: auto;
    }
}

@media (max-width: 480px) {
    .header-inner {
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px 0;
    }
    .site-description {
        display: none;
    }
    body {
        font-size: 14px;
    }
    .gg-slider {
        height: 240px;
    }
    .entry-content {
        font-size: 15px;
    }
    .gg-author-box {
        flex-direction: column;
        text-align: center;
    }
    .gg-post-item {
        padding: 12px;
    }
    .gg-404-title {
        font-size: 48px;
    }
}

/* 打印 */
@media print {
    .site-header,
    .site-footer,
    .widget-area,
    .gg-post-nav,
    .gg-related,
    .gg-breadcrumb,
    .gg-rating {
        display: none;
    }
}

/* 正文 tag 内联链接：hover 保持可读（浅色模式下全局 a:hover 为白色会与白底同色） */
.entry-content a.gg-tag-link:hover {
    text-shadow: none;
    text-decoration: underline;
}
[data-theme="light"] .entry-content a.gg-tag-link:hover {
    color: var(--gg-primary);
}

/* ===== 分类/标签归档描述（taxonomy-description）===== */
.taxonomy-description {
    background: rgba(18, 26, 46, 0.7);
    border: 1px solid var(--gg-border);
    border-left: 3px solid var(--gg-primary);
    border-radius: 8px;
    padding: 12px 16px;
    margin: 0 0 16px;
    color: var(--gg-text-light);
    font-size: 13px;
    line-height: 1.7;
}
[data-theme="light"] .taxonomy-description {
    background: #f7f9fc;
    border-color: #e2e8f2;
    color: #3a4256;
}

/* ===== 页脚小工具：修复浅色模式下白底与 #050810 冲突 + 左右间距 ===== */
.footer-widgets .widget {
    padding: 2px 10px 10px;
}
[data-theme="light"] .footer-widgets .widget {
    background: none;
    border: none;
    box-shadow: none;
}

/* 友情链接胶囊在深色 colophon 上增加轻微底衬，避免与浅色背景割裂 */
.gg-links-list a {
    background: rgba(255, 255, 255, 0.05);
}
[data-theme="light"] .gg-links-list a {
    background: #eef2f8;
}

/* ===== 侧边栏吸附 ===== */
body.gg-sticky-sidebar .widget-area {
    position: sticky;
    top: 84px;
    align-self: flex-start;
}
@media (max-width: 992px) {
    body.gg-sticky-sidebar .widget-area {
        position: static;
        top: auto;
        align-self: auto;
    }
}

/* ===== 侧边栏小工具：随机文章（标题/时间同行）、最新攻略（带缩略图）===== */
.widget ul li.gg-widget-line {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}
.widget ul li.gg-widget-line a {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widget ul li.gg-widget-line .post-date {
    flex: none;
    display: inline-block;
    font-size: 12px;
    color: #5d6a88;
}
.gg-widget-entry {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.gg-widget-entry .gg-widget-entry-thumb {
    flex: 0 0 60px;
    width: 60px;
    height: 42px;
    border-radius: 6px;
    overflow: hidden;
    background: #0e1526;
}
.gg-widget-entry .gg-widget-entry-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.gg-widget-entry .gg-widget-entry-thumb .gg-thumb.no {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    color: #3b4a70;
}
.gg-widget-entry-info {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.gg-widget-entry-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    color: var(--gg-text);
}
.gg-widget-entry-title:hover {
    color: var(--gg-primary);
}
.gg-widget-entry-info .post-date {
    display: block;
    font-size: 12px;
    color: #5d6a88;
}