
*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.6 -apple-system,"PingFang SC","Microsoft YaHei",sans-serif;background:#f5f6f8;color:#222}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 14px}
header{background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:9}
header .bar{display:flex;align-items:center;gap:14px;height:56px}
.logo{font-weight:700;font-size:17px;color:#e4393c;white-space:nowrap}
.logo small{color:#999;font-weight:400;font-size:11px;margin-left:6px}
.search{flex:1;display:flex;gap:8px}
input,select,textarea{border:1px solid #dcdfe6;border-radius:6px;padding:8px 10px;font-size:14px;background:#fff;outline:none;width:100%}
input:focus,select:focus{border-color:#e4393c}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#e4393c;color:#fff;
 border:none;border-radius:6px;padding:9px 18px;font-size:14px;cursor:pointer;white-space:nowrap}
.btn:hover{background:#c8161d}
.btn.ghost{background:#fff;color:#e4393c;border:1px solid #f0b4b6}
.btn.gray{background:#f2f3f5;color:#444;border:1px solid #dcdfe6}
.btn.gray:hover{background:#e6e7e9}
.btn.sm{padding:4px 10px;font-size:12.5px}
.ubar{display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}
.ubar a:hover{color:#e4393c}
.balwrap{display:inline-flex;align-items:center;gap:6px}
.balwrap .lb{color:#999;font-size:12px}
.bal{color:#e4393c;font-weight:600}
.czbtn{display:inline-flex;align-items:center;background:#e4393c;color:#fff;border-radius:4px;
 padding:1px 9px;font-size:12px;line-height:20px;font-weight:600}
.czbtn:hover{background:#c8161d;color:#fff}
.chips{display:flex;gap:8px;overflow:auto;padding:12px 0 4px}
.chip{background:#fff;border:1px solid #e6e7e9;border-radius:20px;padding:5px 13px;font-size:13px;white-space:nowrap;cursor:pointer}
.chip.on{border-color:#e4393c;color:#e4393c;background:#fff5f5}
.amtwrap{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 10px}
.ptbl td{white-space:nowrap}
.ptbl td:nth-child(3){white-space:nowrap}
.amtrow{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:14px}
.flow .fs{display:inline-flex;align-items:center;gap:6px;background:#fafafa;border:1px solid #f0f0f0;
  border-radius:18px;padding:4px 11px 4px 4px;font-size:12.5px;color:#333;white-space:nowrap}
.flow .fs i{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
  border-radius:50%;background:#ff6a00;color:#fff;font-size:11px;font-style:normal;font-weight:600}
.flow .fs.end i{background:#389e0d}
.flow .gap{color:#d9d9d9;font-size:12px}
.flexhead{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-bottom:4px}
@media(max-width:640px){.amtwrap .chip{flex:1;text-align:center;min-width:64px}.amtrow input{flex:1}
 .ptbl th:nth-child(4),.ptbl td:nth-child(4){display:none}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;padding:14px 0}
.card{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #f0f0f0;display:flex;flex-direction:column;transition:.15s}
.card:hover{box-shadow:0 6px 18px rgba(0,0,0,.07);transform:translateY(-1px)}
.card .thumb{height:150px;background:#fafafa;display:flex;align-items:center;justify-content:center}
.card .thumb img{max-width:100%;max-height:100%;object-fit:contain}
.card .body{padding:10px 12px 8px;display:flex;flex-direction:column;gap:6px;flex:1}
.card .t{font-size:13px;line-height:1.45;height:38px;overflow:hidden;color:#333}
.card .pf{display:flex;align-items:center;gap:6px;margin-top:auto;padding:6px 10px 9px}
.card .pf .pfk{flex:0 0 auto;font-size:11.5px;line-height:1;color:#333;font-weight:600;white-space:nowrap;letter-spacing:.2px}
.card .pf .pfi{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px;row-gap:3px;margin-left:auto}
.card .pf i{font-style:normal;font-size:9px;line-height:14px;padding:0 3px;border-radius:3px;color:#fff;white-space:nowrap;font-weight:400}
.card .pf i.more{background:#c4c4c4}
.card .pf img{width:17px;height:17px;border-radius:4px;display:block}
/* 仓名里写死"不支持天猫"的货：淘宝天猫共用同一个面单编码，筛选摘不掉，只能明写一句 */
.pfnt{display:inline-block;margin:0 10px 2px;padding:2px 7px 2px 8px;border-radius:4px;
  background:#fff1f0;border:1px solid #ffb3b0;border-left:3px solid #e4393c;
  color:#c8161d;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.2px}
.pfnt b{font-weight:700;color:#e4393c}
.pfbrow .pfnt{margin:0;padding:1px 7px;font-size:11.5px}
.tags .pfnt{margin:0 0 0 6px;vertical-align:middle}
@media(max-width:640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.card .thumb{height:120px}.card .body{padding:8px 8px 6px}
.card .pf{padding:4px 6px 6px;gap:4px}
 .card .pf .pfk{font-size:10px;color:#333}
 .card .pf .pfi{gap:1px;row-gap:2px}
.card .pf img{width:14px;height:14px;border-radius:3px}
.card .pf i{font-size:8.5px;line-height:13px;padding:0 3px}
.card .pfnt{font-size:10.5px;margin:0 6px 3px;padding:1px 5px 1px 6px;line-height:1.45;
 border-left-width:3px}}
@media(max-width:380px){.card .pf .pfk{font-size:0}.card .pf .pfk::before{content:"支持";font-size:10px;color:#333;font-weight:600}.card .pf img{width:13px;height:13px}}
.pfb{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-start;margin:0}
.pfb .pfi{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.pfbrow{display:flex;align-items:center;justify-content:flex-end;gap:6px;
padding:0 14px 8px;flex-wrap:wrap}
.pfbrow .pflab{font-size:12px;color:#333;font-weight:600;white-space:nowrap}
.pfb img{width:18px;height:18px;border-radius:4px;display:block}
.pfb i{font-style:normal;font-size:9.5px;line-height:15px;padding:0 4px;border-radius:3px;
color:#fff;white-space:nowrap;font-weight:400}
.tag{font-size:11px;color:#888;background:#f5f6f8;border-radius:4px;padding:2px 6px;display:inline-block}
.tag.on{background:#fff5f5;color:#e4393c;font-weight:600}
.price{color:#e4393c;font-weight:700;font-size:19px}
.price small{font-size:12px;font-weight:400}
.cut{color:#aaa;font-size:12px;text-decoration:line-through;margin-left:6px}
.pager{display:flex;gap:8px;justify-content:center;padding:18px 0 40px}
.pager a,.pager span{background:#fff;border:1px solid #e6e7e9;border-radius:6px;padding:6px 12px;font-size:13px}
.pager .cur{background:#e4393c;color:#fff;border-color:#e4393c}
.panel{background:#fff;border-radius:10px;padding:18px;margin:14px 0;border:1px solid #f0f0f0}
.row{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center;margin-bottom:12px}
.row>label{color:#666;font-size:13px;text-align:right}
.row.top{align-items:start}
.row.top>label{padding-top:8px}
.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.tips{background:#fffbf0;border:1px solid #ffe4a8;color:#8a6d3b;border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.7}
.err{background:#fff2f0;border:1px solid #ffccc7;color:#cf1322;border-radius:8px;padding:10px 12px;font-size:13px}
.ok{background:#f6ffed;border:1px solid #b7eb8f;color:#389e0d;border-radius:8px;padding:10px 12px;font-size:13px}
.warn{background:#fffbf0;border:1px solid #ffe4a8;color:#8a6d3b;border-radius:8px;padding:8px 10px;font-size:12.5px;line-height:1.7}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:9px 8px;border-bottom:1px solid #f0f0f0;text-align:left;vertical-align:top}
th{color:#888;font-weight:500;background:#fafafa}
.steps{display:flex;gap:6px;margin:16px 0}
.step{flex:1;text-align:center;font-size:12px;color:#bbb;position:relative}
.step b{display:block;width:22px;height:22px;line-height:22px;border-radius:50%;background:#eee;color:#fff;margin:0 auto 5px;font-size:11px}
.step.on{color:#e4393c}.step.on b{background:#e4393c}
.big{font-size:22px;font-weight:700;letter-spacing:.5px;color:#111}
.mono{font-family:ui-monospace,Consolas,monospace}
.muted{color:#999;font-size:12px}
.footer{text-align:center;color:#bbb;font-size:12px;padding:30px 0}
.auth{max-width:390px;margin:40px auto}
.auth h3{font-size:18px;margin-bottom:4px}
.auth .sub{color:#999;font-size:12.5px;margin-bottom:18px}
.auth input{margin-bottom:12px}
.auth .btn{width:100%}
.auth .foot{text-align:center;font-size:13px;color:#666;margin-top:14px}
.auth .vrow{display:flex;gap:8px;margin-bottom:12px}
.auth .vrow input{margin-bottom:0;flex:1;min-width:0}
.auth .vrow .btn{width:auto;flex:0 0 auto;padding:0 14px;white-space:nowrap}
.amt{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.amt button{background:#fff;border:1px solid #dcdfe6;border-radius:8px;padding:12px 18px;cursor:pointer;font-size:15px}
.amt button.on{border-color:#e4393c;color:#e4393c;background:#fff5f5}
.sidekf{position:fixed;right:0;top:50%;transform:translateY(-50%);background:#fff;
 border:1px solid #ececec;border-right:none;border-radius:12px 0 0 12px;box-shadow:0 6px 22px rgba(0,0,0,.09);
 z-index:30;overflow:hidden}
.sidekf .kfi{display:flex;flex-direction:column;align-items:center;gap:5px;width:66px;padding:11px 6px;
 font-size:11.5px;color:#17418c;border-bottom:1px solid #f2f3f5;cursor:pointer;background:#fff;line-height:1.2}
.sidekf .kfi:last-child{border-bottom:none}
.sidekf .kfi:hover{background:#f4f7ff}
.sidekf svg{width:26px;height:26px;fill:none;stroke:#17418c;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kfmask{position:fixed;inset:0;background:rgba(0,0,0,.38);display:none;z-index:80;align-items:center;justify-content:center;padding:18px}
.kfmask.on{display:flex}
.kfbox{background:#fff;border-radius:14px;padding:22px 20px;max-width:330px;width:100%;text-align:center}
.kfbox h4{font-size:16px;margin-bottom:6px;color:#111}
.kfbox .kfnum{font-size:22px;font-weight:700;color:#17418c;letter-spacing:.6px;margin:10px 0;word-break:break-all}
.kfbox .kfnum:empty{display:none}
.kfbox .muted{margin-bottom:14px}
.kfbox .kfbtns{display:flex;gap:8px}
.kfbox .kfbtns .btn{flex:1}
.kfqr{display:block;width:210px;height:210px;margin:6px auto 10px;border:1px solid #f0f0f0;border-radius:8px}
/* ---- 商品购买卡（对齐上游「一件代发」右侧卡） ---- */
.buy2{display:grid;grid-template-columns:1fr 380px;gap:16px;align-items:start}
.buy2 .main{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:16px}
.buy2 .aside{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:0;overflow:hidden}
.buy2 .aside h4{text-align:center;font-size:14px;font-weight:600;padding:12px 0;border-bottom:1px solid #f5f6f8}
.buy2 .aside .in{padding:14px}
.buy2 .kv{margin-bottom:14px}
.buy2 .kv .k{font-size:12.5px;color:#666;margin-bottom:7px}
.buy2 .kv .k em{font-style:normal;color:#e4393c;margin-left:2px}
.sp{display:flex;flex-wrap:wrap;gap:8px}
.sp button{background:#fff;border:1px solid #dcdfe6;border-radius:4px;padding:6px 12px;font-size:13px;cursor:pointer;color:#333}
.sp button.on{border-color:#ff6a00;color:#ff6a00;background:#fff8f3;font-weight:600}
.sp button em{font-style:normal;color:#999;font-size:11.5px;margin-left:4px}
.sp button.on em{color:#ff6a00}
.buy2 .cta{display:flex;gap:10px;padding:0 14px 14px}
.buy2 .cta .btn{flex:1}
.buy2 .cta .btn.orange{background:#ff6a00}
.buy2 .cta .btn.orange:hover{background:#e85f00}
.buy2 .cta .btn.soft{background:#fff4ec;color:#ff6a00;border:1px solid #ffd6b8}
.shopline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:#666;margin-bottom:10px}
.shopline b{color:#111;font-size:13.5px}
.attr{font-size:12.5px}
.attr th{width:110px;color:#888;background:#fafafa;font-weight:400}
/* ---- 批量下单页（对齐上游「提交下单」页） ---- */
.sum{display:grid;grid-template-columns:1fr 300px;gap:14px}
.sum .card2{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:12px;display:flex;gap:12px}
.sum img{width:76px;height:76px;object-fit:contain;background:#fafafa;border-radius:6px;flex:0 0 auto}
.sum .t{font-size:13px;line-height:1.45;font-weight:600}
.sum .meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:#666;margin-top:6px}
.sum .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}
.tabbar{display:flex;gap:0;border-bottom:1px solid #f0f0f0;margin-bottom:0;overflow-x:auto;white-space:nowrap}
.tabbar::-webkit-scrollbar{height:0}
.tabbar span{padding:10px 16px;font-size:13px;color:#666;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap;flex:0 0 auto}
.tabbar span.on{color:#1890ff;border-bottom-color:#1890ff;font-weight:600}
.tabbar span.dis{color:#ccc;cursor:not-allowed}
#addrbox{min-height:190px;font-size:13px;line-height:1.8}
#sbox{min-height:130px;font-size:12.5px;line-height:1.7}
.smap{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;padding:10px;background:#fafafa;border-radius:8px}
.smap label{font-size:12px;color:#666;display:flex;align-items:center;gap:5px;white-space:nowrap;flex:0 0 auto}
.smap select{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px;background:#fff;max-width:140px;width:auto}
.addrbar select{width:auto;min-width:132px;padding:6px 8px;font-size:12.5px}
.sfile{font-size:12px;color:#666}
.flist .fmsg{color:#cf1322;font-size:12px;line-height:1.5}
.flist td.ck{width:30px}
.onlym{display:none}
@media(max-width:640px){.onlym{display:inline}
 .flist th:nth-child(5),.flist td:nth-child(5),
 .flist th:nth-child(4),.flist td:nth-child(4){display:none}
 .flist th:nth-child(2),.flist td:nth-child(2){width:auto!important;min-width:140px}
 .flist td.fmsg{min-width:120px}}
.addrbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.addrbar .btn.sm{padding:6px 14px}
.paybar{position:sticky;bottom:0;background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:12px 14px;
 display:flex;align-items:center;gap:16px;flex-wrap:wrap;box-shadow:0 -4px 14px rgba(0,0,0,.04);z-index:8}
.paybar .det{font-size:12.5px;color:#666;line-height:1.8}
.paybar .det b{color:#111}
.paybar .right{margin-left:auto;display:flex;align-items:center;gap:14px}
.paybar .sum2{font-size:13px;color:#666;white-space:nowrap}
.paybar .sum2 b{color:#e4393c;font-size:19px}
.paybar .btn{background:#ff6a00;padding:11px 22px;font-size:15px}
.paybar .btn:hover{background:#e85f00}
.tblwrap{overflow:auto;border:1px solid #f0f0f0;border-radius:8px}
.tblwrap table{font-size:12.5px}
.tblwrap th{font-size:12px;white-space:nowrap}
.resbox{max-height:340px;overflow:auto}
@media(max-width:820px){.buy2,.sum{grid-template-columns:1fr}.buy2 .aside{order:-1}}
@media(max-width:640px){.row{grid-template-columns:1fr}.row>label{text-align:left}.row3{grid-template-columns:1fr}
 .search{display:none}.ubar{font-size:12px;gap:6px}.sidekf{display:none}
 header .bar{gap:8px}.logo small{display:none}.czbtn{padding:1px 7px}
 .paybar{gap:8px}.paybar .right{width:100%;margin-left:0;justify-content:space-between}
 .tabbar span{padding:9px 12px;font-size:12.5px}
 .paybar .btn{flex:1}}

/* ===== 顶部深色导航 ===== */
header.topnav{background:#1b1f26;border-bottom:1px solid #262b33;color:#e8eaed}
header.topnav .bar{height:58px;gap:20px}
header.topnav .brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:17px;color:#fff;white-space:nowrap}
header.topnav .brand i{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#3f7bff,#8ab4ff);
 display:inline-block;position:relative;box-shadow:0 2px 8px rgba(60,120,255,.45)}
header.topnav .brand i:after{content:"";position:absolute;left:6px;right:6px;top:7px;bottom:7px;border:2px solid #fff;border-radius:3px;opacity:.92}
header.topnav nav{display:flex;gap:24px;font-size:14.5px;white-space:nowrap}
header.topnav nav a{color:#c3c8d0;padding:19px 0;position:relative}
header.topnav nav a:hover{color:#fff}
header.topnav nav a.on{color:#fff;font-weight:600}
header.topnav nav a.on:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:3px;border-radius:2px;background:#ffb400}
header.topnav .tsearch{flex:1;max-width:230px;margin-left:auto;display:flex;gap:6px}
header.topnav .tsearch input{background:#2a2f38;border-color:#2a2f38;color:#e8eaed;padding:7px 10px;font-size:13px}
header.topnav .tsearch input::placeholder{color:#7d848f}
header.topnav .tsearch input:focus{border-color:#3f7bff;background:#22262e}
header.topnav .tsearch .tbtn{background:#3f7bff;border:none;color:#fff;border-radius:6px;padding:0 12px;font-size:13px;cursor:pointer;white-space:nowrap}
header.topnav .tsearch .tbtn:hover{background:#2f6ae8}
header.topnav .ubar{color:#c3c8d0}
header.topnav .ubar a:hover{color:#fff}
header.topnav .ubar .lb{color:#868d98}
header.topnav .ubar .bal{color:#ffb400}
header.topnav .avt{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#ff9f43,#ff6a3c);color:#fff;
 display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-right:6px}

/* ===== 首页 banner ===== */
.hero{position:relative;background:linear-gradient(105deg,#0e2a9e 0%,#1a4fd6 48%,#2b7cff 100%);color:#fff;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(700px 260px at 78% 10%,rgba(120,180,255,.35),transparent 70%),
 radial-gradient(520px 300px at 12% 95%,rgba(255,180,60,.16),transparent 70%)}
.hero .hin{position:relative;display:flex;align-items:center;gap:22px;min-height:330px;padding:32px 0 30px}
.hero .hleft{flex:1;min-width:0}
.hero .htag{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.14);
 border:1px solid rgba(255,255,255,.26);border-radius:20px;padding:3px 12px;font-size:12.5px;margin-bottom:14px}
.hero h1{font-size:40px;line-height:1.14;font-weight:800;letter-spacing:.5px}
.hero h1 em{font-style:normal;color:#ffd23f}
.hero .hsub{margin-top:12px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;min-height:34px}
.hero .hsub b{font-size:26px;font-weight:800;color:#ffd23f}
.hero .hsub span{font-size:21px;font-weight:700}
.hero .hlist{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;font-size:13.5px;color:#dbe6ff}
.hero .hlist i{display:inline-block;width:0;height:0;border:5px solid transparent;border-left-color:#7fb0ff;margin-right:7px;transform:translateY(-1px)}
.hero .hbtns{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.hero .hbtn{background:#ffb400;color:#241a00;font-weight:700;border-radius:8px;padding:11px 22px;font-size:15px;
 box-shadow:0 8px 20px rgba(255,180,0,.28)}
.hero .hbtn.gh{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35);box-shadow:none;font-weight:600}
.hero .himg{width:250px;flex:none;opacity:.98}
.hero .dots{position:absolute;left:50%;transform:translateX(-50%);bottom:11px;display:flex;gap:7px}
.hero .dots span{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.2s}
.hero .dots span.on{width:18px;border-radius:4px;background:#fff}

/* 首页右侧用户卡 */
.ucard{width:250px;flex:none;background:#fff;color:#222;border-radius:12px;box-shadow:0 16px 40px rgba(8,24,70,.28);padding:13px 13px 11px}
.ucard .uhead{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px dashed #eceff3}
.ucard .uavt{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ffb04a,#ff6a3c);color:#fff;
 display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.ucard .uname{font-weight:700;font-size:14.5px;line-height:1.2}
.ucard .uph{color:#98a0aa;font-size:12px}
.ucard .uout{margin-left:auto;background:#f04b4b;color:#fff;border-radius:5px;padding:4px 8px;font-size:12px}
.ucard .uout:hover{background:#d93a3a;color:#fff}
.ucard .ttl{font-size:13px;color:#8a919b;margin:11px 0 8px}
.ucard .qg{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.ucard .qg a{display:flex;align-items:center;justify-content:center;height:32px;border-radius:6px;background:#2b3442;color:#fff;font-size:13px}
.ucard .qg a:hover{background:#3f7bff}
.ucard .qg a.wide{grid-column:1/-1;background:#e4393c}
.ucard .qg a.wide:hover{background:#c8161d}
.ucard .ubal{display:flex;align-items:baseline;gap:6px;margin-top:10px;font-size:12.5px;color:#8a919b}
.ucard .ubal b{font-size:19px;color:#e4393c;font-weight:800}
@media(max-width:980px){.hero .himg{display:none}}
@media(max-width:900px){.hero .hin{min-height:0;padding:26px 0 28px;gap:14px}.hero h1{font-size:28px}
 .hero .hsub b{font-size:20px}.hero .hsub span{font-size:16px}.ucard{display:none}}
@media(max-width:640px){header.topnav nav{display:none}header.topnav .bar{height:52px}header.topnav .tsearch{display:none}}
/* 导航进度条：跨境那 200-600ms 的等待，给个"在动"的反馈，别让客户对着白屏以为卡死 */
#navprog{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#ffb400,#ff5a00);
 z-index:9999;opacity:0;transition:width .25s ease,opacity .3s}
#navprog.on{opacity:1;width:72%;transition:width 1.4s cubic-bezier(.08,.72,.24,1),opacity .1s}
