/**
 * Archives / daily update page — xdgame-style layout for 2gyx-child.
 * Scoped under .jianku-archives-page to avoid affecting other templates.
 */
.jianku-archives-page {
    --up-accent: #5b8def;
    --up-accent-2: #7ea6f5;
    --up-radius: 16px;
    --up-card-bg: #fff;
    --up-row-border: #f0f2f5;
    --up-row-hover: #f7f9fc;
    --up-tag-bg: #eef3fd;
    --up-title: #2b323d;
    --up-muted: #9aa3b0;
    --up-tab-bg: #f4f6f9;
    --up-tab-text: #5a6572;
}

.ripro-dark .jianku-archives-page,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page {
    --up-card-bg: #292a2d;
    --up-row-border: #3a3d42;
    --up-row-hover: #323438;
    --up-tag-bg: #2a3a4d;
    --up-title: #d4d8de;
    --up-muted: #9aa3b0;
    --up-tab-bg: #323335;
    --up-tab-text: #c0c4cc;
}

/* Hide default term-bar; this page uses its own hero */
body.page-template-pages-archives-php .term-bar,
body.page-archives .term-bar {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.page-template-pages-archives-php .site-content,
body.page-archives .site-content {
    padding-top: 0;
}

body.page-template-pages-archives-php .article-content.archives-page-content,
body.page-archives .article-content.archives-page-content {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Hero */
.jianku-archives-page .update-header {
    position: relative;
    width: 100%;
    min-height: 260px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(125deg, #0b0f16 0%, #171a20 45%, #20242c 70%, #0f1218 100%);
}

.jianku-archives-page .update-header:before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(80% 120% at 15% 10%, rgba(91, 141, 239, .32), transparent 55%),
        radial-gradient(70% 110% at 88% 20%, rgba(126, 166, 245, .26), transparent 55%),
        radial-gradient(90% 130% at 60% 120%, rgba(123, 80, 255, .20), transparent 60%);
    animation: jiankuUpHeroGlow 14s ease-in-out infinite;
}

@keyframes jiankuUpHeroGlow {
    0% { transform: translate3d(0, 0, 0) scale(1); opacity: .9; }
    50% { transform: translate3d(2.5%, -2%, 0) scale(1.08); opacity: 1; }
    100% { transform: translate3d(0, 0, 0) scale(1); opacity: .9; }
}

@media (prefers-reduced-motion: reduce) {
    .jianku-archives-page .update-header:before {
        animation: none;
    }
}

.jianku-archives-page .update-header:after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(120% 100% at 50% 0, #000, transparent 75%);
    mask-image: radial-gradient(120% 100% at 50% 0, #000, transparent 75%);
}

.jianku-archives-page .update-header-mask {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(8, 10, 16, .05), rgba(8, 10, 16, .55));
}

.jianku-archives-page .update-header-inner {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 0 20px;
    max-width: 1000px;
}

.jianku-archives-page .update-header-title {
    color: #fff;
    font-size: 36px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.2;
    text-shadow: 0 6px 24px rgba(0, 0, 0, .5);
    margin: 0;
}

.jianku-archives-page .update-header-title i {
    font-size: 32px;
    background: linear-gradient(135deg, var(--up-accent-2), var(--up-accent));
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 8px;
}

.jianku-archives-page .update-header-desc {
    color: rgba(255, 255, 255, .82);
    font-size: 15px;
    line-height: 1.7;
    margin: 12px 0 0;
}

/* Main card */
.jianku-archives-page .update-main {
    margin-top: -48px;
    position: relative;
    z-index: 3;
    padding-bottom: 40px;
}

.jianku-archives-page .update-main > .container {
    background: transparent;
}

.jianku-archives-page .left.update {
    width: 100%;
    background: var(--up-card-bg);
    border-radius: 20px;
    box-sizing: border-box;
    padding: 10px 22px;
    box-shadow: 0 20px 50px -24px rgba(15, 30, 60, .35);
}

.ripro-dark .jianku-archives-page .left.update,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update {
    box-shadow: none;
}

/* Tabs */
.jianku-archives-page .update-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 14px 8px 16px;
    margin-bottom: 6px;
    border-bottom: 1px solid var(--up-row-border);
}

.jianku-archives-page .update-tabs .tab-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 20px;
    font-size: 14px;
    font-weight: 600;
    color: var(--up-tab-text);
    background: var(--up-tab-bg);
    border-radius: 999px;
    text-decoration: none;
    transition: all .25s;
    white-space: nowrap;
}

