:root {
    --primary-color: #4c68e3; --secondary-color: #65baf3; --dark-bg: #2c3e50; --blue-gradient: #3498db; --success-color: #2ecc71; --success-dark: #27ae60; --warning-color: #f1c40f; --warning-dark: #f39c12; --danger-color: #e74c3c; --info-color: #2ca0ca; --text-primary: #333; --text-secondary: #2c3e50; --text-light: #6c757d; --white: #fff; --gray-light: #f8f9fa; --border-color: #dee2e6; --gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); --gradient-dark: linear-gradient(135deg, var(--dark-bg) 0%, var(--blue-gradient) 100%); --gradient-success: linear-gradient(135deg, var(--success-color) 0%, var(--success-dark) 100%); --gradient-info: linear-gradient(135deg, var(--info-color) 0%, var(--info-color) 100%); --shadow-light: 0 3px 10px rgba(0, 0, 0, 0.08); --shadow-medium: 0 4px 15px rgba(0, 0, 0, 0.1); --shadow-heavy: 0 15px 40px rgba(0, 0, 0, 0.25); --shadow-button: 0 4px 15px rgba(52, 152, 219, 0.3); --border-radius-sm: 8px; --border-radius: 10px; --border-radius-lg: 12px; --border-radius-xl: 25px; --container-width: 1200px; --spacing-xs: 8px; --spacing-sm: 12px; --spacing-md: 15px; --spacing-lg: 20px; --spacing-xl: 25px; --spacing-xxl: 30px;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei','Segoe UI',Arial,sans-serif;background:var(--gradient-primary);min-height:100vh;color:var(--text-primary)}
.content{width:auto!important}
#container{max-width:var(--container-width);margin:20px auto 0;background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-heavy);overflow:hidden;min-height:85vh}
.csMiddle.csTop{background:var(--gradient-dark);color:var(--white);padding:var(--spacing-xl) var(--spacing-xxl);display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-top:0;height:auto}
.csMiddle.csTop::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 1px,transparent 1px);background-size:20px 20px;opacity:0.3;animation:float 20s linear infinite}
@keyframes float{0%{transform:translate(0,0) rotate(0deg)}100%{transform:translate(-20px,-20px) rotate(360deg)}}
.csTop a{color:var(--white);text-decoration:none;padding:10px var(--spacing-lg);border-radius:var(--border-radius-xl);transition:all 0.3s ease;font-weight:500;position:relative;z-index:1;background:rgba(255,255,255,0.1);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,0.2)}
.csTop a:hover{background:rgba(255,255,255,0.25);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}
.csTop button.bt-green{background:var(--gradient-success);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius-xl);cursor:pointer;font-weight:600;font-size:16px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(46,204,113,0.3);display:flex;align-items:center;gap:var(--spacing-xs);position:relative;z-index:1}
.csTop button.bt-green:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(46,204,113,0.4)}
.csTop button.bt-green i{font-size:24px}
.content.csMiddle{padding:var(--spacing-xxl);background:var(--gray-light)}
#p_FileTitle{font:bold 28px/34px "Microsoft YaHei",sans-serif;padding:var(--spacing-xl) var(--spacing-xxl) var(--spacing-xl) 100px;background:url(/Images/ico/zip.png) no-repeat 30px center;background-size:80px 60px;background-color:var(--white);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-light);color:var(--text-secondary);position:relative;overflow:hidden}
#p_FileTitle::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(to bottom,var(--blue-gradient),var(--dark-bg))}
#p_FileModifier{padding:var(--spacing-lg) var(--spacing-xxl);font:normal 16px/24px "Microsoft YaHei",sans-serif;background:var(--white);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-light);color:var(--text-secondary);border-left:4px solid var(--danger-color)}
.MessC[style*="padding:0"]{background:var(--white);padding:var(--spacing-xl) var(--spacing-xxl)!important;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-light);display:flex;gap:var(--spacing-md);flex-wrap:wrap}
#bt_ShowPDF,#bt_FileDown{padding:14px var(--spacing-xxl);font-size:18px;border:none;border-radius:var(--border-radius-xl);cursor:pointer;transition:all 0.3s ease;font-weight:600;display:flex;align-items:center;gap:10px;min-width:160px;justify-content:center}
#bt_ShowPDF{background:var(--gradient-success);color:var(--white);box-shadow:var(--shadow-button)}
#bt_ShowPDF:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,152,219,0.4)}
#bt_FileDown{background:var(--gradient-info);color:var(--white);box-shadow:var(--shadow-button);margin:0}
#bt_FileDown:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(52,152,219,0.4)}
#p_FileRemark{background:var(--white);padding:var(--spacing-xl) var(--spacing-xxl);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-light);min-height:120px;line-height:1.8;color:#495057;border-left:4px solid var(--success-color)}
#p_FileRemark img{max-width:100%;border-radius:var(--border-radius-sm);margin:10px 0}
.csPspan{margin:var(--spacing-xxl) var(--spacing-lg) var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid #e9ecef;font-size:24px;color:var(--text-secondary);display:flex;align-items:center;gap:10px}
.csPspan span{color:#95a5a6;font-size:16px;font-weight:normal}
.csPspan::before{content:'\1F4AC';font-size:28px}
#p_FileReview{background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-light);display:flex;gap:var(--spacing-lg);align-items:flex-start}
#filereview{flex:1;height:120px;border:2px solid #e9ecef;padding:var(--spacing-md);border-radius:var(--border-radius);font-size:16px;resize:vertical;transition:all 0.3s ease;font-family:'Microsoft YaHei',sans-serif}
#filereview:focus{outline:none;border-color:var(--blue-gradient);box-shadow:0 0 0 3px rgba(52,152,219,0.1)}
#p_FileReview button{background:var(--gradient-info);color:var(--white);border:none;padding:var(--spacing-md);border-radius:var(--border-radius);cursor:pointer;transition:all 0.3s ease;min-width:100px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);font-size:20px}
#p_FileReview button:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(155,89,182,0.4)}
#p_FileReview button i{font-size:36px}
h5:has(span[style*="float:left"]){background:var(--white);padding:var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-light)}
.csorange{color:orange;font-size:28px}
#p_FileReviewShow{background:var(--white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-light);min-height:150px;margin-bottom:var(--spacing-lg);border:1px solid #eff3f5}
.MessC.pdfv{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);padding:24px;border-radius:var(--border-radius-lg);margin:var(--spacing-lg) 0;border:2px dashed #cbd5e1;position:relative;transition:all 0.3s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,0.05)}
.MessC.pdfv:hover{border-color:#94a3b8;box-shadow:0 10px 15px -3px rgba(0,0,0,0.08);transform:translateY(-2px)}
.MessC.pdfv .rxc{content:'\1F4C1';top:-12px;left:var(--spacing-lg);background:linear-gradient(135deg,#092650 0%,#092650 100%);color:var(--white);padding:4px 16px;border-radius:var(--border-radius-xl);font-size:14px;font-weight:600;box-shadow:0 2px 8px rgba(59,130,246,0.3)}
.MessC.pdfv .rxc::before{content:'\1F4C1';margin-right:var(--spacing-xs);font-size:16px}
.MessC.pdfv a{display:flex;align-items:center;background:var(--white);padding:16px var(--spacing-lg);margin:var(--spacing-sm) 0;border-radius:var(--border-radius);text-decoration:none;color:#334155;transition:all 0.3s ease;border:1px solid #e2e8f0;position:relative;overflow:hidden}
.MessC.pdfv a:hover{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);transform:translateX(5px);border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,0.15)}
.MessC.pdfv a::before{content:'';display:inline-block;width:40px;height:40px;margin-right:16px;border-radius:var(--border-radius-sm);background-size:24px;background-position:center;background-repeat:no-repeat}
.MessC.pdfv a.icon_docx::before{background-color:#2b579a;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm1.8 18H14l-2-3.4l-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4l2-3.4h1.8l-2.9 4.5l2.9 4.5zM13 9V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.MessC.pdfv a.icon_pdf::before{background-color:#e53e3e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 16h-2v-4h2v4zm0-6h-2V9h2v3zm-1-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.MessC.pdfv a.icon_xlsx::before{background-color:#217346;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-3 16h-2v-4h2v4zm0-6h-2V9h2v3zm-1-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.MessC.pdfv a.icon_zip::before,.MessC.pdfv a.icon_rar::before,.MessC.pdfv a[href$='.zip']::before,.MessC.pdfv a[href$='.rar']::before,.MessC.pdfv a[href$='.7z']::before{background-color:#805ad5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4 10H8v-2h8v2zm0-4H8v-2h8v2z'/%3E%3C/svg%3E")}
.MessC.pdfv a.icon_txt::before,.MessC.pdfv a[href$='.txt']::before{background-color:#4a5568;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-2 16h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V9h2v3zm-1-5V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.MessC.pdfv a.icon_png::before,.MessC.pdfv a.icon_jpg::before,.MessC.pdfv a.icon_jpeg::before,.MessC.pdfv a.icon_gif::before,.MessC.pdfv a.icon_bmp::before,.MessC.pdfv a[href$='.png']::before,.MessC.pdfv a[href$='.jpg']::before,.MessC.pdfv a[href$='.jpeg']::before,.MessC.pdfv a[href$='.gif']::before,.MessC.pdfv a[href$='.bmp']::before{background-color:#38a169;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E")}
.MessC.pdfv a::before{background-color:#718096;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6H6zm7 7V3.5L18.5 9H13z'/%3E%3C/svg%3E")}
.MessC.pdfv a{background-image:none!important}
.MessC.pdfv a .file-name{font-weight:600;font-size:16px;color:#1e293b;margin-bottom:4px;transition:color 0.3s ease}
.MessC.pdfv a:hover .file-name{color:#3b82f6}
.MessC.pdfv a .file-size{font-size:13px;color:#64748b;display:flex;align-items:center}
.MessC.pdfv a .file-size::before{content:'\1F4E6';margin-right:6px;font-size:12px}
.fined{background:linear-gradient(135deg,var(--warning-color) 0%,var(--warning-dark) 100%);color:var(--white);border:none;padding:9px var(--spacing-xl);float:right;border-radius:var(--border-radius-xl);cursor:pointer;transition:all 0.3s ease;font-weight:600;margin:5px;box-shadow:0 4px 15px rgba(241,196,15,0.3)}
.fined:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(241,196,15,0.4);background:linear-gradient(135deg,var(--warning-dark) 0%,#e67e22 100%)}
.editdownj{background:linear-gradient(135deg,#faebd7 0%,#faebd7 100%);padding:5px 20px;border-radius:var(--border-radius);cursor:pointer;transition:all 0.3s ease}
.editdownj:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,179,71,0.3)}
.rxc{background:linear-gradient(135deg,#f7cf9a 0%,#f5b041 100%);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius);display:inline-block;margin:5px 0;color:var(--text-primary);font-weight:500;box-shadow:0 3px 10px rgba(247,207,154,0.3)}
@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.MessC.pdfv a{animation:fadeInUp 0.3s ease forwards;animation-delay:calc(var(--item-index,0)*0.1s)}
@media(max-width:768px){body{padding:var(--spacing-xs);background:var(--gradient-primary) fixed}#container{margin:0;border-radius:var(--border-radius-lg);box-shadow:0 10px 25px rgba(0,0,0,0.15);min-height:auto}.csMiddle.csTop{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);border-radius:0;text-align:center}.csMiddle.csTop a{width:100%;margin:4px 0;padding:14px;font-size:16px;border-radius:var(--border-radius-lg);background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.25)}.csTop button.bt-green{width:100%;padding:16px;font-size:17px;border-radius:var(--border-radius-lg)}.content.csMiddle{padding:var(--spacing-lg) var(--spacing-md)}#p_FileTitle{padding:var(--spacing-lg) var(--spacing-md) var(--spacing-lg) 70px;background-position:15px center;background-size:50px 50px;font-size:20px;line-height:1.4;margin:var(--spacing-md) 0}#p_FileModifier{padding:18px var(--spacing-md);font-size:15px;line-height:1.6;margin:10px 0}.MessC[style*="padding:0"]{padding:var(--spacing-lg) var(--spacing-md)!important;flex-direction:column;gap:var(--spacing-sm);margin:var(--spacing-md) 0}#bt_ShowPDF,#bt_FileDown{width:100%;margin:0;padding:16px;font-size:17px;border-radius:var(--border-radius-lg);min-height:56px}.MessC.pdfv{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-md) 0;border-width:2px}.MessC.pdfv a{padding:16px;margin:10px 0;min-height:70px}.MessC.pdfv a::before{width:40px;height:40px;margin-right:var(--spacing-md);background-size:22px}#p_FileRemark{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-md) 0;min-height:100px;font-size:15px;line-height:1.7}.csPspan{margin:var(--spacing-xl) var(--spacing-md) var(--spacing-md);padding-bottom:12px;font-size:22px}#p_FileReview{padding:var(--spacing-lg) var(--spacing-md)!important;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-md) 0!important}#filereview{width:100%;height:120px;padding:var(--spacing-md);font-size:16px;line-height:1.6;min-height:120px;max-height:200px}#p_FileReview button{width:100%!important;height:56px!important;border-radius:var(--border-radius-lg);font-size:17px}h5:has(span[style*="float:left"]){padding:18px var(--spacing-md);margin:10px 0}#p_FileReviewShow{padding:var(--spacing-lg) var(--spacing-md);margin:var(--spacing-md) 0;min-height:120px}button,a,input[type="button"],input[type="submit"]{-webkit-tap-highlight-color:rgba(0,0,0,0.1);min-height:44px}}