:root{
  --bg:#f5f6f8; --card:#fff; --text:#1f2329; --muted:#6b7280; --line:#e6e8eb;
  --accent:#ff6a00; --accent-d:#e65c00; --green:#16a34a; --grey:#9ca3af; --red:#dc2626;
  --radius:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
a{color:var(--accent-d);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:22px;margin:8px 0 14px}
h2{font-size:16px;margin:18px 0 10px}
code{background:#f1f2f4;padding:1px 5px;border-radius:4px;font-size:.92em;word-break:break-all}
mark{background:#ffe58f;color:inherit;padding:0 1px;border-radius:2px}
.muted{color:var(--muted)} .small{font-size:13px}

/* 顶部导航 */
.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;background:#fff;border-bottom:1px solid var(--line);padding:0 20px;height:56px}
.brand{font-weight:700;font-size:17px;color:var(--text);white-space:nowrap}
.brand:hover{text-decoration:none}
.nav{display:flex;gap:4px;margin-left:auto}
.nav a{padding:8px 12px;border-radius:8px;color:var(--text);white-space:nowrap}
.nav a:hover{background:#f3f4f6;text-decoration:none}
.nav a.on{color:var(--accent);background:#fff3e8;font-weight:600}
.nav .logout{color:var(--muted)}
.navtoggle,.burger{display:none}

.wrap{max-width:1100px;margin:0 auto;padding:20px}

/* 通用 */
.btn{display:inline-block;border:1px solid var(--line);background:#fff;color:var(--text);padding:9px 16px;border-radius:8px;font-size:15px;cursor:pointer;line-height:1.3;white-space:nowrap}
.btn:hover{background:#f7f7f8;text-decoration:none}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}
.btn.primary:hover{background:var(--accent-d)}
.btn.danger{color:var(--red);border-color:#f3c4c4}
input,select,textarea{font:inherit;color:inherit;border:1px solid #d5d8dc;border-radius:8px;padding:9px 11px;background:#fff;width:100%;min-width:0}
input:focus,select:focus{outline:2px solid #ffd2ad;border-color:var(--accent)}
input[type=checkbox]{width:auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:16px}
.card h2:first-child{margin-top:0}
.alert{padding:11px 14px;border-radius:8px;margin-bottom:14px;border:1px solid}
.alert.ok{background:#ecfdf3;border-color:#b7ebc9;color:#11672f}
.alert.err{background:#fef2f2;border-color:#f7c7c7;color:#991b1b}
.alert.warn{background:#fffbeb;border-color:#fde68a;color:#92400e}
.tag{display:inline-block;font-size:12px;padding:2px 8px;border-radius:99px;background:#fff3e8;color:var(--accent-d);white-space:nowrap}
.tag.green{background:#e8f7ee;color:var(--green)}
.tag.grey{background:#f1f2f4;color:#6b7280}
.tag.plat{background:#eef2ff;color:#4f46e5}

/* 表单 */
.form{display:flex;flex-direction:column;gap:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#374151}
.form label.check{flex-direction:row;align-items:center;gap:8px}
.form.inline{flex-direction:row;flex-wrap:wrap;align-items:flex-end}
.form.inline label{flex:1 1 180px}
.form.mini{gap:8px;align-items:center}
.form.mini input{width:150px}

/* 登录卡片 */
.auth-card{max-width:400px;margin:8vh auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px;box-shadow:0 6px 24px rgba(0,0,0,.05)}
.auth-card h1{margin-top:0;text-align:center}
.auth-card>.muted{text-align:center;margin-top:-6px}
.auth-card .btn{width:100%;padding:11px}

/* 搜索 */
.search{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;margin-bottom:12px}
.search-main{display:flex;gap:8px}
.search-main select{flex:0 0 130px}
.search-main input{flex:1}
.filters{margin-top:10px}
.filters summary{cursor:pointer;color:var(--muted);font-size:14px;user-select:none}
.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.filter-grid label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.reset{display:inline-block;margin-top:8px;font-size:13px}
.result-count{color:var(--muted);margin:6px 2px 12px}
.empty{background:#fff;border:1px dashed var(--line);border-radius:var(--radius);padding:40px;text-align:center;color:var(--muted)}

/* 订单卡片 */
.orders{display:flex;flex-direction:column;gap:14px}
.order{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.order-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:11px 16px;background:#fafafb;border-bottom:1px solid var(--line)}
.order-no{font-weight:600;color:var(--text);word-break:break-all}
.order-head time{margin-left:auto;color:var(--muted);font-size:13px}
.receiver{padding:10px 16px;border-bottom:1px solid var(--line);font-size:14px}
.receiver span{margin-left:10px;color:#374151}
.receiver .addr{color:var(--muted);margin-top:2px}
.items{list-style:none;margin:0;padding:0}
.items li{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f0f1f3}
.items li:last-child{border-bottom:0}
.items img,.noimg{flex:0 0 72px;width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#f5f5f5}
.noimg{display:flex;align-items:center;justify-content:center;color:#c0c4cc;font-size:12px}
.item-info{min-width:0;flex:1}
.item-info .title{font-size:14px;line-height:1.45;word-break:break-word}
.item-info .meta{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:6px;font-size:13px;color:var(--muted)}
.item-info .track{color:#374151}
.order-foot{display:flex;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--line);background:#fafafb;font-size:14px}
.order-foot .seller{color:var(--muted);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.order-foot .paid{margin-left:auto;white-space:nowrap}
.order-foot .paid b{color:var(--accent-d);font-size:16px}
.pager{display:flex;justify-content:center;align-items:center;gap:14px;margin:22px 0}
.pager a{background:#fff;border:1px solid var(--line);padding:8px 14px;border-radius:8px}

/* 订单详情 */
.back{color:var(--muted)}
.detail{padding-bottom:6px}
.detail>h2{padding:0 16px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding:0 16px}
.kv{display:grid;grid-template-columns:90px 1fr;gap:6px 12px;margin:0;font-size:14px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;word-break:break-word}
.items.big img,.items.big .noimg{flex-basis:110px;width:110px;height:110px}

/* 用户管理 */
.user-list{display:flex;flex-direction:column}
.user-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #f0f1f3}
.user-row:last-child{border-bottom:0}
.user-row>div:first-child{flex:1 1 200px}
.help ul{margin:0;padding-left:20px}
.help li{margin:4px 0}

/* 同步记录 */
.sync-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sync-cards .card{margin-bottom:0}
.sync-cards+.card{margin-top:16px}
.tag.red{background:#fef2f2;color:var(--red)}
.log-row{padding:10px 0;border-bottom:1px solid #f0f1f3}
.log-row:last-child{border-bottom:0}
.log-top{display:flex;gap:8px;align-items:center;margin-bottom:4px}
.log-top time{margin-left:auto}

/* ---------- 平板 ---------- */
@media (max-width: 900px){
  .filter-grid{grid-template-columns:1fr 1fr}
  .detail-grid{grid-template-columns:1fr}
}

/* ---------- 手机 ---------- */
@media (max-width: 640px){
  body{font-size:15px}
  .wrap{padding:12px}
  .topbar{padding:0 14px;height:52px}
  .burger{display:flex;flex-direction:column;justify-content:center;gap:5px;margin-left:auto;width:40px;height:40px;cursor:pointer;padding:9px}
  .burger span{display:block;height:2px;background:var(--text);border-radius:2px}
  .nav{display:none;position:absolute;top:52px;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:8px;box-shadow:0 8px 20px rgba(0,0,0,.06)}
  .nav a{padding:12px}
  .navtoggle:checked ~ .nav{display:flex}
  .search{padding:10px}
  .search-main{flex-wrap:wrap}
  .search-main select{flex:1 1 100%}
  .search-main input{flex:1 1 0}
  .filter-grid{grid-template-columns:1fr 1fr}
  .sync-cards{grid-template-columns:1fr}
  .order-head{padding:10px 12px}
  .order-head time{margin-left:0;width:100%}
  .receiver,.items li,.order-foot{padding-left:12px;padding-right:12px}
  .items img,.noimg{flex-basis:64px;width:64px;height:64px}
  .items.big img,.items.big .noimg{flex-basis:84px;width:84px;height:84px}
  .kv{grid-template-columns:76px 1fr}
  .form.mini input{width:100%}
  .form.mini{flex:1 1 100%}
  .auth-card{margin:5vh auto;padding:22px 18px}
  .card{padding:14px}
}