.site-header {margin-bottom: 30px;}

a{
	text-decoration: none;
}
 
/**/
.all_chuangguanwang{ width:100%; margin-bottom:16px; display: inline-table}
.all_chuangguanwang ul{ width:98%; margin:auto;}
.all_chuangguanwang ul li{ width:31.33%; margin:0px 1%; float:left;}
.all_chuangguanwang ul li:nth-child(4n+1) div{ background-color:#0d7eff}
.all_chuangguanwang ul li:nth-child(4n+2) div{ background-color:#4ab72a}
.all_chuangguanwang ul li:nth-child(4n+3) div{ background-color:#f9cf18}
.all_chuangguanwang ul li:nth-child(4n+4) div{ background-color:#f26223}

.fenlei_chuangguanwang{ width:100%;height:80px; line-height:80px; text-align:center; font-size:28px; font-weight:600; color:#333;border-radius:10px;box-shadow: 1px 1px 6px RGBA(0, 0, 0, 0.25); margin-bottom:20px;letter-spacing:2px; color:#FFFFFF}


@media (max-width: 1024px) {
.content-container{ background:#f9fafb;min-height: calc(100vh - 34px);}
body{ padding:15px;}
.fenlei_chuangguanwang{ height:80px; line-height:80px; font-size:30px; font-weight:600}
.all_chuangguanwang ul li{ width:31.3%; margin:0px 1%; float:left;}
.all_chuangguanwang ul li:nth-child(3n+1) div{ background-color:#0d7eff}
.all_chuangguanwang ul li:nth-child(3n+2) div{ background-color:#4ab72a}
.all_chuangguanwang ul li:nth-child(3n+3) div{ background-color:#f26223}

@media (orientation: landscape) {/*横屏*/

.content-container{min-height: calc(100vh - 35px);}

.all_chuangguanwang ul li{ width:23%;}
.all_chuangguanwang ul li:nth-child(4n+1) div{ background-color:#0d7eff}
.all_chuangguanwang ul li:nth-child(4n+2) div{ background-color:#4ab72a}
.all_chuangguanwang ul li:nth-child(4n+3) div{ background-color:#f9cf18}
.all_chuangguanwang ul li:nth-child(4n+4) div{ background-color:#f26223}
}

@media (orientation: portrait) {/*竖屏*/
.content-container{min-height: calc(100vh - 30px);}
}



}

@media (max-width: 500px) {
body{padding:10px;}
.content-wrapper {padding: 20px 15px; }
.fenlei_chuangguanwang{ height:40px; line-height:40px;color:#FFFFFF;}
.all_chuangguanwang ul { width:100%;}

.all_chuangguanwang ul li{ width:48%;}

.fenlei_chuangguanwang{ height:50px; line-height:50px; font-size:18px; font-weight:600}

}
 /**/
 
 
 
 /*详情开始*/
  .container {
            max-width: 600px;
            margin: 0px auto;
            padding: 0px 0px;
        }
        /* 状态信息区域（目标+耗时） */
        .status-area {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 10px 0;
            font-size: 16px;
        }
        .target-info {
            color: #333;
        }
        .time-info {
            color: #00a452;
            font-weight: 600;
        }
        /* 提示区域 */
        .hint-area {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
            margin: 10px 0;
        }
        .hint-error {
            color: #f56c6c; /* 错误红 */
        }
        .hint-success {
            color: #67c23a; /* 成功绿 */
        }
        .hint-normal {
            color: #666; /* 常规灰 */
        }
        /* 按钮样式 */
        .btn {
            padding: 8px 20px;
            background: #00a452;
            color: white;
            border: none;
border-radius: 6px;
            cursor: pointer;
            font-size: 14px;
            margin: 10px 0;
        }
        .btn:hover {
             background: #00D269;
        }
        /* 矩阵容器 */
        .matrix-container {
            margin: 20px 0;
            display: flex;
            flex-wrap: wrap;
            gap: 2px;
        }
       
        .num-cell:hover {
            background: #f0f8ff;
        }
        /* 正确选中样式 */
        .num-cell.correct {
            background: #00a452;
            color: white;
            border-color: #00a452;
            cursor: not-allowed;
        }
        /* 错误动画 */
        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-3px); }
            75% { transform: translateX(3px); }
        }
        .num-cell.error {
            animation: shake 0.3s ease-in-out;
            border-color: #f56c6c;
            background: #fff2f2;
        }
		
		@media (min-width: 992px) {.ipad-wrapper {height: calc(min(118vw, 1030px)* 0.625)}}
 /*详情结束*/