.jianku-archives-page .update-tabs .tab-btn:hover {
    color: var(--up-accent);
    background: var(--up-tag-bg);
    transform: translateY(-1px);
    text-decoration: none;
}

.jianku-archives-page .update-tabs .tab-btn.hover {
    color: #fff;
    background: linear-gradient(135deg, var(--up-accent), var(--up-accent-2));
    box-shadow: 0 4px 10px -4px rgba(91, 141, 239, .35);
}

/* List rows */
.jianku-archives-page .left.update > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.jianku-archives-page .left.update > ul li {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 0;
    padding: 8px;
    border-bottom: 1px solid var(--up-row-border);
    line-height: 1.4;
    position: relative;
    transition: background .25s, padding-left .25s;
}

.jianku-archives-page .left.update > ul li:last-child {
    border-bottom: 0;
}

.jianku-archives-page .left.update > ul li:hover {
    background: var(--up-row-hover);
    padding-left: 16px;
}

.jianku-archives-page .left.update > ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: var(--up-accent);
    border-radius: 0 3px 3px 0;
    transition: height .25s;
}

.jianku-archives-page .left.update > ul li:hover:before {
    height: 60%;
}

.jianku-archives-page .left.update > ul li .up-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 8px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    font-style: normal;
    white-space: nowrap;
    color: #fff !important;
    border-radius: 6px;
    letter-spacing: .5px;
}

