/* =================================================================
   Lists Cover Page - 封面模型列表页样式
   ================================================================= */

/* ==================== 文件说明 ====================
 * 文件名称: lists_cover.css
 * 所属层级: pages（页面层）
 * 页面用途: 封面模型列表页（聚合页）
 * 核心功能: 考试倒计时组件 + 真题栏目区块
 * 依赖关系: 依赖 variables.css, resource-card.css
 * 使用场景: lists_cover.htm
 * ================================================== */

/* ==================== 考试倒计时组件 ==================== */
.exam-countdown-wrapper {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    animation: fadeInUp 0.6s ease backwards;
    animation-delay: 0.2s;
}

.countdown-header {
    font-size: 15px;
    color: var(--text-secondary);
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
}

.countdown-header .highlight {
    color: var(--text-primary);
    font-weight: 600;
}

.countdown-timer {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    flex-wrap: wrap;
}

/* 考试阶段信息样式 */
.exam-stage-info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 16px;
    padding-left: 20px;
    border-left: 1px solid var(--border-normal);
    height: 44px;
    margin-top: 0;
}

.stage-text {
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1;
    font-weight: 500;
}

.stage-highlight {
    color: var(--success-color);
    font-weight: 700;
    font-size: 16px;
    margin-left: 4px;
}

.timer-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.timer-box {
    background: var(--primary-color);
    background: linear-gradient(135deg, var(--primary-color), var(--primary-hover));
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 44px;
    min-width: 44px;
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 102, 255, 0.25);
    position: relative;
    overflow: hidden;
}

.timer-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to bottom, rgba(255,255,255,0.15), transparent);
}

.timer-label {
    font-size: 12px;
    color: var(--text-tertiary);
}

[data-theme="dark"] .timer-box {
     box-shadow: 0 4px 10px rgba(59, 130, 246, 0.2);
}

/* ==================== 子栏目Tab导航 ==================== */
.category-tabs {
    display: flex;
    justify-content: center;
    gap: 40px;
    margin-bottom: 32px;
}

.tab-item {
    font-size: 40px;
    font-weight: 500;
    color: var(--text-secondary);
    text-decoration: none;
    padding: 8px 16px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.tab-item:hover {
    color: var(--text-primary);
}

.tab-item.active {
    color: var(--text-primary);
    font-weight: 600;
}

/* ==================== 考试栏目区块 ==================== */

/* 主区块容器 */
.exam-category-section {
    margin-bottom: 48px;
}

/* 卡片网格容器 */
.exam-cards-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3列 */
    gap: 20px;
    align-content: start;
}

/* 真题卡片（复用 resource-card） */
.exam-category-section .resource-item {
    /* resource-card 的样式已在其他CSS文件中定义 */
    /* 自动在3列网格中排列 */
}

/* 查看更多链接（纯文字样式） */
.view-more-card {
    display: flex;
    align-items: center;
    justify-content: center;
    
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    
    padding: 32px 24px;
    text-align: center;
    margin-top: 24px;
}

/* 查看更多文字 */
.view-more-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-secondary);
    transition: all 0.3s ease;
    position: relative;
    padding-right: 24px;
}

/* 箭头 */
.view-more-text::after {
    content: '→';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.3s ease;
}

.view-more-card:hover .view-more-text {
    color: var(--primary-color);
}

.view-more-card:hover .view-more-text::after {
    transform: translateY(-50%) translateX(4px);
}

/* ==================== 响应式设计 ==================== */

/* 平板端 (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    /* 倒计时组件 */
    .timer-box {
        height: 40px;
        min-width: 40px;
        font-size: 18px;
    }
    
    .exam-stage-info {
        height: 40px;
    }
    
    /* Tab导航 */
    .category-tabs {
        gap: 24px;
    }
    
    .tab-item {
        font-size: 17px;
        padding: 6px 12px;
    }
    
    /* 卡片网格 */
    .exam-cards-grid-wrapper {
        grid-template-columns: repeat(2, 1fr); /* 平板端2列 */
        gap: 16px;
    }
    
    .view-more-card {
        padding: 24px;
    }
    
    .view-more-text {
        font-size: 15px;
    }
}

