.nav-inner{gap:80px}.page-heading{padding-bottom:28px}.workspace{margin-top:2px}.config-panel{box-shadow:0 2px 9px #18396406}.provider-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.provider-card{padding-top:24px;min-height:91px;overflow:visible}.selection.selected:after{border-radius:0 0 5px 0}.sale-corner{position:absolute;right:-1px;top:-1px;border-radius:0 6px 0 6px;font-size:10px;line-height:1;padding:5px 8px;background:#fff0df;color:#b96a16;white-space:nowrap;font-weight:600;box-shadow:0 1px 2px #aa62020a}.sale-corner.special{background:#ef5b39;color:white}.provider-logo.custom{border-radius:8px;background:#eaf0ff;color:#426dde}.provider-logo.custom .icon{width:26px;height:26px}.billing-controls{display:block}.duration-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 10px;margin:23px 0}.duration-buttons button{position:relative;min-width:0;padding:14px 7px 11px;font-size:11px;line-height:1.4;white-space:nowrap}.duration-buttons .sale-corner{font-size:8px;padding:4px 5px;top:-10px;right:-1px;border-radius:4px 4px 0 4px}.quantity-control{margin-top:21px;justify-content:flex-end}.quantity-control:before{content:"购买数量";margin-right:auto;font-size:12px;color:#8292a9}.quantity-control input{width:51px}.quantity-control button{width:33px}.discount-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;margin-top:12px}.discount-summary:empty{display:none}.discount-summary del{color:#90a3c2;font-size:11px}.discount-summary span{color:#ffcf9b;background:#ffffff0c;border:1px solid #ffcf9b24;padding:3px 6px;border-radius:4px}.saving-line span,.saving-line b{color:#e26035}.compare-saving{color:#d97735;background:#fff5eb;padding:4px 8px;font-size:10px;margin-top:10px;border-radius:4px}.quote-header{padding-bottom:23px}.estimate-badge{margin-top:14px}.instance-name b{white-space:normal}.system-card{min-width:0}.system-card b{overflow-wrap:anywhere}.field-help{color:#8493a9}.section-title>span{color:#8896a9}.quote-note{color:#8493a9}.summary-line>span{color:#8896a9}footer{margin-top:28px}.product-tab.selected{color:#245de8}
@media(max-width:1100px){.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-card{padding:23px 10px 15px}.duration-buttons{grid-template-columns:repeat(5,minmax(0,1fr))}.sale-corner{font-size:9px;padding:4px 6px}.nav-inner{gap:40px}}
@media(max-width:850px){.provider-card{flex-direction:column;align-items:flex-start}.duration-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 9px}.duration-buttons button{font-size:11px}.sale-corner{font-size:8px}.nav-inner{gap:30px}}
@media(max-width:650px){.nav-inner{gap:0}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-card{flex-direction:row;align-items:center;padding:24px 8px 14px;gap:6px;min-height:81px}.provider-copy b{font-size:10px}.sale-corner{font-size:8px;padding:4px 5px}.duration-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 10px;width:100%;margin-bottom:22px}.duration-buttons button{padding:13px 7px 11px;min-width:0;flex:auto}.duration-buttons .sale-corner{font-size:8px}.billing-controls{display:block}.total-price strong{font-size:42px}.quote-summary{display:block}.section-title>span{font-size:9px}.page-heading{padding-bottom:22px}.workspace{margin-top:0}.quote-column{margin-top:2px}}

