/* ========== 全局重置 & 基础样式 ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
        }

        body {
            background-color: #f5f7fa;
            font-family: "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            line-height: 1.5;
        }

        /* ---------- 序号1：头部区域（全宽背景） ---------- */
        .full-width-bg {
            width: 100%;
            background: #ffffff;
        }
        .content-max-width {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-notice {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 14px;
            color: #555;
            border-bottom: 1px solid #eeeeee;
            flex-wrap: wrap;
            gap: 12px;
        }
        .top-notice a {
            color: #555;
            transition: 0.2s;
        }
        .top-notice a:hover {
            color: #2277dd;
        }
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 28px 0;
            gap: 20px;
            flex-wrap: wrap;
        }
        .logo-box {
            width: 190px;
            flex-shrink: 0;
        }
        .logo-placeholder {
            border: 1px dashed #999;
            text-align: center;
            padding: 40px 5px;
            color: #666;
            background: #fafafa;
            border-radius: 8px;
            font-size: 14px;
        }
        .slogan-wrap {
            position: relative;
            text-align: center;
        }
        .slogan-text {
            font-family: "KaiTi", "STKaiti", cursive;
            font-size: 38px;
            font-style: italic;
            color: #222;
            transform: rotate(-2deg);
            white-space: nowrap;
        }
        .slogan-wrap::after {
            content: "";
            position: absolute;
            left: 8%;
            bottom: -12px;
            width: 84%;
            height: 2px;
            background: #333;
            border-radius: 100%;
        }
        .search-full-box {
            display: flex;
            align-items: center;
            border: 1px solid #e2e2e2;
            border-radius: 9999px;
            width: 380px;
            height: 48px;
            background: #f6f6f6;
            overflow: hidden;
            flex-shrink: 0;
        }
        .search-select {
            height: 100%;
            padding: 0 12px;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #555;
            outline: none;
            cursor: pointer;
            border-right: 1px solid #ddd;
        }
        .search-input {
            flex: 1;
            height: 100%;
            padding: 0 14px;
            border: none;
            outline: none;
            background: transparent;
            font-size: 16px;
        }
        .search-btn {
            width: 50px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
            color: #777;
            transition: 0.2s;
        }
        .search-btn:hover {
            color: #0066cc;
        }
        @media (max-width: 800px) {
            .slogan-text { font-size: 28px; white-space: normal; }
            .search-full-box { width: 100%; }
        }

        /* ---------- 序号2：导航栏（吸顶 + 二级菜单） ---------- */
        .nav-sticky-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #fdfdfd;
            border-bottom: 1px solid #eee;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .nav-wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-nav {
            display: flex;
            flex-wrap: wrap;
            background-color: #fdfdfd;
            position: relative;
            gap: 4px 0;
        }
        .top-nav > li {
            position: relative;
            padding: 14px 18px;
            font-size: 15.5px;
            color: #222;
            cursor: pointer;
            transition: all 0.25s ease;
        }
        .top-nav > li a {
            color: inherit;
            display: inline-block;
        }
        .top-nav > li:hover {
            color: #2277dd;
        }
        .top-nav > li.active {
            color: #2277dd;
        }
        .top-nav > li.active::after,
        .top-nav > li:hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 32px;
            height: 3px;
            background-color: #2277dd;
        }
        .submenu {
            position: absolute;
            top: calc(100% - 2px);
            left: 0;
            width: 160px;
            background: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 8px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.15);
            display: none;
            padding: 8px 0;
            z-index: 1002;
        }
        .submenu li {
            padding: 10px 20px;
            font-size: 14px;
            color: #333;
            transition: 0.2s;
            cursor: pointer;
            white-space: nowrap;
        }
        .submenu li a {
            color: inherit;
            display: block;
        }
        .submenu li:hover {
            background-color: #eef5ff;
            color: #2277dd;
            padding-left: 26px;
        }
        .top-nav > li:hover .submenu {
            display: block;
        }

        /* ---------- 序号3：搜索列表页（左右两栏） ---------- */
        .wrap {
            max-width: 1220px;
            margin: 30px auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 840px 340px;
            gap: 30px;
            align-items: start;
        }
        /* 左侧列表 */
        .left-list {
            background: #fff;
            border-radius: 14px;
            padding: 28px;
            box-shadow: 0 3px 15px rgba(0,0,0,0.04);
        }
        .search-tip {
            font-size: 15px;
            color: #333333;
            margin-bottom: 22px;
            padding-bottom: 14px;
            border-bottom: 1px solid #e5e7eb;
            font-weight: 500;
        }
        .item-row {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 18px 16px;
            margin-bottom: 12px;
            background-color: #f9fafb;
            border-radius: 10px;
            transition: 0.24s ease;
        }
        .item-row:hover {
            background-color: #eff6ff;
            transform: translateX(4px);
        }
        .item-info h3 {
            font-size: 17px;
            color: #000000;
            margin-bottom: 7px;
            font-weight: 500;
        }
        .item-meta {
            font-size: 13px;
            color: #444444;
        }
        .view-btn {
            padding: 8px 20px;
            background-color: #2563eb;
            color: #ffffff;
            border-radius: 8px;
            text-decoration: none;
            font-size: 13px;
            border: none;
            transition: all 0.22s ease;
            box-shadow: 0 2px 8px rgba(37, 99, 235, 0.22);
            cursor: pointer;
            display: inline-block;
        }
        .view-btn:hover {
            background-color: #1d4ed8;
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.32);
            transform: translateY(-2px);
        }
        /* 分页 */
        .pagination {
            margin-top: 35px;
            text-align: center;
        }
        .pagination a, .pagination span {
            display: inline-block;
            padding: 8px 16px;
            border: 1px solid #dee2e6;
            text-decoration: none;
            font-size: 14px;
            margin: 0 5px;
            border-radius: 6px;
            color: #333333;
            transition: 0.2s;
            background: #fff;
            cursor: pointer;
        }
        .pagination span.active {
            background: #2563eb;
            color: #fff;
            border-color: #2563eb;
        }
        .pagination a:hover {
            background: #eff6ff;
            border-color: #2563eb;
            color: #2563eb;
        }
        /* 右侧侧边栏 */
        .right-sidebar {
            display: flex;
            flex-direction: column;
            gap: 22px;
        }
        .side-block {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }
        .block-title {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin-bottom: 16px;
            padding-left: 10px;
            border-left: 4px solid #2563eb;
        }
        .rank-list li {
            display: flex;
            align-items: center;
            margin-bottom: 11px;
            font-size: 14px;
        }
        .rank-num {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 22px;
            font-size: 12px;
            flex-shrink: 0;
            margin-right: 10px;
        }
        .rank-num.top1 { background: #ef4444; }
        .rank-num.top2 { background: #fb923c; }
        .rank-num.top3 { background: #facc15; color: #222; }
        .rank-num.other { background: #cbd5e1; color: #333; }
        .rank-list a {
            color: #444;
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: 0.2s;
        }
        .rank-list a:hover {
            color: #2563eb;
        }

        /* ---------- 序号4：页脚 ---------- */
        .footer-full-bg {
            width: 100%;
            background: #2c2c2c;
            padding: 30px 0 20px;
            margin-top: 40px;
        }
        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 30px;
            color: #bbbbbb;
            font-size: 14px;
        }
        .footer-logo {
            width: 150px;
            margin-bottom: 14px;
        }
        .logo-demo {
            border: 1px dashed #555;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
        }
        .footer-top-links {
            text-align: right;
            margin-bottom: 20px;
        }
        .footer-right-links {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .footer-right-links a {
            color: #ccc;
            transition: 0.2s;
        }
        .footer-right-links a:hover {
            color: #509fff;
        }
        .split-line {
            color: #555;
        }
        .mail-icon-box {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #3d3d3d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            cursor: pointer;
            transition: 0.2s;
        }
        .mail-icon-box:hover {
            background: #4e4e4e;
        }
        .link-box {
            background: #383838;
            padding: 14px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .friend-link-title {
            font-size: 14px;
            color: #eee;
            margin-right: 14px;
            border-right: 1px solid #555;
            padding-right: 14px;
            display: inline-block;
        }
        .link-wrap {
            display: inline;
        }
        .link-wrap a {
            color: #ccc;
            display: inline-block;
            margin: 0 8px 6px 0;
            font-size: 13px;
            transition: 0.2s;
        }
        .link-wrap a:hover {
            color: #509fff;
        }
        .copyright-text {
            text-align: center;
            font-size: 12px;
            color: #919191;
            line-height: 1.6;
        }
        @media (max-width: 1000px) {
            .wrap {
                grid-template-columns: 1fr;
                gap: 24px;
            }
        }
        @media (max-width: 700px) {
            .footer-top-links { text-align: center; }
            .footer-right-links { justify-content: center; }
        }
    


        /* ========== 全局重置 & 基础样式 ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
        }

        body {
            background-color: #f5f7fa;
            font-family: "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            line-height: 1.5;
        }

        /* ---------- 序号1：头部区域（全宽背景） ---------- */
        .full-width-bg {
            width: 100%;
            background: #ffffff;
        }
        .content-max-width {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-notice {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 14px;
            color: #555;
            border-bottom: 1px solid #eeeeee;
            flex-wrap: wrap;
            gap: 12px;
        }
        .top-notice a {
            color: #555;
            transition: 0.2s;
        }
        .top-notice a:hover {
            color: #2277dd;
        }
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 28px 0;
            gap: 20px;
            flex-wrap: wrap;
        }
        .logo-box {
            width: 190px;
            flex-shrink: 0;
        }
        .logo-placeholder {
            border: 1px dashed #999;
            text-align: center;
            padding: 40px 5px;
            color: #666;
            background: #fafafa;
            border-radius: 8px;
            font-size: 14px;
        }
        .slogan-wrap {
            position: relative;
            text-align: center;
        }
        .slogan-text {
            font-family: "KaiTi", "STKaiti", cursive;
            font-size: 38px;
            font-style: italic;
            color: #222;
            transform: rotate(-2deg);
            white-space: nowrap;
        }
        .slogan-wrap::after {
            content: "";
            position: absolute;
            left: 8%;
            bottom: -12px;
            width: 84%;
            height: 2px;
            background: #333;
            border-radius: 100%;
        }
        .search-full-box {
            display: flex;
            align-items: center;
            border: 1px solid #e2e2e2;
            border-radius: 9999px;
            width: 380px;
            height: 48px;
            background: #f6f6f6;
            overflow: hidden;
            flex-shrink: 0;
        }
        .search-select {
            height: 100%;
            padding: 0 12px;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #555;
            outline: none;
            cursor: pointer;
            border-right: 1px solid #ddd;
        }
        .search-input {
            flex: 1;
            height: 100%;
            padding: 0 14px;
            border: none;
            outline: none;
            background: transparent;
            font-size: 16px;
        }
        .search-btn {
            width: 50px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
            color: #777;
            transition: 0.2s;
        }
        .search-btn:hover {
            color: #0066cc;
        }
        @media (max-width: 800px) {
            .slogan-text { font-size: 28px; white-space: normal; }
            .search-full-box { width: 100%; }
        }

        /* ---------- 序号2：导航栏（吸顶 + 二级菜单） ---------- */
        .nav-sticky-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #fdfdfd;
            border-bottom: 1px solid #eee;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .nav-wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-nav {
            display: flex;
            flex-wrap: wrap;
            background-color: #fdfdfd;
            position: relative;
            gap: 4px 0;
        }
        .top-nav > li {
            position: relative;
            padding: 14px 18px;
            font-size: 15.5px;
            color: #222;
            cursor: pointer;
            transition: all 0.25s ease;
        }
        .top-nav > li a {
            color: inherit;
            display: inline-block;
        }
        .top-nav > li:hover {
            color: #2277dd;
        }
        .top-nav > li.active {
            color: #2277dd;
        }
        .top-nav > li.active::after,
        .top-nav > li:hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 32px;
            height: 3px;
            background-color: #2277dd;
        }
        .submenu {
            position: absolute;
            top: calc(100% - 2px);
            left: 0;
            width: 160px;
            background: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 8px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.15);
            display: none;
            padding: 8px 0;
            z-index: 1002;
        }
        .submenu li {
            padding: 10px 20px;
            font-size: 14px;
            color: #333;
            transition: 0.2s;
            cursor: pointer;
            white-space: nowrap;
        }
        .submenu li a {
            color: inherit;
            display: block;
        }
        .submenu li:hover {
            background-color: #eef5ff;
            color: #2277dd;
            padding-left: 26px;
        }
        .top-nav > li:hover .submenu {
            display: block;
        }

        /* ---------- 序号3：版权&下载声明单页样式 ---------- */
        .statement-container {
            max-width: 900px;
            margin: 40px auto;
            background: #ffffff;
            padding: 35px;
            border-radius: 12px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        }
        .title-block {
            font-size: 18px;
            font-weight: 600;
            margin: 26px 0 12px;
            color: #111;
        }
        .title-block:first-of-type {
            margin-top: 0;
        }
        .statement-container p {
            font-size: 14px;
            line-height: 1.8;
            color: #222;
            margin-bottom: 10px;
            text-align: justify;
            text-indent: 2em;
        }
        .statement-container ul {
            padding-left: 2.2em;
            margin: 10px 0;
        }
        .statement-container ul li {
            font-size: 14px;
            line-height: 1.8;
            color: #222;
            margin-bottom: 8px;
        }
        .no-indent {
            text-indent: 0;
        }
        .tip-text {
            color: #c0392b;
        }

        /* ---------- 序号4：页脚 ---------- */
        .footer-full-bg {
            width: 100%;
            background: #2c2c2c;
            padding: 30px 0 20px;
            margin-top: 0;
        }
        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 30px;
            color: #bbbbbb;
            font-size: 14px;
        }
        .footer-logo {
            width: 150px;
            margin-bottom: 14px;
        }
        .logo-demo {
            border: 1px dashed #555;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
        }
        .footer-top-links {
            text-align: right;
            margin-bottom: 20px;
        }
        .footer-right-links {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .footer-right-links a {
            color: #ccc;
            transition: 0.2s;
        }
        .footer-right-links a:hover {
            color: #509fff;
        }
        .split-line {
            color: #555;
        }
        .mail-icon-box {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #3d3d3d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            cursor: pointer;
            transition: 0.2s;
        }
        .mail-icon-box:hover {
            background: #4e4e4e;
        }
        .link-box {
            background: #383838;
            padding: 14px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .friend-link-title {
            font-size: 14px;
            color: #eee;
            margin-right: 14px;
            border-right: 1px solid #555;
            padding-right: 14px;
            display: inline-block;
        }
        .link-wrap {
            display: inline;
        }
        .link-wrap a {
            color: #ccc;
            display: inline-block;
            margin: 0 8px 6px 0;
            font-size: 13px;
            transition: 0.2s;
        }
        .link-wrap a:hover {
            color: #509fff;
        }
        .copyright-text {
            text-align: center;
            font-size: 12px;
            color: #919191;
            line-height: 1.6;
        }
        @media (max-width: 700px) {
            .footer-top-links { text-align: center; }
            .footer-right-links { justify-content: center; }
        }
    


        /* ========== 全局重置 & 基础样式 ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
        }

        body {
            background-color: #f5f7fa;
            font-family: "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            line-height: 1.5;
        }

        /* ---------- 序号1：头部区域（全宽背景） ---------- */
        .full-width-bg {
            width: 100%;
            background: #ffffff;
        }
        .content-max-width {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-notice {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 14px;
            color: #555;
            border-bottom: 1px solid #eeeeee;
            flex-wrap: wrap;
            gap: 12px;
        }
        .top-notice a {
            color: #555;
            transition: 0.2s;
        }
        .top-notice a:hover {
            color: #2277dd;
        }
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 28px 0;
            gap: 20px;
            flex-wrap: wrap;
        }
        .logo-box {
            width: 190px;
            flex-shrink: 0;
        }
        .logo-placeholder {
            border: 1px dashed #999;
            text-align: center;
            padding: 40px 5px;
            color: #666;
            background: #fafafa;
            border-radius: 8px;
            font-size: 14px;
        }
        .slogan-wrap {
            position: relative;
            text-align: center;
        }
        .slogan-text {
            font-family: "KaiTi", "STKaiti", cursive;
            font-size: 38px;
            font-style: italic;
            color: #222;
            transform: rotate(-2deg);
            white-space: nowrap;
        }
        .slogan-wrap::after {
            content: "";
            position: absolute;
            left: 8%;
            bottom: -12px;
            width: 84%;
            height: 2px;
            background: #333;
            border-radius: 100%;
        }
        .search-full-box {
            display: flex;
            align-items: center;
            border: 1px solid #e2e2e2;
            border-radius: 9999px;
            width: 380px;
            height: 48px;
            background: #f6f6f6;
            overflow: hidden;
            flex-shrink: 0;
        }
        .search-select {
            height: 100%;
            padding: 0 12px;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #555;
            outline: none;
            cursor: pointer;
            border-right: 1px solid #ddd;
        }
        .search-input {
            flex: 1;
            height: 100%;
            padding: 0 14px;
            border: none;
            outline: none;
            background: transparent;
            font-size: 16px;
        }
        .search-btn {
            width: 50px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
            color: #777;
            transition: 0.2s;
        }
        .search-btn:hover {
            color: #0066cc;
        }
        @media (max-width: 800px) {
            .slogan-text { font-size: 28px; white-space: normal; }
            .search-full-box { width: 100%; }
        }

        /* ---------- 序号2：导航栏（吸顶 + 二级菜单） ---------- */
        .nav-sticky-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #fdfdfd;
            border-bottom: 1px solid #eee;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .nav-wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-nav {
            display: flex;
            flex-wrap: wrap;
            background-color: #fdfdfd;
            position: relative;
            gap: 4px 0;
        }
        .top-nav > li {
            position: relative;
            padding: 14px 18px;
            font-size: 15.5px;
            color: #222;
            cursor: pointer;
            transition: all 0.25s ease;
        }
        .top-nav > li a {
            color: inherit;
            display: inline-block;
        }
        .top-nav > li:hover {
            color: #2277dd;
        }
        .top-nav > li.active {
            color: #2277dd;
        }
        .top-nav > li.active::after,
        .top-nav > li:hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 32px;
            height: 3px;
            background-color: #2277dd;
        }
        .submenu {
            position: absolute;
            top: calc(100% - 2px);
            left: 0;
            width: 160px;
            background: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 8px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.15);
            display: none;
            padding: 8px 0;
            z-index: 1002;
        }
        .submenu li {
            padding: 10px 20px;
            font-size: 14px;
            color: #333;
            transition: 0.2s;
            cursor: pointer;
            white-space: nowrap;
        }
        .submenu li a {
            color: inherit;
            display: block;
        }
        .submenu li:hover {
            background-color: #eef5ff;
            color: #2277dd;
            padding-left: 26px;
        }
        .top-nav > li:hover .submenu {
            display: block;
        }

        /* ---------- 序号3：源码详情页（左右两栏） ---------- */
        .container {
            max-width: 1220px;
            margin: 30px auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 830px 340px;
            gap: 30px;
            align-items: start;
        }
        /* 左侧详情主体 */
        .left-detail {
            background: #ffffff;
            border-radius: 12px;
            padding: 30px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
        }
        .article-title {
            font-size: 26px;
            color: #1f2937;
            margin-bottom: 12px;
            font-weight: 600;
        }
        .article-meta {
            font-size: 14px;
            color: #6b7280;
            padding-bottom: 15px;
            border-bottom: 1px solid #eee;
            margin-bottom: 25px;
        }
        .meta-item {
            margin-right: 18px;
        }
        .mod-title {
            font-size: 18px;
            border-left: 4px solid #2563eb;
            padding-left: 10px;
            margin: 28px 0 16px;
            color: #222;
        }
        .desc-text {
            line-height: 1.7;
            color: #444;
            font-size: 15px;
        }
        .screenshot-box {
            width: 100%;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            margin: 12px 0;
            padding: 8px;
            background: #f9fafb;
        }
        .screenshot-box img {
            width: 100%;
            display: block;
            border-radius: 4px;
        }
        .tutorial-box {
            line-height: 1.7;
            font-size: 15px;
            color: #444;
        }
        .tutorial-box a {
            color: #2563eb;
        }
        .download-btns {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            margin: 25px 0;
        }
        .download-btns a {
            padding: 10px 24px;
            background-color: #3b82f6;
            color: #fff;
            border-radius: 8px;
            transition: 0.2s ease;
        }
        .download-btns a:hover {
            background-color: #2563eb;
            transform: translateY(-2px);
            box-shadow: 0 4px 10px rgba(59,130,246,0.25);
        }
        .disclaimer {
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 20px;
            margin-top: 20px;
            color: #555;
            font-size: 14px;
            line-height: 1.7;
        }
        .like-bar {
            display: flex;
            gap: 20px;
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }
        .like-btn {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 16px;
            border: 1px solid #ddd;
            border-radius: 20px;
            font-size: 14px;
            cursor: pointer;
        }
        /* 右侧侧边栏通用 */
        .right-sidebar {
            display: flex;
            flex-direction: column;
            gap: 22px;
        }
        .side-block {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }
        .block-title {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin-bottom: 16px;
            padding-left: 10px;
            border-left: 4px solid #2563eb;
        }
        .rank-list li {
            display: flex;
            align-items: center;
            margin-bottom: 11px;
            font-size: 14px;
        }
        .rank-num {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 22px;
            font-size: 12px;
            flex-shrink: 0;
            margin-right: 10px;
        }
        .rank-num.top1 { background: #ef4444; }
        .rank-num.top2 { background: #fb923c; }
        .rank-num.top3 { background: #facc15; color: #222; }
        .rank-num.other { background: #cbd5e1; color: #333; }
        .rank-list a {
            color: #444;
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: 0.2s;
        }
        .rank-list a:hover {
            color: #2563eb;
        }

        /* ---------- 序号4：页脚 ---------- */
        .footer-full-bg {
            width: 100%;
            background: #2c2c2c;
            padding: 30px 0 20px;
            margin-top: 40px;
        }
        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 30px;
            color: #bbbbbb;
            font-size: 14px;
        }
        .footer-logo {
            width: 150px;
            margin-bottom: 14px;
        }
        .logo-demo {
            border: 1px dashed #555;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
        }
        .footer-top-links {
            text-align: right;
            margin-bottom: 20px;
        }
        .footer-right-links {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .footer-right-links a {
            color: #ccc;
            transition: 0.2s;
        }
        .footer-right-links a:hover {
            color: #509fff;
        }
        .split-line {
            color: #555;
        }
        .mail-icon-box {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #3d3d3d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            cursor: pointer;
            transition: 0.2s;
        }
        .mail-icon-box:hover {
            background: #4e4e4e;
        }
        .link-box {
            background: #383838;
            padding: 14px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .friend-link-title {
            font-size: 14px;
            color: #eee;
            margin-right: 14px;
            border-right: 1px solid #555;
            padding-right: 14px;
            display: inline-block;
        }
        .link-wrap {
            display: inline;
        }
        .link-wrap a {
            color: #ccc;
            display: inline-block;
            margin: 0 8px 6px 0;
            font-size: 13px;
            transition: 0.2s;
        }
        .link-wrap a:hover {
            color: #509fff;
        }
        .copyright-text {
            text-align: center;
            font-size: 12px;
            color: #919191;
            line-height: 1.6;
        }
        @media (max-width: 1000px) {
            .container {
                grid-template-columns: 1fr;
                gap: 24px;
            }
        }
        @media (max-width: 700px) {
            .footer-top-links { text-align: center; }
            .footer-right-links { justify-content: center; }
        }
    


        /* ========== 全局重置 & 基础样式 ========== */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
        }

        body {
            background-color: #f5f7fa;
            font-family: "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            line-height: 1.5;
        }

        /* ---------- 序号1：头部区域（全宽背景） ---------- */
        .full-width-bg {
            width: 100%;
            background: #ffffff;
        }
        .content-max-width {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-notice {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 14px;
            color: #555;
            border-bottom: 1px solid #eeeeee;
            flex-wrap: wrap;
            gap: 12px;
        }
        .top-notice a {
            color: #555;
            transition: 0.2s;
        }
        .top-notice a:hover {
            color: #2277dd;
        }
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 28px 0;
            gap: 20px;
            flex-wrap: wrap;
        }
        .logo-box {
            width: 190px;
            flex-shrink: 0;
        }
        .logo-placeholder {
            border: 1px dashed #999;
            text-align: center;
            padding: 40px 5px;
            color: #666;
            background: #fafafa;
            border-radius: 8px;
            font-size: 14px;
        }
        .slogan-wrap {
            position: relative;
            text-align: center;
        }
        .slogan-text {
            font-family: "KaiTi", "STKaiti", cursive;
            font-size: 38px;
            font-style: italic;
            color: #222;
            transform: rotate(-2deg);
            white-space: nowrap;
        }
        .slogan-wrap::after {
            content: "";
            position: absolute;
            left: 8%;
            bottom: -12px;
            width: 84%;
            height: 2px;
            background: #333;
            border-radius: 100%;
        }
        .search-full-box {
            display: flex;
            align-items: center;
            border: 1px solid #e2e2e2;
            border-radius: 9999px;
            width: 380px;
            height: 48px;
            background: #f6f6f6;
            overflow: hidden;
            flex-shrink: 0;
        }
        .search-select {
            height: 100%;
            padding: 0 12px;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #555;
            outline: none;
            cursor: pointer;
            border-right: 1px solid #ddd;
        }
        .search-input {
            flex: 1;
            height: 100%;
            padding: 0 14px;
            border: none;
            outline: none;
            background: transparent;
            font-size: 16px;
        }
        .search-btn {
            width: 50px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
            color: #777;
            transition: 0.2s;
        }
        .search-btn:hover {
            color: #0066cc;
        }
        @media (max-width: 800px) {
            .slogan-text { font-size: 28px; white-space: normal; }
            .search-full-box { width: 100%; }
        }

        /* ---------- 序号2：导航栏（吸顶 + 二级菜单） ---------- */
        .nav-sticky-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #fdfdfd;
            border-bottom: 1px solid #eee;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .nav-wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-nav {
            display: flex;
            flex-wrap: wrap;
            background-color: #fdfdfd;
            position: relative;
            gap: 4px 0;
        }
        .top-nav > li {
            position: relative;
            padding: 14px 18px;
            font-size: 15.5px;
            color: #222;
            cursor: pointer;
            transition: all 0.25s ease;
        }
        .top-nav > li a {
            color: inherit;
            display: inline-block;
        }
        .top-nav > li:hover {
            color: #2277dd;
        }
        .top-nav > li.active {
            color: #2277dd;
        }
        .top-nav > li.active::after,
        .top-nav > li:hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 32px;
            height: 3px;
            background-color: #2277dd;
        }
        .submenu {
            position: absolute;
            top: calc(100% - 2px);
            left: 0;
            width: 160px;
            background: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 8px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.15);
            display: none;
            padding: 8px 0;
            z-index: 1002;
        }
        .submenu li {
            padding: 10px 20px;
            font-size: 14px;
            color: #333;
            transition: 0.2s;
            cursor: pointer;
            white-space: nowrap;
        }
        .submenu li a {
            color: inherit;
            display: block;
        }
        .submenu li:hover {
            background-color: #eef5ff;
            color: #2277dd;
            padding-left: 26px;
        }
        .top-nav > li:hover .submenu {
            display: block;
        }

        /* ---------- 序号3：源码列表页（主体内容） ---------- */
        .wrap {
            max-width: 1220px;
            margin: 30px auto;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 840px 340px;
            gap: 30px;
            align-items: start;
        }
        /* 左侧主列表 */
        .left-main {
            background: #fff;
            border-radius: 12px;
            padding: 25px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }
        .page-location {
            font-size: 14px;
            color: #666;
            margin-bottom: 25px;
            padding-bottom: 12px;
            border-bottom: 1px solid #eee;
        }
        .page-location a {
            color: #2563eb;
        }
        .card-grid {
            display: grid;
            grid-template-columns: repeat(4,1fr);
            gap: 22px;
        }
        .item-card {
            border: 1px solid #eaeaea;
            border-radius: 10px;
            overflow: hidden;
            transition: 0.25s ease;
            position: relative;
        }
        .item-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 6px 18px rgba(37, 99, 235, 0.11);
            border-color: #c9dafc;
        }
        .card-img-box {
            height: 130px;
            overflow: hidden;
            position: relative;
        }
        .card-img-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.3s ease;
        }
        .item-card:hover .card-img-box img {
            transform: scale(1.08);
        }
        .view-btn {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%) scale(0.4);
            padding: 9px 22px;
            background: #2563eb;
            color: #fff;
            border-radius: 30px;
            text-decoration: none;
            font-size: 13px;
            font-weight: 500;
            opacity: 0;
            transition: all 0.28s cubic-bezier(0.25,0.8,0.25,1);
            white-space: nowrap;
            box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
        }
        .view-btn:hover {
            background: #1d4ed8;
        }
        .item-card:hover .view-btn {
            opacity: 1;
            transform: translate(-50%,-50%) scale(1);
        }
        .card-text {
            padding: 12px 10px;
        }
        .card-title {
            font-size: 13.5px;
            color: #2d3748;
            text-align: center;
            line-height: 1.45;
            margin-bottom: 6px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .card-time {
            font-size: 12px;
            color: #888;
            text-align: center;
        }
        .pagination {
            margin-top: 30px;
            text-align: center;
        }
        .pagination a, .pagination span {
            display: inline-block;
            padding: 6px 14px;
            border: 1px solid #ddd;
            text-decoration: none;
            color: #444;
            font-size: 14px;
            margin: 0 3px;
            border-radius: 4px;
        }
        .pagination span.active {
            background: #2563eb;
            color: #fff;
            border-color: #2563eb;
        }
        .pagination a:hover {
            background: #f0f5ff;
            border-color: #2563eb;
            color: #2563eb;
        }

        /* 右侧侧边栏 */
        .right-sidebar {
            display: flex;
            flex-direction: column;
            gap: 22px;
        }
        .side-block {
            background: #fff;
            border-radius: 12px;
            padding: 20px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }
        .block-title {
            font-size: 16px;
            font-weight: 600;
            color: #222;
            margin-bottom: 16px;
            padding-left: 10px;
            border-left: 4px solid #2563eb;
        }
        .classify-group {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
        }
        .classify-group a {
            padding: 7px 16px;
            border-radius: 30px;
            text-decoration: none;
            font-size: 13.5px;
            color: #555;
            background: #f1f5ff;
            transition: 0.22s ease;
        }
        .classify-group a:hover {
            background: linear-gradient(135deg,#2563eb,#4096ff);
            color: #fff;
            box-shadow: 0 3px 8px rgba(37, 99, 235, 0.25);
            transform: translateY(-2px);
        }
        .classify-group a.active {
            background: linear-gradient(135deg,#2563eb,#4096ff);
            color: #fff;
        }
        .rank-list li {
            display: flex;
            align-items: center;
            margin-bottom: 11px;
            font-size: 14px;
        }
        .rank-num {
            width: 22px;
            height: 22px;
            border-radius: 50%;
            color: #fff;
            text-align: center;
            line-height: 22px;
            font-size: 12px;
            flex-shrink: 0;
            margin-right: 10px;
        }
        .rank-num.top1 { background: #ef4444; }
        .rank-num.top2 { background: #fb923c; }
        .rank-num.top3 { background: #facc15; color: #222; }
        .rank-num.other { background: #cbd5e1; color: #333; }
        .rank-list a {
            color: #444;
            flex: 1;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            transition: 0.2s;
        }
        .rank-list a:hover {
            color: #2563eb;
        }

        /* ---------- 序号4：页脚 ---------- */
        .footer-full-bg {
            width: 100%;
            background: #2c2c2c;
            padding: 30px 0 20px;
            margin-top: 40px;
        }
        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 30px;
            color: #bbbbbb;
            font-size: 14px;
        }
        .footer-logo {
            width: 150px;
            margin-bottom: 14px;
        }
        .logo-demo {
            border: 1px dashed #555;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
        }
        .footer-top-links {
            text-align: right;
            margin-bottom: 20px;
        }
        .footer-right-links {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            flex-wrap: wrap;
        }
        .footer-right-links a {
            color: #ccc;
            transition: 0.2s;
        }
        .footer-right-links a:hover {
            color: #509fff;
        }
        .split-line {
            color: #555;
        }
        .mail-icon-box {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #3d3d3d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            cursor: pointer;
            transition: 0.2s;
        }
        .mail-icon-box:hover {
            background: #4e4e4e;
        }
        .link-box {
            background: #383838;
            padding: 14px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .friend-link-title {
            font-size: 14px;
            color: #eee;
            margin-right: 14px;
            border-right: 1px solid #555;
            padding-right: 14px;
            display: inline-block;
        }
        .link-wrap {
            display: inline;
        }
        .link-wrap a {
            color: #ccc;
            display: inline-block;
            margin: 0 8px 6px 0;
            font-size: 13px;
            transition: 0.2s;
        }
        .link-wrap a:hover {
            color: #509fff;
        }
        .copyright-text {
            text-align: center;
            font-size: 12px;
            color: #919191;
            line-height: 1.6;
        }
        @media (max-width: 1000px) {
            .wrap {
                grid-template-columns: 1fr;
                gap: 24px;
            }
        }
        @media (max-width: 700px) {
            .footer-top-links { text-align: center; }
            .footer-right-links { justify-content: center; }
            .card-grid {
                grid-template-columns: repeat(2,1fr);
                gap: 16px;
            }
        }
        @media (max-width: 480px) {
            .card-grid {
                grid-template-columns: 1fr;
            }
        }
    


        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            list-style: none;
            text-decoration: none;
        }
        body {
            background-color: #f4f6f9;
            font-family: "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
            line-height: 1.5;
        }
        html {
            scroll-behavior: smooth;
        }
        .content-max-width {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* ----- 1. 头部全宽背景 ----- */
        .full-width-bg {
            width: 100%;
            background: #ffffff;
        }
        .top-notice {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px 0;
            font-size: 14px;
            color: #555;
            border-bottom: 1px solid #eeeeee;
            flex-wrap: wrap;
            gap: 12px;
        }
        .top-notice a {
            color: #555;
            transition: 0.2s;
        }
        .top-notice a:hover {
            color: #2277dd;
        }
        .header-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 28px 0;
            gap: 20px;
            flex-wrap: wrap;
        }
        .logo-box {
            width: 190px;
            flex-shrink: 0;
        }
        .logo-placeholder {
            border: 1px dashed #999;
            text-align: center;
            padding: 40px 5px;
            color: #666;
            background: #fafafa;
            border-radius: 8px;
            font-size: 14px;
        }
        .slogan-wrap {
            position: relative;
            text-align: center;
        }
        .slogan-text {
            font-family: "KaiTi", "STKaiti", cursive;
            font-size: 38px;
            font-style: italic;
            color: #222;
            transform: rotate(-2deg);
            white-space: nowrap;
        }
        .slogan-wrap::after {
            content: "";
            position: absolute;
            left: 8%;
            bottom: -12px;
            width: 84%;
            height: 2px;
            background: #333;
            border-radius: 100%;
        }
        .search-full-box {
            display: flex;
            align-items: center;
            border: 1px solid #e2e2e2;
            border-radius: 9999px;
            width: 380px;
            height: 48px;
            background: #f6f6f6;
            overflow: hidden;
            flex-shrink: 0;
        }
        .search-select {
            height: 100%;
            padding: 0 12px;
            border: none;
            background: transparent;
            font-size: 14px;
            color: #555;
            outline: none;
            cursor: pointer;
            border-right: 1px solid #ddd;
        }
        .search-input {
            flex: 1;
            height: 100%;
            padding: 0 14px;
            border: none;
            outline: none;
            background: transparent;
            font-size: 16px;
        }
        .search-btn {
            width: 50px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            cursor: pointer;
            color: #777;
            transition: 0.2s;
        }
        .search-btn:hover {
            color: #0066cc;
        }

        /* ----- 2. 导航栏（一级菜单默认激活首页，全部可点）----- */
        .nav-sticky-wrapper {
            position: sticky;
            top: 0;
            z-index: 1000;
            background-color: #fdfdfd;
            border-bottom: 1px solid #eee;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        }
        .nav-wrap {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .top-nav {
            display: flex;
            flex-wrap: wrap;
            background-color: #fdfdfd;
            position: relative;
            gap: 4px 0;
        }
        .top-nav > li {
            position: relative;
            padding: 14px 18px;
            font-size: 15.5px;
            color: #222;
            cursor: pointer;
            transition: all 0.25s ease;
            list-style: none;
        }
        .top-nav > li a {
            color: inherit;
            display: inline-block;
        }
        .top-nav > li:hover {
            color: #2277dd;
        }
        .top-nav > li.active {
            color: #2277dd;
        }
        .top-nav > li.active::after,
        .top-nav > li:hover::after {
            content: "";
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 0;
            width: 32px;
            height: 3px;
            background-color: #2277dd;
        }
        .submenu {
            position: absolute;
            top: calc(100% - 2px);
            left: 0;
            width: 160px;
            background: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 8px;
            box-shadow: 0 8px 18px rgba(0,0,0,0.15);
            display: none;
            padding: 8px 0;
            z-index: 1002;
        }
        .submenu li {
            padding: 10px 20px;
            font-size: 14px;
            color: #333;
            transition: 0.2s;
            cursor: pointer;
            white-space: nowrap;
        }
        .submenu li a {
            color: inherit;
            display: block;
        }
        .submenu li:hover {
            background-color: #eef5ff;
            color: #2277dd;
            padding-left: 26px;
        }
        .top-nav > li:hover .submenu {
            display: block;
        }

        /* ----- 3. 最近更新区域 +20蓝色特效（完整列表）----- */
        .update-layout { margin: 30px auto; }
        .update-container {
            display: grid;
            grid-template-columns: 340px 1fr;
            gap: 28px;
            align-items: stretch;
        }
        .sidebar-card {
            background: #fff;
            border-radius: 16px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        }
        .banner-box {
            width: 100%;
            height: 220px;
            background: linear-gradient(135deg, #4096ff, #7cb3ff);
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-weight: 500;
        }
        .btn-group {
            padding: 20px 20px;
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        .side-btn {
            display: block;
            text-align: center;
            line-height: 48px;
            height: 48px;
            border-radius: 10px;
            font-size: 15px;
            border: 1px solid #4096ff;
            background: #fff;
            color: #4096ff;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        .side-btn.primary {
            background: linear-gradient(90deg, #1677ff, #4096ff);
            color: #fff;
            border: none;
        }
        .side-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 16px rgba(64,128,255,0.25);
            background: #1677ff;
            color: white;
            border-color: #1677ff;
        }
        .side-btn.primary:hover {
            background: linear-gradient(90deg, #0b5ed7, #1677ff);
            box-shadow: 0 8px 18px rgba(22,119,255,0.4);
        }
        .divider-wrap {
            margin: 0 20px;
            height: 1px;
            background: #eee;
            position: relative;
        }
        .divider-text {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            background: #fff;
            padding: 0 12px;
            font-size: 12px;
            color: #888;
        }
        .feature-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            padding: 18px 20px;
            gap: 18px;
        }
        .feature-item {
            display: flex;
            align-items: center;
            gap: 8px;
            font-size: 13px;
        }
        .main-update {
            background: #fff;
            border-radius: 16px;
            padding: 26px 30px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
        }
        .section-header {
            display: flex;
            align-items: baseline;
            gap: 10px;
            font-size: 21px;
            font-weight: 600;
            margin-bottom: 24px;
        }
        .section-header span {
            background: linear-gradient(135deg, #1e88e5, #0b5ed7);
            background-size: 200% 200%;
            animation: blueShimmer 1.8s infinite, bounceSoft 1.2s ease-in-out infinite;
            display: inline-block;
            padding: 3px 12px;
            border-radius: 40px;
            font-size: 15px;
            font-weight: bold;
            color: white;
            box-shadow: 0 2px 8px rgba(30,136,229,0.4);
        }
        @keyframes blueShimmer {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }
        @keyframes bounceSoft {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-3px); }
        }
        .list-row {
            display: grid;
            grid-template-columns: 1fr 90px 1fr 90px;
            align-items: center;
            padding: 10px 6px;
            border-bottom: 1px solid #f2f4f7;
        }
        .text-link {
            font-size: 14px;
            color: #2d3748;
            transition: 0.2s;
        }
        .text-link:hover { color: #1677ff; }
        .tag-promo {
            background: #fff2e8;
            color: #fa8c16;
            font-size: 11px;
            padding: 2px 8px;
            border-radius: 12px;
            text-align: center;
            justify-self: center;
        }
        .date-col {
            font-size: 13px;
            color: #c41e3a;
            text-align: center;
        }
        .pagination {
            margin-top: 28px;
            display: flex;
            justify-content: center;
            gap: 30px;
        }
        .page-btn {
            padding: 8px 26px;
            border-radius: 30px;
            border: 1px solid #d0d5dd;
            background: #fff;
            cursor: pointer;
            transition: 0.2s;
        }
        .page-btn:hover {
            background: #f0f7ff;
            border-color: #4096ff;
        }

        /* ----- 4. 下载专区（图标改为图片，全部添加链接，标题颜色改为黑色）----- */
        .coupon-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 24px;
            background: #ffffff;
            padding: 18px 24px;
            border-radius: 14px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
            margin-bottom: 30px;
        }
        .coupon-item {
            display: flex;
            align-items: center;
            gap: 16px;
        }
        .coupon-icon {
            width: 52px;
            height: 52px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            color: #fff;
            flex-shrink: 0;
        }
        .icon-taobao { background-color: #ff4400; }
        .icon-tmall { background-color: #e6162d; }
        .icon-pdd { background-color: #e6162d; }
        .coupon-text h4 { font-size: 16px; color: #222; margin-bottom: 4px; }
        .coupon-text p { font-size: 12px; color: #888; }
        .coupon-btn {
            margin-left: auto;
            padding: 8px 20px;
            border: none;
            border-radius: 40px;
            background: linear-gradient(95deg, #f0f2f5, #ffffff);
            color: #1e88e5;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.2, 0.9, 0.4, 1.1);
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
            position: relative;
            overflow: hidden;
            display: inline-block;
            text-align: center;
        }
        .coupon-btn::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(30,136,229,0.2), transparent);
            transition: left 0.5s;
        }
        .coupon-btn:hover {
            background: linear-gradient(95deg, #1e88e5, #0b5ed7);
            color: white;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px rgba(30,136,229,0.3);
        }
        .coupon-btn:hover::before {
            left: 100%;
        }
        .download-wrap {
            background: #fff;
            border-radius: 14px;
            padding: 26px 28px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.05);
            margin-bottom: 20px;
        }
        .download-head {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 24px;
            flex-wrap: wrap;
            gap: 15px;
        }
        .download-title {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 20px;
            font-weight: 600;
        }
        .title-line {
            width: 5px;
            height: 22px;
            background-color: #2563eb;
            border-radius: 3px;
        }
        .tab-group {
            display: flex;
            gap: 6px;
            background: #f2f3f5;
            border-radius: 99px;
            padding: 4px;
        }
        .tab-item {
            font-size: 15px;
            color: #6b778c;
            cursor: pointer;
            padding: 6px 20px;
            border-radius: 99px;
            transition: 0.24s ease;
        }
        .tab-item.active {
            background: #fff;
            color: #2563eb;
            font-weight: 500;
            box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        }
        .soft-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .soft-card {
            border: 1px solid #eee;
            border-radius: 12px;
            padding: 16px 12px;
            display: flex;
            align-items: center;
            gap: 12px;
            transition: all 0.25s ease;
            background: #fff;
        }
        .soft-card:hover {
            box-shadow: 0 4px 16px rgba(37,99,235,0.12);
            transform: translateY(-3px);
        }
        .soft-icon {
            width: 58px;
            height: 58px;
            border-radius: 10px;
            flex-shrink: 0;
            overflow: hidden;
        }
        .soft-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .soft-info { flex: 1; }
        .soft-name {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
        }
        .soft-name a {
            color: #000000;  /* 改为黑色 */
            transition: 0.2s;
        }
        .soft-name a:hover {
            color: #2563eb;
        }
        .down-btn {
            display: inline-block;
            padding: 5px 14px;
            border: 1px solid #cbd5e1;
            border-radius: 7px;
            background: #f8fafc;
            font-size: 12px;
            cursor: pointer;
            transition: 0.2s;
            color: #2d3748;
        }
        .down-btn:hover {
            background-color: #2563eb;
            color: #fff;
            border-color: #2563eb;
        }
        .tab-panel { display: none; }
        .tab-panel.active { display: block; }

        /* ----- 5. 文章专区 ----- */
        .article-wrap {
            background: #ffffff;
            border-radius: 16px;
            padding: 28px 30px;
            box-shadow: 0 2px 14px rgba(0,0,0,0.04);
            border: 1px solid #eee;
            margin: 30px 0;
        }
        .head-box {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            margin-bottom: 24px;
            padding-bottom: 10px;
            border-bottom: 1px solid #f0f0f0;
        }
        .title-main {
            display: flex;
            align-items: center;
            gap: 10px;
            font-size: 20px;
            font-weight: 600;
            color: #1f2937;
        }
        .article-tab-nav {
            display: flex;
            gap: 6px;
            background: #f2f3f5;
            border-radius: 99px;
            padding: 4px;
        }
        .article-tab {
            font-size: 14px;
            padding: 6px 18px;
            border-radius: 99px;
            cursor: pointer;
            color: #6b778c;
            transition: 0.2s;
        }
        .article-tab.active {
            background: #fff;
            color: #1d64e0;
            font-weight: 500;
            box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        }
        .top-card-row {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin-bottom: 34px;
        }
        .single-card {
            border-radius: 12px;
            overflow: hidden;
            position: relative;
            box-shadow: 0 3px 10px rgba(0,0,0,0.07);
            transition: transform 0.22s;
        }
        .single-card:hover { transform: translateY(-4px); }
        .card-img {
            width: 100%;
            height: 170px;
            object-fit: cover;
            display: block;
        }
        .card-text {
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            padding: 10px 12px;
            background: linear-gradient(transparent, rgba(0,0,0,0.7));
            color: #fff;
            font-size: 13px;
            font-weight: 500;
        }
        .card-text a {
            color: white;
            display: block;
        }
        .list-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            row-gap: 16px;
            column-gap: 26px;
        }
        .list-line {
            display: flex;
            justify-content: space-between;
            align-items: center;
            font-size: 14px;
        }
        .list-text {
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .list-text a {
            color: #333844;
            transition: 0.2s;
            padding: 2px 4px;
            border-radius: 4px;
        }
        .list-text a:hover {
            color: #1d64e0;
            background: rgba(29,100,224,0.1);
        }
        .dot {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #bbb;
        }
        .dot-red { background: #ef4444; }
        .dot-blue { background: #3b82f6; }
        .dot-green { background: #10b981; }
        .dot-yellow { background: #f59e0b; }
        .date-text-red { color: #dc2626; font-size: 12px; }
        .date-text-gray { color: #78716c; font-size: 12px; }
        .panel-box { display: none; }
        .panel-box.active { display: block; }
        .more-link {
            color: #1d64e0;
            font-size: 13px;
        }

        /* ----- 6. 排行+公告 缩略图蓝色特效 ----- */
        .rank-notice-grid {
            display: grid;
            grid-template-columns: 65% 33%;
            gap: 2%;
            margin: 30px 0;
        }
        .rank-card, .notice-card {
            background: #fff;
            border-radius: 14px;
            padding: 24px;
            box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        }
        .rank-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 22px;
            flex-wrap: wrap;
        }
        .rank-title {
            font-size: 20px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .rank-title::before {
            content: "";
            width: 4px;
            height: 22px;
            background: #4080ff;
            border-radius: 2px;
        }
        .rank-tab-group {
            display: flex;
            gap: 6px;
            background: #f2f3f5;
            border-radius: 99px;
            padding: 4px;
        }
        .rank-tab {
            padding: 6px 20px;
            border-radius: 99px;
            cursor: pointer;
            font-size: 14px;
            color: #6b778c;
        }
        .rank-tab.active {
            background: #fff;
            color: #4080ff;
            font-weight: 500;
            box-shadow: 0 1px 4px rgba(0,0,0,0.08);
        }
        .rank-content {
            display: none;
            grid-template-columns: repeat(2, 1fr);
            gap: 12px 18px;
        }
        .rank-content.active { display: grid; }
        .rank-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 6px 4px;
        }
        .num-tag {
            width: 26px;
            height: 26px;
            border-radius: 50%;
            display: grid;
            place-items: center;
            font-size: 13px;
            font-weight: 600;
            color: #fff;
        }
        .num-tag.top1 { background: #f53f3f; }
        .num-tag.top2 { background: #ff7d00; }
        .num-tag.top3 { background: #ffaa00; }
        .num-tag.normal { background: #e5e6eb; color: #606266; }
        .rank-name a {
            font-size: 14px;
            color: #333;
            transition: 0.2s;
            padding: 2px 6px;
            border-radius: 4px;
        }
        .rank-name a:hover {
            color: #4080ff;
            background: rgba(64,128,255,0.1);
        }
        .notice-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 20px;
        }
        .notice-title {
            font-size: 20px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .notice-title::before {
            content: "";
            width: 4px;
            height: 22px;
            background: #4080ff;
            border-radius: 2px;
        }
        .notice-more {
            color: #86909c;
            font-size: 13px;
            cursor: pointer;
        }
        .notice-list { display: flex; flex-direction: column; }
        .notice-item {
            display: flex;
            gap: 12px;
            padding: 14px 0;
            border-bottom: 1px solid #eee;
        }
        .notice-thumb-link {
            display: block;
            flex-shrink: 0;
            width: 68px;
            height: 68px;
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 2px 6px rgba(0,0,0,0.1);
        }
        .notice-thumb-link:hover {
            transform: scale(1.08) rotate(1deg);
            box-shadow: 0 8px 18px rgba(30,136,229,0.3);
        }
        .notice-thumb {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            background: linear-gradient(145deg, #1e88e5, #0b5ed7);
            transition: transform 0.4s;
        }
        .notice-thumb-link:hover .notice-thumb {
            transform: scale(1.05);
        }
        .notice-info {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .notice-txt a {
            font-size: 14px;
            color: #2d3748;
            transition: 0.2s;
            font-weight: 500;
        }
        .notice-txt a:hover {
            color: #4080ff;
        }
        .notice-date { font-size: 12px; color: #86909c; margin-top: 5px; }

        /* ----- 7. 页脚 ----- */
        .footer-full-bg {
            width: 100%;
            background: #2c2c2c;
            padding: 30px 0 20px;
            margin-top: 40px;
        }
        .footer-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 30px;
            color: #bbbbbb;
            font-size: 14px;
        }
        .footer-logo { width: 150px; margin-bottom: 14px; }
        .logo-demo {
            border: 1px dashed #555;
            height: 90px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #888;
        }
        .footer-top-links {
            text-align: right;
            margin-bottom: 20px;
        }
        .footer-right-links { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
        .footer-right-links a { color: #ccc; transition: 0.2s; }
        .footer-right-links a:hover { color: #509fff; }
        .split-line { color: #555; }
        .mail-icon-box {
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #3d3d3d;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-left: 12px;
            cursor: pointer;
        }
        .link-box {
            background: #383838;
            padding: 14px 20px;
            border-radius: 8px;
            margin-bottom: 20px;
        }
        .friend-link-title {
            font-size: 14px;
            color: #eee;
            margin-right: 14px;
            border-right: 1px solid #555;
            padding-right: 14px;
        }
        .link-wrap a {
            color: #ccc;
            display: inline-block;
            margin: 0 8px 6px 0;
            font-size: 13px;
        }
        .copyright-text {
            text-align: center;
            font-size: 12px;
            color: #919191;
        }
        .go-top {
            position: fixed;
            bottom: 40px;
            right: 30px;
            width: 48px;
            height: 48px;
            background: #1e88e5;
            color: white;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 24px;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
            transition: 0.3s;
            z-index: 999;
            opacity: 0;
            visibility: hidden;
        }
        .go-top.show {
            opacity: 1;
            visibility: visible;
        }
        .go-top:hover {
            background: #0b5ed7;
            transform: scale(1.05);
        }
        @media (max-width: 1000px) {
            .soft-grid, .top-card-row { grid-template-columns: repeat(2,1fr); }
            .rank-notice-grid { grid-template-columns: 1fr; gap: 20px; }
            .update-container { grid-template-columns: 1fr; }
            .list-row { grid-template-columns: 1fr 70px 1fr 70px; }
        }
    

/* ===== KWCMS 动态模板补充 ===== */
.logo-img{height:42px;width:auto;display:block}
.logo-text{display:inline-block;font-size:22px;font-weight:700;color:#2563eb;line-height:42px;white-space:nowrap}
.logo-placeholder strong{display:block;font-size:22px;color:#2277dd;margin-bottom:6px}
.top-nav>li.has-sub:hover .submenu{display:block}
.kw-ad img{max-width:100%;height:auto;border-radius:10px}
.banner-box .kw-ad,.banner-box .kw-ad-item{display:block;width:100%;height:100%}
.banner-box .kw-ad img{width:100%;height:100%;object-fit:cover}
.list-row .text-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.x6d-empty{padding:18px;color:#888;background:#fafafa;border:1px dashed #ddd;border-radius:10px}
.card-img-box .ph,.item-row .ph,.notice-thumb.ph,.screenshot-box .ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eef5ff,#fff);color:#2277dd;font-weight:700}
.card-img-box .ph{width:100%;height:110px}
.item-row .ph{width:86px;height:72px;border-radius:8px;flex-shrink:0}
.notice-thumb.ph{width:110px;height:76px}
.screenshot-box .ph{width:100%;height:300px;border-radius:10px}
.kw-page-alert{max-width:1280px;margin:16px auto;padding:12px 18px;background:#eef5ff;color:#2277dd;border-radius:10px}
.download-list-wrap,.auth-page,.member-page,.pay-page{max-width:1280px;margin:24px auto;padding:0 20px}
.download-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.download-card{background:#fff;border-radius:12px;border:1px solid #edf0f5;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.04);color:#333;display:block;transition:.2s}
.download-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(34,119,221,.12)}
.download-card img,.download-card .file-icon{width:100%;height:130px;border-radius:10px;object-fit:cover;background:#eef5ff;display:flex;align-items:center;justify-content:center;color:#2277dd;font-weight:700;font-size:28px;margin-bottom:10px}
.soft-icon span{width:58px;height:58px;border-radius:12px;background:#eef5ff;color:#2277dd;display:flex;align-items:center;justify-content:center;font-weight:800}
.single-card .card-img.ph{height:180px;border-radius:10px;background:#eef5ff;color:#2277dd;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:28px}

/* 搜索框最终覆盖：保持原 HTML 外观，同时支持真实提交 */
.header-container .search-full-box{
    display:flex!important;
    align-items:center!important;
    box-sizing:border-box!important;
    width:380px!important;
    height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #e2e2e2!important;
    border-radius:9999px!important;
    background:#f6f6f6!important;
    overflow:hidden!important;
    flex-shrink:0!important;
}
.header-container .search-select{
    width:108px!important;
    height:48px!important;
    line-height:48px!important;
    margin:0!important;
    padding:0 10px 0 12px!important;
    border:0!important;
    border-right:1px solid #ddd!important;
    outline:0!important;
    background:transparent!important;
    color:#555!important;
    font-size:14px!important;
    appearance:auto!important;
    box-shadow:none!important;
}
.header-container .search-input{
    flex:1!important;
    min-width:0!important;
    height:48px!important;
    line-height:48px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#333!important;
    font-size:16px!important;
    box-shadow:none!important;
}
.header-container .search-btn{
    width:50px!important;
    height:48px!important;
    line-height:48px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    color:#777!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:20px!important;
    cursor:pointer!important;
    box-shadow:none!important;
    -webkit-appearance:none!important;
    appearance:none!important;
}
.header-container .search-btn:hover{color:#0066cc!important}

/* 本次修复：右上角搜索框改为稳定胶囊按钮样式 */
.header-container .x6d-top-search{
    width:480px!important;
    height:46px!important;
    padding:4px!important;
    border:1px solid #dbe7f6!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(34,119,221,.08)!important;
}
.header-container .x6d-top-search .search-input{
    height:38px!important;
    line-height:38px!important;
    padding:0 16px!important;
}
.header-container .x6d-top-search .search-select{
    width:116px!important;
    height:38px!important;
    line-height:38px!important;
    margin:0!important;
    padding:0 8px 0 12px!important;
    border:0!important;
    border-right:1px solid #e5edf7!important;
    border-radius:999px 0 0 999px!important;
    background:#f6f9fd!important;
    font-size:13px!important;
    color:#526071!important;
    outline:0!important;
}
.header-container .x6d-top-search .search-btn{
    width:76px!important;
    height:38px!important;
    line-height:38px!important;
    border-radius:999px!important;
    background:#2277dd!important;
    color:#fff!important;
    font-size:15px!important;
    font-weight:700!important;
}
.header-container .x6d-top-search .search-btn:hover{background:#0f62c5!important;color:#fff!important}
.main-update{display:flex;flex-direction:column}
.list-table{flex:1;display:flex;flex-direction:column}
.latest-page{display:none}.latest-page.active{display:block}.latest-pager{margin-top:auto;display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 0 0}.latest-pager button{border:1px solid #dbe7f6;background:#fff;color:#2277dd;border-radius:999px;padding:7px 18px;cursor:pointer;font-weight:700}.latest-pager button:hover:not(:disabled){background:#2277dd;color:#fff}.latest-pager button:disabled{opacity:.45;cursor:not-allowed}.latest-page-state{color:#7b8798;font-size:13px}

/* X6D 列表页优化 */
.x6d-list-page{display:grid;grid-template-columns:minmax(0,1fr)300px;gap:24px;margin-top:24px}
.x6d-list-main{min-width:0}
.x6d-list-head,.x6d-download-hero{background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #edf3fb;border-radius:16px;padding:22px 24px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.x6d-list-head h1,.x6d-download-hero h1{font-size:26px;margin:8px 0;color:#222}
.x6d-list-head p,.x6d-download-hero p{color:#667085;margin:0}
.x6d-list-search,.x6d-download-search{width:320px;height:42px;background:#fff;border:1px solid #dbe7f6;border-radius:999px;display:flex;overflow:hidden;flex-shrink:0}
.x6d-list-search input,.x6d-download-search input{flex:1;border:0;outline:0;padding:0 14px;background:transparent}
.x6d-list-search button,.x6d-download-search button{width:72px;border:0;background:#2277dd;color:#fff;cursor:pointer}
.x6d-article-list{display:grid;gap:14px}
.x6d-article-row{display:grid;grid-template-columns:180px minmax(0,1fr)96px;gap:18px;align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:15px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.04);transition:.2s}
.x6d-article-row:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(34,119,221,.12)}
.x6d-row-cover{display:block;width:180px;height:118px;border-radius:12px;overflow:hidden;background:#eef5ff}
.x6d-row-cover img,.x6d-row-cover .ph{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#2277dd;font-weight:800;font-size:28px}
.x6d-row-body h2{font-size:20px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x6d-row-body h2 a{color:#111;font-weight:800}
.x6d-row-body p{height:22px;line-height:22px;color:#667085;margin:0 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x6d-row-meta{display:flex;gap:12px;color:#7b8798;font-size:15px}
.x6d-row-btn{background:#eef5ff;color:#2277dd;border-radius:999px;padding:9px 12px;text-align:center}

/* X6D 下载列表优化 */
.x6d-download-page{margin-top:24px}
.x6d-download-cats{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.x6d-download-cats a{background:#fff;border:1px solid #e5edf7;border-radius:999px;padding:8px 15px;color:#555}
.x6d-download-cats a.active,.x6d-download-cats a:hover{background:#2277dd;color:#fff;border-color:#2277dd}
.x6d-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.x6d-download-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;background:#fff;border:1px solid #edf0f5;border-radius:15px;padding:14px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.x6d-download-cover{width:150px;height:120px;border-radius:12px;overflow:hidden;background:#eef5ff;display:block}
.x6d-download-cover img,.x6d-download-cover .file-icon{width:100%;height:100%;object-fit:cover;display:flex;align-items:center;justify-content:center;color:#2277dd;font-weight:800}
.x6d-download-body h2{font-size:17px;margin:0 0 8px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x6d-download-body h2 a{color:#111;font-weight:800}
.x6d-download-body p{color:#667085;line-height:21px;height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 8px}
.x6d-download-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.x6d-download-meta span{font-size:12px;background:#f5f8fc;color:#667085;border-radius:6px;padding:3px 6px}

/* 评论、投票、用户中心 */
.like-bar{display:flex;align-items:center;gap:12px;margin:22px 0}
.like-btn{border:1px solid #dbe7f6;background:#fff;color:#2277dd;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:700}
.like-btn:hover{background:#eef5ff}
.vote-message{color:#667085}
.comment-box{margin-top:24px}
.comment-item{background:#fff;border:1px solid #edf0f5;border-radius:12px;padding:14px;margin-bottom:12px}
.comment-meta{display:flex;justify-content:space-between;color:#8a94a6;margin-bottom:8px}
.comment-meta strong{color:#2277dd}
.comment-item p{line-height:1.8;color:#333;margin:0}
.comment-reply{margin-top:10px;background:#f6f9fd;border-radius:8px;padding:10px;color:#555}
.x6d-member-center{display:grid;grid-template-columns:280px minmax(0,1fr);gap:22px;margin-top:24px}
.x6d-member-side,.x6d-member-main{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.x6d-member-side{text-align:center}
.x6d-member-avatar{width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#2277dd,#77b7ff);color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;margin:0 auto 14px}
.x6d-member-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.x6d-member-stats div{background:#f6f9fd;border-radius:12px;padding:18px;text-align:center}
.x6d-member-stats strong{display:block;font-size:24px;color:#2277dd;margin-bottom:6px}
.x6d-member-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.x6d-member-nav a{display:block;border:1px solid #edf0f5;border-radius:12px;padding:18px;background:#fff;color:#333}
.x6d-member-nav b{display:block;font-size:18px;margin-bottom:8px}.x6d-member-nav span{color:#8a94a6}
@media(max-width:900px){.x6d-list-page,.x6d-member-center{grid-template-columns:1fr}.x6d-list-head,.x6d-download-hero{display:block}.x6d-list-search,.x6d-download-search{width:100%;margin-top:12px}.x6d-article-row,.x6d-download-card{grid-template-columns:1fr}.x6d-row-cover,.x6d-download-cover{width:100%}.x6d-download-grid{grid-template-columns:1fr}.x6d-member-stats{grid-template-columns:repeat(2,1fr)}}

/* 搜索结果页图片和文字，按参考截图固定比例 */
.left-list .item-row{display:grid!important;grid-template-columns:185px minmax(0,1fr)130px!important;gap:18px!important;align-items:center!important;padding:18px 0!important;border-bottom:1px solid #edf0f5!important}
.left-list .item-row .search-thumb,.left-list .item-row .search-thumb img,.left-list .item-row .search-thumb .ph{width:185px!important;height:118px!important;border-radius:8px!important;object-fit:cover!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#eef5ff!important;color:#2277dd!important;font-weight:800!important}
.left-list .item-info{min-width:0!important}
.left-list .item-info .search-title{display:block!important;color:#111!important;font-size:22px!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-bottom:8px!important}
.left-list .item-info p{color:#333!important;font-size:15px!important;line-height:24px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin:0 0 12px!important}
.left-list .item-meta{color:#9aa4b2!important;font-size:16px!important}
.left-list .view-btn{justify-self:end!important;width:126px!important;height:40px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;background:#fff!important;color:#8a94a6!important;display:flex!important;align-items:center!important;justify-content:center!important}
.download-card strong{display:block;font-size:16px;margin-bottom:6px;color:#222}
.download-card span,.download-card em{display:block;color:#777;font-style:normal;font-size:13px;line-height:1.8}
.download-cats{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}
.download-cats a{padding:8px 14px;background:#fff;border:1px solid #e8edf5;border-radius:999px;color:#555}
.download-cats a:hover{background:#eef5ff;color:#2277dd}
.download-detail-page{max-width:1280px;margin:24px auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr)300px;gap:24px}
.download-main{background:#fff;border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.download-head2{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start;margin-bottom:20px}
.download-cover{width:260px;height:180px;object-fit:cover;border-radius:12px;background:#eef5ff}
.download-main .file-icon{width:260px;height:180px;border-radius:12px;background:#eef5ff;color:#2277dd;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800}
.download-meta2{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.download-meta2 span{background:#f5f7fa;border:1px solid #edf0f5;border-radius:8px;padding:7px 10px;color:#555}
.download-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.download-links a,.primary-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:8px;background:#2277dd;color:#fff}
.download-links a.secondary{background:#eef5ff;color:#2277dd}
.auth-page{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center}
.auth-info,.auth-card,.member-card,.pay-card{background:#fff;border-radius:14px;padding:28px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.auth-info h1,.member-card h1,.pay-card h1{font-size:30px;margin-bottom:10px}
.kw-form{display:grid;gap:12px}
.kw-form input,.kw-form textarea{width:100%;height:44px;border:1px solid #e2e8f0;border-radius:10px;padding:0 12px;font-size:15px}
.kw-form textarea{height:120px;padding-top:12px}
.kw-form button,.member-grid a,.pay-card .primary-btn{border:0;background:#2277dd;color:#fff;border-radius:10px;min-height:44px;padding:0 18px;cursor:pointer;text-align:center}
.member-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:16px}
.member-grid a{display:flex;align-items:center;justify-content:center}
.data-table{width:100%;border-collapse:collapse;background:#fff}
.data-table td{border-bottom:1px solid #edf0f5;padding:12px}
.pay-card{max-width:520px;margin:0 auto;text-align:center}
.pay-card strong{display:block;font-size:38px;color:#2277dd;margin:14px 0}
@media(max-width:900px){.download-cards{grid-template-columns:repeat(2,1fr)}.download-detail-page,.download-head2,.auth-page{grid-template-columns:1fr}.download-cover,.download-main .file-icon{width:100%}.member-grid{grid-template-columns:repeat(2,1fr)}}

/* 20260615：导航、会员套餐和整站自适应补丁 */
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}
.top-nav{min-width:0;flex:1}
.x6d-nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:999px;background:#2277dd;color:#fff;white-space:nowrap;font-size:14px;box-shadow:0 6px 16px rgba(34,119,221,.22)}
.x6d-nav-cta:hover{background:#1d4ed8;color:#fff}
.x6d-nav-toggle{display:none;width:40px;height:36px;border:1px solid #e2e8f0;border-radius:9px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.x6d-nav-toggle span{display:block;width:18px;height:2px;background:#333;border-radius:2px}
.x6d-level-page{margin:24px auto}
.x6d-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.x6d-level-card{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.x6d-level-card.is-current{border-color:#2277dd}
.x6d-level-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.x6d-level-title h2{font-size:22px;margin:0;color:#222}
.x6d-level-title span{font-size:12px;color:#2277dd;background:#eef5ff;border-radius:999px;padding:3px 10px}
.x6d-level-card p{margin:12px 0;color:#667085;min-height:42px}
.x6d-level-price{margin:14px 0;color:#2277dd}
.x6d-level-price small{font-size:16px}
.x6d-level-price strong{font-size:36px}
.x6d-level-price em{font-style:normal;color:#8a94a6}
.x6d-level-card li{padding:7px 0;border-bottom:1px dashed #edf0f5;color:#555}
.x6d-level-card label{display:block;margin:14px 0;color:#667085}
.x6d-level-card select{width:100%;height:42px;border:1px solid #e2e8f0;border-radius:10px;padding:0 12px;background:#fff;margin-top:6px}
.x6d-level-card button{width:100%;border:0;margin-top:4px}
.x6d-level-card button:disabled{opacity:.55;cursor:not-allowed}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;background:#eef5ff;color:#2277dd;margin-top:10px}
.x6d-pay-error{color:#d92d20;background:#fff2f2;border-radius:10px;padding:10px 12px;margin:12px 0}

@media(max-width:1100px){
    .header-container{align-items:flex-start}
    .slogan-wrap{display:none}
    .search-full-box{flex:1;min-width:280px;width:auto}
    .update-container,.wrap{grid-template-columns:1fr!important}
    .rank-notice-grid{grid-template-columns:1fr!important}
    .soft-grid,.top-card-row,.coupon-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .article-section,.download-section,.rank-notice-area,.update-layout{padding-left:20px;padding-right:20px}
    .x6d-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
    .content-max-width,.nav-wrap,.footer-container{padding-left:14px;padding-right:14px}
    .top-notice{font-size:13px;align-items:flex-start}
    .logo-box{width:auto;max-width:190px}
    .header-container{padding:18px 0;gap:14px}
    .search-full-box{order:5;width:100%;min-width:0;max-width:100%}
    .search-select{flex:0 0 auto;max-width:38%}
    .search-input{min-width:0;flex:1 1 auto}
    .search-btn{flex:0 0 auto;border:0}
    .nav-wrap{flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
    .x6d-nav-toggle{display:flex}
    .top-nav{display:none;width:100%;order:5;flex-direction:column;align-items:stretch;background:#fff;border-top:1px solid #edf0f5;margin-top:8px}
    .top-nav.is-open{display:flex}
    .top-nav>li{padding:12px 4px;border-bottom:1px solid #f1f3f6}
    .top-nav>li.active::after,.top-nav>li:hover::after{display:none}
    .submenu{position:static;width:100%;box-shadow:none;border:0;background:#f8fafc;margin-top:8px}
    .top-nav>li:hover .submenu{display:block}
    .list-row{grid-template-columns:1fr!important;gap:8px!important;padding:12px 0}
    .list-row .date-col,.list-row .tag-promo{justify-self:flex-start}
    .left-list .item-row,.x6d-article-row,.x6d-download-card,.download-head2,.download-detail-page,.auth-page,.x6d-member-center{grid-template-columns:1fr!important}
    .x6d-member-stats,.x6d-member-nav,.member-grid{grid-template-columns:1fr 1fr!important}
    .download-cards,.x6d-download-grid{grid-template-columns:1fr!important}
    .download-cover,.x6d-row-cover,.x6d-download-cover{width:100%!important}
    .footer-top-links{text-align:left}
}
@media(max-width:560px){
    body{font-size:14px}
    .content-max-width,.nav-wrap,.footer-container{padding-left:12px;padding-right:12px}
    .search-full-box{height:auto;border-radius:14px;flex-wrap:wrap;padding:6px;background:#fff;overflow:visible}
    .search-select{width:100%;height:36px;border-right:0;border-bottom:1px solid #edf0f5}
    .search-input{height:38px;font-size:14px;min-width:0;padding:0 10px}
    .search-btn{width:64px;height:38px;font-size:14px;background:#2277dd;color:#fff;border-radius:9px}
    .sidebar-card,.main-update,.download-wrap,.article-wrap,.rank-card,.notice-card,.left-list,.right-sidebar .side-block,.auth-info,.auth-card,.member-card,.pay-card,.x6d-member-side,.x6d-member-main{padding:16px!important;border-radius:12px}
    .soft-grid,.top-card-row,.coupon-row,.list-grid,.feature-grid,.x6d-level-grid,.x6d-member-stats,.x6d-member-nav,.member-grid{grid-template-columns:1fr!important}
    .coupon-item{align-items:flex-start}
    .download-head,.head-box,.rank-header,.x6d-list-head{display:block}
    .tab-group,.article-tab-nav,.rank-tab-group{margin-top:10px;overflow-x:auto;white-space:nowrap;padding-bottom:4px}
    .single-card .card-img{height:auto;aspect-ratio:16/10}
    .x6d-level-card{padding:18px}
    .x6d-level-price strong,.pay-card strong{font-size:30px}
}


/* KWCMS 通用自适应增强补丁 */
*,*::before,*::after{box-sizing:border-box}
img,video{max-width:100%;height:auto}
table{max-width:100%}
@media (max-width: 1024px){
  .container,.content-max-width,.xb-container{width:min(100% - 24px, 960px)!important}
  .header-container,.xb-header-row,.topbar .row,.header .row{gap:14px;flex-wrap:wrap}
  .nav-wrap,.xb-nav-row{overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width: 768px){
  body{min-width:0!important}
  .hide{display:none!important}
  .top-nav,.nav,.xb-nav-list{display:none}
  .top-nav.open,.nav.open,.xb-nav-list.open{display:flex!important;flex-direction:column;width:100%}
  .header-container,.xb-header-row,.header .row,.topbar .row{flex-direction:column;align-items:stretch!important}
  .search-full-box,.xb-header-search{width:100%!important}
  .search-full-box{grid-template-columns:96px 1fr 76px!important}
  .foot-grid,.split,.xb-grid,.x6d-grid{grid-template-columns:1fr!important}
  .footer-container,.footer .container{padding-left:14px!important;padding-right:14px!important}
  .kw-form{grid-template-columns:1fr!important}
}
@media (max-width: 520px){
  .search-full-box,.xb-header-search{display:flex!important;flex-direction:column!important}
  .search-select,.xb-hs-select,.search-input,.xb-hs-input,.search-btn,.xb-hs-btn{width:100%!important}
  .btn,.x6d-nav-cta,.head-actions .btn{min-height:38px}
}

/* ===== 子菜单下拉修复（覆盖前面重复块，确保生效） ===== */
.top-nav > li.has-sub { position: relative; }
.top-nav > li.has-sub > .submenu {
    display: none !important;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 180px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 8px 18px rgba(0,0,0,.15);
    padding: 6px 0;
    z-index: 1002;
    list-style: none;
}
.top-nav > li.has-sub:hover > .submenu,
.top-nav > li.has-sub.sub-open > .submenu {
    display: block !important;
}
.top-nav > li.has-sub > .submenu li a {
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}
.top-nav > li.has-sub > .submenu li a:hover {
    background: #eef5ff;
    color: #2277dd;
}

/* 移动端：子菜单改为内联展开 */
@media (max-width: 768px) {
    .top-nav > li.has-sub > .submenu {
        position: static !important;
        width: 100%;
        box-shadow: none;
        border: 0;
        background: #f8fafc;
        margin-top: 8px;
        border-radius: 0;
    }
    .top-nav > li.has-sub:hover > .submenu {
        display: none !important;
    }
    .top-nav > li.has-sub.sub-open > .submenu {
        display: block !important;
    }
}