:root{--navy:#12263f;--navy2:#203a55;--teal:#168c7b;--ink:#1c2b3a;--muted:#66788a;--line:#e1e8ee;--bg:#f5f7fa;--paper:#fff}*{box-sizing:border-box}html{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1400px;margin:auto;padding-left:26px;padding-right:26px}.masthead{background:var(--navy);color:white}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brandmark{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:#4cd1bc;color:var(--navy);font-weight:900;font-size:21px}.brand strong{display:block;font-size:18px;letter-spacing:.03em}.brand small{display:block;color:#aec1d0;font-size:11px;margin-top:2px}.topright{display:flex;align-items:center;gap:20px}.live-dot{font-size:12px;color:#a8dacc;white-space:nowrap}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#67d8aa;margin-right:7px}.live-dot.warn:before{background:#f2ba63}.refresh{border:1px solid #50647b;border-radius:9px;color:white;background:transparent;padding:8px 12px}.refresh:hover{background:#263e59}.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:40px 0 36px}.eyebrow{color:#66b7a8;font-weight:800;font-size:11px;letter-spacing:.18em}.eyebrow.dark{color:var(--teal)}h1,h2,p{margin-top:0}h1{font-size:clamp(30px,3.2vw,46px);line-height:1.18;letter-spacing:-.035em;margin:10px 0 12px}h1 em{font-style:normal;color:var(--teal)}.hero p{color:var(--muted);margin:0;font-size:15px}.hero-stat{min-width:170px;text-align:right}.hero-stat strong{font-size:37px;display:block;line-height:1}.hero-stat span,.hero-stat small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.search-panel{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 9px 28px #1c35500b;padding:18px 19px;margin-bottom:29px}.searchbox{display:flex;align-items:center;gap:12px;border:1px solid #d8e3e9;border-radius:11px;height:52px;padding:0 15px;background:#f9fbfc}.searchbox:focus-within{border-color:#2aaf9d;box-shadow:0 0 0 3px #39bdab22}.search-icon{font-size:28px;line-height:1;color:#6a8790}.searchbox input{border:0;outline:0;background:transparent;flex:1;min-width:0;font-size:15px;color:var(--ink)}.searchbox input::placeholder{color:#92a0aa}.searchbox kbd{font-size:11px;color:#8a9baa;background:#eef3f5;padding:5px 8px;border-radius:5px}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pills button{border:0;border-radius:8px;background:#f0f4f6;color:#5a6b78;padding:8px 12px;font-weight:600;font-size:12px;white-space:nowrap}.pills button.active{background:var(--navy);color:white}.selects{display:flex;gap:8px}.selects select{color:#475c6a;background:white;border:1px solid var(--line);border-radius:8px;padding:8px;font-size:12px;max-width:130px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 283px;gap:24px}.results,.side-card,.catalog,.method{background:#fff;border:1px solid var(--line);border-radius:14px}.results{min-width:0;overflow:hidden}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;padding:22px 22px 17px}.section-head h2,.side-card h2,.method h2{font-size:21px;line-height:1.2;margin:7px 0 0}.section-head h2 span{font-size:13px;color:var(--muted);font-weight:500;margin-left:5px}.text-button{border:0;background:none;color:var(--muted);font-size:12px;white-space:nowrap;padding:4px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:700px;font-size:13px}th{color:#8493a0;font-size:11px;text-align:left;font-weight:700;background:#f8fafb;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 15px}td{border-bottom:1px solid #edf1f4;padding:14px 15px;vertical-align:middle}tbody tr:hover{background:#f8fbfa}.num{text-align:right;white-space:nowrap}.product{font-weight:750;font-size:14px}.spec{margin-top:5px;color:#5c6f7c;font-size:12px}.minor{margin-top:5px;color:#8998a5;font-size:11px}.place{font-weight:650}.badge{font-size:10px;border-radius:4px;padding:2px 5px;margin-left:5px;background:#e8f7f2;color:#16765d;white-space:nowrap}.badge.market{background:#f0f2f8;color:#687b99}.badge.stock{background:#edf4fc;color:#3a6b9c}.price{font-weight:800;font-size:18px;color:var(--navy);font-variant-numeric:tabular-nums}.freight-price{color:#6b7c88;font-weight:600;font-variant-numeric:tabular-nums}.landed{color:var(--teal);font-weight:800;font-size:15px;font-variant-numeric:tabular-nums}.source-link{font-size:11px;color:var(--teal)}.side{display:flex;flex-direction:column;gap:18px}.side-card{padding:21px}.side-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.form-grid label{font-size:11px;color:var(--muted)}.unit-input{display:flex;align-items:center;gap:3px;margin-top:7px;border:1px solid var(--line);border-radius:7px;padding:6px 7px}.unit-input input{width:100%;min-width:0;border:0;outline:0;font-weight:700;color:var(--ink)}.unit-input span{font-size:11px}.micro{font-size:11px!important;color:#8998a5!important}.feed-list{margin-top:15px}.feed{padding:10px 0;border-top:1px solid var(--line);font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.feed small{color:#8393a0}.feed b{font-weight:600}.notice{margin:0 20px 15px;padding:11px 13px;background:#fff6e8;color:#855b1e;border-radius:8px;font-size:12px}.empty{padding:45px 24px;text-align:center;color:var(--muted)}.empty strong{color:var(--ink)}.empty p{font-size:13px;margin:8px 0 0}.more{display:block;margin:15px auto 20px;padding:9px 18px;background:white;color:var(--teal);border:1px solid #9fd6cb;border-radius:8px;font-size:12px}.catalog,.method{margin-top:24px;padding-bottom:22px}.catalog>p{margin:0 22px 18px;color:var(--muted);font-size:12px;line-height:1.6}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 22px}.catalog-card{border:1px solid var(--line);border-radius:10px;padding:14px;min-width:0;background:#fbfcfd}.catalog-card b{font-size:14px}.catalog-card p{font-size:11px;line-height:1.55;color:var(--muted);margin:7px 0 11px}.catalog-card button{border:0;background:transparent;color:var(--teal);padding:0;font-size:11px;font-weight:700}.method{padding:22px}.method h2{margin:0 0 13px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.method b{font-size:12px}.method p{color:var(--muted);line-height:1.6;font-size:11px;margin:5px 0 0}.footer{display:flex;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:28px;color:#93a0aa;font-size:11px}@media(max-width:1060px){.content-grid{grid-template-columns:1fr}.side{display:grid;grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.wrap{padding-left:15px;padding-right:15px}.topbar{height:65px}.brand strong{font-size:16px}.brand small{font-size:10px}.brandmark{width:35px;height:35px}.topright{gap:8px}.refresh{padding:6px 9px}.refresh span{display:none}.hero{padding:27px 0 22px;align-items:end}.hero p{font-size:12px;line-height:1.5}.hero-stat{min-width:75px}.hero-stat strong{font-size:26px}.hero-stat span{font-size:10px}.hero-stat small{display:none}.search-panel{padding:12px;margin-bottom:17px}.searchbox{height:48px}.searchbox input{font-size:13px}.searchbox kbd{display:none}.filter-row{display:block}.pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.selects{margin-top:10px}.selects select{flex:1;max-width:none}.section-head{padding:18px 16px 14px}.section-head h2,.side-card h2{font-size:18px}.table-wrap{overflow:visible}table,thead,tbody,tr,td{display:block;min-width:0;width:100%}thead{display:none}tbody tr{position:relative;padding:12px 14px;border-top:1px solid var(--line)}tbody tr:first-child{border-top:0}td{border:0;padding:0;text-align:left!important}td:first-child{padding-right:90px}td:nth-child(2){margin-top:9px;padding-right:90px}td:nth-child(3){position:absolute;top:12px;right:14px;text-align:right!important;width:auto}td:nth-child(4),td:nth-child(5){display:inline-block;width:auto;margin-top:10px;font-size:11px}td:nth-child(4):after{content:" · ";color:#9ca9b0;margin:0 6px}td:nth-child(5):before{content:"到如皋 ";color:#8493a0;font-weight:400}.price{font-size:17px}.product{font-size:13px}.spec{font-size:11px}.place{font-size:12px}.minor{font-size:10px}.side{grid-template-columns:1fr}.side-card{padding:18px}.catalog-grid{grid-template-columns:repeat(2,1fr);padding:0 15px}.catalog>p{margin-left:15px;margin-right:15px}.method-grid{grid-template-columns:1fr;gap:13px}.footer{display:block;line-height:1.8}.footer span{display:block}}@media(max-width:370px){.hero-stat{display:none}.catalog-grid{grid-template-columns:1fr}}
@media(max-width:700px){.hero-stat{display:none}td:nth-child(4):before{content:"运费 ";color:#8493a0}td:nth-child(4) .minor,td:nth-child(5) .minor{display:none}}
[hidden]{display:none!important}
.data-note{margin:0 22px 15px;padding:9px 11px;border-radius:7px;background:#eff7f5;color:#47695f;font-size:11px;line-height:1.5}