/* Resource selectors keep large provider catalogs compact. */
.configuration-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:10px}
.configuration-filters label{display:flex;flex-direction:column;gap:7px;min-width:0;font-size:11px;color:#61718a}
.configuration-filters select{width:100%;height:39px;padding:0 9px;color:#203b63;background:#fff;border:1px solid #dce4f0;border-radius:5px;font-size:11px}
.filter-explanation{margin:0 0 18px;font-size:10px;line-height:1.8;color:#8493a9}
.configuration-result-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:10px;color:#76869e}
.configuration-result-bar>div{display:flex;align-items:center;gap:14px}
.filter-reset{border:0;background:none;color:#245de8;font-size:10px;padding:4px 0}
.sort-control{display:flex;align-items:center;gap:7px;white-space:nowrap}
.sort-control select{border:1px solid #e0e6ef;border-radius:4px;background:white;color:#536883;padding:5px;font-size:10px;max-width:140px}
.instance-section .instance-table{border:1px solid #dfe6f1;border-radius:6px;overflow:hidden}
.instance-section .instance-thead,.instance-section .instance-row{display:grid;grid-template-columns:minmax(76px,1fr) 65px 68px minmax(115px,1.4fr) 103px;gap:10px;align-items:center;padding:13px 13px}
.instance-section .instance-thead{font-size:10px;background:#f6f8fc;color:#8291a6;border-bottom:1px solid #e5ebf3}
.instance-section .instance-thead>span:last-child{text-align:right}
.instance-section .instance-row{width:100%;border:0;border-bottom:1px solid #edf1f7;background:white;text-align:left;border-radius:0;min-height:58px;font-size:11px;color:#5e7391}
.instance-section .instance-row:hover{background:#f8faff}
.instance-section .instance-row.selected{background:#f0f5ff;box-shadow:inset 3px 0 #245de8}
.instance-section .instance-row .row-price{text-align:right;color:#245de8;font-size:12px;font-weight:600;white-space:nowrap}
.instance-section .instance-row .row-price small{display:block;font-size:9px;color:#8a99ae;font-weight:400}
.configuration-cpu{display:flex;align-items:center;gap:9px;min-width:0}
.configuration-cpu b{color:#294461;display:block;font-size:12px;font-weight:600;white-space:nowrap}
.configuration-cpu small{display:block;font-size:9px;color:#8999ae;white-space:nowrap;margin-top:2px}
.instance-bandwidth{font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.instance-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;background:#fbfcff;font-size:10px;color:#8191a8}
.instance-pagination>div{display:flex;align-items:center;gap:10px}
.instance-pagination button{background:#fff;border:1px solid #dce4f0;border-radius:4px;color:#526d92;padding:5px 9px;font-size:10px;white-space:nowrap}
.instance-pagination label{white-space:nowrap}
.instance-pagination select{border:1px solid #dce4f0;border-radius:4px;padding:4px 2px;background:white;color:#526d92;font-size:10px;min-width:39px}
.selected-configuration{margin-top:13px;font-size:11px;color:#416999}
@media(max-width:1100px){.configuration-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.instance-section .instance-thead,.instance-section .instance-row{grid-template-columns:minmax(64px,1fr) 48px 52px minmax(85px,1fr) 89px;gap:7px;padding-inline:10px}.instance-section .instance-row .row-price{font-size:11px}}
@media(max-width:950px){.instance-section .instance-thead,.instance-section .instance-row{grid-template-columns:minmax(64px,1fr) 48px 52px 86px;gap:6px}.instance-section .instance-bandwidth{display:none}.configuration-result-bar{align-items:flex-start;flex-direction:column;gap:7px}.configuration-result-bar>div{width:100%;justify-content:space-between}.instance-pagination{flex-direction:column;align-items:flex-start;gap:8px}.instance-pagination>div{justify-content:space-between;width:100%}}
@media(max-width:650px){.configuration-filters{gap:12px 10px}.configuration-filters select{font-size:11px;height:40px}.configuration-cpu b{font-size:11px}.instance-section .instance-thead,.instance-section .instance-row{grid-template-columns:minmax(64px,1fr) 46px 50px 83px}.instance-pagination{padding:12px 10px}.filter-explanation{font-size:10px}.configuration-cpu{gap:6px}}
@media(max-width:380px){.instance-section{padding-inline:12px}.instance-section .instance-thead,.instance-section .instance-row{grid-template-columns:minmax(60px,1fr) 40px 44px 78px;gap:4px;padding-inline:6px}.configuration-cpu{gap:4px}.instance-section .instance-row .row-price{font-size:10px}.instance-pagination>div{gap:5px}.instance-pagination button{padding:5px 7px}}
@media(max-width:650px){.nav-inner nav .nav-link:last-child{display:flex}}
/* Specification data stays aligned and scrolls within the configuration panel on small screens. */
.instance-table-scroll{max-width:100%;overflow-x:auto;border:1px solid #e4e9f1;border-radius:8px}.instance-table-scroll .instance-table{min-width:1040px;border:0}.instance-table-scroll .instance-thead,.instance-table-scroll .instance-row{display:grid;grid-template-columns:minmax(230px,1.7fr) 78px 80px minmax(120px,1fr) 110px 100px 140px;gap:12px;align-items:center}.instance-table-scroll .instance-row{min-height:72px;font-size:12px}.specification-name{display:flex;align-items:center;gap:9px;min-width:0;text-align:left}.specification-name b{display:block;overflow-wrap:anywhere;font-size:12px}.specification-name small{display:block;color:#7b879d;margin-top:5px}.instance-row>span:nth-child(4){font-size:11px;overflow-wrap:anywhere}.instance-table-scroll .instance-thead{font-size:12px}.instance-table-scroll .instance-pagination{position:sticky;left:0;max-width:calc(100vw - 90px)}#billing-mode,#disk-controls input{min-height:40px;border:1px solid #dce3ef;border-radius:6px;padding:8px;background:#fff;color:#263550;font:inherit}#disk-controls{margin-bottom:16px}#disk-controls input{width:100%;box-sizing:border-box}
@media(min-width:1100px){.workspace{grid-template-columns:minmax(0,1fr) 335px}.page{max-width:1560px}.instance-table-scroll .instance-pagination{max-width:none}}
#systems{display:grid;grid-template-columns:1fr 2fr;gap:16px}#systems label{display:grid;gap:8px;font-size:13px;color:#64718a}#systems select{min-width:0;width:100%;padding:11px 10px;background:#fff;border:1px solid #dce3ef;border-radius:6px;color:#263550;font:inherit}@media(max-width:600px){#systems{grid-template-columns:1fr}}
.instance-table-scroll .instance-table{min-width:820px}.instance-table-scroll .instance-thead,.instance-table-scroll .instance-row{grid-template-columns:minmax(200px,1.6fr) 55px 65px minmax(100px,1fr) 85px 85px 120px;gap:8px}
.instance-table-scroll .instance-table{min-width:740px}.instance-table-scroll .instance-thead,.instance-table-scroll .instance-row{grid-template-columns:minmax(175px,1.6fr) 55px 60px minmax(95px,1fr) 70px 75px 110px;gap:8px}