.hero-search {
            background: linear-gradient(135deg, #f0f7fc 0%, #e6f0f5 100%);
            padding: 40px 0 48px;
            text-align: center;
        }
        .hero-search h1 {
            font-size: 32px;
            font-weight: 800;
            color: #0a2b38;
            margin-bottom: 4px;
        }
        .hero-search .sub {
            color: #5a6e7c;
            font-size: 15px;
            margin-bottom: 24px;
        }
        .search-form {
            max-width: 640px;
            margin: 0 auto;
            display: flex;
            gap: 12px;
            background: #fff;
            border-radius: 60px;
            padding: 4px 4px 4px 24px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.06);
            border: 1px solid #e2e8f0;
        }
        .search-form input {
            flex: 1;
            border: none;
            padding: 14px 0;
            font-size: 16px;
            outline: none;
            background: transparent;
            min-width: 0;
        }
        .search-form button {
            background: #2c7da0;
            border: none;
            color: white;
            padding: 0 28px;
            border-radius: 40px;
            font-weight: 600;
            font-size: 15px;
            cursor: pointer;
            transition: 0.2s;
            white-space: nowrap;
        }
        .search-form button:hover {
            background: #1f5e7a;
        }

        /* ===== 结果统计 ===== */
        .result-stats {
            padding: 20px 0 16px;
            border-bottom: 1px solid #eef2f6;
            margin-bottom: 24px;
        }
        .result-stats .count {
            font-size: 15px;
            color: #5a6e7c;
        }
        .result-stats .count strong {
            color: #0f2b3a;
            font-weight: 700;
        }
        .result-stats .count em {
            font-style: normal;
            color: #2c7da0;
            font-weight: 600;
        }

        /* ===== 分类结果组 ===== */
        .result-group {
            background: #ffffff;
            border-radius: 20px;
            border: 1px solid #eef2f6;
            padding: 24px 28px;
            margin-bottom: 24px;
            transition: 0.2s;
        }
        .result-group:hover {
            border-color: #d0dfe8;
        }

        .group-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 12px;
            margin-bottom: 16px;
            padding-bottom: 12px;
            border-bottom: 1px solid #f5f7fa;
        }
        .group-header h3 {
            font-size: 20px;
            font-weight: 700;
            color: #0f2b3a;
            display: flex;
            align-items: center;
            gap: 8px;
        }
        .group-header .count {
            font-size: 14px;
            color: #7c8f9e;
            font-weight: 400;
        }
        .group-header .count strong {
            color: #2c7da0;
            font-weight: 600;
        }

        /* 分类徽章 */
        .badge-type {
            display: inline-block;
            font-size: 11px;
            font-weight: 600;
            padding: 2px 12px;
            border-radius: 20px;
            margin-right: 8px;
        }
        .badge-course { background: #e3f0fa; color: #1a6b8a; }
        .badge-news { background: #f0f0e8; color: #8a7a3a; }
        .badge-qa { background: #f0eef8; color: #5a4a8a; }
        .badge-term { background: #e8f5ed; color: #1a7a4a; }
        .badge-doc { background: #f5ede8; color: #8a5a3a; }

        /* 结果项 */
        .group-items {
            display: flex;
            flex-direction: column;
            gap: 4px;
        }
        .result-item {
            display: block;
            padding: 12px 16px;
            border-radius: 12px;
            transition: 0.15s;
            color: #1e2a3e;
            border-left: 3px solid transparent;
        }
        .result-item:hover {
            background: #f8fafc;
            border-left-color: #2c7da0;
            text-decoration: none;
        }
        .result-item .title {
            font-size: 16px;
            font-weight: 600;
            color: #0f2b3a;
        }
        .result-item .title em {
            background: #fef9e0;
            font-style: normal;
            color: #b8860b;
        }
        .result-item .desc {
            font-size: 14px;
            color: #5a6e7c;
            margin-top: 2px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        .result-item .desc em {
            background: #fef9e0;
            font-style: normal;
            color: #b8860b;
        }
        .result-item .meta {
            font-size: 12px;
            color: #9aacbc;
            margin-top: 4px;
        }

        /* 更多按钮 */
        .group-more {
            margin-top: 16px;
            padding-top: 14px;
            border-top: 1px solid #f0f2f4;
            text-align: center;
        }
        .group-more a {
            display: inline-flex;
            align-items: center;
            gap: 6px;
            font-size: 14px;
            font-weight: 500;
            color: #2c7da0;
            padding: 6px 20px;
            border-radius: 30px;
            transition: 0.2s;
        }
        .group-more a:hover {
            background: #eef7fc;
            text-decoration: none;
        }

        /* ===== 空状态 ===== */
        .empty-state {
            text-align: center;
            padding: 60px 20px;
            background: #fff;
            border-radius: 20px;
            border: 1px solid #eef2f6;
        }
        .empty-state .icon {
            font-size: 56px;
            margin-bottom: 16px;
        }
        .empty-state h3 {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 8px;
            color: #0f2b3a;
        }
        .empty-state p {
            color: #7c8f9e;
            max-width: 400px;
            margin: 0 auto;
        }
        .empty-state .hot-tags {
            margin-top: 16px;
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: center;
        }
        .empty-state .hot-tags a {
            background: #eef2f6;
            padding: 4px 16px;
            border-radius: 30px;
            font-size: 13px;
            color: #2c7da0;
        }

        /* ===== 响应式 ===== */
        @media (max-width: 768px) {
            .hero-search h1 { font-size: 26px; }
            .search-form { padding: 4px; flex-wrap: nowrap; }
            .search-form input { padding: 12px 16px; font-size: 15px; }
            .search-form button { padding: 0 18px; font-size: 14px; }
            .result-group { padding: 18px 16px; }
            .group-header h3 { font-size: 18px; }
            .result-item .title { font-size: 15px; }
            .nav-container { flex-direction: column; gap: 12px; }
            .nav-links { gap: 16px; }
            .search-box input { width: 100px; }
        }
        @media (max-width: 480px) {
            .search-form { border-radius: 40px; }
            .search-form input { font-size: 14px; padding: 10px 12px; }
            .search-form button { padding: 0 14px; font-size: 13px; }
            .result-item { padding: 10px 12px; }
        }