/* Css for , Version=1785138794 */
 body{background:#fff !important;}.appbar{position:relative;height:48px;background:#fff !important;}.appbar-actions{line-height:30px !important;}.table-bordered{border:0px solid #ddd !important;}.table-bordered td,.table-bordered th{border:0px solid #ddd !important;}#block34{}#block34 .panel-heading{}body.with-appnav.with-appbar-top{padding-top:40px !important;}.appnav>.mainnav .nav{margin:0;width:100% !important;float:left !important;}.appnav .nav>li{width:100% !important;float:right !important;text-align:center;}.appnav>.subnavs{position:relative !important;background-color:#999;}.appnav>.subnavs>.nav>li>a{color:#fff;}
.files-list {display: block; padding: 5px; margin: 0; background-color: @color-gray-pale;}
.files-list > li {position: relative; display: block; float: left; padding: 0; margin: 5px; position: relative;}
.files-list > li > a {color: #666; display: block; height: 70px; min-width: 70px; line-height: 60px; padding: 3px; max-width: 400px; overflow: hidden; text-align: center;background-color: #fff; opacity: 0.9; border: 1px solid #ddd}
.files-list > li > a:hover {opacity: 1; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3); border-color: #ccc; color: #506EAF;text-decoration: none;}
.files-list > li > a > img, .files-list > li > a > img:hover{max-width: 200px; max-height: 100%; box-shadow: none; margin: 0}
.files-list:empty {display: none;}
.files-list > li.file > a {line-height: 25px; padding: 40px 30px 5px; max-width: 240px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.files-list > li.file > a:before {display: block; width: 100%; font-size: 30px; position: absolute; top: 10px; text-align: center; left: 0; content: '\e6d4'; font-family: ZenIcon;}
.files-list > li.files-list-heading {float: none; display: block; color: #999;font-weight: bold;}
.files-list > li .file-actions {display: block; position: absolute; right: 0; top: 0;} 
.files-list > li .file-actions > a {opacity: 0; display: inline-block; background-color: #D9E8F5; color: #666; padding: 3px 7px;}
.files-list > li:hover .file-actions > a,.files-list > li .file-actions > a:hover {opacity: 1; background-color: #145BCC; color: #fff; text-decoration: none;}

.files-list > li.file.file-zip > a:before, .files-list > li.file.file-rar > a:before {content: '\e751'}
.files-list > li.file.file-doc > a:before {content: '\e72c';}
.files-list > li.file > .file-md5 {display: none}
.files-list > li.file > .file-download {top: 3px; right: 5px; position: absolute; font-size: 12px; opacity: .5}
.article {display:none;}
.breadcrumb, #columns {display:none0;}
#columns  img {border:0px solid #eee; margin:10px 1%;  width:10%; height:60px; float:left;}

#columns  img {
transform-style: preserve-3d;  
    -webkit-transform-style: preserve-3d;  
    -ms-transform-style: preserve-3d;  
    -moz-transform-style: preserve-3d;  
    transition: 0.5s;  
    -webkit-transition: 0.5s;  
    -ms-transition: 0.5s;  
    -moz-transition: 0.5s; 
}
 #columns img:hover {
transform: translateZ(30px) rotateY(360deg) scale(1.1);  
    -webkit-transform: translateZ(30px) rotateY(360deg) scale(1.1);  
    -ms-transform: translateZ(30px) rotateY(360deg) scale(1.1);  
    -moz-transform: translateZ(30px) rotateY(360deg) scale(1.1);   
}
       
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Microsoft YaHei', Arial, sans-serif;
        }
        
        :root {
            --primary: #d32f2f; /* 红色主色调 */
            --primary-dark: #b71c1c;
            --secondary: #f5f5f5;
            --dark: #212121; /* 黑色 */
            --gray: #757575; /* 灰色 */
            --light-gray: #e0e0e0;
            --border: #bdbdbd;
        }
        
        body {
            background-color: #fafafa;
            color: var(--dark);
            line-height: 1.6;
        }
        
        .container {
            max-width: 1000px;
            margin: 0 auto;
            padding: 0 20px;
        }
        
        /* 头部样式 */
        header {
            background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
            color: white;
            padding: 12px 0;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        
        .logo {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .logo h1 {
            font-size: 18px;
            font-weight: 600;
        }
        
        /* 主要内容区 */
        .main-content {
            margin: 25px 0;
        }
        
        .repair-form {
            background: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            border: 1px solid var(--light-gray);
        }
        
        .repair-form h2 {
            color: var(--primary);
            margin-bottom: 18px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--light-gray);
            font-size: 18px;
            text-align: center;
        }
        
        .form-group {
            margin-bottom: 18px;
        }
        
        .form-group label {
            display: block;
            margin-bottom: 5px;
            font-weight: 500;
            color: var(--dark);
            font-size: 13px;
        }
        
        .form-control {
            width: 100%;
            padding: 10px 12px;
            border: 1px solid var(--border);
            border-radius: 5px;
            font-size: 13px;
            transition: border 0.3s;
            background: white;
            color: var(--dark);
        }
        
        /* 特别为下拉选择框增加样式 */
        select.form-control {
            padding: 10px 12px;
            height: auto;
            min-height: 40px;
            appearance: menulist;
            -webkit-appearance: menulist;
            -moz-appearance: menulist;
            background-image: none;
        }
        
        /* 确保下拉选项完整显示 */
        select.form-control option {
            padding: 8px 12px;
            font-size: 13px;
            white-space: normal;
            word-wrap: break-word;
        }
        
        .form-control:focus {
            border-color: var(--primary);
            outline: none;
            box-shadow: 0 0 0 2px rgba(211, 47, 47, 0.2);
        }
        
        textarea.form-control {
            min-height: 90px;
            resize: vertical;
        }
        
        .btn {
            background: var(--primary);
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            font-size: 13px;
            cursor: pointer;
            transition: background 0.3s;
            font-weight: 500;
            width: 100%;
        }
        
        .btn:hover {
            background: var(--primary-dark);
        }
        
        .btn-sm {
            padding: 5px 10px;
            font-size: 11px;
            width: auto;
            margin-right: 4px;
            margin-top: 4px;
        }
        
        /* 页脚
        footer {
            background: var(--dark);
            color: #ececec;
            padding: 15px 0;
            margin-top: 35px;
            text-align: center;
        }
         */
        .copyright {
            font-size: 11px;
            color: var(--gray);
        }
        
        /* 表单验证样式 */
        .error-message {
            color: var(--primary);
            font-size: 11px;
            margin-top: 4px;
            display: none;
        }
        
        .form-control.error {
            border-color: var(--primary);
        }
        
        .success-message {
            background: rgba(211, 47, 47, 0.1);
            border: 1px solid var(--primary);
            color: var(--primary);
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 12px;
            display: none;
            text-align: center;
            font-size: 13px;
        }
        
        /* 响应式设计 */
        @media (max-width: 768px) {
            .container {
                padding: 0 12px;
            }
            
            .repair-form {
                padding: 15px;
            }
            
            .logo h1 {
                font-size: 16px;
            }
        }
        
        /* 输入框占位符颜色 */
        input::placeholder, textarea::placeholder {
            color: var(--gray);
            font-size: 13px;
        }
        
        /* 管理后台样式 */
        .admin-panel {
            display: none;
            background: white;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
            margin-top: 20px;
            border: 1px solid var(--light-gray);
        }
        
        .repair-list {
            margin-top: 12px;
        }
        
        .repair-item {
            border: 1px solid var(--light-gray);
            border-radius: 5px;
            padding: 10px;
            margin-bottom: 10px;
            background: #fafafa;
        }
        
        .repair-header {
            display: flex;
            justify-content: space-between;
            margin-bottom: 6px;
            border-bottom: 1px dashed var(--light-gray);
            padding-bottom: 6px;
        }
        
        .repair-name {
            font-weight: bold;
            color: var(--primary);
            font-size: 13px;
        }
        
        .repair-date {
            color: var(--gray);
            font-size: 11px;
        }
        
        .repair-content {
            margin-bottom: 6px;
            font-size: 13px;
        }
        
        .admin-link {
            display: block;
            text-align: center;
            margin-top: 12px;
            color: var(--primary);
            text-decoration: none;
            font-size: 11px;
        }
        
        .admin-link:hover {
            text-decoration: underline;
        }
        
        .status-badge {
            display: inline-block;
            padding: 2px 6px;
            border-radius: 12px;
            font-size: 9px;
            font-weight: 500;
            margin-right: 5px;
            background: var(--light-gray);
            color: var(--dark);
        }
        
        .stats {
            display: flex;
            justify-content: space-around;
            margin-bottom: 12px;
            text-align: center;
        }
        
        .stat-item {
            padding: 10px;
            border-radius: 5px;
            background: #f5f5f5;
            flex: 1;
            margin: 0 4px;
        }
        
        .stat-number {
            font-size: 18px;
            font-weight: bold;
            color: var(--primary);
        }
        
        .stat-label {
            font-size: 11px;
            color: var(--gray);
        }