body.selection-page{background:#fff;color:#06135e;font-family:Arial,"Microsoft YaHei",sans-serif}
body.selection-page .header{background:#fff;border-bottom:1px solid #d5e2ef;position:relative;z-index:3}
body.selection-page .page-context{background:linear-gradient(110deg,#f1f6fc,#f8fbfe);border-bottom:1px solid #e1ebf4}
body.selection-page .selection-breadcrumb{margin:0;padding:18px 0 0;font-size:13px;line-height:1.5}
body.selection-page .selection-intro{margin:0;padding:18px 0 25px;min-height:0}
body.selection-page .selection-intro .eyebrow{font-size:11px;letter-spacing:.13em;margin:0 0 9px;color:#6a89ad}
body.selection-page .selection-intro h1{font-size:32px;line-height:1.35;margin:0;color:#101b64}
body.selection-page .selection-intro>div>p:last-child{font-size:15px;line-height:1.6;margin:10px 0 0;color:#5b7698}
body.selection-page .page-selection{padding:26px 0 0}
body.selection-page .selection-shell{margin:0;padding:24px;background:#fff;border:1px solid #d2e3f4;border-radius:8px}
body.selection-page .selection-heading h2{font-size:24px;line-height:1.4;margin:0}
body.selection-page .selection-heading p{font-size:14px;line-height:1.6;margin:7px 0 16px}
body.selection-page .range-label{font-size:14px;margin:0 0 10px}
body.selection-page .range-button{font-size:22px;min-height:70px;padding:12px}
body.selection-page .range-button small{font-size:11px}
body.selection-page .selection-status{margin:12px 0 0}
body.selection-page .selection-status p,body.selection-page .selection-status button{font-size:13px}
@media(max-width:700px){body.selection-page .selection-breadcrumb{padding-top:14px;font-size:12px}body.selection-page .selection-intro{padding:15px 0 20px}body.selection-page .selection-intro h1{font-size:25px}body.selection-page .page-selection{padding-top:18px}body.selection-page .selection-shell{padding:18px}body.selection-page .selection-heading h2{font-size:21px}}

body.selection-page .quick-conversion{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0 14px;padding:10px 12px;background:#f3f8fc;border-radius:4px;color:#527493;font-size:13px}
body.selection-page .quick-label{margin-right:2px;white-space:nowrap}
body.selection-page .quick-conversion select{width:128px;height:34px;padding:0 8px;background:#fff;border:1px solid #c9dbe9;border-radius:3px;font:inherit;color:#122967}
body.selection-page .quick-input{display:flex;align-items:center;gap:6px;width:126px;height:34px;padding:0 8px;background:#fff;border:1px solid #c9dbe9;border-radius:3px}
body.selection-page .quick-input input{width:100%;min-width:0;border:0;background:transparent;font:inherit;color:#122967;padding:5px 0}
body.selection-page .quick-input span{font-size:11px}
body.selection-page .quick-result{display:flex;align-items:baseline;gap:7px;white-space:nowrap}
body.selection-page .quick-result strong{font-size:19px;color:#112663}
body.selection-page .quick-note{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
body.selection-page .range-heading{margin-top:0}
@media(max-width:700px){body.selection-page .quick-conversion{gap:8px;padding:10px}body.selection-page .quick-label{width:100%;font-size:12px}body.selection-page .quick-conversion select{flex:1;min-width:100px;width:auto;font-size:16px;height:40px}body.selection-page .quick-input{flex:1;min-width:100px;width:auto;height:40px;font-size:16px}body.selection-page .quick-result{width:100%;justify-content:flex-end} }

body.selection-page .quick-conversion{flex-wrap:nowrap;gap:12px}
body.selection-page .quick-label{flex-shrink:0;width:auto}
body.selection-page .quick-conversion select{width:230px;flex:0 1 230px;min-width:0;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;line-height:normal}
body.selection-page .quick-input{flex:0 0 126px;min-width:0;width:126px}
body.selection-page .quick-result{flex:0 0 auto;width:auto;white-space:nowrap}
body.selection-page .quick-result span{white-space:nowrap}
@media(max-width:700px){body.selection-page .quick-conversion{gap:7px;padding:10px 8px}body.selection-page .quick-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.selection-page .quick-conversion select{flex:1 1 100px;width:100px;min-width:0;padding:0 5px;font-size:14px}body.selection-page .quick-input{flex:0 1 95px;width:95px;min-width:65px;padding:0 5px;gap:3px;font-size:16px}body.selection-page .quick-input span{font-size:10px}body.selection-page .quick-result{gap:4px;justify-content:flex-start;font-size:11px}body.selection-page .quick-result strong{font-size:17px}}

body.selection-page .quick-conversion select{flex:0 1 180px;width:180px}
@media(max-width:700px){body.selection-page .quick-conversion select{flex:1 1 100px;width:100px}}

body.selection-page .gas-picker{position:relative;flex:0 1 180px;min-width:0;width:180px}
body.selection-page .gas-picker>select{display:none!important}
body.selection-page .gas-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;height:34px;padding:0 8px;border:1px solid #c9dbe9;border-radius:3px;background:#fff;color:#122967;font:inherit;white-space:nowrap}
body.selection-page .gas-picker-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.selection-page .gas-list{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:100%;width:max-content;max-width:260px;max-height:260px;overflow-y:auto;padding:5px;background:#fff;border:1px solid #c9dbe9;border-radius:4px;box-shadow:0 8px 24px #12346b20}
body.selection-page .gas-list[hidden],body.selection-page .calculation-page[hidden]{display:none}
body.selection-page .gas-option{display:block;width:100%;padding:9px 12px;border:0;border-radius:3px;text-align:left;font:inherit;color:#122967;background:#fff;white-space:nowrap}
body.selection-page .gas-option:hover,body.selection-page .gas-option:focus-visible{background:#eef5fc}
body.selection-page .gas-option[aria-selected=true]{background:#dfeefb}
body.selection-page .calculation-context{background:#f2f7fc;border-bottom:1px solid #d5e2ef;padding:24px 0}
body.selection-page .back-selection{background:transparent;border:0;padding:0;color:#3474b8;font:inherit;font-size:13px}
body.selection-page .calculation-context h1{font-size:28px;margin:14px 0 8px;color:#112663}
body.selection-page .calculation-context p{margin:0;color:#5c7490}
body.selection-page .calculation-content{max-width:850px;padding-top:22px;padding-bottom:28px;color:#435b77;font-size:14px;line-height:1.8}
body.selection-page .calculation-content h2{font-size:19px;color:#112663;margin:26px 0 10px}
body.selection-page .calculation-content h2:first-child{margin-top:0}
body.selection-page .calculation-content h3{font-size:16px;color:#112663;margin:0 0 8px}
body.selection-page .calculation-content p{margin:10px 0}
body.selection-page .formula-panel{background:#f1f7fc;padding:14px 16px;border-radius:4px;color:#112663}
body.selection-page .calculation-example{border-left:3px solid #69a7d7;padding:12px 18px;margin:20px 0;background:#f8fbfd}
body.selection-page .example-value{font-size:19px;color:#112663}
body.selection-page .calculation-content table{width:100%;border-collapse:collapse;margin:14px 0}
body.selection-page .calculation-content th,body.selection-page .calculation-content td{text-align:left;padding:8px 10px;border-bottom:1px solid #dbe5ef}
body.selection-page .calculation-source{font-size:12px;color:#6b7d92}
@media(max-width:700px){body.selection-page .gas-picker{flex:1 1 100px;width:100px}body.selection-page .gas-picker-trigger{height:40px;font-size:14px;padding:0 5px}body.selection-page .gas-option{min-height:44px;font-size:14px}body.selection-page .calculation-context h1{font-size:24px}body.selection-page .example-value{font-size:17px}}

body.selection-page .selection-status a{color:#3474b8;font-size:13px;white-space:normal}body.selection-page .range-button .tick{display:none}body.selection-page .quick-note.gas-error{position:static;width:auto;height:auto;clip-path:none;color:#9f4114}body.selection-page .quick-conversion:has(.gas-error){flex-wrap:wrap}body.selection-page .range-heading{margin:0 0 10px}body.selection-page .range-label small{font-size:12px;font-weight:400;margin-left:8px;color:#5e7b9f}

@media(max-width:420px){body.selection-page .quick-input{flex:0 0 72px;width:72px;min-width:0}body.selection-page .gas-picker-trigger{font-size:12px;gap:4px}body.selection-page .quick-result>span:last-child{font-size:0}body.selection-page .quick-result>span:last-child::after{content:"N₂";font-size:11px}body.selection-page .quick-result strong{font-size:16px}}