.tank-vessel.lpg{border-color:#8562af}.lpg .tank-liquid{background:linear-gradient(#c7a2ff,#8650c7);border-top-color:#e0c9ff}.tank-vessel.adblue{border-color:#297d70}.adblue .tank-liquid{background:linear-gradient(#6ee6cb,#218b78);border-top-color:#b0ffec}
.tanks{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;gap:16px}.tank-vessel{width:clamp(105px,11vw,156px);height:clamp(105px,11vw,156px)}.tank-reading strong{font-size:clamp(14px,1.5vw,21px)}
.auto-journey{height:390vh;background:#edf3f9;position:relative}.auto-sticky{position:sticky;top:90px;height:calc(100svh - 90px);display:flex;flex-direction:column;justify-content:center;padding:25px 5vw;overflow:hidden}.auto-heading{text-align:center}.auto-heading .section-index{font-size:11px;color:#55758f}.auto-heading h2{font-size:clamp(28px,3.3vw,48px);line-height:1.08;letter-spacing:-1.8px;margin:12px 0 20px}.auto-heading h2 span{color:#0864e8}.auto-track{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.auto-track span{padding:9px 20px;border:1px solid #cedce9;border-radius:30px;color:#7d91a4;font-size:12px}.auto-track .active{background:#0864e8;color:white;border-color:#0864e8}.auto-scenes{width:100%;max-width:1140px;margin:0 auto}.auto-scene[hidden]{display:none}.auto-caption{text-align:center;margin-bottom:20px}.auto-caption h3{font-size:clamp(21px,2.3vw,31px);margin:0 0 7px;letter-spacing:-.7px}.auto-caption p{font-size:13px;color:#657c92;margin:0}.info-flow{display:grid;grid-template-columns:1fr 50px .7fr 50px 1fr;align-items:center}.info-card{padding:20px;background:#fff;border:1px solid #cedeea;border-radius:20px;box-shadow:0 12px 35px #1d4b7110;min-width:0}.info-icon{display:flex;width:33px;height:33px;align-items:center;justify-content:center;font-size:23px;background:#e6f2ff;border-radius:10px;color:#0864e8;margin-bottom:12px}.info-card>small{display:block;font-size:9px;letter-spacing:1px;color:#6e879d}.info-card h4{font-size:22px;margin:9px 0 15px;letter-spacing:-.4px}.info-row{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #e7eef4;font-size:12px;color:#6c8295}.info-row b{color:#203f58;font-weight:600}.info-engine{background:#08233b;border-radius:24px;text-align:center;padding:25px 10px;color:white;box-shadow:0 15px 40px #0c61b526}.info-engine img{width:70px;height:70px;margin-bottom:10px}.info-engine strong{display:block;font-size:17px;line-height:1.3}.info-engine small{display:block;font-size:10px;color:#90b8d9;margin-top:10px}.info-connector{height:2px;background:#a7c7e2;position:relative}.info-connector>b{position:absolute;right:-1px;top:-13px;font-size:23px;color:#388bd0}.info-connector i{display:block;position:absolute;width:9px;height:9px;border-radius:50%;background:#087ded;top:-3px;left:calc(var(--flow,0)*80%);box-shadow:0 0 12px #188ffa}.info-result{border-color:#8dd4c2;background:#f6fffb;transform:translateY(calc((1 - var(--flow,0))*12px))}.info-result .info-icon{background:#d9f5ea;color:#0b8763}.match-row{opacity:.28}.match-row.matched{opacity:1}.matched b{color:#118964}.auto-outcome{text-align:center;font-size:16px;font-weight:600;color:#125d8e;margin:24px 0 12px}.auto-footer{display:flex;justify-content:space-between;max-width:1140px;width:100%;margin:10px auto 0;font-size:10px;color:#8297aa}.auto-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#d5e2ed}.auto-progress i{display:block;height:100%;background:#087bec;width:0}.formula{display:block;font-size:35px;font-weight:700;line-height:1.2;margin:4px 0 20px}.formula b{color:#74caff}.stock-visual{display:flex;gap:5px;margin-top:16px}.stock-visual i{height:23px;flex:1;background:#dfebf5;border-radius:4px}.stock-visual i:nth-child(-n+2){background:#2991ed}.stock-visual i:nth-child(n+3){background:#70cfb1;opacity:var(--flow,0)}.auto-clock{font-size:36px;font-weight:650;display:block;letter-spacing:-1px;margin:20px 0 24px;font-variant-numeric:tabular-nums}.price-change{display:flex;justify-content:space-between;align-items:center;margin:28px 0;font-size:29px}.price-change del{color:#92a7b9;font-size:23px}.price-change b{color:#0878d6}.price-change span{font-size:20px;color:#8ba9c1}
@media(max-width:900px){.tanks{grid-template-columns:1fr 1fr}.info-flow{grid-template-columns:1fr 25px .65fr 25px 1fr}.info-card{padding:15px}.info-row{font-size:10px}.info-engine strong{font-size:14px}.info-card h4{font-size:18px}}
@media(max-width:600px){.auto-journey{height:420vh}.auto-sticky{top:74px;height:calc(100svh - 74px);padding:18px 14px;justify-content:center}.auto-heading h2{font-size:29px;margin:8px 0 15px}.auto-heading .section-index{font-size:9px}.auto-track{margin-bottom:15px;gap:5px}.auto-track span{font-size:10px;padding:7px 15px}.auto-caption{margin-bottom:15px}.auto-caption h3{font-size:20px}.auto-caption p{font-size:11px;max-width:300px;margin:auto}.info-flow{grid-template-columns:1fr 22px 1fr;gap:0}.info-engine{grid-column:1/-1;grid-row:1;padding:10px 16px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:14px;margin-bottom:12px}.info-engine img{width:38px;height:38px;margin:0}.info-engine strong{font-size:12px}.info-engine strong br{display:none}.info-engine small{margin:0;font-size:9px}.info-connector:nth-child(4){display:none}.info-card{padding:13px 10px;border-radius:14px}.info-card h4{font-size:16px;margin:8px 0 10px}.info-card>small{font-size:8px;letter-spacing:.3px}.info-icon{height:27px;width:27px;font-size:18px;margin-bottom:8px}.info-row{font-size:9px;padding:9px 0}.info-engine .formula{font-size:20px;margin:0;display:flex;gap:7px}.formula br{display:none}.info-engine .auto-clock{font-size:27px;margin:0}.auto-outcome{font-size:12px;margin:20px 0 8px}.auto-footer{font-size:8px;gap:10px}.price-change{font-size:22px;margin:22px 0}.price-change del{font-size:19px}.tank-vessel{width:112px;height:112px}}
@media(max-height:720px) and (min-width:601px){.auto-heading h2{font-size:30px;margin:6px 0 12px}.auto-track{margin-bottom:12px}.auto-caption{margin-bottom:12px}.info-card{padding:12px 16px}.info-icon{display:none}.auto-outcome{margin:15px 0 5px}}
.auto-footer{background:transparent;padding:0;gap:12px}.auto-footer>span{font-size:10px;color:#8297aa}