/* ============================================================
   VPCS 皮肤 · 视觉参照 http://vpcs.weipuvip.com/system.html
   只覆盖表现层：DOM 结构、事件绑定、产品接口一律不变
   ============================================================ */

html, body { background:#e6e6e6 !important; }
body { text-align:center; color:#333; font-family:"Microsoft YaHei", Arial, sans-serif; }
.home_page, .view-bg { background:transparent !important; }
/* 原主题 .view-bg 有 102px 顶部内边距（给旧版固定头部留位），换皮后导航仅 63px 高，
   压到 60px 让白卡紧贴导航，只留约 12px 灰缝 */
.view-bg { padding-top:60px !important; }

/* 隐藏原主题自带的装饰区块 */
.view-bg > .head,
.banner,
.system-introduce,
.right-introduce,
.loading-block,
.information-block,
.guide,
.footer,
.fixedBox { display:none !important; }
/* 系统选择行移出屏幕（不能用 display:none，否则原页面 JS 的 :visible 判断会失效、版本列表不重建） */
.form-group.check-system { position:absolute !important; left:-9999px !important; top:0 !important;
  width:1px !important; height:1px !important; overflow:hidden !important; opacity:0 !important; }

/* ---------------- 顶部导航 ---------------- */
.vpcs-nav { width:100%; background:#fff; border-bottom:2px solid #C68F40; text-align:left; line-height:60px; }
.vpcs-nav-inner { width:85%; min-width:1200px; margin:0 auto; }
.vpcs-nav-logo { display:inline-block; vertical-align:middle; height:36px; }
.vpcs-nav-links { display:inline-block; margin-left:60px; vertical-align:middle; }
.vpcs-nav-links a { color:#666; font-size:14px; margin:0 14px; text-decoration:none; }
.vpcs-nav-links a:hover, .vpcs-nav-links a.active { color:#C68F40; }
.vpcs-nav-download { float:right; margin-top:10px; line-height:40px; padding:0 24px;
  background:#e44549; color:#fff !important; font-size:14px; font-weight:bold;
  border-radius:4px; text-decoration:none; }

/* ---------------- 主内容白卡 ---------------- */
#checkBlock { padding:12px 0 20px; }
#checkBlock .content { width:85%; min-width:1200px; margin:0 auto; background:#fff;
  text-align:left; box-sizing:border-box; padding:0 20px 30px; }
.plagiarismCheck-block { width:100% !important; float:none !important; margin:0 !important;
  display:block !important; }
.system-submit { width:100% !important; float:none !important;
  background:#fff !important; border-radius:0 !important; padding:0 !important; }
.plagiarismCheck-form { display:flex; flex-wrap:wrap; gap:0 20px;
  padding:0 !important; font-size:14px !important; }
.plagiarismCheck-form .form-group { font-size:14px !important; }

/* ---------------- 分类 Tab / 提示条 ---------------- */
.vpcs-tabs { width:100%; display:flex; justify-content:center; align-items:center;
  border-bottom:1px solid #e8e8e8; padding-top:14px; }
.vpcs-tabs .tab { padding:12px 30px; font-size:16px; color:#666; cursor:pointer;
  position:relative; transition:all .3s ease; user-select:none; }
.vpcs-tabs .tab:hover { color:#C68F40; }
.vpcs-tabs .tab.active { color:#4291e3; font-weight:bold; }
.vpcs-tabs .tab.active:after { content:''; position:absolute; bottom:-1px;
  left:50%; transform:translateX(-50%); width:60px; height:3px;
  background:#4291e3; border-radius:2px; }
.vpcs-desc { width:100%; background:#f8f9fa; text-align:center; color:#666;
  font-size:14px; line-height:1.6; padding:10px 20px; margin:0;
  border-radius:4px; box-sizing:border-box; }

/* ---------------- 选择产品（版本卡片） ---------------- */
.form-group.check-version { width:100% !important; position:relative; margin:0 !important;
  padding:0 !important; display:block !important; }
.form-group.check-version > .label-t { display:block; position:relative; font-size:16px;
  color:#2f2f2f; font-weight:400; padding-left:10px; margin:0 0 0 !important;
  width:auto !important; }
.form-group.check-version > .label-t:before { content:'*'; color:#dc3033; position:absolute; left:0; top:0; }
/* 产品区：每行 6 个、轨道平分铺满整行；按 JS 写入的 CSS order 排序，不改动 DOM 顺序 */
.check-version-block { display:grid !important; grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:16px; width:100% !important; padding:16px 2px 0 !important; margin:0 !important;
  border-bottom:none !important; }
/* 参考页 .divider-line：产品区与表单之间的分隔线 */
.form-group.check-version:after { content:''; display:block; height:1px;
  background:#e2e8f0; margin:40px 0 0; }
.check-version-block .version-item {
  min-width:0 !important; max-width:none !important;
  width:auto !important; height:auto !important; min-height:120px !important; float:none !important;
  display:flex !important; flex-direction:column; justify-content:space-between;
  background:#fff !important; border:1px solid #e8e8e8 !important; border-radius:8px !important;
  padding:10px 10px !important; margin:0 !important; position:relative; cursor:pointer;
  text-align:center !important; box-sizing:border-box; color:#333 !important;
  font-size:14px !important; line-height:1.4 !important; transition:all .3s ease; }
.check-version-block .version-item:hover { border-color:#4291e3 !important;
  box-shadow:0 2px 8px rgba(66,145,227,.15); }
.check-version-block .version-item.active { border-color:#4291e3 !important;
  background:#fff !important; color:#333 !important;
  box-shadow:0 2px 12px rgba(66,145,227,.20); }
.check-version-block .version-item.active:after { content:''; position:absolute; top:0; right:0;
  width:28px; height:28px; background:url('../vpcs_img/selected.png') no-repeat top right;
  background-size:28px; }
.version-item .v-name { flex:1; display:flex; flex-direction:column; justify-content:center; }
.version-item .icon-box { width:28px; height:28px; margin:0 auto 3px; }
.version-item .icon-box img { width:100%; height:100%; object-fit:contain; }
.version-item .title { font-size:16px; font-weight:bold; color:#333; margin:0 0 6px;
  line-height:1.4; word-break:break-all; }
.version-item .price { font-size:14px; color:#ff4d4f; font-weight:bold; margin:0; }
.version-item .price-num { font-size:22px; }
.version-item .unit { font-size:12px; color:#999; font-weight:normal; }
.version-item .v-info { font-size:12px; color:#999; line-height:1.6; min-height:16px; margin:1px 0 0; }
.version-item.active .v-info { color:#666; }
/* 非当前分类的产品：只隐藏显示，节点与事件仍保留，接口不受影响 */
.check-version-block .version-item.vpcs-hidden { display:none !important; }

/* ---------------- 表单两列 ---------------- */
.form-group.paper-title, .form-group.paper-author,
.form-group.paper-temp, .form-group.paper-school-class, .form-group.paper-type {
  width:calc(50% - 10px) !important; margin-top:4px !important; }
.form-group .label-t.label-s, .form-group.paper-upload > .label-t {
  position:relative; display:block; font-size:16px; color:#2f2f2f; font-weight:400;
  padding-left:10px; margin-bottom:4px !important; }
.form-group .label-t.label-s:before { content:'*'; color:#dc3033; position:absolute; left:0; top:0; }
.form-group .main-container { width:100% !important; position:relative; }
.form-control { height:38px !important; border:1px solid #cbd5e1 !important;
  border-radius:6px !important; box-shadow:none !important; width:100% !important;
  padding:0 15px !important; box-sizing:border-box; outline:none; }
.form-control:hover { border-color:#94a3b8 !important; }
.form-control:focus { border-color:#4291e3 !important; box-shadow:0 0 0 2px #4291e31a !important; }
/* 原页面校验失败时会加 .has-error（日期/表单）与 .InputBox.error（文本粘贴），
   皮肤的 !important 边框会盖掉原主题红框，这里补回来 */
.form-group .has-error .form-control { border-color:#ff4242 !important; }
.form-group.paper-title .form-control, .form-group.paper-author .form-control { padding:0 60px 0 15px !important; }
.vpcs-char-count { position:absolute; right:15px; top:50%; transform:translateY(-50%);
  font-size:12px; color:#999; }
.vpcs-form-tip { font-size:12px; color:#999; line-height:1.5; margin:0; }
.form-group.paper-title .main-container,
.form-group.paper-author .main-container { margin-bottom:4px !important; }
/* 发表日期：左列单独一行（参考页 .form-row），整行显隐由装饰脚本跟随原页面。
   参考页两行表单之间只有一个 form-row 的 margin-top:20px，所以这里把
   第一行 form-group 的 margin-bottom、date-block 的 margin-top / 基线空隙全部清掉，
   否则本地会多出 34px（实测 54px vs 参考 20px）。 */
.form-group.paper-title, .form-group.paper-author { margin-bottom:0 !important; }
.form-group.vpcs-date-row { width:calc(50% - 10px) !important;
  margin-top:4px !important; margin-bottom:0 !important;
  display:none !important; }
.form-group.vpcs-date-row.vpcs-row-shown { display:block !important; }
/* 条件字段默认收起，由原页面 JS 按需 fadeIn 显示 */
.plagiarismCheck-form .form-group.paper-temp,
.plagiarismCheck-form .form-group.paper-school-class,
.plagiarismCheck-form .form-group.paper-type,
.vpcs-date-row .date-block { display:none; }
/* 原主题 .date-block 是 inline-block，会在顶部产生约 9px 基线空隙；
   改成 block 并清零 margin，让 label 直接贴在行顶（与参考页 .form-col 一致） */
.vpcs-date-row .date-block { width:100% !important; margin:0 !important;
  padding:0 !important; }
.form-group.vpcs-date-row.vpcs-row-shown .date-block { display:block !important; }
.vpcs-date-row .date-block .label-t { display:block !important; width:auto !important;
  margin:0 0 8px !important; padding-left:10px !important;
  white-space:nowrap; line-height:23px; }
.form-group.paper-title .main-container,
.form-group.paper-author .main-container { position:relative; }

/* ---------------- 提交方式 / 上传区（对齐 vpcs system.html） ---------------- */
.form-group.paper-upload { width:100% !important; margin-top:10px !important; }
.form-group.paper-upload > .label-t { display:none !important; }  /* 参考页无「提交方式」标题 */
.paper-upload-block { width:100% !important; }
.vpcs-date-row .date-block .label-t { white-space:nowrap; }
/* 参考页 .choose-list：自定义单选圆圈 */
.upload-type { margin-bottom:0; height:46px; line-height:46px; }
/* 原主题 .toCheck span 是 14px / #666 / margin-left:10px（10 层选择器），
   必须用 !important 覆盖成参考页 .choose-list li 的 16px / #2f2f2f */
.upload-type .toCheck { display:inline-block; margin-right:20px;
  font-size:16px !important; color:#2f2f2f !important;
  cursor:pointer; line-height:46px; vertical-align:middle; }
.upload-type .toCheck input { position:absolute !important; opacity:0 !important;
  width:1px !important; height:1px !important; margin:0 !important; }
.upload-type .toCheck:before { content:''; display:inline-block; width:16px; height:16px;
  vertical-align:middle; margin-right:10px; margin-bottom:2px;
  background:url('../vpcs_img/radio.png') no-repeat center; }
.upload-type .toCheck.active:before { background-image:url('../vpcs_img/radio-checked2.png');
  background-size:16px 16px; }
.upload-type .toCheck span { vertical-align:middle; font-size:16px !important;
  color:#2f2f2f !important; margin-left:0 !important; }
.notice-block { display:none !important; }

/* 参考页 .mask-upload：一个 220px 整体框，左右各 50%，中间虚线 */
.text-upload { display:flex; gap:0; height:220px; width:100%;
  border:1px solid #e6e5e5; background:#fafafa; border-radius:8px;
  box-sizing:border-box; overflow:hidden; }
.text-upload:hover { border-color:#bdc9da; background:#f3f3f3; }
.text-upload .InputBox { flex:1 1 100%; order:1; min-width:0; }
.text-upload .UploadBox { flex:0 0 50%; order:2; width:50%; min-width:0;
  position:relative; height:100% !important; overflow:hidden;
  /* 原主题 .UploadBox 自带 1px #ccc 边框 / 白底 / 6px 圆角 / 14px 上外边距，
     会在整体框里套出「框中框」并把左半区往下推 14px，参考页 .wrapBox 全都没有 */
  border:0 !important; background:transparent !important; border-radius:0 !important;
  margin-top:0 !important; }
.text-upload .UploadBox:hover { border:0 !important; }  /* 原主题 hover 是紫色虚线框 */
.text-upload .UploadBox_multiple { display:none !important; }
/* 参考页 .warm-tips：外层居中 + 10px 顶部留白，内层 .s-text inline-block 左对齐 */
.text-upload .vpcs-tips { flex:0 0 50%; order:3; width:50%; min-width:0;
  position:relative; background:transparent !important; border-left:none;
  padding:10px 0 0 !important; margin:0 !important;
  text-align:center !important; box-sizing:border-box; overflow:hidden; }
.text-upload .vpcs-tips:before { content:''; position:absolute; left:0; top:14px;
  height:80%; border-left:1px dashed #cbcbcb; }
.vpcs-tips .vpcs-tips-inner { display:inline-block; text-align:left;
  padding:20px; box-sizing:content-box; }
.vpcs-tips .s-title { color:#C68F40; font-size:18px; font-weight:normal;
  line-height:25.7143px; margin:0; text-align:left; }
.vpcs-tips ul { padding:0; margin:0; text-align:left; }
.vpcs-tips li { font-size:14px; color:#C68F40; line-height:20px;
  margin:10px 0 0; list-style:disc; }
.vpcs-tips li span { color:#8d8d8d; }
.vpcs-tips li span.system-color { color:#C68F40; }
.vpcs-tips li.vpcs-tip-extra { display:none; }
.text-upload.vpcs-tips-extra .vpcs-tips li.vpcs-tip-extra { display:list-item; }

/* 上传图标 + 「选择文件」（参考页 .choose-file） */
.UploadBox .Not { border:none !important; border-radius:0 !important;
  height:100% !important; padding:0 !important;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:transparent !important; cursor:pointer; box-sizing:border-box; }
/* 参考页 .choose-file img 用图片原始尺寸 79×63 + margin-bottom:15px；
   原主题 .Not img 的 9 级选择器会把 margin 改成 20px，必须 !important */
.UploadBox .Not > img { width:79px !important; height:63px !important;
  max-width:none !important; margin:0 0 15px !important; }
.UploadBox .Not > p { display:none !important; }
/* 原主题 .Not p 是 9 级选择器（color:#666 / 14px / margin 6px 0 17px），
   特异性远高于本规则，必须逐项 !important 才能显示参考页的蓝色 16px「选择文件」 */
.UploadBox .Not > p.vpcs-choose-label { display:inline-block !important;
  width:175px !important; text-align:center !important;
  color:#3b85d8 !important; font-size:16px !important;
  line-height:22.8571px !important; margin:0 !important; }
.UploadBox .Not > span { display:none !important; }
/* 上传中 / 成功 / 失败三态：对齐参考页 .success / .err 的居中排版。
   注意 .Complete / .UploadedSuccess / .UploadFailed / .Loading 的 display
   由原页面 jQuery .show()/.hide() 以 inline style 控制，不能用 CSS 覆盖，
   所以只重排内层：.CompleteBox 绝对居中 + 纵向 flex，状态行用 text-align 居中。 */
.UploadBox .Complete { height:100% !important; border:none !important;
  border-radius:0 !important; position:absolute !important; left:0 !important; top:0 !important;
  width:100% !important; background:transparent !important; }
.UploadBox .Complete .CompleteBox { position:absolute !important; left:0 !important;
  right:0 !important; top:50%; transform:translateY(-50%);
  width:100% !important; max-width:none; box-sizing:border-box;
  margin:0 !important; padding:0 24px !important; float:none !important;
  overflow:visible !important; display:flex; flex-direction:column;
  align-items:center; gap:12px; text-align:center; }
/* 参考页 .success 顶部是一个 64px 上传图标；原主题的小文档/加载图标统一隐藏 */
.UploadBox .Complete .CompleteBox:before { content:''; display:block;
  width:79px; height:63px; flex:0 0 63px;
  background:url('../vpcs_img/upload-file2.png') no-repeat center center;
  background-size:contain; }
.UploadBox .Complete .fileIcoBox { display:none !important; }
/* 参考页 .success：文件名与「删除」在同一行，所以 fileBox 用可换行 flex 行 */
.UploadBox .Complete .fileBox { float:none !important; position:static !important;
  width:auto !important; max-width:100%; display:flex; flex-wrap:wrap;
  align-items:center; justify-content:center; gap:8px 12px; }
.UploadBox .Complete .fileNameThesis { font-size:16px !important; color:#333 !important;
  max-width:none !important; line-height:1.5 !important; white-space:normal !important;
  overflow:visible !important; text-overflow:clip !important; margin:0 !important;
  word-break:break-all; }
.UploadBox .Complete .fileNameThesis:empty { display:none; }
.UploadBox .Complete .statusDIV { margin:0 !important; font-size:14px;
  text-align:center; line-height:1.5; }
.UploadBox .Complete .UploadedSuccess,
.UploadBox .Complete .UploadFailed,
.UploadBox .Complete .statusDIV .Loading { text-align:center; white-space:nowrap; }
.UploadBox .Complete .UploadedSuccess > *,
.UploadBox .Complete .UploadFailed > *,
.UploadBox .Complete .statusDIV .Loading > * { vertical-align:middle; margin-right:10px; }
.UploadBox .Complete .UploadedSuccess > span:not(.deleteFileThesis),
.UploadBox .Complete .UploadFailed > span:not(.deleteFileThesis),
.UploadBox .Complete .statusDIV .Loading > span:not(.deleteFileThesis) {
  color:#333 !important; font-size:14px !important; }
.UploadBox .Complete img.UploadedSuccessfully,
.UploadBox .Complete img.UploadFailedfully { width:16px; height:16px;
  margin-right:6px !important; }
/* 参考页 .success a：带边框的「删除 / 重新上传」按钮 */
.UploadBox .Complete .deleteFileThesis { display:inline-block !important;
  width:auto !important; height:auto !important; margin:0 !important; padding:0 8px !important;
  color:#737373 !important; border:1px solid #c9c9c9 !important; border-radius:2px;
  font-size:12px !important; line-height:20px !important; cursor:pointer;
  vertical-align:middle; }
.UploadBox .Complete .deleteFileThesis img { width:12px; height:12px;
  vertical-align:middle; margin:0 2px 0 0 !important; }
.UploadBox .Complete .deleteFileThesisText { color:#3b85d8 !important;
  margin-left:0 !important; }
/* 上传失败 / 未上传校验：只让左侧上传半区转红（参考页 .err 的红色提示），
   外框与右侧提示保持原样；用伪元素描边避免影响点击事件 */
.UploadBox.error:after { content:''; position:absolute; inset:0;
  border:1px solid #ff4242; border-radius:7px 0 0 7px; pointer-events:none; }
.UploadBox.error .Not > p.vpcs-choose-label { color:#d72007 !important; }
.UploadBox.error .Complete .CompleteBox:before { opacity:.55; }

/* 文本粘贴模式：参考页 .textArea 是「单层」1160×220 输入框，
   而原主题 .InputBox 带淡紫外框 / 14px padding / 276px 高 / margin-top:14px，
   会把 textarea 套一层并挤窄，必须全部清掉，只留一个纯容器。 */
.text-upload.mode-content { border:none !important; background:transparent !important; }
.text-upload.mode-content .UploadBox,
.text-upload.mode-content .vpcs-tips { display:none !important; }
.text-upload.mode-content .InputBox { flex:1 1 100%; width:100% !important;
  height:100% !important; margin:0 !important; padding:0 !important;
  border:none !important; border-radius:0 !important; background:transparent !important;
  box-sizing:border-box; overflow:hidden; }
.text-upload.mode-file .InputBox { display:none !important; }
#textareaText { width:100% !important; height:220px !important; box-sizing:border-box;
  border:1px solid #cbd5e1 !important; border-radius:8px !important; padding:15px !important;
  resize:none; font-size:14px !important; color:#555 !important; line-height:20px;
  outline:none; background:#fff !important; }
#textareaText:hover { border-color:#94a3b8 !important; }
#textareaText:focus { border-color:#4291e3 !important;
  box-shadow:0 0 0 2px #4291e31a !important; }
#textareaText::placeholder { color:#9A9A9A; }
/* 校验红框落在 textarea 本身（外层 InputBox 已无边框） */
.text-upload .InputBox.error #textareaText { border-color:#ff4242 !important; }

/* ---------------- 提交按钮 / 计费（对齐参考页 .btn / .total） ---------------- */
.submit-block { width:100%; display:flex; align-items:center; justify-content:space-between;
  margin-top:0 !important; }
/* 参考页 .btn（bootstrap）：1px transparent 边框 + line-height 1.42857143，
   24px 字 → 34.2857px 行高 → 按钮 200×50.28 */
.submit-btn { width:auto !important; min-width:180px; height:auto !important;
  line-height:1.42857143 !important; padding:7px 63px !important;
  border:1px solid transparent !important; box-sizing:border-box;
  background:#3b85d8 !important; color:#fff !important; text-align:center;
  border-radius:6px !important; font-size:24px !important; font-weight:bold !important;
  cursor:pointer; float:none !important; margin:20px 0 !important; }
.submit-btn:hover { background:#2b85eb !important; }
/* 参考页 .total：line-height 90px 的右对齐块，按钮在其中垂直居中；原主题 p 有
   margin-top:14px 会把这一行整体压偏，必须清掉 */
.submit-block > p { float:none !important; font-size:14px !important; color:#666 !important;
  line-height:90px !important; margin:0 !important; text-align:right !important; }
/* 原主题给 .unit-price / .word-num 加了 margin-right:4px，会把「0 字」「…元/万字 当前字数」
   撑出多余空隙；参考页 .total .item .ac 无外边距 */
.submit-block > p .unit-price,
.submit-block > p .word-num,
.submit-block > p .vpcs-pay-num { color:#dc3033 !important; margin:0 !important; }
.submit-block > p .unit-tips { display:none !important; }  /* 参考页计费行无附加说明 */
.submit-block > p .wordCount { display:inline-block !important; margin-left:20px !important; }
.submit-block > p .vpcs-pay-item { margin-left:20px !important; }
.vpcs-date-row .date-block { width:100% !important; }
#date { width:100% !important; background:#fff !important; }

/* ---------------- 右侧悬浮 ---------------- */
.vpcs-aside { position:fixed; z-index:10; bottom:120px; right:10px;
  list-style:none; margin:0; padding:0; text-align:center; }
.vpcs-aside li { margin-bottom:15px; }
.vpcs-aside li a { display:block; width:70px; height:70px; padding:10px;
  background:#fff; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,.1);
  text-decoration:none; box-sizing:border-box; }
.vpcs-aside li a i { display:block; width:100%; height:36px; }
.vpcs-aside li a p { margin:4px 0 0; font-size:12px; color:#333; }
.vpcs-aside .ico-faq { background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='28' fill='%23666'/%3E%3Ctext x='32' y='43' font-size='34' fill='white' text-anchor='middle'%3E?%3C/text%3E%3C/svg%3E") no-repeat center center; background-size:28px; }
.vpcs-aside .ico-kf { background:url('../vpcs_img/zckf.png') no-repeat center center; background-size:32px; }

/* 参考页 .version 黑色通栏页脚 */
.vpcs-footer { width:100%; background:#252525; color:#a9a9a9; font-size:12px;
  text-align:center; line-height:64px; }