/* 移动端 (max-width: 767px) */
@media (max-width: 767px) {
    /* 倒计时组件 */
    .exam-countdown-wrapper {
        margin-top: 20px;
        gap: 10px;
    }

    .countdown-header {
        font-size: 14px;
    }

    .countdown-timer {
        gap: 8px;
    }

    .timer-box {
        height: 36px;
        min-width: 36px;
        font-size: 16px;
        padding: 0 6px;
        border-radius: 6px;
    }

    .timer-label {
        font-size: 11px;
    }

    /* 移动端将"阶段信息"换行显示 */
    .exam-stage-info {
        width: 100%;
        height: auto;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: 8px;
        align-items: flex-start;
        padding-top: 12px;
        border-top: 1px solid var(--border-light);
    }

    .stage-text {
        font-size: 13px;
    }

    .stage-highlight {
        font-size: 14px;
    }
    
    /* Tab导航 */
    .category-tabs {
        gap: 16px;
        margin-bottom: 24px;
    }
    
    .tab-item {
        font-size: 16px;
        padding: 6px 8px;
    }
    
    /* 卡片网格 */
    .exam-cards-grid-wrapper {
        grid-template-columns: 1fr; /* 移动端1列 */
        gap: 16px;
    }
    
    .view-more-card {
        padding: 20px;
    }
    
    .view-more-text {
        font-size: 14px;
    }
}

/* 超小屏幕 (max-width: 479px) */
@media (max-width: 479px) {
    .view-more-card {
        padding: 16px;
    }
    
    .view-more-text {
        font-size: 13px;
    }
}
 
 / *   = = = = = = = = = = = = = = = = = = = =   cPezw~N  = = = = = = = = = = = = = = = = = = = =   * /  
 . h e r o - n o t i c e   {  
         d i s p l a y :   i n l i n e - f l e x ;  
         a l i g n - i t e m s :   c e n t e r ;  
         g a p :   8 p x ;  
         p a d d i n g :   1 2 p x   2 0 p x ;  
         b a c k g r o u n d :   v a r ( - - c a r d - b g ) ;  
         b o r d e r :   1 p x   s o l i d   v a r ( - - b o r d e r - l i g h t ) ;  
         b o r d e r - r a d i u s :   2 4 p x ;  
         c o l o r :   v a r ( - - t e x t - s e c o n d a r y ) ;  
         f o n t - s i z e :   1 4 p x ;  
         c u r s o r :   p o i n t e r ;  
         m a r g i n - t o p :   2 4 p x ;  
         m a x - w i d t h :   1 0 0 % ;  
 }  
  
 . h e r o - n o t i c e : h o v e r   {  
         c o l o r :   v a r ( - - t e x t - p r i m a r y ) ;  
         b o r d e r - c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ;  
 }  
  
 . h e r o - n o t i c e   s v g : f i r s t - c h i l d   {  
         c o l o r :   v a r ( - - w a r n i n g - c o l o r ) ;  
         f l e x - s h r i n k :   0 ;  
 }  
  
 . h e r o - n o t i c e   s v g : l a s t - c h i l d   {  
         c o l o r :   v a r ( - - t e x t - t e r t i a r y ) ;  
         f l e x - s h r i n k :   0 ;  
 }  
  
 / *   nR[hV  * /  
 . n o t i c e - s w i p e r   {  
         h e i g h t :   2 0 p x ;  
         o v e r f l o w :   h i d d e n ;  
         p o s i t i o n :   r e l a t i v e ;  
         f l e x :   1 ;  
         m i n - w i d t h :   2 0 0 p x ;  
 }  
  
 . n o t i c e - w r a p p e r   {  
         d i s p l a y :   f l e x ;  
         f l e x - d i r e c t i o n :   c o l u m n ;  
         t r a n s i t i o n :   t r a n s f o r m   0 . 5 s   e a s e ;  
 }  
  
 . n o t i c e - i t e m   {  
         d i s p l a y :   b l o c k ;  
         h e i g h t :   2 0 p x ;  
         l i n e - h e i g h t :   2 0 p x ;  
         o v e r f l o w :   h i d d e n ;  
         t e x t - o v e r f l o w :   e l l i p s i s ;  
         w h i t e - s p a c e :   n o w r a p ;  
         c o l o r :   v a r ( - - t e x t - s e c o n d a r y ) ;  
         t e x t - d e c o r a t i o n :   n o n e ;  
         f o n t - s i z e :   1 4 p x ;  
 }  
  
 . n o t i c e - i t e m : h o v e r   {  
         c o l o r :   v a r ( - - p r i m a r y - c o l o r ) ;  
 }  
  
 / *   yRzM  * /  
 @ m e d i a   ( m a x - w i d t h :   7 6 7 p x )   {  
         . h e r o - n o t i c e   {  
                 w i d t h :   1 0 0 % ;  
                 p a d d i n g :   1 0 p x   1 6 p x ;  
                 m a r g i n - t o p :   1 6 p x ;  
         }  
          
         . n o t i c e - s w i p e r   {  
                 m i n - w i d t h :   0 ;  
         }  
 }  
 