*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:#172b45;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;font-size:16px}header{height:88px;background:#fff;border-bottom:1px solid #dce3ec;display:flex;align-items:center;padding:0 max(5%,calc((100vw - 1200px)/2));gap:32px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#173658;font-size:32px;font-weight:700}.brand span{font-size:22px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:3px}.header-note{font-size:14px;color:#67768a}.demo{margin-left:auto;color:#8a5a13;background:#fff5dc;border:1px solid #eddfb7;padding:7px 12px;border-radius:5px;font-size:13px}main{max-width:1200px;margin:auto;padding:42px 24px}.heading{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:12px;letter-spacing:3px;color:#4b7896;font-weight:700}h1{font-size:32px;letter-spacing:-1px;margin:12px 0}p{color:#66778b;line-height:1.7}.heading p:last-child{margin-top:10px}.scope{border-left:2px solid #cad9e6;padding-left:20px;font-size:13px;color:#64748b}.scope strong{display:block;margin-top:7px;font-size:18px;color:#183b5a}.notice{margin:22px 0;color:#6d5c3c;font-size:14px;line-height:1.7;background:#faf5e8;border:1px solid #e8dfc9;padding:12px 16px;border-radius:6px}nav{display:flex;gap:8px;margin:30px 0 0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #1594b4;outline-offset:3px}.tab{padding:18px 22px;border:0;background:transparent;border-radius:8px 8px 0 0;color:#778598;font-size:13px;display:flex;align-items:center;gap:16px}.tab span{font-size:16px;font-weight:600}.tab.active{background:#fff;color:#183b5a;box-shadow:inset 0 3px #1496a4}.workspace{display:grid;grid-template-columns:1fr 1.18fr;border:1px solid #dce4ee;background:#fff;border-radius:0 10px 10px 10px;overflow:hidden;min-height:560px}.form-area{padding:34px 38px}.section-label{font-size:12px;letter-spacing:2px;font-weight:700;color:#4b8096}h2{font-size:23px;margin:12px 0 8px}.form-area>p{font-size:14px;margin-bottom:28px}.tool-form{display:grid;gap:19px}.tool-form[hidden]{display:none}label{display:grid;gap:9px;font-size:14px;color:#32465d}input,select{width:100%;border:1px solid #cdd8e4;border-radius:6px;padding:12px 13px;background:#fff;color:#20334b;min-height:46px}input:hover,select:hover{border-color:#8aa4ba}.primary{background:#173b61;color:#fff;border:0;padding:14px;border-radius:6px;margin-top:5px;font-weight:600}.primary:hover{background:#245681}.sample{border:0;background:transparent;color:#24798c;font-size:14px;padding:0;text-align:left}.hint{font-size:13px;margin:0;color:#7a8798}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.optional{font-size:12px;color:#8895a5}.result-area{padding:30px 34px;background:#f8fafc;border-left:1px solid #e0e7ef}.result-top{display:flex;justify-content:space-between;font-size:14px;padding-bottom:22px;border-bottom:1px solid #e0e7ef;font-weight:600}.result-tag{font-size:12px;letter-spacing:1px;color:#7e8b9c}#result{padding-top:28px}.status{display:inline-block;padding:6px 10px;border-radius:4px;font-size:13px;background:#e7f2f5;color:#227187}.status.warning{background:#fff0d6;color:#996413}.status.good{background:#e1f1ea;color:#267154}h3{font-size:23px;margin:17px 0 8px}.summary{font-size:14px}.box{border:1px solid #dce4ee;background:#fff;border-radius:7px;padding:20px;margin:22px 0}.box h4{font-size:14px;margin:0 0 17px;color:#52667a}.details{display:grid;grid-template-columns:90px 1fr;gap:13px;font-size:14px}.details span{color:#77889a}.details strong{font-weight:500;overflow-wrap:anywhere}.candidate{display:flex;justify-content:space-between;gap:20px;align-items:center}.candidate strong{font-size:20px}.candidate p{margin:6px 0 0;font-size:13px}.confirm{border:1px solid #27798c;color:#27798c;background:#fff;border-radius:5px;padding:9px 12px;font-size:14px}.tiny{font-size:13px;color:#7c8898;line-height:1.8}.timeline{list-style:none;padding:0;margin:25px 0}.timeline li{position:relative;border-left:2px solid #d9e4ed;padding:0 0 25px 22px;font-size:15px}.timeline li:before{content:'';position:absolute;width:8px;height:8px;background:#9aafc3;border-radius:50%;left:-5px;top:5px}.timeline li:first-child:before{background:#1496a4}.timeline small{display:block;color:#7b8b9d;margin-top:7px;font-size:13px}footer{display:flex;justify-content:space-between;color:#7c899a;font-size:12px;padding:24px 0}.empty{margin-top:40px}.empty .symbol{font-size:40px;color:#7594aa}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.chips span{font-size:13px;border:1px solid #dbe5ee;padding:7px 11px;border-radius:4px;color:#657f92}@media(max-width:750px){header{height:auto;min-height:78px;padding:15px 20px;gap:12px;flex-wrap:wrap}.header-note{display:none}.demo{font-size:12px}main{padding:26px 16px}h1{font-size:26px}.scope{display:none}.tab{padding:15px 10px;gap:8px;flex:1}.tab span{font-size:14px}.workspace{grid-template-columns:1fr}.form-area,.result-area{padding:26px 22px}.result-area{border-left:0;border-top:1px solid #e0e7ef;min-height:340px}footer{gap:18px;line-height:1.7}.candidate{flex-wrap:wrap}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}}

