/* GFWIDC client console, 2026-10-09. Overrides are deliberately scoped. */
html.gfw-console {
  --gfw-ink: #26354d;
  --gfw-muted: #718198;
  --gfw-accent: #3267c9;
  --gfw-canvas: #f5f7fb;
  --gfw-nav: #edf2f9;
  --gfw-line: #e7edf5;
  font-variant-numeric: tabular-nums;
}
.gfw-cloud-page body {
  color: var(--gfw-ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  background: var(--gfw-canvas);
}
.gfw-console .el-aside, .gfw-console .drawer-menu {
  background: var(--gfw-nav) !important;
  box-shadow: none !important;
  border-right: 1px solid #e1e9f3;
}
.gfw-console .el-aside .el-menu, .gfw-console .drawer-menu .el-menu {
  background: transparent !important;
  border: 0 !important;
}
.gfw-console .el-aside .el-menu-item, .gfw-console .drawer-menu .el-menu-item,
.gfw-console .el-aside .el-submenu__title, .gfw-console .drawer-menu .el-submenu__title {
  height: 44px !important;
  line-height: 44px !important;
  margin: 3px 8px;
  border-radius: 5px;
  color: #415674 !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 400;
}
.gfw-console .el-aside .el-menu-item i, .gfw-console .drawer-menu .el-menu-item i {
  color: #607895 !important;
  font-size: 18px !important;
  width: 22px;
}
.gfw-console .el-aside .el-menu-item:hover, .gfw-console .drawer-menu .el-menu-item:hover {
  background: #e2ebf8 !important;
}
.gfw-console .el-aside .el-menu-item.is-active, .gfw-console .drawer-menu .el-menu-item.is-active {
  background: #dce9fb !important;
  color: var(--gfw-accent) !important;
  box-shadow: inset 2px 0 0 var(--gfw-accent) !important;
  font-weight: 500;
}
.gfw-console .el-aside .el-menu-item.is-active i,
.gfw-console .el-aside .el-menu-item.is-active .aside-menu-text,
.gfw-console .drawer-menu .el-menu-item.is-active i,
.gfw-console .drawer-menu .el-menu-item.is-active .aside-menu-text { color: var(--gfw-accent) !important; }
.gfw-console .ali-logo { width: 150px; max-width: 82%; height: auto; margin: 22px auto 20px; }
.gfw-console .shiwai-line { margin: 20px 18px !important; background: #dce5f0 !important; }
.gfw-console .el-header {
  height: 58px !important;
  background: #fdfefe !important;
  border-bottom: 1px solid var(--gfw-line);
  box-shadow: none !important;
}
.gfw-console .el-header .header-right { gap: 14px; }
.gfw-console .el-header .header-left { display: flex; align-items: center; gap: 14px; min-width: 0; }
.gfw-console .gfw-mobile-logo { display: none; width: 124px; height: auto; max-height: 34px; object-fit: contain; }
.gfw-console .gfw-header-caption { color: #5a6c86; font-size: 14px; letter-spacing: .2px; }
.gfw-cloud-page .el-main { background: var(--gfw-canvas) !important; }
.gfw-cloud-page .el-main { padding: 24px !important; min-width: 0; }
.gfw-cloud-page .config-box, .gfw-cloud-page .config-box > .content { min-width: 0; }
.gfw-cloud-page .main-card {
  padding: 22px !important;
  background: #fff !important;
  border-radius: 7px !important;
  box-shadow: none !important;
  min-width: 0;
  min-height: 0 !important;
  font-size: 14px !important;
}
.gfw-cloud-page .main-card .el-button { font-size: 14px; border-radius: 5px; }
.gfw-cloud-page .main-card .el-button--primary, .gfw-cloud-page .search-btn {
  background: var(--gfw-accent) !important;
  border-color: var(--gfw-accent) !important;
}
.gfw-cloud-page a:focus-visible, .gfw-cloud-page button:focus-visible,
.gfw-console .el-menu-item:focus-visible { outline: 2px solid #4b7de0; outline-offset: 3px; }
.gfw-cloud-page .el-input__inner {
  font-family: inherit;
  font-size: 14px;
  border-color: #dfe6f0;
  border-radius: 5px;
  height: 36px;
  line-height: 36px;
}
.gfw-cloud-page .el-input__icon { line-height: 36px; }
.gfw-cloud-page .el-tabs__item { font-size: 14px !important; font-weight: 400; color: #566982; }
.gfw-cloud-page .el-tabs__item.is-active { color: var(--gfw-accent); font-weight: 500; }
.gfw-cloud-page .el-tabs__active-bar { height: 2px; background: var(--gfw-accent); }
.gfw-cloud-page .el-tabs__nav-wrap::after { height: 1px; background: var(--gfw-line); }
.gfw-page-heading { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin: 0 0 20px; }
.gfw-page-heading h1 { font-size: 21px; line-height: 1.4; font-weight: 500; margin: 0; color: var(--gfw-ink); }
.gfw-page-heading a { font-size: 14px; padding: 8px 14px; border: 1px solid #dce5f2; border-radius: 5px; color: var(--gfw-accent); background: #f8faff; }
.gfw-service-list .main-card-title { display: none !important; }
.gfw-service-list .main-card-table { margin-top: 0 !important; }
.gfw-service-list .main-card-search { gap: 14px; padding: 16px 0 !important; flex-wrap: wrap; }
.gfw-service-list .main-card-search .right-search { gap: 10px !important; flex-wrap: wrap; }
.gfw-service-list .main-card-search .right-search > .el-select { width: 150px !important; margin: 0 !important; }
.gfw-service-list .main-card-search .right-search > .el-input { width: 220px !important; margin: 0 !important; }
.gfw-service-list .search-btn { min-width: 64px; height: 36px !important; font-size: 14px !important; border-radius: 5px; padding: 0 14px; }
.gfw-service-list .gfw-host-table { border: 0 !important; color: var(--gfw-ink); font-size: 14px; }
.gfw-service-list .gfw-host-table::before, .gfw-service-list .gfw-host-table::after { display: none; }
.gfw-service-list .gfw-host-table th { background: #f6f8fc !important; color: #63738c; font-size: 13px; font-weight: 500; border: 0 !important; }
.gfw-service-list .gfw-host-table td { border-right: 0 !important; border-bottom: 1px solid #f0f3f8 !important; padding: 15px 0; }
.gfw-service-list .gfw-host-table tr:last-child td { border-bottom: 0 !important; }
.gfw-service-list .gfw-host-table tr:hover > td { background: #f8faff !important; }
.gfw-service-list .gfw-host-table .cell { line-height: 1.6 !important; padding: 0 10px !important; overflow-wrap: anywhere; }
.gfw-service-list .cloud-name, .gfw-service-list .area { height: auto !important; }
.gfw-service-list .cloud-name .name { color: var(--gfw-muted) !important; font-size: 13px !important; font-weight: 400; }
.gfw-service-list .cloud-name .packge-name { font-weight: 500; color: var(--gfw-ink) !important; }
.gfw-service-list .gfw-host-table .status { display: inline-flex; align-items: center; gap: 6px; background: transparent !important; padding: 0 !important; width: auto !important; font-size: 13px !important; white-space: nowrap; }
.gfw-service-list .gfw-host-table .status::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; flex: 0 0 auto; }
.gfw-service-list .gfw-host-table .os-img { width: 20px !important; height: 20px !important; object-fit: contain; }
.gfw-os-name { font-size: 13px; color: #586a82; margin-left: 6px; overflow-wrap: anywhere; }
.gfw-service-list .gfw-host-table .os { display: flex; align-items: center; min-height: 22px; }
.gfw-service-list .page { margin-top: 18px; }
.gfw-mobile-sort { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.gfw-mobile-sort select { border: 1px solid #dfe6f0; color: #5e708a; background: #fff; height: 32px; padding: 0 8px; border-radius: 5px; font-size: 13px; }
.gfw-cloud-page .el-main, .gfw-console .el-aside, .gfw-console .drawer-menu, .gfw-console .el-header,
.gfw-cloud-page .main-card, .gfw-cloud-page .cell, .gfw-cloud-page .el-tabs__item,
.gfw-cloud-page .label, .gfw-cloud-page .value {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}
.gfw-service-list .gfw-host-table td[data-gfw-kind="id"] .cell { white-space: nowrap !important; overflow-wrap: normal; }
.gfw-created-time, .gfw-inline-area { font-size: 13px; color: var(--gfw-muted); }
.gfw-renew-line { margin-top: 6px; }
.gfw-manage-button { border: 0; color: var(--gfw-accent); background: transparent; padding: 6px 0; font: inherit; cursor: pointer; }
.gfw-manage-button:hover { color: #164fba; text-decoration: underline; }
.gfw-service-list .gfw-host-table td[data-gfw-kind="config"] .cell { white-space: normal !important; overflow: visible; text-overflow: clip; }
.gfw-cloud-detail #product_detail_cloud .top-product-name,
.gfw-cloud-detail #product_detail_cloud .l-t-l-text,
.gfw-cloud-detail #product_detail_cloud .r-t-l-text { font-family: inherit !important; }
.gfw-cloud-detail #product_detail_cloud .l-t .copy-btn { background: transparent !important; border: 0 !important; padding: 4px 0 !important; }
.gfw-list-error { padding: 12px 14px; margin-bottom: 14px; background: #fff6f2; color: #a34e2c; border-radius: 5px; line-height: 1.6; }
.gfw-list-error button { border: 0; background: transparent; color: var(--gfw-accent); cursor: pointer; padding: 6px 12px; font: inherit; }
.gfw-cloud-detail #product_detail_cloud > .main-card { padding: 0 !important; background: transparent !important; }
.gfw-cloud-detail #product_detail_cloud .card-top { margin: 0 !important; padding: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .top-operation, .gfw-cloud-detail #product_detail_cloud .tabs { box-sizing: border-box !important; width: 100% !important; min-width: 0; }
.gfw-cloud-detail #product_detail_cloud .top-operation { padding: 20px 22px !important; background: #fff; border-radius: 7px; margin-bottom: 16px; }
.gfw-cloud-detail #product_detail_cloud .operation-row1 { align-items: center !important; gap: 10px; flex-wrap: wrap; }
.gfw-cloud-detail #product_detail_cloud .top-product-name { font-size: 21px !important; font-weight: 500; margin: 0 !important; line-height: 1.4; }
.gfw-cloud-detail #product_detail_cloud .back-img { width: 22px !important; height: 22px !important; margin-right: 2px; }
.gfw-cloud-detail #product_detail_cloud .top-area .country, .gfw-cloud-detail #product_detail_cloud .top-area .city, .gfw-cloud-detail #product_detail_cloud .top-area .area { font-size: 13px !important; }
.gfw-cloud-detail #product_detail_cloud .top-area .country-img { width: 18px !important; height: 12px !important; margin: 0 4px 0 0 !important; }
.gfw-cloud-detail #product_detail_cloud .row2-left .name, .gfw-cloud-detail #product_detail_cloud .row2-left .ip { font-size: 14px !important; }
.gfw-cloud-detail #product_detail_cloud .top-area { margin-left: auto !important; font-size: 13px !important; color: var(--gfw-muted); }
.gfw-cloud-detail #product_detail_cloud .operation-row2 { display: flex; flex-wrap: wrap; align-items: center !important; justify-content: space-between; gap: 16px; margin: 20px 0 0 !important; padding: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .row2-left { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; min-width: 0; font-size: 14px !important; }
.gfw-cloud-detail #product_detail_cloud .row2-left .name { padding-right: 14px !important; margin: 0 !important; color: #667792; }
.gfw-cloud-detail #product_detail_cloud .row2-left .ip { margin: 0 !important; color: var(--gfw-ink); font-variant-numeric: tabular-nums; }
.gfw-cloud-detail #product_detail_cloud .row2-action-group { margin: 0 !important; display: flex; flex-wrap: wrap; gap: 10px; }
.gfw-cloud-detail #product_detail_cloud .row2-right { gap: 12px; flex-wrap: wrap; }
.gfw-cloud-detail #product_detail_cloud .row2-right > *, .gfw-cloud-detail #product_detail_cloud .on-off { margin: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .row2-right img { width: 24px !important; height: 24px !important; }
.gfw-cloud-detail #product_detail_cloud .info-box { font-size: 12px !important; }
.gfw-cloud-detail #product_detail_cloud .info-box .green-div { width: 68px !important; height: 5px !important; border-radius: 3px; overflow: hidden; }
.gfw-cloud-detail #product_detail_cloud .operation-row3 { padding: 14px 0 0 !important; font-size: 13px !important; line-height: 1.6; }
.gfw-cloud-detail #product_detail_cloud .top-msg { display: grid !important; grid-template-columns: minmax(0, 1.75fr) minmax(290px, 1fr); gap: 16px; margin: 0 0 18px !important; }
.gfw-cloud-detail #product_detail_cloud .msg-l, .gfw-cloud-detail #product_detail_cloud .msg-r {
  width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 20px !important;
  background: #fff; border: 0 !important; border-radius: 7px !important; box-sizing: border-box;
}
.gfw-cloud-detail #product_detail_cloud .l-t, .gfw-cloud-detail #product_detail_cloud .r-t { margin: 0 0 18px !important; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.gfw-cloud-detail #product_detail_cloud .l-t-l-text, .gfw-cloud-detail #product_detail_cloud .r-t-l-text { font-size: 16px !important; font-weight: 500; color: var(--gfw-ink); }
.gfw-cloud-detail #product_detail_cloud .l-t .copy-btn { font-size: 13px !important; color: var(--gfw-accent); }
.gfw-cloud-detail #product_detail_cloud .msg-l .l-b { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; margin: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .l-b > .info-item, .gfw-cloud-detail #product_detail_cloud .l-b > .row {
  width: auto !important; min-width: 0; display: flex !important; flex-wrap: wrap; align-items: baseline;
  gap: 6px 10px; margin: 0 !important; font-size: 14px !important; height: auto !important;
}
.gfw-cloud-detail #product_detail_cloud .l-b .label { font-size: 13px !important; color: var(--gfw-muted) !important; width: auto !important; min-width: 64px !important; margin: 0 !important; line-height: 1.6; }
.gfw-cloud-detail #product_detail_cloud .l-b .value { font-size: 14px !important; color: var(--gfw-ink) !important; width: auto !important; min-width: 0; margin: 0 !important; line-height: 1.6; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere; }
.gfw-cloud-detail #product_detail_cloud .l-b .over-text { max-width: none !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; margin: 0; }
.gfw-cloud-detail #product_detail_cloud .value:empty::after { content: "—"; color: var(--gfw-muted); }
.gfw-cloud-detail #product_detail_cloud .r-b { margin: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .r-b > .row { display: contents !important; }
.gfw-cloud-detail #product_detail_cloud .r-b .row-l, .gfw-cloud-detail #product_detail_cloud .r-b .row-r {
  width: auto !important; margin: 0 !important; display: grid !important; grid-template-columns: 82px minmax(0, 1fr);
  gap: 12px; align-items: baseline; padding: 11px 0 !important; border-bottom: 1px solid #f0f3f8;
}
.gfw-cloud-detail #product_detail_cloud .r-b .label { min-width: 0 !important; font-size: 13px !important; color: var(--gfw-muted) !important; line-height: 1.6; }
.gfw-cloud-detail #product_detail_cloud .r-b .value { min-width: 0; margin: 0 !important; font-size: 14px !important; color: var(--gfw-ink); white-space: normal !important; overflow: visible !important; overflow-wrap: anywhere; line-height: 1.6; }
.gfw-cloud-detail #product_detail_cloud .gfw-coupon-summary, .gfw-cloud-detail #product_detail_cloud .common-cashback { display: none !important; }
.gfw-cloud-detail #product_detail_cloud .r-b .row-l.gfw-coupon-summary,
.gfw-cloud-detail #product_detail_cloud .r-b .row-r.gfw-coupon-summary { display: none !important; }
.gfw-cloud-detail #product_detail_cloud .main-card .tabs { background: #fff; padding: 16px 20px 20px; border-radius: 7px; margin: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .echart-main { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 18px; }
.gfw-cloud-detail #product_detail_cloud .echart-main .my-echart { width: 100% !important; height: 240px !important; min-width: 0; margin: 0 !important; }
.gfw-cloud-detail #product_detail_cloud .top-renew-btn { font-size: 13px !important; border-radius: 5px !important; background: var(--gfw-accent) !important; border-color: var(--gfw-accent) !important; }
.gfw-cloud-detail #product_detail_cloud .host-status { margin: 0 !important; min-width: 44px; width: auto !important; padding: 2px 9px; font-size: 12px !important; }
.gfw-cloud-detail .gfw-detail-error { margin: 18px 0; padding: 24px; background: #fff; border-radius: 7px; font-size: 15px; color: #8e4e36; line-height: 1.7; }
@media (min-width: 1550px) {
  .gfw-cloud-detail #product_detail_cloud .msg-l .l-b { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1100px) {
  .gfw-cloud-detail #product_detail_cloud .top-msg { grid-template-columns: minmax(0, 1fr); }
  .gfw-service-list .main-card-search .right-search { justify-content: flex-start !important; }
}
@media (max-width: 768px) {
  .gfw-console .el-aside { display: none !important; }
  .gfw-console .el-header { background: var(--gfw-nav) !important; padding: 0 14px !important; height: 56px !important; }
  .gfw-console .gfw-mobile-logo { display: block; }
  .gfw-console .gfw-header-caption { display: none; }
  .gfw-console .el-header .header-left .menu-img { width: 22px !important; height: 22px !important; }
  .gfw-console .el-header .header-right { gap: 10px; margin-left: auto; }
  .gfw-console .el-header .header-right .yfx-header-home,
  .gfw-console .el-header .header-right .yfx-header-lau,
  .gfw-console .el-header .header-right .yfx-header-system { display: none !important; }
  .gfw-console .drawer-menu { width: min(290px, 82vw) !important; }
  .gfw-console .drawer-menu-logo { width: 170px !important; height: auto; }
  .gfw-console .drawer-menu-top { padding: 22px 18px !important; }
  .gfw-console .drawer-menu-list-top { padding: 0 !important; }
  .gfw-console .drawer-menu .el-menu-item { font-size: 15px !important; min-height: 46px; }
  .gfw-cloud-page .el-main { padding: 16px 12px !important; margin: 56px 0 0 !important; width: 100%; }
  .gfw-cloud-page .main-card { padding: 16px !important; font-size: 15px !important; }
  .gfw-page-heading { margin-bottom: 16px; gap: 10px; }
  .gfw-page-heading h1 { font-size: 20px; }
  .gfw-page-heading a { padding: 10px 12px; font-size: 14px; }
  .gfw-cloud-page .el-input__inner { height: 44px !important; line-height: 44px !important; font-size: 15px !important; }
  .gfw-cloud-page .el-input__icon { line-height: 44px !important; }
  .gfw-cloud-page .el-tabs__item { font-size: 15px !important; height: 44px; line-height: 44px; }
  .gfw-service-list .main-card { background: transparent !important; padding: 0 !important; }
  .gfw-service-list .main-card-table, .gfw-service-list .main-card-table > .table { width: 100% !important; min-width: 0 !important; }
  .gfw-service-list .main-card-search { align-items: stretch; padding: 12px 0 !important; }
  .gfw-service-list .main-card-search .right-search { width: 100%; flex: 1 1 100%; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px !important; }
  .gfw-service-list .main-card-search .right-search > .el-select,
  .gfw-service-list .main-card-search .right-search > .el-input { width: 100% !important; min-width: 0; }
  .gfw-service-list .main-card-search .right-search > .el-input { grid-column: 1 / -1; }
  .gfw-service-list .search-btn { height: 44px !important; width: 100%; font-size: 15px !important; }
  .gfw-mobile-sort { display: flex; justify-content: flex-end; padding: 0 0 12px; }
  .gfw-mobile-sort select { border: 1px solid #dfe6f0; background: #fff; color: #5e708a; height: 44px; border-radius: 5px; font-size: 14px; padding: 0 10px; max-width: 100%; }
  .gfw-service-list .gfw-host-table { background: transparent !important; overflow: visible !important; }
  .gfw-service-list .gfw-host-table .el-table__header-wrapper { display: none !important; }
  .gfw-service-list .gfw-host-table .el-table__body-wrapper { overflow: visible !important; width: 100% !important; }
  .gfw-service-list .gfw-host-table .el-table__body, .gfw-service-list .gfw-host-table tbody { display: block !important; width: 100% !important; }
  .gfw-service-list .gfw-host-table colgroup { display: none; }
  .gfw-service-list .gfw-host-table .el-table__row {
    display: grid !important; grid-template-columns: 28px minmax(0, 1fr) auto; height: auto !important;
    gap: 0 8px; padding: 14px; margin-bottom: 14px; background: #fff !important; border-radius: 7px;
  }
  .gfw-service-list .gfw-host-table td {
    display: grid; grid-template-columns: 86px minmax(0, 1fr); align-items: start; gap: 10px;
    grid-column: 1 / -1; padding: 9px 0 !important; border: 0 !important; background: transparent !important; width: auto !important;
  }
  .gfw-service-list .gfw-host-table td::before { content: attr(data-gfw-label); font-size: 14px; line-height: 1.7; color: var(--gfw-muted); }
  .gfw-service-list .gfw-host-table td .cell { width: auto !important; min-width: 0; padding: 0 !important; font-size: 15px !important; line-height: 1.65 !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="select"] { display: block; grid-column: 1; grid-row: 1; padding-top: 4px !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="name"] { display: block; grid-column: 2; grid-row: 1; padding-top: 0 !important; margin-bottom: 8px; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="status"] { display: block; grid-column: 3; grid-row: 1; padding-top: 2px !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="select"]::before,
  .gfw-service-list .gfw-host-table td[data-gfw-kind="name"]::before,
  .gfw-service-list .gfw-host-table td[data-gfw-kind="status"]::before { display: none; }
  .gfw-service-list .gfw-host-table .cloud-name .name { font-size: 14px !important; line-height: 1.65; }
  .gfw-service-list .gfw-host-table .status { font-size: 13px !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="action"] { display: flex; justify-content: flex-end; padding-top: 14px !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="action"]::before { display: none; }
  .gfw-service-list .gfw-manage-button { min-height: 44px; padding: 0 20px; font-size: 15px; background: #f4f8ff; border: 1px solid #dbe6f9; border-radius: 5px; }
  .gfw-service-list .gfw-host-table .area { flex-wrap: wrap; line-height: 1.65; }
  .gfw-service-list .gfw-host-table .os-img { width: 22px !important; height: 22px !important; }
  .gfw-service-list .gfw-os-name { font-size: 14px; }
  .gfw-service-list .gfw-host-table .el-checkbox { padding: 6px 0; }
  .gfw-service-list .gfw-host-table .el-checkbox__inner { width: 18px; height: 18px; }
  .gfw-service-list .gfw-host-table .el-checkbox__inner::after { left: 6px; top: 3px; }
  .gfw-service-list .page { overflow-x: auto; padding: 6px 0; }
  .gfw-cloud-detail #product_detail_cloud .top-operation { padding: 16px !important; }
  .gfw-cloud-detail #product_detail_cloud .top-product-name { font-size: 20px !important; }
  .gfw-cloud-detail #product_detail_cloud .top-area { flex: 1 1 100%; margin: 0 !important; font-size: 14px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .name, .gfw-cloud-detail #product_detail_cloud .row2-left .ip, .gfw-cloud-detail #product_detail_cloud .top-area .country, .gfw-cloud-detail #product_detail_cloud .top-area .city, .gfw-cloud-detail #product_detail_cloud .top-area .area { font-size: 14px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left { font-size: 15px !important; width: 100%; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .name { flex: 1 1 100%; border-right: 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .ip { overflow-wrap: anywhere; }
  .gfw-cloud-detail #product_detail_cloud .row2-action-group { width: 100%; justify-content: space-between; }
  .gfw-cloud-detail #product_detail_cloud .row2-right { gap: 14px; }
  .gfw-cloud-detail #product_detail_cloud .row2-right .on-off { padding: 9px; }
  .gfw-cloud-detail #product_detail_cloud .top-renew-btn { min-height: 44px; display: inline-flex; align-items: center; font-size: 14px !important; margin: 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .operation-row3 { font-size: 14px !important; }
  .gfw-cloud-detail #product_detail_cloud .top-msg { grid-template-columns: minmax(0, 1fr) !important; gap: 14px; }
  .gfw-cloud-detail #product_detail_cloud .msg-l, .gfw-cloud-detail #product_detail_cloud .msg-r { padding: 16px !important; }
  .gfw-cloud-detail #product_detail_cloud .msg-l .l-b { grid-template-columns: minmax(0, 1fr) !important; gap: 16px; }
  .gfw-cloud-detail #product_detail_cloud .l-b .label { font-size: 14px !important; min-width: 86px !important; }
  .gfw-cloud-detail #product_detail_cloud .l-b .value { font-size: 15px !important; }
  .gfw-cloud-detail #product_detail_cloud .r-b .row-l,
  .gfw-cloud-detail #product_detail_cloud .r-b .row-r { grid-template-columns: 86px minmax(0, 1fr); }
  .gfw-cloud-detail #product_detail_cloud .r-b .label { font-size: 14px !important; }
  .gfw-cloud-detail #product_detail_cloud .r-b .value { font-size: 15px !important; }
  .gfw-cloud-detail #product_detail_cloud .r-t-r { font-size: 14px !important; }
  .gfw-cloud-detail #product_detail_cloud .main-card .tabs { padding: 12px 16px 16px; }
  .gfw-cloud-detail #product_detail_cloud .echart-main { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .gfw-cloud-detail #product_detail_cloud .echart-main .my-echart { height: 220px !important; }
  .gfw-cloud-page .el-dialog { max-width: calc(100vw - 24px); }
}
@media (prefers-reduced-motion: reduce) {
  .gfw-console .el-menu-item, .gfw-cloud-page .el-button { transition: none !important; }
}

/* Physical machines retain their module layout; only the requested top spacing changes. */
.gfw-physical-detail .el-main { padding-top: 24px !important; }
.gfw-physical-detail .common_product_detail > .main-card { margin-top: 0 !important; padding-top: 24px !important; }
@media (max-width: 768px) {
  .gfw-physical-detail .el-main { padding-top: 16px !important; }
  .gfw-physical-detail .common_product_detail > .main-card { padding-top: 18px !important; }
}

/* Six reported issues: select-all, nested filter inputs, renewal header, readable OS. */
.gfw-service-list .gfw-host-table .el-table-column--selection .cell {
  padding: 0 6px !important; width: auto !important; min-width: 0 !important;
  overflow: visible !important; display: flex; align-items: center; justify-content: center;
}
.gfw-service-list .gfw-host-table .el-table-column--selection .el-checkbox { margin: 0 !important; }
.gfw-service-list .main-card-search .right-search { min-width: 0; gap: 12px !important; }
.gfw-service-list .main-card-search .right-search > .el-select { flex: 0 0 160px; width: 160px !important; }
.gfw-service-list .main-card-search .right-search > .el-select .el-input { width: 100% !important; min-width: 0 !important; }
.gfw-service-list .main-card-search .right-search > .el-input { flex: 0 1 280px; width: 280px !important; min-width: 0; }
.gfw-service-list .main-card-search .right-search .el-input__inner { width: 100%; box-sizing: border-box; }
.gfw-service-list .main-card-search .right-search > .search-btn { flex: 0 0 72px; }
.gfw-service-list .gfw-host-table .gfw-auto-renew-cell .cell { display: flex; align-items: center; gap: 10px; white-space: nowrap; }
.gfw-service-list .gfw-host-table .gfw-auto-renew-cell .gfw-renew-line { margin: 0; }
.gfw-service-list .gfw-host-table .os { white-space: normal !important; }
.gfw-service-list .gfw-host-table .os-img { flex: 0 0 auto; }
.gfw-service-list .gfw-host-table .gfw-os-name { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.gfw-service-list .gfw-single-batch-renew { min-height: 36px; }
.gfw-cloud-detail #product_detail_cloud .msg-r .r-t {
  display: grid !important; grid-template-columns: minmax(0, 1fr) auto;
  align-items: center; column-gap: 10px; row-gap: 8px;
}
.gfw-cloud-detail #product_detail_cloud .msg-r .r-t-l { width: auto !important; min-width: 0; }
.gfw-cloud-detail #product_detail_cloud .msg-r .r-t-r {
  display: flex; align-items: center; justify-content: flex-end; gap: 6px;
  width: auto !important; margin: 0 !important; justify-self: end;
  font-size: 13px !important; white-space: nowrap;
}
.gfw-cloud-detail #product_detail_cloud .msg-r .r-t-r > span { font-size: inherit !important; }
.gfw-cloud-detail #product_detail_cloud .msg-r .r-t-r .auto-renew { margin: 0 !important; }
@media (max-width: 768px) {
  .gfw-service-list .main-card-search .right-search > .el-select,
  .gfw-service-list .main-card-search .right-search > .el-input { width: 100% !important; min-width: 0; }
  .gfw-service-list .main-card-search .right-search > .search-btn { grid-column: 1 / -1; }
  .gfw-service-list .gfw-auto-renew-label { display: none; }
  .gfw-service-list .gfw-single-batch-renew { min-height: 44px; }
  .gfw-cloud-detail #product_detail_cloud .msg-r .r-t-r { gap: 5px; }
}


/* Mobile cloud detail refinement: keep module events and visibility conditions. */
@media (max-width: 768px) {
  .gfw-cloud-detail #product_detail_cloud {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  .gfw-cloud-detail #product_detail_cloud .top-operation,
  .gfw-cloud-detail #product_detail_cloud .msg-l,
  .gfw-cloud-detail #product_detail_cloud .msg-r,
  .gfw-cloud-detail #product_detail_cloud .tabs,
  .gfw-cloud-detail #product_detail_cloud .top-product-name,
  .gfw-cloud-detail #product_detail_cloud .host-status,
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn,
  .gfw-cloud-detail #product_detail_cloud .manage-content .bottom-row,
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input__inner,
  .gfw-cloud-detail #product_detail_cloud .l-b .over-text { font-family: inherit !important; }
  .gfw-cloud-detail #product_detail_cloud .operation-row1 {
    display: grid !important; grid-template-columns: 22px minmax(0, 1fr) auto;
    column-gap: 8px; row-gap: 8px; align-items: start !important;
  }
  .gfw-cloud-detail #product_detail_cloud .operation-row1 .back-img {
    grid-column: 1; grid-row: 1; align-self: start; margin: 2px 0 0 !important;
    width: 22px !important; height: 22px !important;
  }
  .gfw-cloud-detail #product_detail_cloud .operation-row1 .top-product-name {
    grid-column: 2; grid-row: 1; min-width: 0; font-size: 17px !important;
    line-height: 1.55; font-weight: 600; overflow-wrap: anywhere;
  }
  .gfw-cloud-detail #product_detail_cloud .operation-row1 > :not(.back-img):not(.top-product-name):not(.top-area) {
    grid-column: 3; grid-row: 1; align-self: start; margin: 2px 0 0 !important;
  }
  .gfw-cloud-detail #product_detail_cloud .host-status {
    min-width: 40px; height: 24px !important; padding: 0 7px !important;
    font-size: 12px !important; line-height: 24px; box-sizing: border-box; white-space: nowrap;
  }
  .gfw-cloud-detail #product_detail_cloud .operation-row1 .top-area {
    grid-column: 2 / -1; grid-row: 2; display: flex; flex-wrap: wrap;
    align-items: center; gap: 4px; line-height: 1.5; width: auto !important;
  }
  .gfw-cloud-detail #product_detail_cloud .operation-row2 { margin-top: 14px !important; gap: 12px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left { gap: 4px 10px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .name { font-size: 13px !important; line-height: 1.6; padding: 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .ip { font-size: 14px !important; line-height: 1.6; }
  .gfw-cloud-detail #product_detail_cloud .row2-action-group { justify-content: flex-start !important; align-items: center; gap: 8px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-right { gap: 8px !important; }
  .gfw-cloud-detail #product_detail_cloud .top-renew-btn,
  .gfw-cloud-detail #product_detail_cloud .top-renew-btn-disable,
  .gfw-cloud-detail #product_detail_cloud .row2-right .refund-btn,
  .gfw-cloud-detail #product_detail_cloud .row2-right .refund-stop-btn {
    display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; height: 40px !important; min-height: 40px !important;
    min-width: 76px; padding: 0 14px !important; margin: 0 !important;
    border-radius: 6px !important; font-size: 14px !important; line-height: 1 !important;
    font-family: inherit !important; font-weight: 500; white-space: nowrap;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-right .on-off {
    padding: 0 !important; width: 40px; height: 40px; box-sizing: border-box;
    align-items: center; justify-content: center; background: #f5f8fc;
    border: 1px solid #e4ebf5; border-radius: 6px;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-right .on-off img {
    width: 38px !important; height: 38px !important; padding: 8px; box-sizing: border-box;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-right .on-off i { font-size: 20px !important; }
  .gfw-cloud-detail #product_detail_cloud .operation-row3 { padding-top: 10px !important; font-size: 13px !important; }
  .gfw-cloud-detail #product_detail_cloud .msg-l .l-b { gap: 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .l-b > .info-item,
  .gfw-cloud-detail #product_detail_cloud .l-b > .row {
    padding: 8px 0 !important; flex-wrap: nowrap !important; align-items: baseline !important;
    column-gap: 10px !important; box-sizing: border-box;
  }
  .gfw-cloud-detail #product_detail_cloud .l-b .label {
    flex: 0 0 100px; width: 100px !important; min-width: 100px !important;
    font-size: 13px !important; line-height: 1.65; word-break: normal; overflow-wrap: anywhere;
  }
  .gfw-cloud-detail #product_detail_cloud .l-b .value {
    flex: 1 1 0; min-width: 0; font-size: 14px !important; line-height: 1.65;
    word-break: normal; overflow-wrap: anywhere;
  }
  .gfw-cloud-detail #product_detail_cloud .l-b .value p { margin: 0 !important; font-size: inherit !important; line-height: inherit !important; }
  .gfw-cloud-detail #product_detail_cloud .l-b > .row > .eyes,
  .gfw-cloud-detail #product_detail_cloud .l-b > .row > .el-icon-document-copy,
  .gfw-cloud-detail #product_detail_cloud .l-b > .info-item > .eyes,
  .gfw-cloud-detail #product_detail_cloud .l-b > .info-item > .el-icon-document-copy { flex: 0 0 auto; margin: 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .l-b .eyes { width: 16px !important; height: 16px !important; vertical-align: middle; }
  .gfw-cloud-detail #product_detail_cloud .r-b .row-l,
  .gfw-cloud-detail #product_detail_cloud .r-b .row-r { grid-template-columns: 100px minmax(0, 1fr) !important; gap: 10px; padding: 12px 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .r-b .label { width: auto !important; font-size: 13px !important; white-space: nowrap; }
  .gfw-cloud-detail #product_detail_cloud .r-b .value { font-size: 14px !important; line-height: 1.65; word-break: normal; }
  .gfw-cloud-detail #product_detail_cloud .r-b .value .value { font-size: inherit !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content { display: grid; gap: 10px; margin-top: 16px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content > .el-row { display: contents; }
  .gfw-cloud-detail #product_detail_cloud .manage-content > .el-row::before,
  .gfw-cloud-detail #product_detail_cloud .manage-content > .el-row::after { content: none !important; display: none !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content > .el-row > .el-col {
    width: 100% !important; float: none !important; padding: 0 !important; margin: 0 !important;
  }
  .gfw-cloud-detail #product_detail_cloud .manage-content .manage-item {
    width: 100% !important; height: auto !important; min-height: 0 !important;
    padding: 14px !important; margin: 0 !important; float: none !important;
    box-sizing: border-box; border: 1px solid #e9eef5 !important; border-radius: 7px !important;
    background: #fafbfd; gap: 0;
  }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top { display: flex; align-items: center; gap: 10px; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top .el-select { flex: 1 1 0; min-width: 0; width: auto !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input,
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input__inner { width: 100% !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input__inner { height: 40px !important; line-height: 40px !important; font-size: 14px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input__icon { line-height: 40px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn {
    display: inline-flex; align-self: flex-start; align-items: center; justify-content: center;
    flex: 0 0 auto; width: auto !important; min-width: 88px !important;
    height: 40px !important; padding: 0 14px !important; margin: 0 !important;
    box-sizing: border-box; font-size: 14px !important; line-height: 1 !important;
    font-weight: 500; border-radius: 6px !important; border: 1px solid #dce6f6;
    background: #edf3fd; color: #3267c9; white-space: nowrap;
  }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top .item-top-btn { background: var(--gfw-accent); border-color: var(--gfw-accent); color: #fff; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn.disabled { background: #f0f2f5; border-color: #e7ebf0; color: #98a3b3; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-bottom { margin-top: 10px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .bottom-row {
    font-size: 13px !important; line-height: 1.7 !important; font-weight: 400;
    color: #738198; word-break: normal; overflow-wrap: anywhere;
  }
}


/* Approved mobile summary and desktop management design, 2026-10-09. */
.gfw-cloud-detail #product_detail_cloud .manage-content {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
  margin-top: 20px !important; font-family: inherit;
}
.gfw-cloud-detail #product_detail_cloud .manage-content > .el-row { display: contents; }
.gfw-cloud-detail #product_detail_cloud .manage-content > .el-row::before,
.gfw-cloud-detail #product_detail_cloud .manage-content > .el-row::after { content: none !important; display: none !important; }
.gfw-cloud-detail #product_detail_cloud .manage-content > .el-row > .el-col {
  width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important;
  min-width: 0; display: flex; align-items: stretch;
}
.gfw-cloud-detail #product_detail_cloud .manage-content .manage-item {
  display: flex; flex-direction: column; width: 100% !important; height: auto !important;
  min-height: 186px !important; float: none !important; margin: 0 !important;
  padding: 20px !important; box-sizing: border-box; border: 1px solid #e6edf6 !important;
  border-radius: 7px !important; background: #fafbfd; font-family: inherit !important;
}
.gfw-cloud-detail #product_detail_cloud .gfw-manage-heading { display: flex; align-items: center; gap: 12px; margin: 0; }
.gfw-cloud-detail #product_detail_cloud .gfw-manage-heading svg { width: 28px; height: 28px; flex: 0 0 28px; color: var(--gfw-accent); }
.gfw-cloud-detail #product_detail_cloud .gfw-manage-heading span { color: var(--gfw-ink); font-family: inherit; font-size: 16px; font-weight: 600; line-height: 1.5; }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-bottom { order: 1; flex: 1 0 auto; min-height: 44px; margin: 12px 0 16px 40px !important; }
.gfw-cloud-detail #product_detail_cloud .manage-content .bottom-row { font-family: inherit !important; color: #738198; font-size: 13px !important; font-weight: 400; line-height: 1.7 !important; overflow-wrap: anywhere; }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top { order: 2; display: flex; align-items: center; gap: 10px; margin: 0 0 0 40px; min-width: 0; }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top .el-select { flex: 1 1 0; min-width: 0; width: auto !important; }
.gfw-cloud-detail #product_detail_cloud .manage-content .el-input,
.gfw-cloud-detail #product_detail_cloud .manage-content .el-input__inner { width: 100% !important; }
.gfw-cloud-detail #product_detail_cloud .manage-content .el-input__inner { height: 38px !important; line-height: 38px !important; font-size: 14px !important; font-family: inherit !important; }
.gfw-cloud-detail #product_detail_cloud .manage-content .el-input__icon { line-height: 38px !important; }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn {
  order: 2; display: inline-flex; align-items: center; justify-content: center; align-self: flex-start;
  width: min(220px, calc(100% - 40px)) !important; min-width: 0 !important;
  height: 38px !important; flex: 0 0 auto; padding: 0 14px !important; margin: 0 0 0 40px !important;
  box-sizing: border-box; border: 1px solid #d7e4f7; border-radius: 6px !important;
  background: #edf3fd; color: var(--gfw-accent); font-family: inherit !important;
  font-size: 14px !important; font-weight: 500; line-height: 1 !important; white-space: nowrap;
  transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
}
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top .item-top-btn {
  width: auto !important; min-width: 72px !important; margin: 0 !important;
  background: var(--gfw-accent); border-color: var(--gfw-accent); color: #fff;
}
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn:hover { background: #e3ecfb; border-color: #b9cfee; }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top .item-top-btn:hover { background: #295bb6; border-color: #295bb6; }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn:active { transform: translateY(1px); }
.gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn.disabled,
.gfw-cloud-detail #product_detail_cloud .manage-content .gfw-manage-disabled .item-top-btn { background: #f0f2f5; color: #98a3b3; border-color: #e3e8ef; transform: none; }
.gfw-cloud-detail #product_detail_cloud .gfw-manage-disabled .gfw-manage-heading svg,
.gfw-cloud-detail #product_detail_cloud .gfw-manage-disabled .gfw-manage-heading span { color: #919dad; }
.gfw-cloud-detail #product_detail_cloud .gfw-manage-disabled .bottom-row { color: #919dad; }
@media (max-width: 1100px) {
  .gfw-cloud-detail #product_detail_cloud .manage-content { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
  .gfw-cloud-detail #product_detail_cloud .operation-row2 { margin-top: 18px !important; gap: 16px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-left {
    display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start; column-gap: 16px !important; row-gap: 10px !important; width: 100%;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-left .name,
  .gfw-cloud-detail #product_detail_cloud .row2-left .ip {
    width: auto !important; min-width: 0; padding: 0 !important; margin: 0 !important;
    font-size: 14px !important; line-height: 1.65; color: var(--gfw-ink) !important;
    white-space: normal; overflow-wrap: anywhere; font-variant-numeric: tabular-nums;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-left .name::before,
  .gfw-cloud-detail #product_detail_cloud .row2-left .ip::before {
    display: block; margin-bottom: 5px; color: var(--gfw-muted); font-size: 12px; font-weight: 400; line-height: 1.5;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-left .name::before { content: "实例名称"; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .ip::before { content: "公网 IP"; }
  .gfw-cloud-detail #product_detail_cloud .row2-left .vpc-ip { grid-column: 1 / -1; font-size: 13px !important; }
  .gfw-cloud-detail #product_detail_cloud .row2-action-group {
    display: grid !important; grid-template-columns: minmax(0, 1fr) 40px;
    align-items: center; gap: 8px !important; width: 100%;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-action-group:has(.refund-btn),
  .gfw-cloud-detail #product_detail_cloud .row2-action-group:has(.refund-stop-btn),
  .gfw-cloud-detail #product_detail_cloud .row2-action-group:has(.refund-status) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 40px; }
  .gfw-cloud-detail #product_detail_cloud .row2-right { display: contents; }
  .gfw-cloud-detail #product_detail_cloud .row2-right > .refund,
  .gfw-cloud-detail #product_detail_cloud .row2-right > .common-unsubscribe { grid-column: 2; min-width: 0; width: 100%; }
  .gfw-cloud-detail #product_detail_cloud .row2-right .refund .common-unsubscribe,
  .gfw-cloud-detail #product_detail_cloud .row2-right .unsubscribe-btn { min-width: 0; width: 100%; }
  .gfw-cloud-detail #product_detail_cloud .row2-right .refund-msg:empty { display: none; }
  .gfw-cloud-detail #product_detail_cloud .row2-right .refund-btn,
  .gfw-cloud-detail #product_detail_cloud .row2-right .refund-stop-btn,
  .gfw-cloud-detail #product_detail_cloud .top-renew-btn,
  .gfw-cloud-detail #product_detail_cloud .top-renew-btn-disable {
    width: 100%; min-width: 0 !important; height: 40px !important; box-sizing: border-box; justify-content: center;
  }
  .gfw-cloud-detail #product_detail_cloud .row2-right .on-off { grid-column: -2 / -1; }
  .gfw-cloud-detail #product_detail_cloud .row2-right .info-box { grid-column: 1 / -1; }
  .gfw-cloud-detail #product_detail_cloud .operation-row3 {
    display: flex; justify-content: space-between; align-items: baseline; gap: 14px;
    margin-top: 16px; padding-top: 12px !important; border-top: 1px solid #edf1f7;
  }
  .gfw-cloud-detail #product_detail_cloud .operation-row3::before { content: "备注"; color: var(--gfw-muted); flex: 0 0 auto; }
  .gfw-cloud-detail #product_detail_cloud .operation-row3 .yes-notes { min-width: 0; text-align: right; overflow-wrap: anywhere; }
  .gfw-cloud-detail #product_detail_cloud .manage-content { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .manage-item { min-height: 164px !important; padding: 16px !important; }
  .gfw-cloud-detail #product_detail_cloud .gfw-manage-heading { gap: 10px; }
  .gfw-cloud-detail #product_detail_cloud .gfw-manage-heading svg { width: 24px; height: 24px; flex-basis: 24px; }
  .gfw-cloud-detail #product_detail_cloud .gfw-manage-heading span { font-size: 15px; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-bottom { margin: 10px 0 12px 34px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top { margin-left: 34px; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn { width: min(220px, calc(100% - 34px)) !important; height: 40px !important; margin-left: 34px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top .item-top-btn { width: auto !important; margin: 0 !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input__inner { height: 40px !important; line-height: 40px !important; }
  .gfw-cloud-detail #product_detail_cloud .manage-content .el-input__icon { line-height: 40px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .gfw-cloud-detail #product_detail_cloud .manage-content .item-top-btn { transition: none; }
}

/* 2026-10-09: shared customer pages and compact mobile service lists. */
.gfw-portal-page body { color:var(--gfw-ink); background:var(--gfw-canvas); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; }
.gfw-portal-page .el-main { min-width:0; padding:24px !important; background:var(--gfw-canvas) !important; font-size:14px; }
.gfw-portal-page .main-card { padding:24px !important; border-radius:8px; min-width:0; min-height:0 !important; height:auto !important; background:#fff; box-shadow:none; font-size:14px; }
.gfw-portal-page :is(.main-card-title,.finance-title,.page-top .top-title,.top-l) { font-size:20px !important; font-weight:600; line-height:1.5 !important; margin-bottom:20px; color:var(--gfw-ink); }
.gfw-portal-page :is(.main-card-title,.top-l) svg { width:22px; height:22px; flex:none; }
.gfw-portal-page .el-tabs__item { font-size:14px !important; height:44px; line-height:44px; }
.gfw-portal-page :is(.el-input__inner,.el-textarea__inner,button,input,textarea,select) { font-family:inherit; font-size:14px !important; }
.gfw-portal-page .el-input__inner { height:38px !important; line-height:38px !important; border-color:#dfe6f0; border-radius:5px; }
.gfw-portal-page .el-input__icon { line-height:38px !important; }
.gfw-portal-page :is(.el-button,.btn-ok,.btn-no,.left-btn,.new-ticket-btn,.sub-btn,.btn-save) { min-height:38px; height:auto; padding:9px 16px; box-sizing:border-box; font-size:14px !important; line-height:20px !important; border-radius:5px; }
.gfw-portal-page :is(.btn-ok,.left-btn,.new-ticket-btn,.sub-btn,.btn-save,.el-button--primary) { background:var(--gfw-accent); border-color:var(--gfw-accent); color:white; }
.gfw-portal-page :is(.left-btn,.new-ticket-btn,.sub-btn) { width:auto !important; white-space:nowrap; }
.gfw-portal-page :is(.el-input,.el-select,.el-textarea,.el-form,.el-form-item__content) { min-width:0; max-width:100%; }
.gfw-portal-page .el-form-item__label { font-size:14px !important; line-height:24px; color:#617189; }
.gfw-portal-page .el-form-item { margin-bottom:20px; }
.gfw-portal-page :is(a,button,[tabindex]):focus-visible { outline:2px solid #4b7de0; outline-offset:3px; }
.gfw-portal-page :is(.content_searchbar,.content-searchbar,.searchbar,.com-search) { gap:10px; flex-wrap:wrap; height:auto; min-width:0; }
.gfw-portal-page :is(.content_searchbar,.content-searchbar) { margin:18px 0 !important; }
.gfw-portal-page .searchbar > :is(.el-input,.el-select) { margin:0 !important; }
.gfw-portal-page .el-table { color:var(--gfw-ink); font-size:14px; border:0; }
.gfw-portal-page .el-table th { background:#f6f8fc !important; color:#718198; font-size:13px; font-weight:500; }
.gfw-portal-page .el-table td { border-color:#edf1f7; }
.gfw-portal-page .el-table .cell { line-height:1.65; overflow-wrap:anywhere; }
.gfw-portal-page .el-tag { height:auto; min-height:24px; line-height:22px; font-size:12px; }
.gfw-portal-page .el-pagination { padding:12px 0; white-space:normal; }
.gfw-portal-page .el-pagination :is(.el-pagination__sizes,.el-pagination__jump) { margin-top:4px; }
.gfw-portal-page .finance-money-main { gap:24px; flex-wrap:wrap; }
.gfw-portal-page .finance-balance { background:#f3f7fd; border-radius:7px; padding:20px; min-width:0; }
.gfw-portal-page .balance-left-num { font-size:30px !important; line-height:1.3; font-weight:600; }
.gfw-portal-page .finance-other-money { gap:24px; flex-wrap:wrap; }
.gfw-portal-page :is(.box-item-t,.balance-left-title,.other-money-item-title) { font-size:13px !important; color:#718198; line-height:1.6; }
.gfw-portal-page :is(.basic-title,.account-title) { font-size:16px !important; font-weight:600; }
.gfw-portal-page :is(.box-item-b > .el-input,.box-item-b .el-select,.box-item-b .el-textarea) { width:100%; }
.gfw-portal-page :is(.news,.help,.file_download,.file-download) .back-img,
.gfw-portal-page .top-back { display:none !important; }
.gfw-portal-page :is(.news,.help,.file_download,.file-download) .search-input { position:relative; width:min(440px,100%); margin:0 0 18px; }
.gfw-portal-page :is(.new-box,.help-detail,.order-detail,.page-content,.main-form) { min-width:0; max-width:100%; }
.gfw-portal-page :is(.new-box,.help-detail) :is(.tit,.title) { font-size:22px; line-height:1.5; }
.gfw-portal-page :is(.new-box,.help-detail) :is(img,video,iframe) { max-width:100%; }
.gfw-portal-page :is(.new-box,.help-detail) .content { font-size:15px; line-height:1.8; overflow-wrap:anywhere; }
.gfw-portal-page .news .box.mobile { display:none !important; }
.gfw-service-list .common_product_lists > .main-card > .main-card-title { display:none; }
.gfw-service-list .gfw-extra-action { display:none; }
.gfw-service-list .gfw-host-table .cloud-name { cursor:pointer; }
.gfw-service-list .gfw-host-table td[data-gfw-kind="name"] .packge-name { font-weight:500; }
:is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog { max-width:calc(100vw - 40px); border-radius:8px; }
:is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog__body { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.7; color:var(--gfw-ink); }
:is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) :is(.el-dialog__title,.dialog-title,.tips-title) { font-size:18px !important; line-height:1.5; }
@media(max-width:768px) {
  :is(.gfw-service-list,.gfw-portal-page) .el-pagination { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:6px; }
  :is(.gfw-service-list,.gfw-portal-page) .el-pagination :is(button,.el-pager li) { min-width:32px; height:32px !important; line-height:30px !important; font-size:13px !important; box-sizing:border-box; border-radius:4px; }
  :is(.gfw-service-list,.gfw-portal-page) .el-pagination .el-pager { display:flex; align-items:center; gap:4px; }
  :is(.gfw-service-list,.gfw-portal-page) .el-pagination :is(.el-pagination__jump,.el-pagination__jump span) { font-size:12px !important; line-height:32px !important; margin:0; }
  :is(.gfw-service-list,.gfw-portal-page) .el-pagination .el-pagination__editor { width:40px; height:32px; margin:0 5px; }
  :is(.gfw-service-list,.gfw-portal-page) .el-pagination .el-pagination__editor .el-input__inner { height:32px !important; min-height:32px !important; line-height:32px !important; padding:0 4px; font-size:13px !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-label="续费金额/周期"]::before { content:"续费价格"; }
  .gfw-portal-page .el-tabs__active-bar { display:none; }
  .gfw-portal-page .el-tabs__item.is-active { border-bottom:2px solid var(--gfw-accent); }
  .gfw-portal-page :is(.news,.file_download) .com-r-box .tag { display:inline-flex; align-items:center; justify-content:center; height:22px; min-width:22px; padding:0 5px; box-sizing:border-box; font-size:12px !important; line-height:22px !important; }
  .gfw-portal-page :is(.news,.file_download) .com-r-box .total { padding:0; margin:12px 0; }
  .gfw-portal-page :is(.news,.file_download) .com-r-box .file_folder { padding-left:0; }
  .gfw-portal-page :is(.news,.file_download) .com-r-box .file_folder .item { gap:8px; }
  .gfw-portal-page :is(.news,.file_download) .com-r-box .file_folder .item::before { display:none; }
  .gfw-portal-page :where(.el-main) :where(div,p,span:not([class*="icon"]),a,label) { font-size:14px !important; line-height:1.65 !important; }
  .gfw-portal-page .el-main { padding:14px 12px !important; }
  .gfw-portal-page .main-card { padding:18px 16px !important; border-radius:8px; }
  .gfw-portal-page :is(.main-card-title,.finance-title,.page-top .top-title,.top-l) { font-size:18px !important; margin-bottom:16px; }
  .gfw-portal-page :is(.el-tabs__header,.content-box,.content_box,.content_tab,.content_table,.content-table,.tabledata,.box-main) { min-width:0; max-width:100%; }
  .gfw-portal-page .el-tabs__item { height:42px !important; line-height:42px !important; padding:0 14px; font-size:14px !important; }
  .gfw-portal-page .el-tabs__nav-wrap { margin-bottom:0; }
  .gfw-portal-page :is(.el-input__inner,.el-button,.btn-ok,.btn-no,.left-btn,.new-ticket-btn,.sub-btn,.btn-save) { min-height:40px; }
  .gfw-portal-page .el-input__inner { height:40px !important; line-height:40px !important; }
  .gfw-portal-page .el-input__icon { line-height:40px !important; }
  .gfw-portal-page :is(.content_searchbar,.content-searchbar,.searchbar,.com-search) { width:100% !important; display:flex; gap:10px; }
  .gfw-portal-page .searchbar > :is(.el-select,.el-input) { flex:1 1 135px; width:auto !important; }
  .gfw-portal-page .searchbar > .el-button { flex:0 0 auto; }
  .gfw-portal-page :is(.main-card .el-row,.oauth-box) { display:flex; flex-wrap:wrap; margin-left:0 !important; margin-right:0 !important; gap:0 16px; }
  .gfw-portal-page #account .el-col { width:100%; padding:0 !important; }
  .gfw-portal-page #account :is(.box-top,.box-main,.basic,.account) { width:100%; padding:0; margin:0; }
  .gfw-portal-page #account .box-top { margin:10px 0 22px; height:auto; min-height:64px; padding-bottom:14px; }
  .gfw-portal-page #account .right-name { flex-wrap:wrap; gap:12px; }
  .gfw-portal-page #account .name-text { font-family:inherit; font-size:20px; line-height:1.5; }
  .gfw-portal-page #account .box-item { margin:0 0 16px; }
  .gfw-portal-page #account :is(.box-item-t,.box-item-b) { margin:0 0 6px; }
  .gfw-portal-page #account .box-item-b > * { margin-bottom:0; }
  .gfw-portal-page #account :is(.basic-title,.account-title) { margin:10px 0 14px; }
  .gfw-portal-page #account .btn-save { width:100%; margin:8px 0 0; }
  .gfw-portal-page .finance-money-main { display:flex; flex-direction:column; gap:16px; margin:0 0 22px; }
  .gfw-portal-page .finance-balance { width:100%; box-sizing:border-box; padding:16px; gap:16px; }
  .gfw-portal-page .finance-other-money { width:100%; display:flex; gap:18px; }
  .gfw-portal-page .finance-other-money .other-money-item { flex:1; min-width:100px; margin:0; }
  .gfw-portal-page .other-money-item-value { font-size:22px !important; line-height:1.4; }
  .gfw-portal-page .balance-right { display:flex; gap:8px; flex-wrap:wrap; }
  .gfw-portal-page .balance-right .el-button { margin:0; }
  .gfw-portal-page .left_tips { display:flex; flex-wrap:wrap; gap:8px 12px; width:100%; }
  .gfw-portal-page .left_tips .tips_item { margin:0 !important; font-size:12px; white-space:nowrap; }
  .gfw-portal-page .left_tips :is(.all-pay,.all-del) { flex:none; width:auto; min-height:36px; padding:0 12px; font-size:13px; }
  .gfw-portal-page :is(.mob-searchbar,.mob-com-search) { margin:14px 0; height:auto; }
  .gfw-portal-page .mob-tabledata { border:0; gap:12px; }
  .gfw-portal-page .mob-tabledata-item { padding:14px; border:1px solid #e9eef6; border-radius:6px; height:auto; }
  .gfw-portal-page .mob-item-row { margin:0 0 9px; gap:10px; font-size:13px !important; line-height:1.65 !important; min-width:0; flex-wrap:wrap; }
  .gfw-portal-page .mob-item-row:last-child { margin-bottom:0; }
  .gfw-portal-page :is(.mob-item-row2-name,.row2-name-text) { font-size:14px !important; line-height:1.6 !important; white-space:normal; overflow-wrap:anywhere; }
  .gfw-portal-page :is(.child-row,.child-row-name,.bottom-text) { font-size:13px !important; line-height:1.65 !important; }
  .gfw-portal-page .child-row-name { width:auto; flex:1; white-space:normal; }
  .gfw-portal-page .order-detail .page-content { padding:18px 16px; border-radius:8px; }
  .gfw-portal-page .order-info { flex-wrap:wrap; gap:18px; }
  .gfw-portal-page :is(.order-info .info-left,.order-info .info-right) { width:auto; min-width:0; flex:1 1 140px; }
  .gfw-portal-page .order-detail :is(.order-num,.pay-info,.des-text,.money-text,.table-title,.self-num) { font-size:14px !important; line-height:1.7 !important; }
  .gfw-portal-page .order-detail .table-item { gap:12px; padding:12px 0; height:auto; }
  .gfw-portal-page .order-detail .des-text { min-width:0; overflow-wrap:anywhere; }
  .gfw-portal-page .order-detail .money-text { flex-shrink:0; }
  /* Reuse actual populated desktop resource views; the old mobile branch was a placeholder. */
  .gfw-portal-page :is(.news,.file_download) .box.pc { display:flex !important; flex-direction:column; gap:16px; margin-top:16px; }
  .gfw-portal-page .help .main-card-content { grid-template-columns:minmax(0,1fr); gap:12px; }
  .gfw-portal-page .help .main-card-content .content-item { padding:16px 16px 52px; }
  .gfw-portal-page .help .main-card-content :is(.content-item-title,.content-item-link) { margin:0; }
  .gfw-portal-page .help .main-card-content .content-item-title { font-size:16px; }
  .gfw-portal-page .help .main-card-content .link-item { font-size:14px; line-height:1.7; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) :is(.com-r-box,.com-l-box) { width:100% !important; margin:0 !important; padding:0 !important; box-sizing:border-box; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .com-l-box { min-height:0 !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .box { min-height:0 !important; height:auto !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .search-input { width:100% !important; height:40px !important; margin-bottom:16px !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .search-input .el-input__suffix { position:absolute; top:0; bottom:0; right:8px; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .search-input .input-search { position:static !important; line-height:40px !important; }
  .gfw-portal-page :is(.news,.file_download) .com-r-box { box-shadow:none !important; border-bottom:1px solid #edf1f7; padding-bottom:14px !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .search-input .el-input__inner { width:100% !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .top-search { margin:0 0 12px; height:auto; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .top-search .tit { width:auto; flex:1; white-space:nowrap; font-size:16px !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .top-search .searchbar:empty { display:none; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .com-r-box { display:block !important; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .file_folder { display:flex; flex-wrap:wrap; gap:8px; }
  .gfw-portal-page :is(.news,.help,.file_download,.file-download) .file_folder .item { width:auto; margin:0; padding:7px 10px; font-size:13px; line-height:1.5; background:#f4f7fc; border-radius:4px; }
  .gfw-portal-page .news-list .item { width:100%; display:flex; gap:12px; height:auto; padding:14px 0; margin:0; }
  .gfw-portal-page .news-list .item-left { width:76px; flex:0 0 76px; height:58px; }
  .gfw-portal-page .news-list .item-img { width:76px !important; height:58px !important; object-fit:cover; }
  .gfw-portal-page .news-list .item-right { flex:1; width:auto; min-width:0; padding:0; }
  .gfw-portal-page .news-list .title { font-size:15px !important; line-height:1.65; white-space:normal; }
  .gfw-portal-page .news-list .info { font-size:12px !important; margin-top:7px; }
  .gfw-portal-page :is(.new-box,.help-detail) { padding:0; margin-top:18px; }
  .gfw-portal-page :is(.new-box,.help-detail) .tit { font-size:20px !important; }
  .gfw-portal-page :is(.new-box,.help-detail) :is(.time,.page,.news_annex) { font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
  .gfw-portal-page :is(.news,.help) .page { display:flex; flex-direction:column; gap:12px; }
  .gfw-portal-page .add-ticket .main-form { width:100%; padding:0; margin:0; }
  .gfw-portal-page .title-host { display:block; }
  .gfw-portal-page .add-ticket .title-host .el-form-item { width:100% !important; margin-right:0 !important; }
  .gfw-portal-page .add-ticket .el-form-item__label { float:none; display:block; width:auto !important; text-align:left; margin-bottom:6px; }
  .gfw-portal-page .add-ticket .el-form-item__content { margin-left:0 !important; }
  .gfw-portal-page .add-ticket :is(.select-type,.select-title,.select-host,.msg-input) { width:100% !important; }
  .gfw-portal-page .ticket-details :is(.card,.base-card,.reply-card) { width:100%; padding:14px; box-sizing:border-box; margin:16px 0; min-width:0; }
  .gfw-portal-page .ticket-details .card-title { font-size:16px !important; font-weight:500; }
  .gfw-portal-page .ticket-details .main-card .card { padding:0 !important; margin:20px 0 !important; }
  .gfw-portal-page .ticket-details .main-card .card .card-title { margin:0 0 12px !important; }
  .gfw-portal-page .ticket-details .base-card .card-main { display:block; padding:14px !important; }
  .gfw-portal-page .ticket-details .base-card .card-main > .el-row { display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; }
  .gfw-portal-page .ticket-details .base-card .el-row::before,
  .gfw-portal-page .ticket-details .base-card .el-row::after { content:none !important; display:none !important; }
  .gfw-portal-page .ticket-details .base-card .el-col { width:auto !important; min-width:0; }
  .gfw-portal-page .ticket-details .base-card .card-main-item { margin:8px 0 !important; }
  .gfw-portal-page .ticket-details .base-card .close-btn { float:none; width:100%; margin:0 0 10px !important; min-height:36px; }
  .gfw-portal-page .ticket-details :is(.main-item-label,.reply-time) { font-size:12px !important; color:var(--gfw-muted); }
  .gfw-portal-page .ticket-details .main-item-text { font-size:14px !important; line-height:1.7; }
  .gfw-portal-page .ticket-details :is(.reply-item,.reply-item-top,.reply-content,.reply-text,.quoted-message,.ticket-title) { min-width:0; max-width:100%; font-size:14px; line-height:1.75; overflow-wrap:anywhere; }
  .gfw-portal-page .ticket-details :is(.reply-item-top,.quoted-header) { flex-wrap:wrap; gap:8px; }
  .gfw-portal-page .ticket-details img { max-width:100%; }
  /* Existing Element table data/actions remain in place, including fixed-column actions. */
  .gfw-portal-page .gfw-responsive-table { overflow:visible; background:transparent; }
  .gfw-portal-page .gfw-responsive-table :is(.el-table__header-wrapper,.el-table__fixed,.el-table__fixed-right,colgroup) { display:none !important; }
  .gfw-portal-page .gfw-responsive-table :is(.el-table__body-wrapper,.el-table__body,tbody) { display:block; width:100% !important; overflow:visible !important; }
  .gfw-portal-page .gfw-responsive-table .el-table__empty-block { width:100% !important; min-width:0; }
  .gfw-portal-page .gfw-responsive-table .el-table__row { display:block !important; height:auto !important; min-height:0; padding:12px; margin:0 0 12px; border:1px solid #e7edf5; border-radius:6px; }
  .gfw-portal-page .gfw-responsive-table td { display:grid !important; height:auto !important; grid-template-columns:88px minmax(0,1fr); gap:10px; width:auto !important; padding:5px 0 !important; border:0; visibility:visible !important; }
  .gfw-portal-page .gfw-responsive-table td::before { content:attr(data-gfw-label); color:#718198; font-size:13px; line-height:1.7; overflow-wrap:anywhere; }
  .gfw-portal-page .gfw-responsive-table td .cell { min-width:0; width:auto !important; padding:0 !important; font-size:14px; line-height:1.65; white-space:normal !important; overflow:visible; visibility:visible !important; }
  .gfw-portal-page .gfw-responsive-table td[data-gfw-label=""] { grid-template-columns:minmax(0,1fr); }
  .gfw-portal-page .gfw-responsive-table td[data-gfw-label=""]::before { display:none; }
  .gfw-portal-page .check-type { gap:14px; margin-top:12px; }
  .gfw-portal-page .check-type > div { width:100%; padding:20px 16px; height:auto; min-height:160px; margin:0 !important; box-sizing:border-box; }
  .gfw-portal-page .check-type .type-title { font-size:16px !important; font-weight:500; margin:12px 0; }
  .gfw-portal-page .check-type .type-tips { font-size:14px !important; line-height:1.7; }
  .gfw-portal-page .main-content { padding:0; margin-top:18px; }
  .gfw-portal-page .content-title { font-size:15px !important; margin:16px 0 10px; }
  /* Service toolbar: filters, query, then bulk action and sort. */
  .gfw-service-list .main-card-table { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px 10px; }
  .gfw-service-list .main-card-table > * { grid-column:1 / -1; min-width:0; }
  .gfw-service-list .main-card-table > .main-card-search { display:contents !important; }
  .gfw-service-list .main-card-search .right-search { grid-column:1 / -1; grid-row:2; display:grid !important; grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr); gap:10px !important; width:100%; margin:0 !important; }
  .gfw-service-list .main-card-search .right-search > .el-select { grid-column:1; }
  .gfw-service-list .main-card-search .right-search > .el-input { grid-column:2; }
  .gfw-service-list .main-card-search .right-search > .el-select:not(:last-of-type):has(+ .el-select) { grid-column:1 / -1; }
  .gfw-service-list .main-card-search .right-search > .search-btn { grid-column:1 / -1; width:100% !important; min-height:40px; height:40px; padding:0; line-height:40px; font-size:14px; }
  .gfw-service-list .main-card-search > .batch-op-btn { grid-column:1; grid-row:3; margin:0; display:flex; align-items:center; }
  .gfw-service-list .main-card-search .batch-op-btn .el-button { height:40px !important; min-height:40px; font-size:14px !important; padding:0 13px; }
  .gfw-service-list .main-card-table > .gfw-mobile-sort { grid-column:2; grid-row:3; padding:0; margin:0; align-items:center; }
  .gfw-service-list .gfw-mobile-sort select { width:100%; height:40px; font-size:13px; }
  .gfw-service-list .main-card-table > .table { grid-row:4; }
  .gfw-service-list .main-card-search .el-input__inner { height:40px !important; line-height:40px !important; padding-left:10px; font-size:13px !important; }
  .gfw-service-list .main-card-search .el-input__icon { line-height:40px !important; }
  /* Compact real rows; optional notes disappear only when empty. */
  .gfw-service-list .gfw-host-table .el-table__row { display:flex !important; flex-wrap:wrap; gap:4px 8px; padding:16px; margin:0 0 12px; align-items:flex-start; }
  .gfw-service-list .gfw-host-table td { order:4; flex:0 0 100%; grid-template-columns:68px minmax(0,1fr); gap:10px; padding:5px 0 !important; min-width:0; box-sizing:border-box; }
  .gfw-service-list .gfw-host-table td::before { font-size:12px; line-height:1.8; white-space:nowrap; }
  .gfw-service-list .gfw-host-table td .cell { font-size:14px !important; line-height:1.65 !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="select"] { order:0; flex:0 0 20px; padding:0 !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="name"] { order:1; flex:1 1 0; margin:0; padding:0 !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="status"] { order:2; flex:0 0 auto; padding:2px 0 0 !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="id"] { order:3; flex:0 0 100%; display:flex; gap:6px; padding:0 0 7px 28px !important; color:var(--gfw-muted); }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="id"] :is(.cell,.column-id) { font-size:12px !important; color:var(--gfw-muted); }
  .gfw-service-list .gfw-host-table .cloud-name .name { font-size:12px !important; margin-top:2px; }
  .gfw-service-list .gfw-host-table .status { font-size:12px !important; }
  .gfw-service-list .gfw-host-table .os-img { width:18px !important; height:18px !important; }
  .gfw-service-list .gfw-host-table .gfw-os-name { font-size:13px; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="renew"] { order:8; display:flex; align-items:center; gap:10px; flex:1 1 0; margin-top:8px; min-height:38px; padding:0 !important; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="renew"]::before { font-size:12px; }
  .gfw-service-list .gfw-host-table td[data-gfw-kind="action"] { order:9; display:flex; flex:0 0 auto; margin-top:8px; padding:0 !important; min-height:38px; align-items:center; }
  .gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button) { height:38px; min-height:38px; padding:0 16px; font-size:13px; border:1px solid #dbe6f9; background:#f4f8ff; border-radius:5px; color:var(--gfw-accent); cursor:pointer; }
  .gfw-service-list .gfw-host-table td.gfw-empty-notes { display:none !important; }
  .gfw-service-list .gfw-host-table .el-checkbox { padding:3px 0; }
  .gfw-cloud-detail #product_detail_cloud .row2-action-group:has(.refund-btn),
  .gfw-cloud-detail #product_detail_cloud .row2-action-group:has(.refund-stop-btn),
  .gfw-cloud-detail #product_detail_cloud .row2-action-group:has(.refund-status) { grid-template-columns:minmax(0,1fr) 76px 40px; }
  .gfw-cloud-detail #product_detail_cloud .row2-right :is(.refund-btn,.refund-stop-btn) { font-size:13px !important; padding:0 10px; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog { width:calc(100% - 24px) !important; max-width:560px; margin:6vh auto !important; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog__header { padding:18px 18px 0 !important; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog__body { padding:18px !important; max-height:calc(88dvh - 105px); overflow-y:auto; overflow-x:hidden; font-size:14px !important; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog :is(.dialog-title,.el-dialog__title,.tips-title) { font-size:17px !important; line-height:1.5 !important; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog :is(.dialog-main,.refund-msg,.refund-tip,.label,.el-form-item__label,.el-checkbox__label,.el-radio__label,.el-input__inner,.el-textarea__inner,.el-select,.dialog-desc,.info-label,.info-value) { font-size:14px !important; line-height:1.7; max-width:100%; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog :is(.el-input,.el-select,.el-textarea) { max-width:100%; min-width:0; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog .el-input__inner { height:40px !important; line-height:40px !important; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog :is(.dialog-main,.dialog-form) { margin:14px 0 0; padding:0; }
  .gfw-cloud-detail .el-dialog .host-content { padding:12px; margin:8px 0 16px; }
  .gfw-cloud-detail .el-dialog .host-item { display:flex; gap:12px; flex-wrap:wrap; height:auto; margin:6px 0; }
  .gfw-cloud-detail .el-dialog .host-item :is(.left,.right) { font-size:13px !important; line-height:1.7 !important; min-width:0; width:auto; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog :is(.dialog-footer,.el-dialog__footer) { display:flex; flex-direction:row; justify-content:flex-end; flex-wrap:wrap; gap:10px; margin-top:18px; padding:0; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog > .el-dialog__footer { padding:0 18px 18px; margin-top:0; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-dialog :is(.btn-ok,.btn-no,.el-button) { width:auto !important; min-width:80px; height:40px !important; margin:0 !important; padding:0 16px !important; font-size:14px !important; line-height:40px !important; border-radius:5px; }
  :is(.gfw-portal-page,.gfw-cloud-detail,.gfw-service-list) .el-message-box { width:calc(100% - 24px); max-width:420px; }
}

/* GFWIDC_MOBILE_LIST_POLISH_20261009: mobile cards have no hover/touch paint. */
@media (max-width:768px) {
  :is(.gfw-service-list,.gfw-portal-page) .el-main,
  :is(.gfw-service-list,.gfw-portal-page) .el-main * { -webkit-tap-highlight-color:transparent; }
  :is(.gfw-service-list .gfw-host-table,.gfw-portal-page .gfw-responsive-table) .el-table__body tr.el-table__row > td,
  :is(.gfw-service-list .gfw-host-table,.gfw-portal-page .gfw-responsive-table) .el-table__body tr.el-table__row:hover > td,
  :is(.gfw-service-list .gfw-host-table,.gfw-portal-page .gfw-responsive-table) .el-table__body tr.el-table__row.hover-row > td,
  :is(.gfw-service-list .gfw-host-table,.gfw-portal-page .gfw-responsive-table) .el-table__body tr.el-table__row.current-row > td { background:transparent !important; background-image:none !important; }
  :is(.gfw-service-list .gfw-host-table,.gfw-portal-page .gfw-responsive-table) .el-table__body td > .cell { background:transparent !important; }
  .gfw-service-list .gfw-host-table :is(.cloud-name,.packge-name,.gfw-manage-button,.gfw-extra-action button),
  .gfw-service-list .gfw-host-table :is(.cloud-name,.packge-name,.gfw-manage-button,.gfw-extra-action button):is(:hover,:active,:focus) { background:transparent !important; box-shadow:none; }
  /* Keep keyboard focus and checkbox/switch checked states intact. */
  .gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button) { border-color:transparent; padding:0 10px; }
  .gfw-service-list .main-card-search .right-search { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); row-gap:8px !important; }
  .gfw-service-list .main-card-search .right-search > .search-btn { grid-column:1 / -1; justify-self:end; width:76px !important; min-width:76px; height:36px !important; min-height:36px !important; line-height:36px !important; font-size:13px !important; font-weight:500; padding:0 14px !important; border-radius:5px; box-sizing:border-box; }
  .gfw-service-list .main-card-search .batch-op-btn .el-button { height:36px !important; min-height:36px !important; line-height:20px !important; padding:8px 13px !important; font-size:13px !important; font-weight:500; border-radius:5px; }
  .gfw-service-list .main-card-search .batch-op-btn .el-button-group > .el-button:first-child { border-radius:5px 0 0 5px; }
  .gfw-service-list .main-card-search .batch-op-btn .el-button-group > .el-dropdown__caret-button { border-radius:0 5px 5px 0; padding:8px !important; }
  .gfw-service-list .gfw-mobile-sort select { height:36px; font-size:13px; }
  .gfw-service-list .main-card-table { row-gap:10px; }
  .gfw-portal-page :is(.searchbar,.com-search,.mob-searchbar,.mob-com-search) > :is(.el-button,.search-btn,.btn-search) { flex:0 0 auto !important; width:auto !important; min-width:64px; min-height:36px !important; height:36px !important; padding:8px 13px !important; font-size:13px !important; line-height:20px !important; font-weight:500; box-sizing:border-box; }
}


/* 20261010: approved dedicated-server mobile layout and portal refinements. */
.Hui-contactMy .Hui-qrCode > img.gfw-contact-logo { width:156px; max-width:100%; height:auto; object-fit:contain; margin:24px auto; }
@media (min-width:769px) {
  .Hui-productList .Hui-outsource { align-items:flex-start; }
  .Hui-productList .product-list-box { min-width:0; }
  .Hui-productList .product-list-box .el-table__body-wrapper { max-height:320px; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; }
  .Hui-productList .product-list-box .el-table__body td { height:56px; box-sizing:border-box; }
  .Hui-productList .Hui-pushs { align-self:flex-start; height:auto; }
}
@media (max-width:768px) {
  .gfw-service-list .main-card-search .right-search { grid-template-columns:80px minmax(0,1fr) 56px; gap:8px !important; align-items:center; }
  .gfw-service-list .main-card-search .right-search > :is(.el-select,.el-input) { width:100% !important; min-width:0; margin:0 !important; }
  .gfw-service-list .main-card-search .right-search .el-input__inner { height:38px !important; line-height:38px !important; font-size:12px !important; padding-left:10px !important; }
  .gfw-service-list .main-card-search .right-search > .el-select .el-input__inner { padding-right:24px !important; }
  .gfw-service-list .main-card-search .right-search .el-input__icon { line-height:38px !important; }
  .gfw-service-list .main-card-search .right-search > .search-btn { grid-column:auto; justify-self:stretch; width:56px !important; min-width:56px; height:38px !important; min-height:38px !important; line-height:38px !important; padding:0 8px !important; }
  .gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button),
  .gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button):is(:hover,:active,:focus) { display:inline-flex; align-items:center; justify-content:center; background:#f4f8ff !important; border:1px solid #dbe6f9; border-radius:5px; height:38px; min-height:38px; padding:0 16px; font-size:13px; text-decoration:none; }
  /* The native mobile order cards do not participate in desktop table selection. */
  #finance .gfw-finance-batch-action, #finance .el-table-column--selection { display:none !important; }
  .gfw-portal-page #finance .finance-top { margin:0; padding-bottom:20px; }
  .gfw-portal-page #finance .finance-title { padding-bottom:16px; margin-bottom:18px; }
  .gfw-portal-page #finance .finance-money-main { margin:0; gap:16px; }
  .gfw-portal-page #finance .finance-balance { display:flex; flex-direction:column; align-items:stretch; padding:18px; gap:16px; height:auto; min-height:0; border-radius:8px; background:#f3f7fd; }
  .gfw-portal-page #finance .balance-left { width:100%; min-width:0; margin:0; }
  .gfw-portal-page #finance .balance-left-title { font-size:13px; line-height:1.6; margin:0 0 8px; color:#65778e; }
  .gfw-portal-page #finance .balance-left-num { display:block; margin:0; white-space:nowrap; font-size:clamp(24px,7vw,32px); font-weight:600; line-height:1.25; letter-spacing:-.4px; font-variant-numeric:tabular-nums; }
  .gfw-portal-page #finance .balance-left-num .prefix { font-size:17px; margin-right:5px; }
  .gfw-portal-page #finance .balance-right { width:100%; display:flex; align-items:center; gap:8px; margin:0; }
  .gfw-portal-page #finance .balance-right .el-button { min-height:36px; height:36px; padding:8px 16px; font-size:13px; line-height:18px; border-radius:5px; margin:0; }
  .gfw-portal-page #finance .balance-right .tx-list { margin:0 0 0 auto; font-size:12px; line-height:1.5; color:#667d98; white-space:nowrap; }
  .gfw-portal-page #finance .finance-other-money { display:flex; flex-wrap:wrap; padding:0; min-height:0; border:0; }
  .gfw-portal-page #finance .finance-other-money:empty { display:none; }
  .gfw-portal-page #finance .content_box { padding-top:0; margin-top:0; }
  .gfw-portal-page #finance .left_tips { margin:0 0 10px; gap:6px 12px; }
  .gfw-portal-page #finance .left_tips .tips_item { font-size:11px; line-height:1.6; }
  .gfw-portal-page .ticket .order-des { height:auto; min-height:0; margin:14px 0; padding:12px 14px; font-size:13px; line-height:1.7; background:#f4f7fc; border:0; border-radius:6px; }
  .gfw-portal-page .ticket .order-des img { max-width:100%; height:auto; }

  /* All physical overrides are restricted to the cany_ctgds detail module. */
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-container:nth-child(2) > .el-main { background:#f4f7fc !important; margin:56px 0 0 !important; padding:12px !important; border-radius:0; min-width:0; overflow-x:hidden; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .common_product_detail { min-width:0; width:100%; color:#24384e; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif; font-size:14px; line-height:1.6; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .common_product_detail :is(div,span,p,a,button,label,input,textarea) { font-family:inherit; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .common_product_detail > .main-card { display:flex; flex-direction:column; gap:0; width:100%; padding:0 !important; margin:0 !important; background:transparent; box-shadow:none; min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .common_product_detail > .main-card > :is(.ctg-top-bar,.ctg-detail-area,.ctg-status-bar,.ctg-action-bar,.ctg-tabs) { margin:0 0 12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar { display:grid; grid-template-columns:24px 36px minmax(0,1fr); gap:10px; padding:16px; border:0; border-radius:10px; background:#fff; align-items:start; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__back { width:24px; height:32px; margin:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__os-icon { width:36px; height:36px; margin:0; border-radius:7px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__os-icon img { width:28px; height:28px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__info { min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__row1 { gap:5px 8px; align-items:center; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__name { font-size:15px; font-weight:600; line-height:1.5; margin:0; overflow-wrap:anywhere; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-tag { font-size:11px; line-height:20px; padding:0 6px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__power { font-size:11px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__row2 { margin-top:8px; display:flex; flex-wrap:wrap; gap:8px; font-size:12px; line-height:1.65; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__ip { font-size:13px; letter-spacing:0; white-space:normal; overflow-wrap:anywhere; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__notes { font-size:12px; margin:0; overflow-wrap:anywhere; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__actions { grid-column:2 / -1; justify-self:end; padding:0; margin:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__actions .refund-btn { display:inline-flex; align-items:center; min-height:30px; padding:4px 10px; font-size:12px; line-height:20px; border-radius:5px; border:1px solid #efdadc; color:#b95660; background:#fff; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .refund-msg { order:1; margin:0; font-size:13px; line-height:1.7; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .refund-msg:empty { display:none; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-bar { order:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-bar__cell { min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card { min-height:130px; height:100%; box-sizing:border-box; padding:12px; border:0; border-radius:9px; background:#fff; display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:8px; box-shadow:none; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__left { gap:8px; align-items:flex-start; min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__icon-wrap { width:28px; height:28px; font-size:17px; border-radius:8px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__text { min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__title { font-size:12px; line-height:1.5; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__sub { font-size:11px; line-height:1.5; overflow-wrap:anywhere; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__right { text-align:left; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__right--bw { display:flex; flex-wrap:wrap; gap:4px 10px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__bw-value { font-size:17px; line-height:1.3; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__bw-line { font-size:10px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__badge--ok,html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-status-card__badge--danger { font-size:12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-detail-area { order:3; display:flex; flex-direction:column; gap:12px; margin:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-detail-card { width:100%; min-width:0; border:0; border-radius:10px; background:#fff; overflow:hidden; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-detail-card__header { padding:15px 16px 12px; background:#fff; border-bottom:1px solid #edf1f7; display:flex; align-items:center; flex-wrap:wrap; gap:8px; min-height:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-detail-card__title { font-size:15px; font-weight:600; white-space:nowrap; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-detail-card__header-right { margin-left:auto; gap:6px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-auto-renew { font-size:11px; line-height:20px; gap:5px; white-space:nowrap; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-detail-card__body { display:grid; grid-template-columns:minmax(0,1fr); gap:12px; padding:16px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-info-item { display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px; align-items:start; min-width:0; margin:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-info-label { width:auto; margin:0; font-size:12px; line-height:1.8; white-space:normal; overflow-wrap:anywhere; color:#7c8ba0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-info-value { min-width:0; font-size:13px; line-height:1.7; color:#24384e; white-space:normal; overflow-wrap:anywhere; display:block; font-variant-numeric:tabular-nums; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-renew-btn { display:inline-block; margin-left:7px; padding:3px 9px; font-size:12px; line-height:20px; border-radius:5px; background:#3267c9; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-copy-btn { margin-left:auto; font-size:11px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-os-icon-sm { width:18px; height:18px; vertical-align:middle; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-bar { order:4; display:flex; flex-direction:column; gap:9px; margin:0; padding:14px; background:#fff; border-radius:10px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-group { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-group + .ctg-action-group { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-btn { min-width:0; width:100%; height:58px; min-height:58px; padding:8px 5px; margin:0; box-sizing:border-box; border:1px solid #e4ebf5; border-radius:6px; color:#42618b; background:#f7f9fd; gap:5px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-btn i { font-size:19px; margin:0; color:inherit; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-btn span { font-size:12px; line-height:1.3; color:inherit; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-group:first-child > .ctg-action-btn:first-child { background:#3267c9; color:#fff; border-color:#3267c9; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-btn--danger { color:#b85d65; background:#fff5f5; border-color:#f0dcdf; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-btn--success { color:#188270; background:#f0faf6; border-color:#d6eee4; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-group + .ctg-action-group .ctg-action-btn { height:38px; min-height:38px; flex-direction:row; background:#fff; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-action-group + .ctg-action-group .ctg-action-btn i { font-size:16px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs { order:5; margin:0; padding:0; min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs > .el-tabs__header { margin:0 0 12px; padding:0 12px; background:#fff; border-radius:8px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs .el-tabs__item { font-size:14px !important; font-weight:500; height:46px; line-height:46px; padding:0 16px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs .el-tabs__nav-wrap::after { height:1px; background:#e8edf5; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-cards { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; margin-bottom:14px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card { height:auto; min-height:94px; padding:16px; border:0; border-radius:9px; background:#fff; gap:12px; align-items:center; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card__icon { width:38px; height:38px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card__title { font-size:12px; line-height:1.6; flex-wrap:wrap; gap:4px 8px; margin-bottom:5px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card__tag-right { font-size:10px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card__value { font-size:13px; font-weight:500; line-height:1.6; overflow:visible; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card__value-main { white-space:normal; overflow-wrap:anywhere; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card__value-row { flex-wrap:wrap; gap:4px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-hw-card .el-tag { font-size:11px; line-height:20px; height:auto; white-space:normal; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail :is(.ctg-attack-section,.ctg-ip-section,.ctg-chart-section,.ctg-settings-section) { padding:14px; background:#fff; border-radius:9px; margin:0 0 12px; min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-section-title { font-size:14px; margin:0 0 12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs .el-table { font-size:12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs .el-table .cell { font-size:12px; line-height:1.6; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-tabs .el-table__body-wrapper { overflow-x:auto; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail :is(.ctg-chart-box,.ctg-port-chart-section,.ctg-port-chart-header,.ctg-settings-section) { min-width:0; max-width:100%; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-port-chart-header { flex-wrap:wrap; gap:8px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-port-chart-title { font-size:13px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-switch-port-item { flex-wrap:wrap; gap:10px; padding:12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-switch-port-name { font-size:14px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-switch-port-desc,html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-switch-port-stats { font-size:12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog { width:calc(100% - 24px) !important; max-width:540px; margin:6vh auto !important; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog__header { padding:18px 16px 0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog__body { padding:18px 16px; max-height:75dvh; overflow:auto; font-size:14px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog :is(.dialog-title,.el-dialog__title) { font-size:17px; line-height:1.5; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog :is(.dialog-main,.dialog-form,.dialog-item,.label,.value,.el-form-item__label,.el-radio__label,.el-input__inner,.el-textarea__inner,.ctg-rescue-label,.ctg-ssh-row) { font-size:14px; line-height:1.7; min-width:0; max-width:100%; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog .el-input__inner { height:40px; line-height:40px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog :is(.el-input,.el-select,.ctg-ssh-value) { max-width:100%; min-width:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-remote-cards { grid-template-columns:minmax(0,1fr); gap:12px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-remote-card { padding:14px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-remote-card__title { font-size:15px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-remote-card__features { font-size:13px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog :is(.dialog-footer,.el-dialog__footer) { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:8px; margin-top:16px; padding:0; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog > .el-dialog__footer { padding:0 16px 16px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .el-dialog :is(.btn-ok,.btn-no,.el-button) { width:auto; height:38px; min-width:76px; margin:0; padding:0 14px; font-size:13px; line-height:36px; border-radius:5px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail :is(.ctg-ddos-popover,.ctg-hw-popover,.el-popover) { max-width:calc(100vw - 32px); box-sizing:border-box; overflow-wrap:anywhere; }
}


/* 20261010: compact mobile physical actions; preserve existing Vue handlers. */
@media (max-width:768px) {
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar { grid-template-columns:24px 32px minmax(0,1fr) auto; gap:8px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__back { grid-column:1; grid-row:1; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__os-icon { grid-column:2; grid-row:1; width:32px; height:32px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__info { display:contents; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__row1 { grid-column:3 / -1; grid-row:1; align-self:center; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__row2 { grid-column:2 / 4; grid-row:2; margin:0; align-self:center; gap:5px 8px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__actions { grid-column:4; grid-row:2; align-self:center; justify-self:end; max-width:88px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__actions .refund { display:flex; flex-direction:column; align-items:flex-end; gap:4px; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__actions :is(.refund-btn,.refund-stop-btn) { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; height:30px; min-height:30px; padding:0 9px; margin:0; font-size:12px; font-weight:400; line-height:1; border-radius:5px; white-space:nowrap; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-top-bar__actions .refund-status { font-size:11px; line-height:1.4; white-space:normal; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-renew-btn { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; vertical-align:middle; height:30px; min-height:30px; min-width:54px; margin-left:8px; padding:0 12px; border:1px solid #3267c9; border-radius:5px; font-size:12px; font-weight:500; line-height:1; color:#fff; background:#3267c9; text-decoration:none; }
  html.gfw-console.gfw-physical-detail.gfw-cany-detail .ctg-renew-btn:hover { background:#2859b1; border-color:#2859b1; }
}


/* Desktop service-list management action; keep mobile presentation unchanged. */
@media (min-width:769px) {
  html.gfw-console.gfw-service-list .gfw-host-table td[data-gfw-kind="action"] { padding-left:0 !important; padding-right:0 !important; }
  html.gfw-console.gfw-service-list .gfw-host-table td[data-gfw-kind="action"] .cell { display:flex; align-items:center; justify-content:center; padding:0 !important; }
  html.gfw-console.gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button) {
    display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box;
    height:32px; min-height:32px; min-width:58px; padding:0 13px;
    border:1px solid #dbe6f9; border-radius:5px; background:#f4f8ff;
    color:var(--gfw-accent); font-size:13px; font-weight:500; line-height:1;
    text-decoration:none; white-space:nowrap; cursor:pointer;
    transition:background-color .15s,border-color .15s;
  }
  html.gfw-console.gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button):hover { background:#eaf2ff; border-color:#b8cef0; }
  html.gfw-console.gfw-service-list .gfw-host-table :is(.gfw-manage-button,.gfw-extra-action button):focus-visible { outline:2px solid #3267c9; outline-offset:2px; }
}