:root{--red:#dd3333;--red-dark:#c71f1f;--red-light:#fff5f5;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;background:#fff;color:#1f2328;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
.site-header{border-bottom:1px solid #eef0f3;background:#fff;position:sticky;top:0;z-index:20;}
.header-inner{width:100%;padding:14px 100px 14px 30px;display:flex;align-items:center;justify-content:space-between;}

.brand{display:flex;align-items:center;gap:10px;}
.brand-mark{width:28px;height:28px;border-radius:6px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;}
.brand-name{font-size:16px;font-weight:600;}
.brand-sub{font-size:13px;color:#6b7280;margin-left:4px;}
/* 导航菜单样式 */
.nav-menu{display:flex;gap:24px;align-items:center;}
.nav-item{font-size:15px;font-weight:600;color:#d6080b;cursor:pointer;}
.nav-item:hover{color:var(--red);}
.nav-toggle{display:none;font-size:24px;cursor:pointer;}
.main{max-width:1150px;margin:0 auto;padding:40px 24px 80px;}
.hero{text-align:center;margin-bottom:28px;}
.hero h1{font-size:30px;font-weight:700;color:#111827;margin-bottom:12px;}
.hero p{max-width:880px;margin:0 auto;font-size:14px;line-height:1.75;color:#4b5563;}
.tag-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px;}
.tag{border:1px solid #e5e7eb;background:#fafafa;color:#374151;font-size:13px;padding:5px 12px;border-radius:999px;}
.main-section{border:1px dashed #d1d9e0;border-radius:18px;background:#fff;padding:24px;margin-bottom:20px;}
.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.upload-box{border:1px solid #eef0f3;border-radius:16px;background:#fbfbfc;padding:36px 26px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;position:relative;}
.upload-box:hover{border-color:#d1d5db;}
.upload-box.dragover{border-color:var(--red);background:var(--red-light);}
.upload-icon{width:46px;height:46px;margin:0 auto 14px;border-radius:14px;background:#fafafa;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:var(--red);}
.upload-icon svg{width:24px;height:24px;}
.upload-box h3{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;}
.upload-box p{font-size:13px;color:#6b7280;line-height:1.6;min-height:38px;}
.upload-box input[type="file"]{display:none;}
.file-info{margin-top:12px;font-size:13px;color:#2563eb;word-break:break-all;}
.remove-file{margin-top:8px;background:#fff;border:1px solid #fee2e2;color:#dc2626;font-size:12px;padding:4px 10px;border-radius:6px;cursor:pointer;display:none;}
/* ========== 修复单选模式条，解决按钮/单选UI错乱 ========== */
.mode-strip{width:100%;border:1px solid #eef0f3;border-radius:999px;background:#fff;padding:4px;display:flex;position:relative;margin-bottom:26px;overflow:hidden;}
.mode-option{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#4b5563;padding:10px 16px;border-radius:999px;cursor:pointer;position:relative;z-index:1;transition:color .2s;}
.mode-option input[type="radio"]{width:16px;height:16px;accent-color:var(--red);cursor:pointer;}
.mode-option.selected{color:#fff;font-weight:600;}
.mode-slider{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--red);border-radius:999px;transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:0;}
.action-area{text-align:center;margin:0 0 26px;}
.primary-btn{background:var(--red);color:#fff;border:none;border-radius:10px;padding:13px 36px;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px -12px rgba(221,51,51,.45);transition:background .2s;margin:4px;}
.primary-btn:hover{background:var(--red-dark);}
.primary-btn:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;}
.download-report-btn{background:#0284c7;}
.download-report-btn:hover{background:#0369a1;}
.download-report-btn:disabled{background:#d1d5db;}
.clear-result-btn{background:#fff;color:#dc2626;border:1px solid #dc2626;box-shadow:none;}
.clear-result-btn:hover{background:#fef2f2;}
.security-note{margin-top:14px;font-size:12px;color:#6b7280;}
.security-note strong{color:#111827;}
.panel{max-width:1040px;margin:0 auto 50px;background:#fcfcfd;border:1px solid #eef0f3;border-radius:16px;padding:24px;display:none;}
.panel h3{margin-bottom:16px;color:#111827;}
.rules-table{width:100%;border-collapse:collapse;margin-top:12px;}
.rules-table th,.rules-table td{border:1px solid #eef0f3;padding:8px 9px;font-size:13px;text-align:left;}
.rules-table th{background:#f3f4f6;}
.rules-table input{width:100%;border:1px solid #e5e7eb;border-radius:6px;padding:5px 8px;font-size:13px;}
.report-item{padding:9px 0;border-bottom:1px solid #eee;font-size:14px;line-height:1.6;}
.report-error{color:#dc2626;}
.report-pass{color:#059669;}
.report-warn{color:#d97706;}
.report-summary{background:#f0f4ff;border:1px solid #dbe4ff;border-radius:8px;padding:12px 14px;margin-bottom:14px;font-size:14px;color:#1e3a8a;}
.hint{font-size:12px;color:#6b7280;margin-top:8px;line-height:1.6;}
.faq{max-width:900px;margin:0 auto;}
.faq h2{font-size:25px;font-weight:600;text-align:center;margin-bottom:24px;color:#111827;}
.faq-block{border:1px solid #eef0f3;background:#fcfcfd;border-radius:12px;padding:16px 18px;margin-bottom:12px;}
.faq-block h4{font-size:14px;font-weight:600;color:#111827;margin-bottom:8px;}
.faq-block p{font-size:13px;line-height:1.7;color:#4b5563;}
.faq-block .safe-highlight{color:#0f766e;font-weight:600;}
.site-footer{border-top:1px solid #eef0f3;background:#fff;padding:24px;text-align:center;font-size:12px;color:#6b7280;}
@media (max-width:900px){
  .main{padding:30px 16px 60px;}
  .upload-grid{grid-template-columns:1fr;}
  .brand-sub{display:none;}
  .hero h1{font-size:24px;}
  .nav-menu{display:none;position:absolute;top:60px;left:0;width:100%;background:#fff;flex-direction:column;padding:16px 24px;gap:16px;border-bottom:1px solid #eee;}
  .nav-menu.active{display:flex;}
  .nav-toggle{display:block;}
}



.badge{
  position:absolute;
  top:4px;
  right:343px;
  font-size:11px;
  line-height:1;
  border-radius:999px;
  padding:3px 7px;
  color:#fff;
  white-space:nowrap;
}
.badge.sale{
  background:linear-gradient(135deg,#ff9533,#ff6a1f);
}
.badge.hot{
  background:linear-gradient(135deg,#ff5522,#ff3311);
}