#YQContainer{width:100%;min-height:560px}body:has(.tab[data-tab="tracking"].active) .workspace{grid-template-columns:280px minmax(0,1fr)}body:has(.tab[data-tab="tracking"].active) .form-area{padding:30px 24px}@media(max-width:750px){body:has(.tab[data-tab="tracking"].active) .workspace{grid-template-columns:1fr}}

textarea{font:inherit;width:100%;resize:vertical;min-height:180px;border:1px solid #cdd8e4;border-radius:6px;padding:12px;line-height:1.7}#YQContainer iframe{width:100%;border:0}

#trackingList{display:grid;gap:8px}#trackingList button{text-align:left;overflow-wrap:anywhere}

.tracking-card{border:1px solid #d6e2ed;border-radius:7px;background:white;margin:16px 0;scroll-margin-top:20px;overflow:hidden}.tracking-card summary{cursor:pointer;padding:15px;font-weight:600;font-size:14px;overflow-wrap:anywhere;background:#edf4f9}.tracking-card iframe{display:block}

.postal-table-wrap{overflow-x:auto;margin:22px 0;border:1px solid #d6e2ed;border-radius:7px}.postal-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px;min-width:520px}.postal-table caption{text-align:left;padding:15px;color:#5a7189;background:#f4f8fb}.postal-table th{background:#edf3f8;text-align:left;color:#334d67;padding:13px 12px;white-space:nowrap}.postal-table td{padding:14px 12px;border-top:1px solid #dce5ee;vertical-align:top;line-height:1.6}.postal-table .confirm{white-space:nowrap;padding:6px 10px}

.daily-panel{margin:14px 0;padding:10px 14px;border:1px solid #dce5ee;border-radius:7px;background:#fff}.daily-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:5px 0}.daily-row+.daily-row{border-top:1px solid #edf1f5}.daily-row h2{margin:0;width:72px;flex-shrink:0;font-size:12px;line-height:1.5}.daily-row h2 small{display:block;font-size:10px;font-weight:400;color:#657f92}.daily-grid{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;flex:1;margin:0}.daily-card{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px}.daily-card span{color:#657f92}.daily-card strong{font-size:12px;font-variant-numeric:tabular-nums;color:#132e50}.daily-card small{display:none}.daily-panel .confirm{font-size:11px;padding:3px 8px}.fx-details{font-size:11px;color:#657f92}.fx-details summary{cursor:pointer}.fx-details[open]{flex-basis:100%;padding-top:8px}.amount-label{display:flex;align-items:center;gap:8px;margin:10px 0;font-size:12px}.amount-label input{width:110px;padding:5px;margin:0}.daily-panel .tiny{font-size:10px;margin:5px 0}#fxTotals{font-size:12px;line-height:1.8}@media(max-width:750px){.daily-panel{padding:8px 10px}.daily-row h2{width:56px}.daily-grid{gap:7px 12px}.daily-card{font-size:10px}.daily-card strong{font-size:11px}}

.tracking-batch-frame{display:block;width:100%;height:900px;border:1px solid #dce5ee;border-radius:7px;background:white;margin-top:14px}@media(max-width:750px){.tracking-batch-frame{height:780px}}

#translationOutput{width:100%;margin:12px 0 16px;line-height:1.8;background:#fff;resize:vertical}.tab{white-space:nowrap}@media(max-width:750px){nav[aria-label="工具选择"]{display:grid;grid-template-columns:1fr 1fr}.tab{justify-content:center}}
/* Larger tracking results with full-width layout on narrower screens. */
body:has(.tab[data-tab="tracking"].active) main{max-width:1680px;padding-left:20px;padding-right:20px}
body:has(.tab[data-tab="tracking"].active) .workspace{grid-template-columns:260px minmax(0,1fr)}
body:has(.tab[data-tab="tracking"].active) .result-area{min-width:0;padding:24px 16px}
.tracking-batch-frame{height:1200px}
@media(max-width:1200px){body:has(.tab[data-tab="tracking"].active) .workspace{grid-template-columns:1fr}body:has(.tab[data-tab="tracking"].active) .form-area{padding:22px 24px}body:has(.tab[data-tab="tracking"].active) .result-area{border-left:0;border-top:1px solid #e0e7ef}#trackingNumber{min-height:120px;height:150px}}
@media(max-width:750px){body:has(.tab[data-tab="tracking"].active) main{padding-left:10px;padding-right:10px}body:has(.tab[data-tab="tracking"].active) .result-area{padding:20px 8px}.tracking-batch-frame{height:1000px}}

.tracking-card summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;list-style:none}.tracking-card summary::-webkit-details-marker{display:none}.tracking-detail-label{font-size:13px;font-weight:400;color:#24798c;white-space:nowrap}.tracking-card iframe{width:100%;max-width:100%}

.tool-icon{width:22px;height:22px;flex:0 0 22px}.tab{gap:10px}

.daily-card.fuel-card small{display:inline;color:#6c7c8e;font-size:10px}.fuel-details p{margin:7px 0}.fuel-details a{color:#24798c}.fuel-row h2{white-space:nowrap}@media(max-width:750px){.fuel-row h2{width:70px}.fuel-card{flex-wrap:wrap}}
/* Consistent page width and outer spacing across all four tools. */
main{max-width:1680px;padding-left:20px;padding-right:20px}
.workspace{grid-template-columns:minmax(320px,380px) minmax(0,1fr)}
.form-area{min-width:0;padding:30px 24px}
.result-area{min-width:0;padding:24px 16px}
@media(max-width:1200px){.workspace{grid-template-columns:1fr}.form-area{padding:22px 24px}.result-area{border-left:0;border-top:1px solid #e0e7ef}}
@media(max-width:750px){main{padding-left:10px;padding-right:10px}.result-area{padding:20px 8px}}

body{background:#f4f7fc}.tab.active{color:#0874ed;border-top-color:#0874ed;background:#edf5ff}.primary{background:#0874ed}.brand{color:#0874ed}

@media(max-width:750px){.heading{margin-bottom:16px}.heading h1{font-size:26px}.heading .scope{display:none}.daily-panel{margin-bottom:18px}.workspace{margin-top:0}.tab{padding:12px 5px;font-size:12px}.result-area{min-height:200px}}