*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#14304d;--navy2:#1d4266;--steel:#3b6ea5;--orange:#e67e22;--bg:#f4f6f8;--line:#e3e8ed;--txt:#222;--mut:#666;--red:#c0392b;--green:#1e7d32}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--txt);font-size:16px;line-height:1.6;max-width:760px;margin:0 auto;min-height:100vh}
a{color:var(--steel);text-decoration:none}
img{max-width:100%}
.top{background:var(--navy);color:#fff;padding:14px 16px 12px;position:sticky;top:0;z-index:20}
.top .name{font-size:19px;font-weight:700;line-height:1.3}
.top .en{font-size:11px;color:#b9c9d8;margin-top:2px}
.top .tel{margin-top:6px;font-size:14px}
.top .tel a{color:#ffd27d;font-weight:700}
.nav{display:flex;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:19;overflow-x:auto}
.nav a{flex:1;min-width:64px;text-align:center;padding:11px 4px;font-size:14px;color:var(--txt);border-bottom:2px solid transparent;white-space:nowrap}
.nav a.on{color:var(--navy);border-bottom-color:var(--orange);font-weight:700}
.wrap{padding:14px 14px 90px}
.card{background:#fff;border-radius:10px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.card h2{font-size:17px;margin-bottom:8px;color:var(--navy)}
.card h3{font-size:15px;margin:12px 0 6px;color:var(--navy)}
.mut{color:var(--mut);font-size:13px}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2) 60%,#274b73);color:#fff;border-radius:10px;padding:22px 18px;margin-bottom:12px}
.hero h1{font-size:22px;line-height:1.35}
.hero p{color:#cfe0ef;font-size:14px;margin-top:8px}
.stats{display:flex;gap:8px;margin-top:14px}
.stat{flex:1;background:rgba(255,255,255,.12);border-radius:8px;padding:10px 4px;text-align:center}
.stat b{display:block;font-size:20px;color:#ffd27d}
.stat span{font-size:12px;color:#dbe7f2}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tile{background:#fff;border-radius:10px;padding:14px 12px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.tile b{font-size:15px;color:var(--navy);display:block;line-height:1.4}
.tile span{font-size:12px;color:var(--mut)}
.tile .tag{display:inline-block;font-size:11px;padding:1px 6px;border-radius:4px;margin-top:6px}
.tag.ok{background:#e6f4ea;color:var(--green)}
.tag.wait{background:#fdf1e3;color:#9c6a12}
.btn{display:block;width:100%;background:var(--orange);color:#fff;border:0;border-radius:8px;padding:13px;font-size:16px;font-weight:700;text-align:center;cursor:pointer}
.btn.navy{background:var(--navy)}
.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.btn.small{width:auto;display:inline-block;padding:8px 16px;font-size:14px}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #cfd6dd;border-radius:8px;font-size:16px;margin:6px 0 12px;background:#fff}
label{font-size:14px;font-weight:600}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{border:1px solid var(--line);padding:7px 6px;text-align:left;vertical-align:top}
th{background:#eef2f6;color:var(--navy)}
.tblwrap{overflow-x:auto;margin:8px -4px}
.notice{background:#fff8e6;border:1px solid #f0d48a;border-radius:8px;padding:10px 12px;font-size:13px;color:#7a5b00;margin:10px 0}
.notice.red{background:#fdecea;border-color:#f0b4ac;color:#8c1d12}
.badge{display:inline-block;font-size:12px;padding:2px 8px;border-radius:20px;background:#eef2f6;color:var(--navy)}
.badge.st-待处理{background:#fdecea;color:var(--red)}
.badge.st-已确认,.badge.st-处理中,.badge.st-履行中{background:#fff3e0;color:#9c6a12}
.badge.st-已发货,.badge.st-已签{background:#e3f2fd;color:#1565c0}
.badge.st-完成,.badge.st-已完成,.badge.st-已回复{background:#e6f4ea;color:var(--green)}
.badge.st-已取消{background:#eee;color:#888}
.list-item{border-top:1px solid var(--line);padding:12px 0}
.list-item:first-child{border-top:0}
.foot{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);display:flex;z-index:20;max-width:760px;margin:0 auto}
.foot a{flex:1;text-align:center;padding:11px 0 12px;font-size:13px;color:var(--mut)}
.foot a.on{color:var(--navy);font-weight:700}
.tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:12px}
.tabs button{flex:1;min-width:70px;padding:9px 4px;border:1px solid var(--line);background:#fff;border-radius:8px;font-size:14px;white-space:nowrap;cursor:pointer}
.tabs button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.login{max-width:420px;margin:40px auto 0}
.login input{text-align:center;letter-spacing:6px;font-size:20px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:#eef2f6;border-radius:20px;padding:4px 12px;font-size:13px;color:var(--navy)}
.kv{font-size:14px}
.kv div{padding:5px 0;border-bottom:1px dashed var(--line)}
.kv b{color:var(--navy)}