:root{--blue:#0b63b8;--sky:#1b86ec;--ink:#1b2636;--muted:#6d7788;--line:#e8edf4;--bg:#f4f7fb;--active:#edf5ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5:'PingFang SC','Microsoft YaHei',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.console-header{height:72px;background:linear-gradient(100deg,#0757a8,#086abd);color:#fff;display:flex;align-items:center;padding:0 22px;gap:28px;box-shadow:0 1px 4px #0b4e9230;position:sticky;top:0;z-index:20}.console-brand{display:flex;align-items:center;gap:9px;white-space:nowrap}.console-brand strong{font-size:24px;font-style:italic;letter-spacing:-1px}.console-brand small{padding-left:13px;border-left:1px solid #fff7;font-size:17px}.console-sigil{display:flex;gap:4px;align-items:flex-end;transform:skewX(-12deg);height:27px}.console-sigil i{display:block;width:7px;border-radius:4px;background:#92d9ff}.console-sigil i:nth-child(1){height:13px}.console-sigil i:nth-child(2){height:27px;background:#fff}.console-sigil i:nth-child(3){height:19px;background:#42c6f0}.console-header nav{display:flex;height:100%;gap:6px}.console-header nav a{display:flex;align-items:center;padding:0 19px;color:#d3e8ff;font-size:16px;position:relative}.console-header nav a.active{color:#fff;font-weight:700}.console-header nav a.active:after{content:'';position:absolute;left:15px;right:15px;bottom:0;height:4px;background:#a9d8ff}.console-actions{margin-left:auto;display:flex;align-items:center;gap:18px;color:#e0efff}.console-actions button{border:0;background:transparent;color:#e0efff;position:relative}.console-actions b{position:absolute;top:-13px;right:-17px;border-radius:12px;background:#ff5b5b;color:#fff;padding:0 6px;font-size:11px}.user-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#8bd656;color:#fff}.console-layout{display:grid;grid-template-columns:262px 1fr;min-height:calc(100vh - 72px)}.side-menu{padding-top:24px;background:#fff;border-right:1px solid #edf0f5}.side-menu a{height:49px;padding:0 28px;display:flex;align-items:center;gap:13px;font-size:16px;color:#424d5d}.side-menu a em{margin-left:auto;font-style:normal;color:#8793a5}.side-menu a.selected{background:#ecf4ff;color:#1165b9;font-weight:700;border-right:3px solid #2983dc}.console-page{padding:20px;min-width:0}.instance-view,.create-view{background:#fff;border-radius:8px;min-height:calc(100vh - 112px);box-shadow:0 1px 8px #2d517012;padding:20px}.hidden{display:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:5px 0 14px}.panel-heading>div{display:flex;align-items:center;gap:10px}.panel-heading h1{margin:0;font-size:20px}.cloud-glyph{color:#1477d0;font-size:25px}.panel-heading p{color:#f0a116;margin:0;font-size:15px}.table-toolbar{display:flex;gap:22px;align-items:center;padding:20px 0}.create-btn,#create-submit{border:0;border-radius:6px;background:#0764b9;color:#fff;padding:10px 18px;font-weight:700;box-shadow:0 3px 7px #0a64bb32}.search{height:41px;width:min(605px,58vw);display:flex;align-items:center;border:1px solid #dfe5ed;border-radius:6px;overflow:hidden}.search select{height:100%;border:0;border-right:1px solid #e5e9ef;padding:0 18px;color:#516074;background:#fff}.search input{border:0;outline:0;flex:1;padding:0 15px}.search span{font-size:22px;padding:0 13px;color:#4a586b}.refresh{border:1px solid #dfe5ed;background:#fff;border-radius:6px;width:48px;height:41px;font-size:23px;color:#4a586b}.instance-table-wrap{overflow:auto;border:1px solid #f1f2f5}.instance-table{border-collapse:collapse;width:1540px;min-width:100%}.instance-table th{background:#f5f6f8;text-align:left;padding:20px;font-size:15px;white-space:nowrap}.instance-table td{padding:28px 20px;border-top:1px solid #eef1f5;vertical-align:top}.instance-table tbody tr:hover{background:#f8fbff}.instance-name{display:flex;flex-direction:column;gap:5px;color:#1672dd}.instance-name small{color:#333;font-size:14px}.status{color:#12b940;white-space:nowrap}.status:before{content:'●';font-size:11px;margin-right:6px}.tag{display:inline-block;border:1px solid #b9d2ff;border-radius:4px;color:#3678dc;background:#f4f8ff;padding:4px 9px}.ip-cell{line-height:1.8;white-space:nowrap}.ip-cell b{color:#38bdb9;background:#ecfffe;font-weight:500;border:1px solid #b7eeee;padding:1px 4px;border-radius:3px;margin-right:6px}.instance-actions{white-space:nowrap;color:#176fde;word-spacing:10px}.back-btn{border:0;background:none;color:#1874d3;font-size:32px;line-height:20px;padding:0}.create-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:30px;padding-top:20px}.server-form{min-width:0}.server-form h2{font-size:16px;margin:0 0 10px}.server-form h2:not(:first-child){margin-top:22px}.server-form h2 small{font-weight:400;color:#99a2ae;font-size:12px}.billing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-card,.env-card,.chip-set button{border:1px solid #dfe4eb;background:#fff;border-radius:5px;color:#4d5867}.choice-card{min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.choice-card b{font-size:19px}.choice-card span{font-size:13px;color:#98a0ad}.choice-card.active,.chip-set button.active,.env-card.active{color:#126fc9;border-color:#4a92e0;box-shadow:0 0 0 1px #d7e9ff}.check-row{display:block;margin:13px 0;color:#5f6875}.check-row input{accent-color:#0869c2}.chip-set{display:flex;gap:10px;flex-wrap:wrap}.chip-set button{height:38px;padding:0 22px;min-width:96px}.chip-set.compact button{min-width:auto}.configuration-table{height:230px;overflow:auto;border-radius:6px;border:1px solid #eceff3}.configuration-table table{width:100%;border-collapse:collapse}.configuration-table th{position:sticky;top:0;background:#f5f6f8;padding:13px;text-align:center}.configuration-table td{padding:12px;text-align:center;border-top:1px solid #edf0f5}.configuration-table tr.selected{background:#eaf4ff}.configuration-table input{accent-color:#1178da}.environment-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.env-card{text-align:left;padding:12px;min-height:65px;display:flex;gap:4px;flex-direction:column}.env-card span{font-size:12px;color:#687382}.field-row{display:flex;align-items:center;gap:8px}.field-row select,.field-row input,.server-name{height:36px;border:1px solid #dfe4eb;border-radius:4px;padding:0 11px;background:#fff}.field-row select{width:150px}.field-row input{width:110px}.field-row span{color:#87919e}.add-disk{background:#0867be;color:#fff;border:0;border-radius:5px;padding:8px 13px}.bandwidth{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.bandwidth label{color:#5c6876}.bandwidth input[type=range]{width:270px;accent-color:#1a80d8}.bandwidth output{border:1px solid #e1e6ed;padding:7px 12px;border-radius:4px;color:#607082}.tip{margin-top:10px;background:#edf7ff;border:1px solid #bde0ff;color:#53708e;padding:9px 12px;border-radius:4px}.server-name{width:300px}.form-note{font-size:12px;color:#929aa5}.summary-card{align-self:start;position:sticky;top:92px;border:1px solid #e7ebf1;box-shadow:0 3px 12px #23466d12;border-radius:7px;padding:16px;background:#fff}.summary-card h2{font-size:18px;padding-bottom:11px;border-bottom:1px solid #e6ecf4;margin:0}.summary-card h2 span{float:right;color:#718093}.summary-card dl{margin:12px 0;border:1px solid #edf0f4}.summary-card dl div{display:grid;grid-template-columns:125px 1fr;border-bottom:1px solid #edf0f4}.summary-card dl div:last-child{border:0}.summary-card dt,.summary-card dd{margin:0;padding:12px}.summary-card dt{background:#fafbfc;color:#7d8794}.summary-card dd{word-break:break-word}.quantity{display:grid;grid-template-columns:125px 1fr 28px;border:1px solid #edf0f4;align-items:center}.quantity span{padding:12px;background:#fafbfc;color:#7d8794}.quantity input{margin:6px;border:1px solid #dce2e9;border-radius:4px;height:34px;padding:0 9px}.summary-footer{border-top:1px solid #edf0f4;margin-top:15px;padding-top:15px;display:flex;align-items:center;gap:8px}.summary-footer strong{color:#0662b9;font:800 20px 'system-ui',-apple-system,'Segoe UI',Roboto,'PingFang SC','Microsoft YaHei',sans-serif,sans-serif;white-space:nowrap}.summary-footer button{margin-left:auto;white-space:nowrap}.console-toast{position:fixed;z-index:40;bottom:28px;left:50%;transform:translate(-50%,100px);padding:10px 18px;border-radius:6px;background:#16263d;color:#fff;transition:transform .25s}.console-toast.show{transform:translate(-50%,0)}@media(max-width:1050px){.console-layout{grid-template-columns:205px 1fr}.console-header{gap:12px}.console-header nav a{padding:0 10px;font-size:14px}.console-brand small{display:none}.create-grid{grid-template-columns:1fr}.summary-card{position:relative;top:auto}.console-actions a,.console-actions span:last-child{display:none}}@media(max-width:720px){.console-header{height:58px;padding:0 12px}.console-brand strong{font-size:20px}.console-header nav{display:none}.console-layout{grid-template-columns:1fr}.side-menu{display:flex;overflow:auto;padding:0}.side-menu a{flex:0 0 auto;height:48px;padding:0 14px}.side-menu a em{display:none}.console-page{padding:10px}.instance-view,.create-view{padding:14px}.panel-heading{align-items:flex-start;gap:12px}.panel-heading p{font-size:12px;max-width:52%}.table-toolbar{gap:8px}.search{width:auto;flex:1}.search select{display:none}.billing-cards{grid-template-columns:1fr}.environment-cards{grid-template-columns:1fr}.summary-footer{flex-wrap:wrap}.summary-footer button{margin-left:0}.chip-set{gap:6px}.chip-set button{min-width:80px;padding:0 10px}.console-actions{gap:8px}}
/* Keep the internal console header in the original white visual style. */
.console-header~*{font-size:inherit}
body{zoom:.9}
/* Keep the console shell tall after the 90% visual scale. */
.console-layout{min-height:calc(100vh - 20px)}
.side-menu{min-height:calc(100vh - 20px)}
.instance-view,.create-view,.resource-panel{min-height:calc(100vh - 40px)}
.console-header{background:#fff;color:#1b2636;border-bottom:1px solid #edf1f6;box-shadow:0 1px 5px #24466d12}
.console-brand strong{color:#1768c5}.console-brand small{color:#52627a;border-left-color:#d8e1ec}.console-sigil i{background:#2f7cff}.console-sigil i:nth-child(2){background:#1b5fc4}.console-sigil i:nth-child(3){background:#24bfd0}
.console-header nav a{color:#53627c}.console-header nav a.active{color:#1768c5}.console-header nav a.active:after{background:#2d80ef}.console-actions{color:#53627c}.console-actions button{color:#53627c}
/* Storage expands to its two second-level resources without affecting other links. */
.side-menu .storage-sub{display:none;padding-left:58px;height:44px;font-size:15px}
.side-menu.storage-open .storage-sub{display:flex}
.side-menu.storage-open .storage-toggle em{transform:rotate(180deg)}
.side-menu .storage-toggle:hover~.storage-sub,.side-menu .storage-sub:hover{display:flex}