.jianku-archives-page .left.update > ul li .up-badge.is-new {
    background: linear-gradient(135deg, #ff4d6d, #e60039);
}

.jianku-archives-page .left.update > ul li .up-badge.is-update {
    background: linear-gradient(135deg, #ffa53d, #ff7a18);
}

.jianku-archives-page .left.update > ul li span {
    flex-shrink: 0;
    border: 0;
    background: var(--up-tag-bg);
    color: var(--up-accent);
    border-radius: 8px;
    padding: 5px 11px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    min-width: 66px;
    text-align: center;
}

.ripro-dark .jianku-archives-page .left.update > ul li span,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul li span {
    color: #8bb0f7;
}

.jianku-archives-page .left.update > ul li .tit {
    flex: 1;
    min-width: 0;
    font-size: 15px;
    color: var(--up-title);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: color .25s;
    text-decoration: none;
}

.jianku-archives-page .left.update > ul li:hover .tit {
    color: var(--up-accent);
}

.jianku-archives-page .left.update > ul li time {
    flex-shrink: 0;
    color: var(--up-muted);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
}

.jianku-archives-page .left.update > ul li .link {
    flex-shrink: 0;
    background: var(--up-tag-bg);
    color: var(--up-accent);
    padding: 6px 16px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    text-decoration: none;
    transition: all .25s;
}

.jianku-archives-page .left.update > ul li:hover .link {
    background: var(--up-accent);
    color: #fff;
    box-shadow: 0 4px 10px -4px rgba(91, 141, 239, .35);
}

.ripro-dark .jianku-archives-page .left.update > ul li:hover .link,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul li:hover .link {
    background: #3a6db5;
}

.jianku-archives-page .left.update > ul li.archives-empty .tit {
    color: var(--up-muted);
}

/* Tab panels — instant switch without page reload */
.jianku-archives-page .left.update > ul.tab-panel {
    display: none !important;
    margin: 0;
}

.jianku-archives-page .left.update > ul.tab-panel.ing {
    display: block !important;
}

.jianku-archives-page .jianku-archives-pagination {
    display: none !important;
}

.jianku-archives-page .jianku-archives-pagination.ing {
    display: block !important;
}

.jianku-archives-page .update-tabs .tab-btn {
    cursor: pointer;
}

.jianku-archives-page .left.update > ul.ranklist li .rk {
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    font-style: normal;
    color: var(--up-muted);
    background: #f2f4f7;
    border-radius: 8px;
}

/* 排行榜前 10 名：各名次独立配色（提高优先级，避免深色模式覆盖） */
.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-1,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-1,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-1 {
    background: linear-gradient(135deg, #ffb43d, #ff8a00) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-2,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-2,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-2 {
    background: linear-gradient(135deg, #d5dde6, #9aa7b8) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-3,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-3,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-3 {
    background: linear-gradient(135deg, #e6a877, #cd7f43) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-4,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-4,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-4 {
    background: linear-gradient(135deg, #b388ff, #7c4dff) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-5,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-5,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-5 {
    background: linear-gradient(135deg, #64b5f6, #1e88e5) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-6,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-6,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-6 {
    background: linear-gradient(135deg, #4dd0e1, #00acc1) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-7,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-7,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-7 {
    background: linear-gradient(135deg, #81c784, #43a047) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-8,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-8,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-8 {
    background: linear-gradient(135deg, #ff8a65, #f4511e) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-9,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-9,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-9 {
    background: linear-gradient(135deg, #f06292, #e91e63) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-10,
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-10,
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk.rk-top.rk-10 {
    background: linear-gradient(135deg, #9575cd, #5e35b1) !important;
    color: #fff !important;
}

.jianku-archives-page .left.update > ul.ranklist li time.num {
    color: var(--up-accent);
    font-weight: 600;
}

/* 第 11 名及以后：深色模式保持灰色 */
.ripro-dark .jianku-archives-page .left.update > ul.ranklist li .rk:not(.rk-top),
.jianku-zibll-ui.ripro-dark:not(.jianku-zibll-light) .jianku-archives-page .left.update > ul.ranklist li .rk:not(.rk-top) {
    background: #3a3d42;
    color: #c0c4cc;
}

/* Pagination */
.jianku-archives-page .jianku-archives-pagination {
    margin-top: 24px;
    text-align: center;
    padding-bottom: 10px;
}

.jianku-archives-page .jianku-archives-pagination .page-numbers {
    border-color: var(--up-accent);
    color: var(--up-accent);
}

.jianku-archives-page .jianku-archives-pagination .page-numbers.current {
    background: var(--up-accent);
    border-color: var(--up-accent);
    color: #fff;
}

/* Responsive */
@media screen and (max-width: 800px) {
    .jianku-archives-page .update-header {
        min-height: 11rem;
        padding-top: 5rem;
        padding-bottom: 2rem;
        box-sizing: border-box;
    }

    .jianku-archives-page .update-header-title {
        font-size: 1.5rem;
    }

    .jianku-archives-page .update-header-title i {
        font-size: 1.3rem;
    }

    .jianku-archives-page .update-header-desc {
        font-size: .85rem;
        margin-top: 8px;
    }

    .jianku-archives-page .update-main {
        margin-top: 12px;
    }

    .jianku-archives-page .left.update {
        padding: 6px 14px;
        border-radius: 16px;
    }

    .jianku-archives-page .update-tabs {
        gap: 8px;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 12px 6px 14px;
    }

    .jianku-archives-page .update-tabs::-webkit-scrollbar {
        height: 0;
    }

    .jianku-archives-page .update-tabs .tab-btn {
        padding: 8px 15px;
        font-size: 13px;
    }

    .jianku-archives-page .left.update > ul li {
        flex-wrap: wrap;
        gap: 4px 8px;
        padding: 9px 6px;
    }

    .jianku-archives-page .left.update > ul li span {
        order: 1;
        min-width: 0;
        padding: 3px 8px;
        font-size: 11px;
    }

    .jianku-archives-page .left.update > ul li .tit {
        order: 2;
        flex: 1;
        min-width: 0;
        font-size: 14px;
        line-height: 20px;
    }

    .jianku-archives-page .left.update > ul li time {
        order: 3;
        font-size: 12px;
    }

    .jianku-archives-page .left.update > ul li .link {
        display: none;
    }

    .jianku-archives-page .left.update > ul.ranklist li .rk {
        order: 0;
    }
}