*{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;padding-bottom:0}
        .container{max-width:1200px;margin:0 auto;padding:0 20px}

        /* 全局超淡边框 */
        :root {
            --border: 1px solid #f0f2f5;
            --radius: 16px;
            --light-bg: #f8f9fa;
            --blue: #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-bottom:16px;
        }
        .top-header h1{font-size:22px;margin-bottom:6px}
        .top-header p{font-size:14px;white-space:nowrap}

        /* 分类栏目 */
        .cat-wrap{
            border: var(--border);
            border-radius: calc(var(--radius) - 4px);
            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(--blue);color:#fff}
        .cat-item a{
            color:inherit;
            text-decoration:none;
            display:block;
            width:100%;
            height:100%;
        }

        /* 搜索框 */
        .search-box{
            width:100%;
            height:160px;
            background:#fff;
            border: var(--border);
            border-radius: var(--radius);
            display:flex;
            align-items:center;
            padding:0 30px;
            gap:20px;
            margin-bottom:20px
        }
        .search-input{flex:1;height:60px;border: var(--border);border-radius:30px;padding:0 28px;font-size:16px;outline:none}
        .search-input:focus{border-color:var(--blue)}
        .search-btn{height:60px;padding:0 42px;border-radius:30px;background:var(--blue);color:#fff;border:none;font-size:16px;cursor:pointer}

        /* 主布局：左侧TAG + 右侧内容 */
        .main-layout{
            display:flex;
            gap:20px;
            margin-bottom:24px;
        }

        /* ========== 左侧TAG列表 ========== */
        .tag-sidebar{
            flex: 2;
            background:#fff;
            border: var(--border);
            border-radius: var(--radius);
            padding:20px;
            height: fit-content;
        }
        .tag-list{
            display:flex;
            flex-wrap:wrap;
            gap:8px;
        }
        .tag{
            padding:6px 12px;
            border-radius:20px;
            background:#f5f7fa;
            color:#333;
            font-size:13px;
            cursor:pointer;
            white-space:nowrap;
            transition:0.2s;
        }
        .tag.active{
            background:var(--blue);
            color:#fff;
        }
        .tag:hover{
            background:#e8f3ff;
            color:var(--blue);
        }
        .tag.active:hover{
            background:var(--blue);
            color:#fff;
        }

        /* 右侧内容区 */
        .content-main{
            flex: 10;
        }

        /* 历史布局 */
        .history-layout{display:flex;gap:20px;}
        .history-left{flex:7;background:#fff;border: var(--border);border-radius: var(--radius);padding:20px}
        .history-right{flex:3;background:#fff;border: var(--border);border-radius: var(--radius);padding:20px}

        /* 标题 */
        .panel-title{font-size:16px;font-weight:600;margin-bottom:14px;padding-bottom:8px;border-bottom: var(--border)}
        .history-left .panel-title{font-size:17px}

        /* 列表 */
        .history-item{padding:10px;border-radius:8px;margin-bottom:4px}
        .history-item a{color:var(--blue);text-decoration:none;font-weight:500;font-size:15px}
        .time{font-size:12px;color:#999;margin-top:4px}

        /* 底部 */
        .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){
            .main-layout{flex-direction:column;gap:16px}
            .history-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-box{height:auto;padding:20px;flex-direction:column;gap:12px}
            .search-input,.search-btn{width:100%}
        }