*{margin:0;padding:0;box-sizing:border-box;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
        body{background:url("https://picsum.photos/id/1068/1920/1080") no-repeat center center fixed;background-size:cover}
        .mask{background:rgba(255,255,255,0.94);min-height:100vh}
        .container{max-width:1100px;margin:0 auto;padding:0 20px}

        :root {
            --border: 1px solid #f0f2f5;
            --radius: 16px;
            --light-bg: #f8f9fa;
            --primary: #165DFF;
        }
a {
    text-decoration: none; /* 去掉下划线 */
}
        /* 顶部 */
        .top-header{
            background: var(--light-bg);
            border: var(--border);
            border-radius: var(--radius);
            color:#2d3748;
            text-align:center;
            padding:16px 0;
            margin: 0 0 16px 0;
        }
        .top-header h1{font-size:22px;margin-bottom:6px}
        .top-header p{font-size:14px;white-space:nowrap}

        /* 搜索框 */
        .search-wrap{
            background:#fff;
            border:var(--border);
            border-radius:var(--radius);
            padding:16px;
            margin-bottom:16px;
            display:flex;
            gap:12px;
        }
        .search-input{
            flex:1;
            height:44px;
            border:var(--border);
            border-radius:22px;
            padding:0 20px;
            font-size:14px;
            outline:none;
        }
        .search-input:focus{border-color:var(--primary)}
        .search-btn{
            height:44px;
            padding:0 24px;
            border-radius:22px;
            background:var(--primary);
            color:#fff;
            border:none;
            font-size:14px;
            cursor:pointer;
        }

        /* 面包屑 */
        .breadcrumb{
            font-size:13px;
            color:#666;
            margin-bottom:16px;
            padding:12px 16px;
            background:#fff;
            border:var(--border);
            border-radius:12px;
        }
        .breadcrumb a{color:#666;text-decoration:none}
        .breadcrumb a:hover{color:var(--primary)}
        .breadcrumb span{color:#999;margin:0 4px}

        /* 分类 */
        .cat-wrap{
            border: var(--border);
            border-radius: 12px;
            padding:12px;
            margin-bottom:16px;
            background:#fff;
        }
        .cat-tabs{
            display:grid;
            grid-template-columns:repeat(6,1fr);
            gap:8px;
        }
        .cat-item{
            padding:10px 8px;
            border-radius:6px;
            background:#f5f7fa;
            color:#333;
            font-size:14px;
            cursor:pointer;
            text-align:center;
            user-select:none;
        }
        .cat-item.active{background:var(--primary);color:#fff}

        /* 列表布局 */
        .page-layout{display:flex;gap:20px;margin-bottom:24px}
        .main-list{flex:7;background:#fff;border:var(--border);border-radius:var(--radius);padding:20px}
        .side-bar{flex:3;background:#fff;border:var(--border);border-radius:var(--radius);padding:20px}

        /* 栏目标题 */
        .column-title{
            font-size:18px;
            font-weight:600;
            color:#2d3748;
            margin-bottom:16px;
            padding-bottom:12px;
            border-bottom:var(--border);
        }

        /* 卡片列表 */
        .question-item{
            padding:16px 0;
            border-bottom:var(--border);
        }
        .question-item:last-child{border-bottom:none}
        .question-item h3{
            font-size:16px;
            font-weight:600;
            color:var(--primary);
            margin-bottom:8px;
            cursor:pointer;
        }
        .question-item .desc{
            font-size:14px;
            color:#666;
            line-height:1.5;
            margin-bottom:8px;
            display:-webkit-box;
            -webkit-line-clamp:2;
            -webkit-box-orient:vertical;
            overflow:hidden;
        }
        .question-item .info{
            font-size:12px;
            color:#999;
            display:flex;
            gap:16px;
        }

        /* 右侧最新提问 */
        .side-title{
            font-size:16px;
            font-weight:600;
            padding-bottom:8px;
            border-bottom:var(--border);
            margin-bottom:12px;
        }
        .new-question{
            padding:10px 0;
            font-size:14px;
            color:#333;
            cursor:pointer;
            border-bottom:var(--border);
        }
        .new-question:last-child{border-bottom:none}
        .new-question:hover{color:var(--primary)}

        /* 分页 - 调整尺寸 */
        .pagination{
            display:flex;
            justify-content:center;
            align-items:center;
            gap:6px;
            margin-top:20px;
        }
        .page-item{
            width:32px;
            height:32px;
            border-radius:6px;
            border:var(--border);
            display:flex;
            align-items:center;
            justify-content:center;
            font-size:13px;
            cursor:pointer;
            background:#fff;
        }
        .page-item.prev,.page-item.next{
            width:auto;
            padding:0 12px;
            font-size:12px;
        }
        .page-item.active{
            background:var(--primary);
            color:#fff;
            border-color:var(--primary);
        }
        .page-item.disabled{
            color:#ccc;
            cursor:not-allowed;
        }

        /* 底部 */
        .footer{
            background:#fff;
            padding:20px 0;
            text-align:center;
            font-size:13px;
            color:#666;
            border-top: var(--border);
        }
        .footer-links{margin-bottom:6px}
        .footer a{color:#666;text-decoration:none;margin:0 8px}

        /* 移动端 */
        @media (max-width:768px){
            .page-layout{flex-direction:column;gap:16px}
            .cat-tabs{grid-template-columns:repeat(3,1fr)}
            .top-header p{font-size:12px;white-space:normal;line-height:1.4}
            .search-wrap{flex-direction:column}
        }