/* 1. 基础变量 (完全同步您的确定稿) */
        :root {
            --boss-green: #00BEBD;
            --boss-green-light: #E0F8F8; 
            --boss-hover: #00a4a3;
            --text-main: #414a60;
            --text-title: #222;
            --text-muted: #8d92a1;
            --pc-width: 1184px;
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: "PingFang SC", "Microsoft YaHei", sans-serif; background-color: #F6F6F8; color: var(--text-main); line-height: 1.5; }
        a { text-decoration: none; color: inherit; transition: 0.2s; }

        .container { max-width: var(--pc-width); margin: 0 auto; padding: 0 15px; width: 100%; }

        /* 2. 导航栏 (同步首页) */
        .header { background: #fff; height: 65px; display: flex; align-items: center; border-bottom: 1px solid #f2f2f5; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }
        .nav-container { display: flex; justify-content: space-between; align-items: center; }
        .logo { font-size: 24px; font-weight: bold; color: var(--boss-green); }
        .nav-list { display: flex; gap: 30px; }
        .nav-item a { color: var(--text-main); font-size: 15px; font-weight: 500; }
        .nav-item a:hover, .nav-item.active a { color: var(--boss-green); }

        /* 3. 栏目 Banner (同步招聘列表页) */
        .category-banner { 
            height: 260px; position: relative; background: #222; overflow: hidden; display: flex; align-items: center; justify-content: center; color: #fff; text-align: center;
        }
        .cat-bg {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            background: url('/skin/default/images/cat-banner.jpg') no-repeat center;
            background-size: cover; filter: brightness(0.6); z-index: 1;
        }
        .cat-content { position: relative; z-index: 2; padding: 0 20px; }
        .cat-name { font-size: 40px; font-weight: bold; margin-bottom: 10px; letter-spacing: 2px; }
        .cat-desc { font-size: 16px; opacity: 0.8; font-weight: 300; max-width: 600px; line-height: 1.8; }

        /* 4. 面包屑与排序 */
        .page-meta { padding: 25px 0 15px; display: flex; justify-content: space-between; align-items: center; }
        .breadcrumb { font-size: 13px; color: var(--text-muted); }
        .sort-bar { display: flex; gap: 20px; font-size: 14px; }
        .sort-item { cursor: pointer; color: var(--text-muted); }
        .sort-item.active { color: var(--boss-green); font-weight: bold; }

        /* 5. 模特瀑布流布局 */
        .main-layout { display: flex; gap: 20px; padding-bottom: 60px; }
        .content-left { flex: 1; }
        .content-right { width: 284px; }

        .model-grid { 
            display: grid; 
            grid-template-columns: repeat(3, 1fr); /* PC端3列展示，兼顾大图视觉 */
            gap: 20px; 
        }

        /* 6. 模特卡片 (BOSS风格重塑) */
        .model-card { 
            background: #fff; border-radius: 10px; overflow: hidden; transition: 0.3s; border: 1px solid transparent; position: relative;
        }
        .model-card:hover { 
            box-shadow: 0 10px 30px rgba(0,0,0,0.08); transform: translateY(-5px); border-color: var(--boss-green); 
        }

        /* 图片容器 3:4 */
        .model-img-wrap { 
            position: relative; width: 100%; padding-top: 133.33%; overflow: hidden; background: #eee; 
        }
        .model-img { 
            position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; 
        }
        .model-card:hover .model-img { transform: scale(1.08); }

        /* 置顶标签 (同步首页) */
        .top-badge { position: absolute; top: 0; left: 0; background: var(--boss-green); color: #fff; font-size: 11px; padding: 3px 10px; border-radius: 0 0 10px 0; font-weight: bold; z-index: 10; }

        /* 文字信息区 */
        .model-info { padding: 18px; }
        .model-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
        .model-name { font-size: 18px; font-weight: bold; color: var(--text-title); }
        .model-status { display: flex; align-items: center; font-size: 12px; color: var(--boss-green); }
        .status-dot { width: 6px; height: 6px; background: var(--boss-green); border-radius: 50%; margin-right: 5px; box-shadow: 0 0 5px var(--boss-green); }

        .model-meta { font-size: 13px; color: var(--text-muted); margin-bottom: 12px; }
        .model-meta span { margin-right: 10px; }

        /* 标签 (同步首页卡片样式) */
        .model-labels { display: flex; flex-wrap: wrap; gap: 6px; }
        .label { background: #f8f8fa; color: #666; font-size: 12px; padding: 2px 10px; border-radius: 4px; border: 1px solid #f0f0f2; }

        /* 7. 分页器 */
        .pagination { margin-top: 40px; display: flex; justify-content: center; gap: 8px; }
        .page-btn { padding: 8px 16px; background: #fff; border: 1px solid #eee; border-radius: 4px; color: var(--text-main); font-size: 14px; }
        .page-btn.active { background: var(--boss-green); color: #fff; border-color: var(--boss-green); }

        /* 8. 右侧侧边栏 (同步招聘列表页) */
        .side-box { background: #fff; border-radius: 8px; padding: 20px; margin-bottom: 20px; }
        .side-title { font-size: 16px; font-weight: bold; margin-bottom: 18px; position: relative; padding-left: 12px; }
        .side-title::before { content: ''; position: absolute; left: 0; top: 3px; width: 4px; height: 14px; background: var(--boss-green); border-radius: 2px; }
        /* 8. Footer (同步首页) */
        .footer { background: #fff; border-top: 1px solid #eef0f5; padding: 60px 0 30px; text-align: center; }
        .copyright { font-size: 12px; color: #b0b4be; margin-top: 20px; }

        /* 移动端适配 */
        @media (max-width: 768px) {
            .nav-list, .content-right, .sort-bar { display: none; }
            .category-banner { height: 180px; }
            .model-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 0 10px; }
            .model-info { padding: 12px; }
            .model-name { font-size: 15px; }
            .model-labels { display: none; } /* 移动端列表页隐藏标签保持简洁 */
        }