*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#f4f6f9;color:#212529}
.nav{background:#1B3A5C;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 24px}
.nav-brand{font-size:18px;font-weight:700}
.nav-links{display:flex;gap:18px;align-items:center;font-size:14px}
.nav-links a{color:#cfe0f0;text-decoration:none}
.nav-links a:hover{color:#fff}
.nav-user{color:#ffd700;margin-left:8px}
.logout{opacity:.8}
.container{max-width:1080px;margin:24px auto;padding:0 16px}
h2{color:#1B3A5C;margin:12px 0} h3{color:#1B3A5C;margin:20px 0 12px}
.sub{font-size:13px;color:#888;font-weight:400}
.stats{display:flex;gap:16px;margin:16px 0 20px}
.stat{flex:1;background:#fff;border-radius:10px;padding:16px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.stat b{font-size:26px;color:#2C6FAC;display:block}
.stat span{font-size:12px;color:#6C757D}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);font-size:13px}
th{background:#1B3A5C;color:#fff;padding:10px 8px;text-align:left;font-weight:600;white-space:nowrap}
td{padding:8px;border-bottom:1px solid #eee;vertical-align:middle}
tr:hover td{background:#f8fafc}
.badge{padding:3px 10px;border-radius:20px;font-size:12px;white-space:nowrap}
.pending_ai{background:#fff3cd;color:#997f0a}
.ai_done{background:#e3edf7;color:#1B3A5C}
.confirmed{background:#d4edda;color:#155724}
.exported{background:#d1ecf1;color:#0c5460}
.warn{color:#C0392B;font-size:12px}
.empty{color:#999;text-align:center;padding:20px}
.btn{display:inline-block;border:none;background:#2C6FAC;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;text-decoration:none}
.btn:hover{opacity:.9} .btn.primary{background:#1B3A5C} .btn.ok{background:#1B7A3D}
.btn.big{padding:12px 26px;font-size:16px} .btn.sm{padding:5px 10px;font-size:12px}
.actions{display:flex;gap:12px;margin-top:16px}
.upload-form,.login-box{background:#fff;border-radius:10px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.login-box{max-width:380px;margin:80px auto;text-align:center}
.login-box h2{color:#1B3A5C}
.login-box input{width:100%;padding:12px;margin:8px 0;border:1px solid #ccc;border-radius:6px}
.login-box button{width:100%;padding:12px;background:#1B3A5C;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;margin-top:8px}
.alert.err{background:#f8d7da;color:#721c24;padding:10px;border-radius:6px;margin:10px 0}
.form-row{display:flex;gap:12px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.form-row label{min-width:70px;color:#555;font-size:14px}
.form-row input,.form-row select,.form-row textarea{padding:10px;border:1px solid #ccc;border-radius:6px;flex:1;font-size:14px}
.form-row textarea{font-family:inherit}
.sku-add{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.sku-add input,.sku-add select{padding:9px;border:1px solid #ccc;border-radius:6px}
.w1{width:120px} .w2{width:180px}
.search{display:flex;gap:8px;margin:10px 0}
.search input{flex:1;padding:9px;border:1px solid #ccc;border-radius:6px}
#grid input{width:90px;padding:5px;border:1px solid #ddd;border-radius:4px;font-size:13px}
#grid input.name{width:150px} #grid input.unit{width:60px}

/* 对账工作台 */
.tip{background:#e3edf7;color:#1B3A5C;padding:12px 14px;border-radius:8px;margin-top:14px;font-size:13px;line-height:1.7}
.cat-ok td{background:#f6fbf7}
.cat-diff td{background:#fff7e6}
.cat-cust td{background:#f3e8ff}
.cat-ours td{background:#e8f0ff}
.cat-cut td{background:#eef0f2;opacity:.75}
.ok-txt{color:#1B7A3D;font-weight:700;font-size:12px}
.way{padding:5px;border:1px solid #ccc;border-radius:4px;font-size:12px}
.note{width:130px;padding:5px;border:1px solid #ddd;border-radius:4px;font-size:12px}
.by{font-size:12px;color:#888}

/* 三期：flash消息 + 台账 */
.flash{padding:10px 14px;border-radius:8px;margin-bottom:14px;font-size:14px}
.flash.ok{background:#e6f7ee;color:#1B7A3D;border:1px solid #bfe8d1}
.flash.err{background:#fdeaea;color:#c0392b;border:1px solid #f5c6c6}
.upload-form.col{max-width:420px}
.upload-form.col .form-row{flex-direction:column;align-items:stretch}
.upload-form.col .form-row input{margin:4px 0 10px;padding:8px}
.stat.big b{font-size:20px}
.badge.overdue{background:#fdeaea;color:#c0392b}
/* ===== 移动端适配(P1.7) ===== */
@media(max-width:820px){
  .nav{padding:8px 10px}
  .nav-brand{width:100%;margin-bottom:6px;font-size:16px}
  .nav-links{flex-wrap:wrap;gap:6px 12px;font-size:13px}
  main.container,.container{margin:12px auto;padding:0 10px}
  .stats{flex-wrap:wrap;gap:10px;margin:12px 0 16px}
  .stat{flex:1 1 40%;padding:10px}
  .stat b{font-size:20px}
  .form-row{flex-direction:column;align-items:stretch}
  .form-row .col,.form-row .w2,.form-row>div{width:100%!important;flex-basis:100%;max-width:100%!important}
  .form-row label{min-width:auto;font-size:13px;margin-bottom:2px}
  .form-row input,.form-row select,.form-row textarea{font-size:15px;padding:10px}
  table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  th,td{padding:8px 10px}
  .alert{font-size:13px}
  h3{font-size:16px}
}
@media(max-width:480px){
  .stat{flex:1 1 100%}
  .nav-links a{font-size:13px;padding:3px 0}
  .nav-user{display:block;width:100%}
  .actions .btn,.btn.sm{padding:6px 8px;font-size:12px}
}
/* ===== 下拉分组导航(P1.9导航重构) ===== */
.nav{overflow:visible}
.nav-group{position:relative}
.nav-group-title{cursor:pointer;color:#cfe0f0;display:inline-flex;align-items:center;padding:6px 4px;gap:2px;white-space:nowrap;user-select:none}
.nav-group-title:hover{color:#fff}
.nav-group.open>.nav-group-title{color:#fff}
.nav-group .dd{display:none;position:absolute;top:100%;left:0;background:#1d2f4d;min-width:185px;border-radius:8px;padding:6px;box-shadow:0 8px 20px rgba(0,0,0,.3);z-index:999}
.nav-group.open .dd{display:block}
.nav-group .dd a{display:block;padding:9px 12px;color:#cfe0f0;text-decoration:none;font-size:13px;white-space:nowrap;border-radius:5px}
.nav-group .dd a:hover{background:#2C6FAC;color:#fff}
@media(max-width:820px){
  .nav-group{position:static;width:100%}
  .nav-group-title{display:block;width:100%;font-weight:600;padding:8px 0 2px;color:#fff}
  .nav-group .dd{position:static;display:none;flex-wrap:wrap;background:none;box-shadow:none;padding:2px 0 6px;min-width:0;width:100%;gap:6px}
  .nav-group.open .dd{display:flex}
  .nav-group .dd a{display:inline-block;padding:5px 10px;background:rgba(255,255,255,.09);border-radius:5px;font-size:12px;color:#cfe0f0}
}
</CSSEOF>
echo "样式已追加"
