/* ==========================================================================
   WHMCS 全局极客UI核心样式 (终极整理版 V6)
   规范：绝对直角 / 13px基准 / 模块化 / 响应式与暗黑集中控制
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 绝对直角防御与原生元素屏蔽
-------------------------------------------------------------------------- */
.page-header, .breadcrumb, #page-title, .header-lined, .gc-page-title-box, .gc-breadcrumb-wrapper, .gc-page-header { display: none !important; }

/* 全局绝对直角化 (覆盖所有组件，保持极客硬朗风) */
.btn, .badge, .status-badge, .form-control, .gc-status-btn, .gc-status-btn .badge, .dataTables_wrapper .paginate_button, .page-link, .gc-panel, .gc-bulk-action-bar, .gc-manage-btn, .gc-domain-hero, .gc-domain-input-group, .gc-domain-input-group input, .gc-domain-input-group textarea, .gc-denied-layout, .gc-permissions-list, .gc-ssl-methods label, .gc-ssl-email-grid label, .gc-copy-group .gc-btn, .gc-3d-iframe, .gc-banned-layout, .gc-banned-details, .gc-social-link, .gc-dept-card, .kb-article-item-link, .gc-hint-box, .gc-service-item, .gc-alert, button[class*="gc-status-btn"], .lc-btn, .gc-input { border-radius: 0 !important; }


/* 辅助类名 */
.gc-mb-0 { margin-bottom: 0 !important; }
.gc-p-0 { padding: 0 !important; }
.gc-p-16 { padding: 16px !important; }
.gc-fs-13 { font-size: var(--gc-fs-base) !important; }

/* --------------------------------------------------------------------------
   2. 核心布局容器与网格系统
-------------------------------------------------------------------------- */
.gc-dashboard-container { width: 96% !important; max-width: 96% !important; margin: 24px auto !important; padding: 0 16px; }
.gc-panel-body { padding: 24px !important; }
.gc-stats-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; margin-bottom: 16px; }
.gc-dashboard-layout { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }
.gc-split-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.gc-col-left, .gc-col-right { display: flex; flex-direction: column; gap: 16px; }

/* --------------------------------------------------------------------------
   3. 通用 UI 组件 (按钮、标签、卡片、选项卡)
-------------------------------------------------------------------------- */
/* 高级按钮体系 */
.lc-btn { display: inline-flex; align-items: center; justify-content: center; padding: 8px 16px; font-size: var(--gc-fs-base) !important; font-weight: 500; border: 1px solid transparent; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none !important; line-height: 1.4; white-space: nowrap; gap: 6px; }
.lc-btn-primary { background-color: var(--gc-primary); color: #ffffff !important; border-color: var(--gc-primary); }
.lc-btn-primary:hover { background-color: #15803d; border-color: #15803d; transform: translateY(-1px); }
.lc-btn-default { background-color: transparent; color: var(--gc-text) !important; border-color: var(--gc-border); }
.lc-btn-default:hover { color: var(--gc-primary) !important; border-color: var(--gc-primary); background-color: rgba(22, 163, 74, 0.05); transform: translateY(-1px); }
.lc-btn-danger { background-color: var(--gc-danger); color: #ffffff !important; border-color: var(--gc-danger); }
.lc-btn-danger:hover { background-color: #dc2626; border-color: #dc2626; transform: translateY(-1px); }
.lc-btn-block { width: 100%; display: flex; }
.gc-input { font-size: var(--gc-fs-base) !important; border: 1px solid var(--gc-border) !important; background: var(--gc-bg) !important; color: var(--gc-text) !important; padding: 10px 12px; }
.gc-input:focus { border-color: var(--gc-primary) !important; box-shadow: none !important; }

/* 选项卡 */
.gc-tabs-nav { display: flex; justify-content: flex-start; border-bottom: 1px solid var(--gc-border); margin-bottom: 20px; overflow-x: auto !important; overflow-y: hidden !important; padding: 0; list-style: none; gap: 8px; flex-wrap: nowrap; scrollbar-width: none !important; -ms-overflow-style: none !important; }
.gc-tabs-nav::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.gc-tabs-nav .nav-item { margin: 0; }
.gc-tabs-nav .nav-link { padding: 10px 20px; color: var(--gc-muted); font-size: var(--gc-fs-base) !important; font-weight: 500; border: none !important; background: transparent !important; white-space: nowrap; cursor: pointer; transition: 0.2s; margin-bottom: -1px; border-bottom: 2px solid transparent !important; display: block; }
.gc-tabs-nav .nav-link:hover { color: var(--gc-text); }
.gc-tabs-nav .nav-link.active { color: var(--gc-primary) !important; border-bottom-color: var(--gc-primary) !important; font-weight: 600; }

/* 卡片与列表 */
.gc-stat-card { padding: 16px; }
.gc-stat-title { font-size: var(--gc-fs-base) !important; color: var(--gc-muted); text-transform: uppercase; }
.gc-stat-value { font-size: 14px !important; font-weight: 600; color: var(--gc-text); margin-top: 8px; line-height: 1; }
.gc-list-row { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-bottom: 1px solid var(--gc-border); }
.gc-list-row:last-child { border-bottom: none; }
.gc-list-main { display: flex; align-items: center; gap: 12px; flex: 1; min-width: 0; }
.gc-list-title { font-size: 14px !important; font-weight: 400 !important; background: transparent !important; padding: 0 !important; white-space: nowrap; flex-shrink: 0; transition: 0.2s; }
.gc-list-title:hover { color: var(--gc-primary) !important; text-decoration: none !important; }
.gc-list-desc { font-size: var(--gc-fs-base) !important; color: var(--gc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-list-action, .gc-list-status { display: flex; align-items: center; flex-shrink: 0; gap: 12px; }
.gc-list-price { font-size: var(--gc-fs-base) !important; color: var(--gc-text); white-space: nowrap; }
.gc-pay-btn { padding: 4px 12px !important; font-size: var(--gc-fs-base) !important; }
.gc-announce-item { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dashed var(--gc-border); }
.gc-announce-item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.gc-announce-date { font-size: var(--gc-fs-base) !important; color: var(--gc-muted); margin-bottom: 4px; }
.gc-announce-title { font-size: 14px !important; color: var(--gc-text); text-decoration: none; display: block; }
.gc-announce-title:hover { color: var(--gc-primary); }
.gc-empty-state { padding: 24px; text-align: center; color: var(--gc-muted); font-size: var(--gc-fs-base) !important; }

/* 批量操作与状态栏 */
.gc-bulk-action-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 12px 20px; margin-bottom: 16px; gap: 12px; background: rgba(22, 163, 74, 0.05); border: 1px solid var(--gc-primary); }
.gc-bulk-count { font-size: var(--gc-fs-base) !important; font-weight: 500; color: var(--gc-primary); display: flex; align-items: center; gap: 6px; white-space: nowrap !important; }
.gc-bulk-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.gc-bulk-buttons .btn { font-size: var(--gc-fs-base) !important; padding: 6px 14px !important; background: var(--gc-panel) !important; border: 1px solid var(--gc-border) !important; color: var(--gc-text) !important;}
.gc-bulk-buttons .btn:hover { border-color: var(--gc-primary) !important; color: var(--gc-primary) !important; }

/* --------------------------------------------------------------------------
   4. 顶栏通知与购物车智能图标
-------------------------------------------------------------------------- */
.gc-topbar-icon-btn { position: relative; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--gc-text); text-decoration: none !important; transition: all 0.2s ease; cursor: pointer; margin-right: 8px; }
.gc-topbar-icon-btn:hover { background: rgba(128, 128, 128, 0.1); color: var(--gc-primary); }
.gc-topbar-icon-btn i { font-size: 18px; }

.gc-topbar-badge { position: absolute; top: 1px; right: -3px; background: var(--gc-primary); color: #ffffff; font-size: 10px; font-weight: 700; width: 18px !important; height: 18px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; border: 2px solid var(--gc-panel) !important; box-sizing: border-box !important; min-width: unset !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; }
.gc-topbar-badge:where([style*="content"], .gc-topbar-badge:contains("10"), .gc-topbar-badge:contains("11")) { width: 20px !important; height: 20px !important; font-size: 9px !important; }
.gc-topbar-badge.gc-badge-danger { background: var(--gc-danger); }
.gc-topbar-badge.gc-badge-empty { background: transparent !important; border-color: transparent !important; color: transparent !important; transform: scale(0.5); pointer-events: none; }

.gc-alert-wrapper:hover .gc-alert-menu { display: block !important; }
.gc-alert-menu { width: 300px; right: -10px !important; left: auto !important; padding: 0 !important; }
.gc-alert-menu-header { padding: 12px 16px; font-weight: 600; font-size: var(--gc-fs-base) !important; border-bottom: 1px solid var(--gc-border); display: flex; justify-content: space-between; align-items: center; }
.gc-alert-menu-header .badge { background: rgba(128, 128, 128, 0.1); color: var(--gc-text); font-size: 11px !important; padding: 2px 6px; }
.gc-alert-item { padding: 12px 16px !important; align-items: flex-start !important; gap: 12px !important; white-space: normal !important; line-height: 1.5 !important; border-bottom: 1px solid rgba(128, 128, 128, 0.05); }
.gc-alert-item i { margin-top: 2px; font-size: 16px !important; }
.gc-alert-text { font-size: var(--gc-fs-base) !important; }
.gc-alert-empty { padding: 30px 20px; text-align: center; color: var(--gc-muted); }
.gc-alert-empty i { font-size: 24px; opacity: 0.3; margin-bottom: 8px; }
.gc-alert-empty p { margin: 0; font-size: var(--gc-fs-base) !important; }

/* 顶栏全局搜索框 */
.gc-topbar-search { position: relative; margin-right: 16px; width: 220px; height: 36px; }
.gc-search-input-group { position: absolute; top: 0; right: 0; width: 220px; height: 36px; display: flex; align-items: center; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 10; }
.gc-search-input-group:focus-within { width: 280px; }
.gc-search-icon { position: absolute; left: 12px; color: var(--gc-muted); font-size: 14px; opacity: 0.7; pointer-events: none; z-index: 2; }
.gc-search-input { width: 100% !important; height: 36px !important; background: rgba(128, 128, 128, 0.08) !important; border: 1px solid transparent !important; color: var(--gc-text) !important; padding: 0 12px 0 36px !important; font-size: var(--gc-fs-base) !important; outline: none !important; box-shadow: none !important; transition: all 0.3s ease !important; }
.gc-search-input:focus { border-color: var(--gc-primary) !important; background: var(--gc-panel) !important; }
.gc-search-input:focus + .gc-search-icon, .gc-search-input-group:focus-within .gc-search-icon { color: var(--gc-primary); opacity: 1; }

.gc-smart-cart-btn { margin: 0 8px !important; order: 0; }
@media (min-width: 769px) {
    .lc-topbar-right { display: flex; align-items: center; }
    .gc-smart-cart-btn { order: -1 !important; margin: 0 16px 0 0 !important; }
}

/* --------------------------------------------------------------------------
   5. 全局系统状态与验证横幅 (Alert Banners)
-------------------------------------------------------------------------- */
.gc-alert-banner { display: flex !important; align-items: center !important; padding: 14px 20px !important; width: calc(96% - 32px) !important; margin: 24px auto 0 auto !important; background: var(--gc-panel) !important; border: 1px solid var(--gc-border) !important; border-left-width: 4px !important; }
.gc-alert-banner.verification-banner, .gc-alert-warning { background-color: rgba(245, 158, 11, 0.05) !important; border-color: rgba(245, 158, 11, 0.2) !important; border-left-color: #f59e0b !important; color: var(--gc-text) !important; }
.gc-alert-banner.verification-banner .gc-alert-icon, .gc-alert-warning .gc-alert-icon { color: #f59e0b !important; }
.gc-alert-info { background-color: rgba(59, 130, 246, 0.05) !important; border-color: rgba(59, 130, 246, 0.2) !important; border-left-color: #3b82f6 !important; }
.gc-alert-info .gc-alert-icon { color: #3b82f6 !important; }
.gc-alert-danger { background-color: rgba(239, 68, 68, 0.05) !important; border-color: rgba(239, 68, 68, 0.2) !important; border-left-color: var(--gc-danger) !important; }
.gc-alert-danger .gc-alert-icon { color: var(--gc-danger) !important; }

.gc-alert-icon { font-size: 18px !important; margin-right: 16px !important; display: flex !important; align-items: center !important;}
.gc-alert-content, .gc-alert-content span { flex: 1 !important; font-size: var(--gc-fs-base) !important; color: var(--gc-text) !important; }
.gc-alert-action { display: flex !important; align-items: center !important; gap: 12px !important; margin-left: 20px !important; }
.gc-alert-btn { background: var(--gc-panel) !important; color: var(--gc-text) !important; border: 1px solid var(--gc-border) !important; padding: 6px 16px !important; font-size: var(--gc-fs-base) !important; cursor: pointer !important; display: flex !important; align-items: center !important; gap: 6px !important; text-decoration: none !important; transition: 0.2s !important; white-space: nowrap !important; outline: none !important; box-shadow: none !important; }
.gc-alert-btn:hover { background: var(--gc-bg) !important; color: var(--gc-primary) !important; border-color: var(--gc-primary) !important; }
button.gc-alert-close { background: transparent !important; border: none !important; color: var(--gc-muted) !important; font-size: 16px !important; cursor: pointer !important; padding: 4px !important; display: flex !important; align-items: center !important; justify-content: center !important; opacity: 0.7 !important; transition: 0.2s !important; outline: none !important; box-shadow: none !important; }
button.gc-alert-close:hover { opacity: 1 !important; color: var(--gc-danger) !important; }

/* 静态提示框 */
.gc-alert { display: flex; align-items: flex-start; padding: 16px 20px !important; margin-bottom: 20px; border: 1px solid transparent !important; font-size: var(--gc-fs-base) !important; line-height: 1.6; box-shadow: none !important; }
.gc-alert.text-center { justify-content: center; text-align: center; }
.gc-alert.text-center .gc-alert-icon { display: none; }
.gc-alert-content h2, .gc-alert-title { margin: 0 0 8px 0 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4; border: none !important; padding: 0 !important; }
.gc-alert-content ul { margin: 8px 0 0 0 !important; padding-left: 20px !important; }
.gc-alert-content p { margin-bottom: 8px !important; }
.gc-alert-content p:last-child { margin-bottom: 0 !important; }
.gc-alert-success { background-color: rgba(22, 163, 74, 0.05) !important; border-color: rgba(22, 163, 74, 0.2) !important; color: var(--gc-primary) !important; }
.gc-alert-success .gc-alert-icon, .gc-alert-success .gc-alert-title { color: var(--gc-primary) !important; }

/* 转圈动画 */
@keyframes gc-spin { 100% { transform: rotate(360deg); } }
.ti-spin { animation: gc-spin 1s linear infinite; display: inline-block; }

/* --------------------------------------------------------------------------
   6. DataTables 核心修复与通用表格
-------------------------------------------------------------------------- */
.dataTables_wrapper { position: relative !important; background: var(--gc-panel) !important; border: 0px solid var(--gc-border) !important; padding: 0px !important; }
.dataTables_wrapper > .row:first-child { display: flex !important; justify-content: flex-end !important; padding: 0 !important; margin: 0 !important; border-bottom: none !important; }
.dataTables_wrapper > .row:first-child > div:first-child { display: none !important; }
.dataTables_wrapper > .row:first-child > div:last-child { flex: 1 !important; max-width: 100% !important; display: flex !important; justify-content: flex-end !important; padding: 0 !important; }
.dataTables_filter { margin: 0 !important; padding: 0 !important; z-index: 2; position: relative; }
.dataTables_filter label { color: transparent !important; font-size: 0 !important; } 
.dataTables_filter input { border: 1px solid var(--gc-border) !important; padding: 6px 12px 6px 36px !important; background-color: var(--gc-bg) !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' stroke-width='2' stroke='%239ca3af' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Ccircle cx='10' cy='10' r='7' /%3E%3Cline x1='21' y1='21' x2='15' y2='15' /%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: 10px center !important; color: var(--gc-text) !important; outline: none !important; min-width: 220px; font-size: var(--gc-fs-base) !important; }
.gc-dt-bottom { display: flex !important; justify-content: space-between !important; align-items: center !important; padding: 16px 0 0 0 !important; margin: 16px 0 0 0 !important; width: 100%; }
.gc-dt-left { display: flex !important; align-items: center !important; gap: 16px !important; }
.gc-dt-left .dataTables_info, .dataTables_info { position: static !important; padding: 0 !important; margin: 0 !important; color: var(--gc-muted) !important; font-size: var(--gc-fs-base) !important; line-height: 1 !important; }
.dataTables_length, .gc-dt-left .dataTables_length { margin: 0 !important; padding: 0 !important; }
.dataTables_length label { display: flex !important; align-items: center !important; gap: 8px !important; margin: 0 !important; font-weight: normal !important; color: var(--gc-muted); font-size: var(--gc-fs-base); }
.dataTables_length select { border: 1px solid var(--gc-border) !important; padding: 4px 8px !important; background: var(--gc-bg) !important; color: var(--gc-text) !important; outline: none !important; }
.dataTables_wrapper > .row:last-child:not(.gc-dt-bottom) { display: none !important; }
.dataTables_paginate .pagination { margin: 0 !important; display: flex !important; gap: 0 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 !important; margin: 0 !important; border: none !important; background: transparent !important; }
.dataTables_wrapper .dataTables_paginate .page-link { border: 1px solid var(--gc-border) !important; margin-left: -1px !important; color: var(--gc-text) !important; background: var(--gc-panel) !important; padding: 6px 14px !important; font-size: var(--gc-fs-base) !important; }
.dataTables_wrapper .dataTables_paginate .page-item.active .page-link { background: var(--gc-primary) !important; color: #ffffff !important; border-color: var(--gc-primary) !important; z-index: 2; }
.dataTables_wrapper .dataTables_paginate .page-item.disabled .page-link { opacity: 0.3; }

.gc-universal-table, .gc-table-list { margin: 0 !important; border: none !important; }
.gc-universal-table th, .gc-table-list th { text-align: left !important; font-weight: 500 !important; }
.gc-universal-table td, .gc-table-list td { vertical-align: middle !important; font-size: var(--gc-fs-base) !important; }
.gc-universal-table th:first-child, .gc-universal-table td:first-child, .gc-table-list th:first-child, .gc-table-list td:first-child { text-align: center !important; width: 44px !important; min-width: 44px !important; max-width: 44px !important; padding-left: 0 !important; padding-right: 0 !important; }
.gc-universal-table th:first-child input[type="checkbox"], .gc-universal-table td:first-child input[type="checkbox"], .gc-table-list th:first-child input[type="checkbox"], .gc-table-list td:first-child input[type="checkbox"] { margin: 0 auto !important; display: block !important; }
.gc-universal-table th:last-child, .gc-universal-table td:last-child, .gc-table-list th:last-child, .gc-table-list td:last-child { text-align: center !important; }
.gc-universal-table > thead > tr > th, .gc-table-list > thead > tr > th, #tableInvoicesList > thead > tr > th { border-bottom: 2px solid var(--gc-border) !important; }
.gc-universal-table th.col-width-fixed, .gc-universal-table td.col-width-fixed { width: 40px !important; }
.gc-manage-btn { font-size: var(--gc-fs-base) !important; padding: 4px 12px !important; background: transparent !important; border: 1px solid var(--gc-border) !important; color: var(--gc-text) !important; transition: 0.2s;}
.gc-manage-btn:hover { background: var(--gc-bg) !important; border-color: var(--gc-primary) !important; color: var(--gc-primary) !important; }

/* SVG 排序箭头遮罩 (终极修复版：禁止换行 + 箭头绝对定位防粘连) */
table.dataTable thead th { display: table-cell !important; padding-right: 30px !important; white-space: nowrap !important; vertical-align: middle !important; position: relative !important; }
table.dataTable thead th.sorting::after, table.dataTable thead th.sorting_asc::after, table.dataTable thead th.sorting_desc::after { content: "" !important; display: inline-block !important; position: absolute !important; width: 12px !important; height: 16px !important; right: 8px !important; top: 50% !important; transform: translateY(-50%) !important; margin-left: 0 !important; -webkit-mask-size: contain !important; mask-size: contain !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-position: center !important; mask-position: center !important; opacity: 1 !important; }
table.dataTable thead th.sorting::after { background-color: #d1d5db !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm238-64H41c-21.4 0-32.1-25.9-17-41l119-119c9.4-9.4 24.6-9.4 33.9 0l119 119c15.1 15.1 4.4 41-17 41z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm238-64H41c-21.4 0-32.1-25.9-17-41l119-119c9.4-9.4 24.6-9.4 33.9 0l119 119c15.1 15.1 4.4 41-17 41z'/%3E%3C/svg%3E") !important; }
table.dataTable thead th.sorting_asc::after { background-color: var(--gc-primary) !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279 224H41c-21.4 0-32.1-25.9-17-41l119-119c9.4-9.4 24.6-9.4 33.9 0l119 119c15.1 15.1 4.4 41-17 41z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M279 224H41c-21.4 0-32.1-25.9-17-41l119-119c9.4-9.4 24.6-9.4 33.9 0l119 119c15.1 15.1 4.4 41-17 41z'/%3E%3C/svg%3E") !important; }
table.dataTable thead th.sorting_desc::after { background-color: var(--gc-primary) !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z'/%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath d='M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z'/%3E%3C/svg%3E") !important; }

/* 终极列隐藏辅助类 */
table.dataTable th.gc-hide-both, table.dataTable td.gc-hide-both, .gc-table-wrapper table.gc-universal-table th.gc-hide-both, .gc-table-wrapper table.gc-universal-table td.gc-hide-both { display: none !important; }

/* --------------------------------------------------------------------------
   7. 专属页面与模块 (Domain, Service, Invoice, Markdown, Banned)
-------------------------------------------------------------------------- */
/* 用户中心卡片 */
.gc-user-card { background: #1e293b !important; border-color: #1e293b !important; color: #fff; }
.gc-user-body { padding: 20px; }
.gc-user-label { font-size: var(--gc-fs-base) !important; color: #9ca3af; margin-bottom: 4px; }
.gc-user-name { font-size: 14px !important; font-weight: 600; margin-bottom: 16px; }
.gc-user-balance { font-size: 24px !important; color: var(--gc-primary); line-height: 1; margin-top: 4px; }
.gc-user-footer { display: flex; border-top: 1px solid rgba(255,255,255,0.05); }
.gc-user-footer a { flex: 1; text-align: center; padding: 12px 0; color: #9ca3af; text-decoration: none; font-size: var(--gc-fs-base) !important; transition: 0.2s; }
.gc-user-footer a:first-child { border-right: 1px solid rgba(255,255,255,0.05); color: #fff; }
.gc-user-footer a:hover { color: var(--gc-primary); }

/* 主页域名搜索与分类过滤器 */
.gc-domain-hero { background: var(--gc-panel); border: 1px solid var(--gc-border); padding: 40px 24px; margin-bottom: 32px; box-shadow: none; }
.gc-domain-hero-title { text-align: center; font-size: 18px !important; font-weight: 600; color: var(--gc-text); margin: 0 0 24px 0 !important; }
.gc-domain-input-group { display: flex; align-items: center; gap: 12px; max-width: 800px; margin: 0 auto; background: var(--gc-input); border: 1px solid var(--gc-border); padding: 6px; transition: border-color 0.2s; }
.gc-domain-input-group:focus-within { border-color: var(--gc-primary); }
.gc-domain-input-group input[type="text"].domain-input { flex: 1; height: 40px; background: transparent; border: none; color: var(--gc-text); font-size: 14px !important; padding: 0 16px; outline: none; min-width: 0; }
.gc-domain-input-group.advanced-mode { flex-direction: column; align-items: stretch; background: transparent; border: none; padding: 0; }
.gc-domain-input-group.advanced-mode textarea { width: 100%; height: 90px; background: var(--gc-input); border: 1px solid var(--gc-border); padding: 16px; color: var(--gc-text); font-size: var(--gc-fs-base) !important; resize: vertical; outline: none; transition: border-color 0.2s; }
.gc-domain-input-group.advanced-mode textarea:focus { border-color: var(--gc-primary); }
.gc-advanced-filters { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 4px; }
.gc-domain-actions { display: flex; gap: 12px; flex-shrink: 0; }
.gc-domain-actions .gc-btn { height: 40px !important; padding: 0 24px !important; font-size: var(--gc-fs-base) !important; }
.gc-tld-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: 32px; margin: 32px 0 16px 0; padding: 0; list-style: none; }
.gc-tld-logos li { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: var(--gc-fs-base) !important; color: var(--gc-text); font-weight: 600; }
.gc-tld-logos img { height: 24px; object-fit: contain; }

.tld-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px !important; }
.tld-filters .status-badge { display: inline-block !important; border: 1px solid var(--gc-border) !important; background: var(--gc-panel) !important; color: var(--gc-muted) !important;  font-size: var(--gc-fs-base) !important; padding: 8px 16px !important; font-weight: 500 !important; cursor: pointer !important; transition: all 0.2s ease !important; text-decoration: none !important; }
.tld-filters .status-badge:hover, .tld-filters .status-badge.active, .tld-filters .status-badge.badge-primary { background: var(--gc-primary) !important; border-color: var(--gc-primary) !important; color: #ffffff !important; }
.domain-pricing .gc-universal-table th:nth-child(1), .domain-pricing .gc-universal-table td:nth-child(1) { min-width: 140px !important; padding-left: 24px !important; }
.domain-pricing .gc-universal-table th:nth-child(2), .domain-pricing .gc-universal-table td:nth-child(2) { min-width: 120px !important; }

/* 服务产品列表项 */
.gc-service-item { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: var(--gc-panel); border: 1px solid var(--gc-border); margin-bottom: 12px; transition: 0.2s ease; cursor: pointer; }
.gc-service-item:hover { border-color: var(--gc-primary); }
.gc-service-item-left { display: flex; align-items: center; gap: 16px; flex: 1; min-width: 0; }
.gc-service-status { flex-shrink: 0; }
.gc-service-status .label-placeholder { display: none !important; } 
.gc-service-status .label { display: inline-block; font-size: var(--gc-fs-base) !important; padding: 4px 8px !important; font-weight: normal !important; border-radius: 0 !important; border: 1px solid transparent; }
.gc-service-status .label-active { background: rgba(22, 163, 74, 0.1); color: var(--gc-primary); border-color: rgba(22, 163, 74, 0.2); }
.gc-service-status .label-pending { background: rgba(245, 158, 11, 0.1); color: #f59e0b; border-color: rgba(245, 158, 11, 0.2); }
.gc-service-status .label-suspended, .gc-service-status .label-terminated, .gc-service-status .label-cancelled { background: rgba(239, 68, 68, 0.1); color: var(--gc-danger); border-color: rgba(239, 68, 68, 0.2); }
.gc-service-status .label-fraud { background: rgba(0, 0, 0, 0.8); color: #fff; border-color: #000; }
.gc-service-name { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.gc-service-name .product { font-size: 14px !important; font-weight: 600; color: var(--gc-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-service-name .domain { font-size: var(--gc-fs-base) !important; color: var(--gc-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.gc-service-buttons { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.gc-service-buttons .gc-btn { height: 32px !important; padding: 0 12px !important; font-size: var(--gc-fs-base) !important; z-index: 2; }
.gc-service-buttons .btn-group { display: flex; }
.gc-service-buttons .dropdown-item { font-size: var(--gc-fs-base) !important; padding: 8px 16px; cursor: pointer; transition: 0.2s;}
.gc-service-buttons .dropdown-item:hover { background: rgba(128,128,128,0.05); color: var(--gc-primary); }

/* 密码强度与生成器 */
#passwordStrengthBar { height: 6px !important; background-color: rgba(128,128,128,0.1) !important; border-radius: 3px !important; overflow: hidden !important; margin: 12px 0 16px 0 !important; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05) !important; }
#passwordStrengthBar .progress-bar { height: 100% !important; transition: width 0.3s ease, background-color 0.3s ease !important; border-radius: 3px !important; }
#passwordStrengthBar .bg-danger { background-color: var(--gc-danger) !important; }
#passwordStrengthBar .bg-warning { background-color: #f59e0b !important; }
#passwordStrengthBar .bg-success { background-color: var(--gc-primary) !important; }
input.is-invalid { border-color: var(--gc-danger) !important; background-color: rgba(239, 68, 68, 0.02) !important; }
input.is-valid { border-color: var(--gc-primary) !important; }
input.is-warning { border-color: #f59e0b !important; }
#nonMatchingPasswordResult { color: var(--gc-danger) !important; font-size: var(--gc-fs-base) !important; margin-top: 6px !important; font-weight: 500; }

.gc-pw-gen-grid { display: grid; grid-template-columns: 140px 1fr; gap: 16px; align-items: center; }
.gc-pw-gen-grid label { font-size: var(--gc-fs-base) !important; color: var(--gc-text); margin: 0 !important; font-weight: 500; }
.gc-pw-gen-grid .form-control { width: 100% !important; max-width: 100% !important; }
.gc-pw-gen-actions { display: flex; gap: 12px; }
.gc-pw-gen-actions .gc-btn { height: 32px !important; padding: 0 16px !important; font-size: var(--gc-fs-base) !important; }

/* 部门与工单与联系人选择 */
.gc-dept-wrapper { max-width: 96%; margin: 2rem auto !important; padding: 0 15px; }
.gc-department-link { display: block; text-decoration: none !important; margin-bottom: 16px; }
.gc-dept-card { display: flex; align-items: center; background: var(--gc-panel); border: 1px solid var(--gc-border); border-left: 4px solid var(--gc-primary); padding: 24px; transition: all 0.25s ease; }
.gc-department-link:hover .gc-dept-card { background: rgba(0,0,0,0.01); border-color: var(--gc-primary); transform: translateY(-2px); }
.gc-dept-icon { font-size: 24px; color: var(--gc-primary); opacity: 0.8; margin-right: 20px; }
.gc-dept-info { flex: 1; }
.gc-dept-info h5 { margin: 0 0 6px 0; font-size: 14px !important; font-weight: 600; color: var(--gc-text); transition: color 0.2s ease; }
.gc-department-link:hover .gc-dept-info h5 { color: var(--gc-primary); }
.gc-dept-info p { margin: 0; font-size: var(--gc-fs-base) !important; color: var(--gc-muted); line-height: 1.5; }
.gc-dept-arrow { margin-left: 16px; color: var(--gc-muted); opacity: 0.5; transition: transform 0.2s ease, opacity 0.2s ease, color 0.2s ease; }
.gc-department-link:hover .gc-dept-arrow { transform: translateX(4px); opacity: 1; color: var(--gc-primary); }

.kb-article-item-link { background: var(--gc-panel); border: 1px solid var(--gc-border); transition: all 0.2s ease; box-shadow: none; }
.kb-article-item-link:hover { border-color: var(--gc-primary) !important; transform: translateY(-1px); }
.kb-article-item-link:hover strong { color: var(--gc-primary) !important; }
.gc-hint-box { background: rgba(245, 158, 11, 0.05); border: 1px dashed rgba(245, 158, 11, 0.3); padding: 24px; margin-bottom: 10px; }

.gc-contact-row { display: flex; align-items: flex-start; gap: 16px; padding: 16px; border: 1px solid var(--gc-border); margin-bottom: 12px; cursor: pointer; transition: all 0.2s ease; background: var(--gc-panel); color: var(--gc-text); width: 100%; }
.gc-contact-row:last-child { margin-bottom: 0; }
.gc-contact-row:hover { border-color: var(--gc-primary); background: rgba(22, 163, 74, 0.02); }
.gc-contact-row:has(input:checked) { border-color: var(--gc-primary); background: rgba(22, 163, 74, 0.05); }
.gc-contact-radio { margin-top: 2px; }
.gc-contact-info { display: flex; flex-direction: column; gap: 4px; font-size: var(--gc-fs-base) !important; }
.gc-contact-address { font-size: var(--gc-fs-base) !important; color: var(--gc-muted); line-height: 1.5; }

/* 社交媒体账号图标组 */
.gc-social-item { display: inline-block; margin: 0 8px 8px 0 !important; }
.gc-social-link { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: rgba(128, 128, 128, 0.05); color: var(--gc-muted) !important; border: 1px solid var(--gc-border); transition: all 0.2s ease; text-decoration: none !important; font-size: 14px !important; }
.gc-social-link:hover { background: var(--gc-primary); color: #ffffff !important; border-color: var(--gc-primary); transform: translateY(-3px); }

/* Markdown 编辑器修复 */
div.md-editor { background-color: var(--tblr-bg-surface, var(--gc-panel)) !important; border: 1px solid var(--gc-border) !important; }
div.md-editor textarea.md-input, div.md-editor .md-preview { background-color: transparent !important; color: var(--tblr-body-color, var(--gc-text)) !important; border-color: var(--gc-border) !important; font-size: var(--gc-fs-base) !important; }
div.md-editor textarea.md-input:hover, div.md-editor textarea.md-input:focus, body div.md-editor.md-fullscreen-mode textarea.md-input:hover, body div.md-editor.md-fullscreen-mode textarea.md-input:focus { background-color: transparent !important; color: var(--tblr-body-color, var(--gc-text)) !important; outline: none !important; box-shadow: none !important; }
div.md-editor > .md-header, div.md-editor > .md-footer { background-color: rgba(127, 127, 127, 0.06) !important; border-color: var(--gc-border) !important; color: inherit !important; }
body div.md-editor.md-fullscreen-mode { background-color: var(--tblr-bg-surface, var(--gc-panel)) !important; z-index: 99999 !important; }
body div.md-editor.md-fullscreen-mode textarea.md-input, body div.md-editor.md-fullscreen-mode .md-preview { background-color: transparent !important; color: var(--tblr-body-color, var(--gc-text)) !important; border-color: var(--gc-border) !important; }

/* 批量云解析中枢 (cf_bulk_tools) */
.cf-tab-box { opacity: 0.7; background: var(--gc-bg) !important; border: 1px solid var(--gc-border) !important; transition: opacity 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; }
.cf-tab-box:hover { opacity: 1; background: rgba(128, 128, 128, 0.02) !important; }
.cf-tab-box.active { opacity: 1; background: rgba(0, 176, 80, 0.04) !important; border: 1px solid #00b050 !important; }
.cf-tab-box.active .text-muted { color: #00b050 !important; }
.cf-tab-box.active[data-target="#cfAction3"] { background: rgba(239, 68, 68, 0.04) !important; border: 1px solid #ef4444 !important; }
.cf-tab-box.active[data-target="#cfAction3"] .text-muted { color: #ef4444 !important; }

/* 一键复制组与 SSL 验证选择 */
.gc-copy-group { display: flex; align-items: center; gap: 8px; width: 100%; }
.gc-copy-group .form-control { flex: 1; min-width: 0; font-size: var(--gc-fs-base) !important; }
.gc-copy-group .gc-btn { flex-shrink: 0; height: 36px !important; width: 36px !important; padding: 0 !important; display: flex; align-items: center; justify-content: center; background: rgba(128,128,128,0.05) !important; border: 1px solid var(--gc-border) !important; color: var(--gc-muted) !important; transition: 0.2s; }
.gc-copy-group .gc-btn:hover { background: rgba(128,128,128,0.1) !important; color: var(--gc-primary) !important; border-color: var(--gc-primary) !important; }
#inputCsr { font-size: var(--gc-fs-base) !important; background: rgba(0, 0, 0, 0.02) !important; white-space: pre; overflow-wrap: normal; overflow-x: auto; resize: vertical; padding: 12px !important; height: auto !important; min-height: 180px; }
.gc-ssl-container { max-width: 800px; margin: 0 auto; }
.gc-ssl-methods { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
.gc-ssl-methods label { flex: 1; min-width: 150px; background: var(--gc-panel); border: 1px solid var(--gc-border); padding: 16px 20px; text-align: center; cursor: pointer; transition: 0.2s; margin: 0 !important; display: flex; align-items: center; justify-content: center; gap: 8px; font-size: var(--gc-fs-base) !important; }
.gc-ssl-methods label:hover { border-color: var(--gc-primary); }
.gc-ssl-methods label:has(input:checked) { border-color: var(--gc-primary); background: rgba(22, 163, 74, 0.05); color: var(--gc-primary); }
.gc-ssl-methods label input { display: none; }
.gc-ssl-email-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; margin-top: 16px; }
.gc-ssl-email-grid label { display: flex; align-items: center; gap: 12px; padding: 16px; background: var(--gc-panel); border: 1px solid var(--gc-border); cursor: pointer; margin: 0 !important; font-size: var(--gc-fs-base) !important; color: var(--gc-text); transition: 0.2s; }
.gc-ssl-email-grid label:hover { border-color: var(--gc-primary); }
.gc-ssl-email-grid label:has(input:checked) { border-color: var(--gc-primary); background: rgba(22, 163, 74, 0.03); }

/* 独立页面模块 (发票、公告弹窗、拦截页) */
.invoice-container { font-size: var(--gc-fs-base) !important; line-height: 1.6 !important; background: var(--gc-panel) !important; border: 1px solid var(--gc-border) !important; padding: 40px !important; margin: 40px auto !important; max-width: 900px !important; border-radius: 0 !important; box-shadow: none !important; }
.invoice-container h2 { font-size: 16px !important; font-weight: 600 !important; margin: 0 !important; }
.invoice-container h3 { font-size: 14px !important; font-weight: 600 !important; }
.invoice-container address { font-size: var(--gc-fs-base) !important; line-height: 1.6 !important; margin-bottom: 0 !important; color: var(--gc-text) !important; }
.invoice-container .small-text { font-size: var(--gc-fs-base) !important; color: var(--gc-text) !important; }
.invoice-container hr { border-top: 1px solid var(--gc-border) !important; margin: 24px 0 !important; }
.invoice-container a { color: var(--gc-primary) !important; }
.invoice-status span { display: inline-block !important; padding: 6px 20px !important; font-size: var(--gc-fs-base) !important; font-weight: 600 !important; color: #ffffff !important; text-transform: uppercase !important; letter-spacing: 1px; }
.invoice-status .paid { background: var(--gc-primary) !important; } 
.invoice-status .unpaid { background: #3b82f6 !important; } 
.invoice-status .refunded { background: #f59e0b !important; } 
.invoice-status .cancelled { background: var(--gc-muted) !important; } 
.invoice-status .collections { background: var(--gc-danger) !important; } 
.invoice-container .card, .invoice-container .panel { background: var(--gc-panel) !important; border: 1px solid var(--gc-border) !important; box-shadow: none !important; }
.invoice-container .card-header, .invoice-container .panel-heading { background: rgba(128,128,128,0.05) !important; border-bottom: 1px solid var(--gc-border) !important; color: var(--gc-text) !important; padding: 12px 16px !important; }
.invoice-container .card-title, .invoice-container .panel-title { color: var(--gc-text) !important; font-size: 14px !important; font-weight: 600 !important; margin: 0 !important; }
.invoice-container .table { color: var(--gc-text) !important; margin-bottom: 0 !important; }
.invoice-container .table thead td, .invoice-container .table thead th { background: transparent !important; border-bottom: 1px solid var(--gc-border) !important; color: var(--gc-muted) !important; font-size: var(--gc-fs-base) !important; text-transform: uppercase; border-top: none !important; padding: 10px 16px !important; }
.invoice-container .table tbody td { border-bottom: 1px solid var(--gc-border) !important; border-top: none !important; vertical-align: middle !important; padding: 14px 16px !important; font-size: var(--gc-fs-base) !important; }
.invoice-container .table tbody tr:hover td { background: rgba(128,128,128,0.02) !important; }
.invoice-container .total-row { background: rgba(128,128,128,0.03) !important; font-weight: 500 !important; }
.invoice-container .total-row strong { font-size: 14px !important; }
@media print { body { background: #ffffff !important; color: #000000 !important; } .invoice-container { border: none !important; padding: 0 !important; margin: 0 !important; max-width: 100% !important; } .invoice-container .card { border: 1px solid #ddd !important; } .invoice-container .card-header { background: #f5f5f5 !important; color: #000 !important; border-bottom: 1px solid #ddd !important; } .invoice-status span { border: 2px solid #000 !important; color: #000 !important; background: transparent !important; } .d-print-none { display: none !important; } }

body#popup-backdrop { background: var(--gc-bg) !important; color: var(--gc-text) !important; padding: 24px !important; font-size: var(--gc-fs-base) !important; }
body#popup-backdrop .card { background: var(--gc-panel) !important; border: 1px solid var(--gc-border) !important; box-shadow: none !important; margin: 0 auto; max-width: 900px; }
body#popup-backdrop .card-header { background: rgba(128,128,128,0.05) !important; border-bottom: 1px solid var(--gc-border) !important; padding: 16px 20px !important; }
body#popup-backdrop .card-header h2 { font-size: 14px !important; font-weight: 600 !important; margin: 0 !important; display: flex; align-items: center; gap: 8px; color: var(--gc-text) !important; }
body#popup-backdrop iframe { width: 100% !important; height: 60vh !important; min-height: 400px; display: block; border: none !important; background: #ffffff !important; }

.gc-announce-wrapper { width: 96%; margin: 24px auto 40px auto; }
.gc-announce-card { background: var(--gc-panel) !important; border: 1px solid var(--gc-border) !important; margin-bottom: 24px; }
.gc-announce-card h1 { color: var(--gc-text) !important; font-size: 14px !important; font-weight: 600; margin-top: 0; margin-bottom: 12px; }
.gc-announce-meta { color: var(--gc-muted) !important; font-size: var(--gc-fs-base) !important; margin-top: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed var(--gc-border); }
.gc-announce-meta i { vertical-align: text-bottom; margin-right: 4px; font-size: 14px; }
/* 1. 修正后的基础正文样式（去掉了野蛮的 * 和 color 的 !important） */
.gc-announce-content { 
    background-color: transparent !important; 
    color: var(--gc-text); /* ⚡️ 重点：去掉 !important，允许后台编辑器颜色生效 */
    font-size: 13px; /* ⚡️ 修正了多余的分号 */
    line-height: 2.0; 
}

/* 保证代码块的底色不被破坏 */
.gc-announce-content pre, .gc-announce-content code { 
    background-color: rgba(128,128,128,0.1) !important; 
    padding: 2px 6px !important; 
}

/* 2. ⚡️ 暗黑/夜间模式的“纯黑颜色”拦截器 */
/* 只有在暗黑模式下，且检测到后台误选了纯黑色时，才强行干预 */
[data-theme="dark"] .gc-announce-content [style*="color: #000000"],
[data-theme="dark"] .gc-announce-content [style*="color: #000"],
[data-theme="dark"] .gc-announce-content [style*="color: rgb(0, 0, 0)"],
[data-theme="dark"] .gc-announce-content [style*="color: black"] {
    color: var(--gc-text, #f8fafc) !important; 
}
.mt-4 .gc-announce-btn { font-size: var(--gc-fs-base) !important; }

.gc-3d-secure-container { max-width: 600px; margin: 40px auto; }
.gc-3d-iframe { width: 100%; height: 500px; border: none; background: #ffffff; }
.gc-loading-overlay { padding: 40px; text-align: center; color: var(--gc-muted); }

.gc-denied-layout { max-width: 600px; margin: 40px auto; background: var(--gc-panel); border: 1px solid var(--gc-border); border-top: 3px solid #f59e0b; padding: 40px 32px; text-align: center; box-shadow: none; }
.gc-denied-icon { font-size: 48px; color: #f59e0b; margin-bottom: 16px; }
.gc-denied-title { font-size: 16px !important; font-weight: 600; color: var(--gc-text); margin-bottom: 12px; }
.gc-denied-desc { font-size: var(--gc-fs-base) !important; color: var(--gc-text); line-height: 1.6; margin-bottom: 24px; }
.gc-permissions-list { background: rgba(128,128,128,0.03); border: 1px dashed var(--gc-border); padding: 20px; text-align: left; margin-bottom: 24px; }
.gc-permissions-list .title { font-size: var(--gc-fs-base) !important; font-weight: 600; color: var(--gc-muted); margin-bottom: 16px; }
.gc-permissions-list ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.gc-permissions-list li { font-size: var(--gc-fs-base) !important; color: var(--gc-text); display: flex; align-items: center; gap: 8px; }
.gc-permissions-list li i { color: var(--gc-primary); }

.gc-banned-layout { max-width: 500px; margin: 80px auto; background: var(--gc-panel); border: 1px solid var(--gc-border); border-top: 4px solid var(--gc-danger); padding: 40px; text-align: center; box-shadow: none; }
.gc-banned-icon { font-size: 48px; color: var(--gc-danger); margin-bottom: 24px; }
.gc-banned-title { font-size: 16px !important; font-weight: 700; color: var(--gc-text); margin-bottom: 20px; }
.gc-banned-details { text-align: left; background: rgba(239, 68, 68, 0.05); padding: 20px; margin-bottom: 24px; }
.gc-banned-details li { font-size: var(--gc-fs-base) !important; color: var(--gc-text); margin-bottom: 8px; list-style: none; }
.gc-banned-details li strong { color: var(--gc-danger); }


/* --------------------------------------------------------------------------
   8. 深度暗黑模式适配集中区 (Dark Mode Overrides)
-------------------------------------------------------------------------- */
/* LOGO 智能反转洗白 */
[data-theme="dark"] .gc-logo-img, [data-theme="dark"] .lc-public-logo img, [data-theme="dark"] .lc-topbar-left img { filter: brightness(0) invert(1) !important; transition: filter 0.3s ease !important; }

/* 基础变色覆盖 */
[data-theme="dark"] .gc-user-card { background: #111827 !important; border-color: #111827 !important; }
[data-theme="dark"] .gc-domain-btn { background: #334155 !important; border-color: #334155 !important; }
[data-theme="dark"] .gc-bulk-action-bar { background: rgba(22, 163, 74, 0.1) !important; border-color: rgba(22, 163, 74, 0.3) !important; }
[data-theme="dark"] .gc-panel, [data-theme="dark"] .dataTables_wrapper, [data-theme="dark"] .dataTables_wrapper > .row:first-child, [data-theme="dark"] .gc-dt-bottom, [data-theme="dark"] .dataTables_filter input, [data-theme="dark"] .dataTables_length select, [data-theme="dark"] .dataTables_paginate .page-link, [data-theme="dark"] .gc-table-list th, [data-theme="dark"] .gc-table-list td, [data-theme="dark"] .gc-universal-table th, [data-theme="dark"] .gc-universal-table td, [data-theme="dark"] .gc-list-row, [data-theme="dark"] .gc-manage-btn, [data-theme="dark"] .gc-search-input { border-color: rgba(255, 255, 255, 0.08) !important; }
[data-theme="dark"] .dataTables_filter input { background-color: var(--gc-bg) !important; color: var(--gc-text) !important; }
[data-theme="dark"] .gc-search-input { background: rgba(0, 0, 0, 0.2) !important; }
[data-theme="dark"] .gc-search-input:focus { background: var(--gc-panel) !important; border-color: var(--gc-primary) !important; }
[data-theme="dark"] .gc-contact-row { background: var(--gc-panel); border-color: rgba(255, 255, 255, 0.08); }
[data-theme="dark"] .gc-contact-row:hover, [data-theme="dark"] .gc-contact-row:has(input:checked) { border-color: var(--gc-primary); background: rgba(22, 163, 74, 0.1); }
[data-theme="dark"] .gc-alert-warning, [data-theme="dark"] .gc-alert-banner.verification-banner { background-color: rgba(245, 158, 11, 0.1) !important; }
[data-theme="dark"] #inputCsr { background: rgba(0, 0, 0, 0.2) !important; }


/* --------------------------------------------------------------------------
   9. 全局响应式与移动端断点控制区 (Mobile & Responsive)
-------------------------------------------------------------------------- */
/* 电脑端 (>= 992px) */
@media (min-width: 992px) {
    .gc-mobile-only-inline, .gc-mobile-only-flex, .gc-mobile-only, .gc-mobile-trigger { display: none !important; }
    .gc-back-arrow { color: var(--gc-primary) !important; }
}

/* 平板与手机界限 (< 992px) */
@media (max-width: 991.98px) {
    .gc-desktop-only { display: none !important; }
    .gc-mobile-only-inline { display: inline-block !important; }
    .gc-mobile-only-flex, .gc-mobile-trigger { display: flex !important; align-items: center !important; justify-content: center !important; }
    .lc-topbar-right { display: flex !important; align-items: center !important; }
    
    /* 强制还原手机端排列顺序 */
    .gc-global-theme { order: 1 !important; }
    .gc-global-cart { order: 2 !important; margin: 0 8px !important; }
    .gc-global-user { order: 3 !important; }
    .gc-mobile-trigger { order: 4 !important; }
    .gc-back-arrow { color: #00b050 !important; }
    
    .gc-dashboard-layout, .gc-split-row { grid-template-columns: 1fr; }
    .gc-stats-row { grid-template-columns: 1fr 1fr; gap: 12px; }
    .gc-list-main { flex-direction: column; align-items: flex-start; gap: 4px; }
    .gc-list-desc { white-space: normal; }
    .gc-tabs-nav { flex-direction: column; align-items: stretch; gap: 0; }
    
    /* 强开原生横向滑动表格防萎缩 */
    .gc-table-wrapper { display: block !important; width: 100% !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch; }
    .gc-table-wrapper .table { display: table !important; width: 100% !important; }
    .gc-table-wrapper .table thead { display: table-header-group !important; }
    .gc-table-wrapper .table tbody { display: table-row-group !important; }
    .gc-table-wrapper .table tr { display: table-row !important; }
    .gc-table-wrapper .table th, .gc-table-wrapper .table td { display: table-cell !important; padding: 12px 8px !important; font-size: var(--gc-fs-base) !important; white-space: nowrap !important; vertical-align: middle !important; }
    .gc-table-wrapper .table td::before { content: none !important; display: none !important; }
    .gc-universal-table th:last-child, .gc-universal-table td:last-child { width: 80px !important; min-width: 80px !important; padding-right: 8px !important; text-align: right !important; }
    .gc-manage-btn { white-space: nowrap !important; display: inline-block !important; }
    
    table.dataTable th.gc-hide-mobile, table.dataTable td.gc-hide-mobile, .gc-table-wrapper table.gc-universal-table th.gc-hide-mobile, .gc-table-wrapper table.gc-universal-table td.gc-hide-mobile, .gc-hide-mobile { display: none !important; }
    .gc-dt-bottom { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
    .gc-dt-left { display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; }
    .dataTables_wrapper > .row:last-child { display: flex !important; flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}

/* 竖向手机终极断点 (< 768px) */
@media (max-width: 768px) {
    .gc-alert-banner { flex-direction: row !important; flex-wrap: wrap !important; width: calc(100% - 48px) !important; margin: 16px auto 0 auto !important; padding: 16px 16px 12px 16px !important; gap: 0 !important; }
    .gc-alert-icon { margin-right: 12px !important; margin-bottom: 12px !important; }
    .gc-alert-content { flex: 1 !important; margin-bottom: 12px !important; margin-top: 2px !important; }
    .gc-alert-action { margin-left: 0 !important; width: 100% !important; justify-content: space-between !important; gap: 12px !important; border-top: 1px dashed var(--gc-border) !important; padding-top: 12px !important; }
    .gc-alert-btn { flex: 1 !important; justify-content: center !important; padding: 10px 16px !important; }
    button.gc-alert-close { flex-shrink: 0 !important; width: 36px !important; height: 36px !important; background: rgba(0, 0, 0, 0.04) !important; border-radius: 0 !important; }
    [data-theme="dark"] button.gc-alert-close { background: rgba(255, 255, 255, 0.06) !important; }
    
    .gc-topbar-search { display: none !important; }
    .gc-domain-input-group { flex-direction: column; background: transparent; border: none; padding: 0; }
    .gc-domain-input-group input[type="text"].domain-input { background: var(--gc-input); border: 1px solid var(--gc-border); width: 100%; }
    .gc-domain-actions { width: 100%; flex-direction: column; }
    .gc-domain-actions .gc-btn { width: 100%; justify-content: center; }
    .gc-advanced-filters { flex-direction: column; align-items: flex-start; }
    
    .gc-pw-gen-grid { grid-template-columns: 1fr; gap: 12px; }
    .gc-pw-gen-grid label { margin-bottom: -4px !important; }
    .gc-pw-gen-actions { flex-direction: column; margin-top: 8px; }
    
    .gc-service-item { flex-direction: column; align-items: flex-start; gap: 16px; }
    .gc-service-item-left { width: 100%; }
    .gc-service-buttons { width: 100%; flex-wrap: wrap; justify-content: flex-end; }
    
    .gc-denied-layout { margin: 20px 0; padding: 24px 20px; border-top: 1px solid var(--gc-border); }
    .gc-permissions-list ul { grid-template-columns: 1fr; }
}

/* 终极列隐藏辅助类 (绝对权重，无视端) */
table.dataTable th.gc-hide-both, table.dataTable td.gc-hide-both, .gc-table-wrapper table.gc-universal-table th.gc-hide-both, .gc-table-wrapper table.gc-universal-table td.gc-hide-both { display: none !important; }
/* ==========================================================================
   WHMCS 原生产品详情页 (Product Details) 终极暗黑模式 / 极客同化补丁
   作用：无需修改原生 TPL，直接强杀原生丑陋的白底与白边
   ========================================================================== */

/* 1. 强杀原生瞎眼白底与外围白线 (左右下的边框彻底隐藏) */
.bg-white, 
.product-details-tab-container,
.tab-content.bg-white {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;      /* ★ 核心修复：干掉左右下的白线边框 ★ */
    box-shadow: none !important;
}

/* 2. 杀掉原生选项卡下方那条多余的连接装饰白线 */
.responsive-tabs-sm-connector {
    display: none !important;
}

/* 3. 将原生的卡片 (Card) 强制洗平，同化为咱们的极简灰边框 */
.product-details .card,
#tabChangepw .card,
#tabDownloads .card,
#tabAddons .card {
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* 4. 修复原生列表的分割线与内边距，取消左右多余的 margin */
.product-details-tab-container .row {
    border-bottom: 1px solid var(--gc-border) !important;
    margin: 0 !important;
    padding: 12px 16px !important;
}
.product-details-tab-container .row:last-child {
    border-bottom: none !important;
}

/* 5. 原生左侧标签文字 (如：主机名、IP地址) 颜色强制变暗，取消加粗 */
.product-details-tab-container .text-right strong,
.product-details-tab-container .col-sm-5 strong {
    color: var(--gc-muted) !important;
    font-weight: 400 !important;
    font-size: var(--gc-fs-base) !important;
}

/* 6. 原生右侧数据文字颜色强制跟随系统文字色 */
.product-details-tab-container .text-left,
.product-details-tab-container .col-sm-7 {
    color: var(--gc-text) !important;
    font-size: var(--gc-fs-base) !important;
}

/* 7. 深度暗黑模式下，卡片和分割线颜色智能变暗防刺眼 */
[data-theme="dark"] .product-details-tab-container .row,
[data-theme="dark"] .product-details .card,
[data-theme="dark"] #tabChangepw .card,
[data-theme="dark"] #tabDownloads .card,
[data-theme="dark"] #tabAddons .card {
    border-color: rgba(255, 255, 255, 0.08) !important;
}
/* ==========================================================================
   对齐修正补丁：消除外层 Tab 容器的缝隙，强制左右拉平对齐顶部面板
   ========================================================================== */

/* 1. 消除 tab-content 的所有干扰留白 */
.product-details-tab-container {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 2. 修正 tab-pane 内部的 row，使其左右对齐 */
.tab-pane .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. 让原生的 panel 直接贴合容器边缘 */
.tab-pane .gc-panel {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* 4. 针对子标签下的表格/行数据，强制消除多余的边距，确保对齐 */
.product-details-tab-container .gc-list-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/* 5. 确保修改密码页和资源使用页等子视图也保持对齐 */
#tabChangepw, #tabDownloads, #tabAddons {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* ==========================================================================
   账号切换列表专属交互样式 (Switch Account)
   ========================================================================== */
.gc-account-switch-card {
    max-width: 96%;
    margin: 40px auto;
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.gc-account-switch-body {
    padding: 48px 40px;
    text-align: center;
}

.gc-account-list {
    display: flex;
    flex-direction: column;
    gap: 12px; 
    margin-top: 24px;
    text-align: left;
}

.gc-account-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    color: var(--gc-text);
    text-decoration: none !important;
    transition: all 0.2s ease;
    font-size: var(--gc-fs-base) !important;
    font-weight: 500;
    border-radius: 0 !important; 
}

.gc-account-list a:hover:not(.disabled) {
    border-color: var(--gc-primary);
    color: var(--gc-primary);
    transform: translateY(-2px); 
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.gc-account-list a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(128, 128, 128, 0.05);
}

.gc-account-badge {
    font-size: 11px !important; 
    padding: 3px 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    border-radius: 0 !important;
}

.gc-badge-owner {
    background: rgba(22, 163, 74, 0.1);
    color: var(--gc-primary);
    border: 1px solid rgba(22, 163, 74, 0.2);
}

.gc-badge-closed {
    background: transparent;
    color: var(--gc-muted);
    border: 1px solid var(--gc-border);
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-account-switch-card { margin: 20px 16px; }
    .gc-account-switch-body { padding: 32px 20px; }
}

/* 深度暗黑模式适配 */
[data-theme="dark"] .gc-account-list a:hover:not(.disabled) {
    background: rgba(22, 163, 74, 0.05) !important;
}
/* ==========================================================================
   强制账户切换页专属样式 (Forced Switch Account)
   ========================================================================== */
.gc-forced-switch-card {
    max-width: 540px;
    margin: 40px auto;
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.gc-forced-switch-body {
    padding: 48px 40px;
    text-align: center;
}

.gc-forced-switch-icon {
    font-size: 42px;
    color: var(--gc-primary);
    margin-bottom: 16px;
    display: block;
}

.gc-forced-switch-title {
    color: var(--gc-text);
    font-size: 14px !important;
    font-weight: 600;
    margin-bottom: 20px;
}

.gc-forced-switch-target {
    background: rgba(128, 128, 128, 0.05);
    border: 1px solid var(--gc-border);
    padding: 16px;
    margin-bottom: 24px;
    text-align: center;
}

.gc-forced-switch-name {
    margin: 0;
    color: var(--gc-text);
    font-size: 14px !important;
}

.gc-forced-switch-name i {
    margin-right: 6px;
    vertical-align: text-bottom;
    opacity: 0.7;
    font-size: 16px;
}

.gc-forced-switch-email {
    margin: 4px 0 0 0;
    color: var(--gc-muted);
    font-size: var(--gc-fs-base) !important; /* 遵循全站 13px 基础字号规范 */
}

.gc-forced-switch-actions {
    display: flex;
    justify-content: center;
    gap: 16px; /* 使用现代 gap 替代 margin-right */
}

/* 手机端排版自动缩放 */
@media (max-width: 768px) {
    .gc-forced-switch-card { margin: 20px 16px; }
    .gc-forced-switch-body { padding: 32px 20px; }
    .gc-forced-switch-actions { flex-direction: column; gap: 12px; }
    .gc-forced-switch-actions .lc-btn { width: 100%; }
}
/* ==========================================================================
   账户安全与两步验证 (Security & 2FA) 专属极客样式
   ========================================================================== */
.w-hidden { display: none; }

/* 两步验证状态角标与提示框 */
.gc-2fa-status { padding: 6px 12px !important; font-weight: 500 !important; font-size: var(--gc-fs-base) !important; border-radius: 0 !important; border: 1px solid transparent; display: inline-flex; align-items: center; }
.gc-2fa-status.enabled { background: rgba(22, 163, 74, 0.1) !important; color: var(--gc-primary) !important; border-color: rgba(22, 163, 74, 0.2); }
.gc-2fa-status.disabled { background: rgba(239, 68, 68, 0.1) !important; color: var(--gc-danger) !important; border-color: rgba(239, 68, 68, 0.2); }

.gc-2fa-alert { border-radius: 0 !important; border: none !important; font-size: var(--gc-fs-base) !important; padding: 14px 20px !important; box-shadow: none !important; border-left: 4px solid transparent !important; margin-bottom: 24px; display: flex; align-items: center; }
.gc-2fa-alert-warning { background: rgba(245, 158, 11, 0.05) !important; color: #d97706 !important; border-left-color: #f59e0b !important; }
.gc-2fa-alert-info { background: rgba(59, 130, 246, 0.05) !important; color: #2563eb !important; border-left-color: #3b82f6 !important; }

/* 纯 CSS 洗衣机：专治 WHMCS 2FA 弹窗暗黑模式不服 */
#custom2FAModalBody { font-size: var(--gc-fs-base) !important; color: var(--gc-text) !important; padding: 24px !important; }

/* 暴力剥除内部传来的死白底色、旧类名 */
#custom2FAModalBody .bg-white, #custom2FAModalBody .text-dark, #custom2FAModalBody .well, #custom2FAModalBody .panel, #custom2FAModalBody .panel-default {
    background-color: transparent !important; color: inherit !important; border: none !important; box-shadow: none !important;
}
#custom2FAModalBody [style*="background-color: #fff"], 
#custom2FAModalBody [style*="background-color: rgb(255, 255, 255)"], 
#custom2FAModalBody [style*="background-color: white"] { 
    background-color: transparent !important; 
}

/* 美化输入框、单选卡片和备份代码框 (强制直角化) */
#custom2FAModalBody input.form-control, #custom2FAModalBody .backup-code, #custom2FAModalBody pre, #custom2FAModalBody code {
    background-color: var(--gc-bg) !important; color: var(--gc-text) !important; border: 1px solid var(--gc-border) !important; font-size: var(--gc-fs-base) !important; border-radius: 0 !important; text-align: center;
}
#custom2FAModalBody .backup-code { padding: 16px !important; letter-spacing: 1px !important; color: var(--gc-primary) !important; border: 1px dashed var(--gc-border) !important; }
#custom2FAModalBody img[src*="qr"] { background-color: #ffffff !important; padding: 12px !important; border-radius: 0 !important; display: block !important; margin: 0 auto 16px auto !important; border: 1px solid var(--gc-border); }
#custom2FAModalBody label { display: flex !important; align-items: center !important; padding: 16px !important; border: 1px solid var(--gc-border) !important; border-radius: 0 !important; margin-bottom: 12px !important; cursor: pointer !important; background: rgba(128,128,128,0.02) !important; transition: 0.2s; }
#custom2FAModalBody label:hover { border-color: var(--gc-primary) !important; background: rgba(22, 163, 74, 0.03) !important; }
#custom2FAModalBody label img { margin: 0 15px !important; width: 42px !important; background: transparent !important; }

/* 底部操作区和按钮美化 */
#custom2FAModalBody .modal-footer { border-top: 1px dashed var(--gc-border) !important; background: transparent !important; text-align: center; display: flex; justify-content: center; gap: 12px; padding-top: 20px; margin-top: 20px; }
#custom2FAModalBody .btn { font-size: var(--gc-fs-base) !important; padding: 8px 24px !important; border-radius: 0 !important; width: auto !important; margin: 0 !important; border: 1px solid transparent !important; }
#custom2FAModalBody .btn-default, #custom2FAModalBody .btn-cancel { background-color: transparent !important; color: var(--gc-text) !important; border-color: var(--gc-border) !important; }
#custom2FAModalBody .btn-default:hover, #custom2FAModalBody .btn-cancel:hover { color: var(--gc-primary) !important; border-color: var(--gc-primary) !important; }
#custom2FAModalBody .btn-primary, #custom2FAModalBody .btn-success { background-color: var(--gc-primary) !important; color: #fff !important; }

/* 暗黑模式深度护眼 */
[data-theme="dark"] #custom2FAModalBody input.form-control, 
[data-theme="dark"] #custom2FAModalBody .backup-code { background-color: rgba(0,0,0,0.2) !important; }
/* ==========================================================================
   全局状态徽章小标签 (用于邮箱验证、状态提示等)
   ========================================================================== */
.gc-badge-success {
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
    padding: 6px 12px;
    font-weight: 500;
    font-size: var(--gc-fs-base);
    border-radius: 0 !important; /* 强制直角 */
    border: 1px solid rgba(16, 185, 129, 0.2);
    display: inline-flex;
    align-items: center;
}

.gc-badge-warning {
    background: rgba(245, 158, 11, 0.1) !important;
    color: #d97706 !important;
    padding: 6px 12px;
    font-weight: 500;
    font-size: var(--gc-fs-base);
    border-radius: 0 !important; /* 强制直角 */
    border: 1px solid rgba(245, 158, 11, 0.2);
    display: inline-flex;
    align-items: center;
}

/* 暗黑模式自适应发光优化 */
[data-theme="dark"] .gc-badge-success { color: #10b981 !important; }
[data-theme="dark"] .gc-badge-warning { color: #f59e0b !important; }
/* ==========================================================================
   独立修改密码页专属排版 (Change Password)
   ========================================================================== */
.gc-pw-header {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed var(--gc-border);
    padding-bottom: 16px;
    margin-bottom: 24px;
}

.gc-pw-header-icon {
    font-size: 24px;
    margin-right: 16px;
    color: var(--gc-muted);
}

.gc-pw-form-container {
    max-width: 96%;
}

.gc-pw-input-group {
    display: flex;
    gap: 12px;
}

.gc-pw-input-group .gc-input {
    flex: 1;
}

/* 密码强度指示器专属外框 (强制直角化) */
.gc-pw-strength-box {
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
    padding: 16px;
    border-radius: 0 !important; 
    margin-bottom: 24px;
}

.gc-pw-actions {
    padding-top: 20px;
    border-top: 1px dashed var(--gc-border);
    display: flex;
    gap: 12px;
}

/* 手机端按钮适配 */
@media (max-width: 768px) {
    .gc-pw-input-group { flex-direction: column; }
    .gc-pw-input-group .lc-btn { width: 100%; }
    .gc-pw-actions { flex-direction: column; }
    .gc-pw-actions .lc-btn { width: 100%; margin: 0 !important; }
}
/* ==========================================================================
   团队/账户邀请页专属 UI (Account Invite)
   ========================================================================== */
.gc-invite-container {
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 40px auto;
    max-width: 1000px;
}

.gc-invite-container.mw-750 {
    max-width: 750px;
}

.gc-invite-body {
    padding: 48px 40px;
    text-align: center;
}

/* 顶部图标与标题 */
.gc-invite-header-icon { font-size: 46px; display: block; margin-bottom: 16px; }
.gc-invite-header-icon.success { color: var(--gc-primary); }
.gc-invite-header-icon.error { color: var(--gc-danger); }

.gc-invite-title { color: var(--gc-text); font-size: 18px !important; font-weight: 600; margin-bottom: 24px; }
.gc-invite-desc { color: var(--gc-text); font-size: 14px !important; margin-bottom: 20px; }
.gc-invite-muted { color: var(--gc-muted); font-size: var(--gc-fs-base) !important; margin-bottom: 24px; }

/* 左右分栏登录/注册框 */
.gc-invite-box {
    background: rgba(128, 128, 128, 0.02);
    border: 1px solid var(--gc-border);
    padding: 24px;
    height: 100%;
    margin-bottom: 20px;
    text-align: left;
}

.gc-invite-box h2 {
    font-size: 15px !important;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
    color: var(--gc-text);
    border-bottom: 1px dashed var(--gc-border);
    padding-bottom: 12px;
}

.gc-invite-box label {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
    margin-bottom: 6px;
    font-weight: 500;
    text-transform: uppercase;
}

/* 密码强度条直角化 */
.gc-progress-wrapper {
    height: 4px !important;
    border-radius: 0 !important;
    background: rgba(128, 128, 128, 0.1) !important;
    margin-top: 12px;
    box-shadow: none !important;
}
.gc-progress-wrapper .progress-bar {
    border-radius: 0 !important;
}

/* TOS 协议多选框对齐 */
.gc-tos-checkbox {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--gc-fs-base);
    color: var(--gc-text);
}
.gc-tos-checkbox input { margin: 0 6px 0 0 !important; }
.gc-tos-checkbox a { color: var(--gc-primary); text-decoration: none; margin-left: 4px; font-weight: 500; }

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-invite-container { margin: 20px 16px; }
    .gc-invite-body { padding: 32px 20px; }
    .gc-invite-box { margin-bottom: 24px; }
}
/* ==========================================================================
   用户管理与邀请页专属 UI (User Management)
   ========================================================================== */
.gc-table-custom { border: 1px solid var(--gc-border); border-radius: 0; min-width: 600px; margin-bottom: 0; }
.gc-table-custom thead th { background: rgba(128, 128, 128, 0.03); border-bottom: 2px solid var(--gc-border) !important; padding: 16px 20px; font-weight: 600; color: var(--gc-muted); border-top: none; }
.gc-table-custom tbody td { padding: 16px 20px; vertical-align: middle; border-top: 1px solid var(--gc-border); color: var(--gc-text); }
.gc-table-custom tbody tr:hover { background: rgba(128, 128, 128, 0.02); }

.gc-invite-perm-box {
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
    padding: 24px;
    border-radius: 0 !important;
    margin-bottom: 24px;
}

.gc-custom-radio-group { display: flex; flex-wrap: wrap; gap: 24px; margin-bottom: 24px; }

/* 极简直角弹窗通用样式 (复用在所有删除/确认等小弹窗) */
.gc-modal-custom .modal-content { background: var(--gc-panel); border: 1px solid var(--gc-border); border-radius: 0; box-shadow: 0 10px 40px rgba(0,0,0,0.2); }
.gc-modal-custom .modal-header { border-bottom: 1px dashed var(--gc-border); padding: 20px; }
.gc-modal-custom .modal-body { padding: 40px 20px; text-align: center; color: var(--gc-text); }
.gc-modal-custom .modal-footer { border-top: 1px dashed var(--gc-border); padding: 15px; justify-content: center; }
/* ==========================================================================
   计费指标价格弹窗通用 UI (Metric Pricing Modal)
   ========================================================================== */
.gc-modal-metric .modal-content {
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2) !important;
}

.gc-modal-metric .modal-header {
    border-bottom: 1px dashed var(--gc-border) !important;
    padding: 16px 24px !important;
    background: rgba(128,128,128,0.02) !important;
}

.gc-modal-metric .modal-title {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--gc-text) !important;
    margin: 0;
    display: flex;
    align-items: center;
}

/* 关闭按钮重置 */
.gc-modal-metric .close {
    color: var(--gc-text) !important;
    text-shadow: none !important;
    opacity: 0.5;
    outline: none;
    padding: 16px 24px !important;
    margin: -16px -24px -16px auto !important;
}
.gc-modal-metric .close:hover {
    opacity: 1;
    color: #ef4444 !important; /* 悬浮时变红警示 */
}

.gc-modal-metric .modal-body {
    padding: 24px !important;
    font-size: var(--gc-fs-base) !important;
    color: var(--gc-text) !important;
}

.gc-modal-metric .modal-body > p:first-child {
    color: var(--gc-muted);
    margin-bottom: 20px;
    line-height: 1.6;
}

/* 彻底重构斑马纹表格，替换为极简线框表 */
.gc-modal-metric .table {
    color: var(--gc-text) !important;
    border: 1px solid var(--gc-border);
    margin-bottom: 20px;
    background: transparent !important;
}
.gc-modal-metric .table th {
    background: rgba(128,128,128,0.03) !important;
    border-bottom: 1px solid var(--gc-border) !important;
    color: var(--gc-muted) !important;
    font-size: var(--gc-fs-base) !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 16px;
    border-top: none !important;
}
.gc-modal-metric .table td {
    border-bottom: 1px solid var(--gc-border) !important;
    border-top: none !important;
    padding: 12px 16px;
    font-size: var(--gc-fs-base) !important;
    vertical-align: middle;
}
.gc-modal-metric .table tr:last-child td {
    border-bottom: none !important;
}
.gc-modal-metric .table tr:hover td {
    background: rgba(128,128,128,0.02) !important;
}

.gc-modal-metric .modal-footer {
    border-top: 1px dashed var(--gc-border) !important;
    padding: 16px 24px !important;
    background: transparent !important;
    justify-content: center;
}
/* ==========================================================================
   产品升级结账页专属 UI (Upgrade Summary)
   ========================================================================== */
.gc-upgrade-card {
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* 替换原生刺眼的 alert-info */
.gc-upgrade-alert {
    background: rgba(22, 163, 74, 0.05) !important;
    border: 1px solid rgba(22, 163, 74, 0.2) !important;
    color: var(--gc-text) !important;
    border-radius: 0 !important;
    font-size: var(--gc-fs-base) !important;
    padding: 12px 16px !important;
    margin-bottom: 24px !important;
    text-align: center;
}
.gc-upgrade-alert i { margin-right: 6px; vertical-align: text-bottom; color: var(--gc-primary); }
.gc-upgrade-alert strong { color: var(--gc-primary); }
.gc-upgrade-alert span { opacity: 0.8; }

/* 极致线框表 (铲除 table-striped) */
.gc-upgrade-table {
    color: var(--gc-text) !important;
    border: 1px solid var(--gc-border) !important;
    margin-bottom: 30px !important;
    background: transparent !important;
}
.gc-upgrade-table thead th {
    background: rgba(128,128,128,0.05) !important;
    border-bottom: 1px solid var(--gc-border) !important;
    color: var(--gc-muted) !important;
    font-size: var(--gc-fs-base) !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 16px !important;
    border-top: none !important;
}
.gc-upgrade-table tbody td {
    border-bottom: 1px solid var(--gc-border) !important;
    padding: 14px 16px !important;
    font-size: var(--gc-fs-base) !important;
    vertical-align: middle !important;
}
.gc-upgrade-table tbody tr:hover td { background: rgba(128,128,128,0.02) !important; }
.gc-upgrade-table .masspay-total td { background: rgba(128,128,128,0.03) !important; font-weight: 500 !important; }

/* 价格与旧旧产品对比排版 */
.gc-upgrade-arrow { margin: 0 8px; color: var(--gc-primary); font-size: 14px; vertical-align: middle; }
.gc-upgrade-old-item { color: var(--gc-muted); }
.gc-upgrade-new-item { color: var(--gc-text); font-weight: 600; }
.gc-upgrade-discount { color: var(--gc-primary); }
.gc-upgrade-total-label { font-size: 15px !important; font-weight: 600; }
.gc-upgrade-total-price { font-size: 15px !important; font-weight: 600; color: #ef4444 !important; }

/* 底部左右分栏表单区域 */
.gc-upgrade-form-section h2 {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: var(--gc-text) !important;
    margin: 0 0 16px 0 !important;
    border-bottom: 1px dashed var(--gc-border);
    padding-bottom: 10px;
}
.gc-upgrade-form-section h2 i { margin-right: 6px; color: var(--gc-primary); vertical-align: text-bottom; }

.gc-upgrade-submit-btn { padding: 10px 30px !important; font-size: 14px !important; }
.gc-upgrade-submit-btn i { margin-left: 6px; vertical-align: text-bottom; }
/* ==========================================================================
   产品升级选择配置页专属 UI (Upgrade)
   ========================================================================== */
.gc-upgrade-wrapper {
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: var(--gc-fs-base) !important;
    color: var(--gc-text) !important;
}

.gc-upgrade-wrapper p {
    color: var(--gc-text);
    margin-bottom: 16px;
}

/* 标题与副标题规范化 */
.gc-upgrade-title {
    font-size: 16px !important;
    font-weight: 600;
    margin: 0 0 20px 0;
    color: var(--gc-text);
}
.gc-upgrade-title i { color: var(--gc-primary); margin-right: 6px; vertical-align: text-bottom; }
.gc-upgrade-subtitle { font-weight: 600; margin-bottom: 12px; }

/* 当前配置提示框 */
.gc-upgrade-current-box {
    background: rgba(128,128,128,0.02);
    border: 1px solid var(--gc-border);
    padding: 16px;
    margin-bottom: 24px;
}
.gc-upgrade-current-label { margin: 0; color: var(--gc-muted); font-size: var(--gc-fs-base); text-transform: uppercase; }
.gc-upgrade-current-value { margin: 4px 0 0 0; color: var(--gc-text); font-weight: 600; font-size: 14px; }
.gc-upgrade-current-value span { opacity: 0.8; font-weight: normal; }

/* 极致线框表 (铲除 table-striped) */
.gc-upgrade-table {
    color: var(--gc-text) !important;
    border: 1px solid var(--gc-border) !important;
    margin-bottom: 30px !important;
    background: transparent !important;
}
.gc-upgrade-table thead th {
    background: rgba(128,128,128,0.03) !important;
    border-bottom: 1px solid var(--gc-border) !important;
    color: var(--gc-muted) !important;
    font-size: var(--gc-fs-base) !important;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 16px !important;
    border-top: none !important;
}
.gc-upgrade-table tbody td {
    border-bottom: 1px solid var(--gc-border) !important;
    border-top: none !important;
    padding: 16px !important;
    font-size: var(--gc-fs-base) !important;
    vertical-align: middle !important;
}
.gc-upgrade-table tbody tr:hover td { background: rgba(128,128,128,0.02) !important; }
.gc-upgrade-table .gc-upgrade-action-td { width: 300px; text-align: center; background: rgba(128,128,128,0.01); }

@media (max-width: 768px) {
    .gc-upgrade-table .gc-upgrade-action-td { width: 100%; display: block; }
}
/* ==========================================================================
   现代化产品升级卡片页专属 UI (Modern Upgrade Service)
   ========================================================================== */
/* 通用警告提示框 (无圆角极客风) */
.gc-alert-warning {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(245, 158, 11, 0.05) !important;
    color: #d97706 !important;
    border-left: 4px solid #f59e0b !important;
    font-size: var(--gc-fs-base) !important;
    padding: 12px 16px !important;
}

/* 升级套餐独立卡片 */
.gc-upgrade-modern-card {
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    position: relative;
    overflow: hidden;
    padding: 0;
    transition: 0.2s ease;
}
.gc-upgrade-modern-card:hover {
    border-color: var(--gc-primary);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transform: translateY(-2px);
}

/* 右上角状态角标 */
.gc-upgrade-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 4px 10px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 0 !important; /* 强制直角 */
    text-transform: uppercase;
}
.gc-upgrade-badge-current { background: rgba(128,128,128,0.05); color: var(--gc-muted); border: 1px solid var(--gc-border); }
.gc-upgrade-badge-recommended { background: rgba(16, 185, 129, 0.1); color: #059669; border: 1px solid rgba(16, 185, 129, 0.2); }
[data-theme="dark"] .gc-upgrade-badge-recommended { color: #10b981; }

/* 卡片内部排版 */
.gc-upgrade-card-body { padding: 24px; }
.gc-upgrade-card-title { font-size: 16px !important; font-weight: 600; color: var(--gc-text); margin: 5px 0 16px 0; padding-right: 70px; }
.gc-upgrade-card-desc { line-height: 1.6; min-height: 40px; color: var(--gc-muted); }

/* 属性参数列表 */
.gc-upgrade-features { font-size: var(--gc-fs-base); margin: 16px 0 0 0; padding: 0; list-style: none; }
.gc-upgrade-features li { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px dashed var(--gc-border); }
.gc-upgrade-features li:last-child { border-bottom: none; }
.gc-upgrade-features-label { color: var(--gc-muted); }
.gc-upgrade-features-value { color: var(--gc-text); font-weight: 600; }

/* 底部操作区 */
.gc-upgrade-card-footer {
    padding: 20px 24px;
    background: rgba(128,128,128,0.02);
    border-top: 1px solid var(--gc-border);
    margin-top: auto;
}
.gc-upgrade-qty-input { width: 90px; text-align: center; }
/* ==========================================================================
   两步验证备份代码重置成功页专属 UI (2FA Backup Code Reset)
   ========================================================================== */
.gc-2fa-reset-wrapper {
    min-height: 60vh;
    padding: 2rem 1rem;
}

.gc-2fa-reset-panel {
    max-width: 600px; /* 验证类页面收束宽度，视觉更聚焦 */
    margin: 0 auto;
    width: 100%;
}

.gc-2fa-reset-body {
    padding: 48px 40px !important;
}

/* 通用成功提示框 (无圆角极客风) */
.gc-alert-success {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(16, 185, 129, 0.05) !important;
    color: #059669 !important;
    border-left: 4px solid #10b981 !important;
    font-size: var(--gc-fs-base) !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
}
[data-theme="dark"] .gc-alert-success { color: #10b981 !important; }

/* 备份代码高亮展示框 */
.gc-backup-code-box {
    background: rgba(245, 158, 11, 0.05);
    border: 1px dashed #f59e0b;
    padding: 20px 40px;
    display: inline-block;
    color: #d97706;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 2px;
    border-radius: 0;
}
[data-theme="dark"] .gc-backup-code-box { color: #f59e0b; }

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-2fa-reset-body { padding: 32px 20px !important; }
    .gc-backup-code-box { font-size: 18px; padding: 15px 20px; letter-spacing: 1px; }
}
/* ==========================================================================
   两步验证登录挑战页专属 UI (2FA Login Challenge)
   ========================================================================== */
.gc-2fa-challenge-wrapper {
    min-height: 60vh;
    padding: 2rem 1rem;
}

.gc-2fa-challenge-panel {
    max-width: 600px; /* 验证页收束宽度，与重置成功页保持一致 */
    margin: 0 auto;
    width: 100%;
}

.gc-2fa-challenge-body {
    padding: 48px 40px !important;
}

/* 通用危险/错误提示框 (无圆角极客风) */
.gc-alert-danger {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(239, 68, 68, 0.05) !important;
    color: #ef4444 !important;
    border-left: 4px solid #ef4444 !important;
    font-size: var(--gc-fs-base) !important;
    padding: 12px 16px !important;
    box-shadow: none !important;
}
[data-theme="dark"] .gc-alert-danger { color: #ef4444 !important; }

/* 备用代码输入框特化 */
.gc-2fa-backup-input {
    letter-spacing: 2px !important;
    font-size: 16px !important;
    text-align: center;
    padding: 12px !important;
}

/* 底部切换提示区 */
.gc-2fa-challenge-footer {
    background: rgba(128,128,128,0.02);
    border-top: 1px solid var(--gc-border);
    padding: 16px;
    text-align: center;
}
.gc-2fa-footer-link {
    color: var(--gc-primary);
    font-weight: 500;
    text-decoration: none;
    transition: 0.2s;
}
.gc-2fa-footer-link:hover {
    color: var(--gc-text);
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-2fa-challenge-body { padding: 32px 20px !important; }
}
/* ==========================================================================
   工单评价反馈页专属 UI (Ticket Feedback)
   ========================================================================== */
.gc-feedback-wrapper {
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: var(--gc-fs-base) !important;
    color: var(--gc-text) !important;
}

.gc-feedback-wrapper p {
    color: var(--gc-text);
    line-height: 1.6;
}

.gc-feedback-icon {
    margin-right: 6px;
    vertical-align: text-bottom;
}

/* 极简线框表 (取代原生的 table-striped) */
.gc-feedback-table {
    color: var(--gc-text) !important;
    border: 1px solid var(--gc-border) !important;
    margin-bottom: 30px !important;
    background: transparent !important;
}
.gc-feedback-table td {
    border-bottom: 1px solid var(--gc-border) !important;
    border-top: none !important;
    padding: 14px 16px !important;
    font-size: var(--gc-fs-base) !important;
    vertical-align: middle !important;
}
.gc-feedback-table tr:hover td {
    background: rgba(128,128,128,0.02) !important;
}
.gc-feedback-table td:first-child {
    color: var(--gc-muted) !important;
    width: 35%;
    text-transform: uppercase;
    font-size: var(--gc-fs-base) !important;
}
.gc-feedback-primary-text {
    color: var(--gc-primary) !important;
}

/* 客服打分独立区块 */
.gc-ticket-staff-cont {
    background: rgba(128, 128, 128, 0.02);
    border: 1px solid var(--gc-border);
    padding: 24px;
    margin-bottom: 30px;
}
.gc-ticket-staff-title {
    margin: 0 0 20px 0;
    font-size: 14px;
}
.gc-ticket-staff-title i { color: var(--gc-primary); }
.gc-ticket-staff-title strong { color: var(--gc-text); }

/* 打分表 (1-10分) 专属定制 */
.gc-rating-table {
    width: 100%;
    margin: 20px 0;
    border-collapse: collapse;
}
.gc-rating-table thead td {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    padding: 10px 4px;
    border-bottom: 1px solid var(--gc-border);
    font-weight: 500;
}
.gc-rating-table tbody td {
    padding: 16px 4px;
    border-bottom: 1px dashed var(--gc-border);
}
.gc-rating-table input[type="radio"] {
    cursor: pointer;
    transform: scale(1.1);
    margin: 0;
    position: relative;
}
/* ==========================================================================
   提交工单选择部门页专属 UI (Submit Ticket Step 1)
   ========================================================================== */
.gc-dept-header {
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--gc-border);
    text-align: left; /* 强制左对齐 */
}
.gc-dept-header-icon {
    font-size: 36px;
    color: var(--gc-primary);
    margin-bottom: 16px;
    display: inline-block;
    opacity: 0.9;
}
.gc-dept-title {
    font-size: 18px !important;
    font-weight: 600;
    color: var(--gc-text);
    margin: 0 0 8px 0;
}
.gc-dept-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base) !important;
    margin: 0;
}

/* 部门卡片网格系统 */
.gc-dept-card {
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    padding: 24px;
    border-radius: 0 !important; /* 强制直角 */
    display: flex;
    align-items: flex-start;
    gap: 16px;
    height: 100%;
    transition: all 0.2s ease;
    text-decoration: none !important;
    color: var(--gc-text);
}
.gc-dept-card:hover {
    border-color: var(--gc-primary);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transform: translateY(-2px);
}
.gc-dept-card:hover .gc-dept-icon i {
    color: var(--gc-primary);
    transform: scale(1.1);
}
.gc-dept-icon {
    background: rgba(128,128,128,0.05);
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--gc-border);
    flex-shrink: 0;
}
.gc-dept-icon i {
    font-size: 20px;
    color: var(--gc-muted);
    transition: 0.2s;
}
.gc-dept-info {
    flex-grow: 1;
    text-align: left;
}
.gc-dept-info h5 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 6px 0;
    color: var(--gc-text);
}
.gc-dept-info p {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
    margin: 0;
    line-height: 1.6;
}
.gc-dept-arrow {
    color: var(--gc-muted);
    opacity: 0.3;
    transition: 0.2s;
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 2px;
}
.gc-dept-card:hover .gc-dept-arrow {
    opacity: 1;
    color: var(--gc-primary);
    transform: translateX(3px);
}
/* ==========================================================================
   提交工单填写详情页专属 UI (Submit Ticket Step 2)
   ========================================================================== */
.gc-ticket-submit-header {
    margin-bottom: 24px;
}
.gc-ticket-title {
    font-size: 18px !important;
    font-weight: 600;
    margin: 0 0 8px 0;
    color: var(--gc-text);
}
.gc-ticket-title i {
    color: var(--gc-muted);
    margin-right: 8px;
}
.gc-ticket-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base) !important;
    margin: 0;
}

/* 面板内部排版 */
.gc-ticket-panel-body {
    padding: 30px 24px !important;
}
.gc-ticket-section-title {
    font-size: 15px;
    font-weight: 600;
    color: var(--gc-text);
    border-bottom: 1px dashed var(--gc-border);
    padding-bottom: 12px;
    margin-bottom: 24px;
}

/* 详情描述文本框与附件区 */
.gc-ticket-textarea {
    border-radius: 0 !important; /* 强制直角化 */
    resize: vertical;
}
.gc-ticket-attachment-box {
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
    border-radius: 0;
    padding: 20px;
    margin-bottom: 0;
}
.gc-ticket-attachment-group {
    max-width: 500px;
}

/* 底部提交操作区 */
.gc-ticket-submit-actions {
    text-align: center;
    margin: 40px 0;
}
.gc-ticket-btn-submit {
    padding: 10px 30px !important;
    font-size: 13px !important;
}
.gc-ticket-btn-cancel {
    padding: 10px 30px !important;
    font-size: 13px !important;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-ticket-panel-body { padding: 24px 16px !important; }
    .gc-ticket-attachment-group { max-width: 100%; }
    .gc-ticket-btn-submit, .gc-ticket-btn-cancel { width: 100%; margin: 0 0 12px 0 !important; display: block; }
}
/* ==========================================================================
   智能知识库推荐专属 UI (KB Suggestions)
   ========================================================================== */
.gc-kb-suggestion-box {
    background: rgba(245, 158, 11, 0.02);
    border: 1px dashed rgba(245, 158, 11, 0.3);
    padding: 24px;
    margin-bottom: 24px;
}

.gc-kb-suggestion-title {
    font-size: 15px !important;
    font-weight: 600;
    color: #d97706;
    margin: 0 0 8px 0;
}
.gc-kb-suggestion-title i { margin-right: 6px; }

.gc-kb-suggestion-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base) !important;
    margin: 0 0 20px 0;
}

/* 推荐文章条目交互设计 */
.gc-kb-article-link {
    display: block;
    padding: 16px;
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    text-decoration: none !important;
    margin-bottom: 12px;
    transition: all 0.2s ease;
}
.gc-kb-article-link:last-child {
    margin-bottom: 0;
}
.gc-kb-article-link:hover {
    border-color: #f59e0b; /* 悬浮时边框变色 */
    background: rgba(245, 158, 11, 0.02);
}

.gc-kb-article-title {
    color: var(--gc-text);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    transition: color 0.2s;
}
.gc-kb-article-link:hover .gc-kb-article-title {
    color: #d97706; /* 悬浮时标题高亮 */
}

.gc-kb-article-excerpt {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    line-height: 1.5;
}

/* 左右图标细节 */
.gc-kb-article-icon {
    color: var(--gc-muted);
    opacity: 0.5;
    margin-top: 2px;
    transition: 0.2s;
}
.gc-kb-article-external {
    opacity: 0.2;
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    transition: 0.2s;
}
.gc-kb-article-link:hover .gc-kb-article-icon,
.gc-kb-article-link:hover .gc-kb-article-external {
    color: #d97706;
    opacity: 1;
}
/* ==========================================================================
   自定义字段专属补充 UI (Custom Fields)
   ========================================================================== */
.gc-custom-field-desc {
    font-size: var(--gc-fs-base) !important;
    margin-top: 8px;
}

.gc-custom-field-icon {
    opacity: 0.7;
    margin-right: 4px;
}
/* ==========================================================================
   提交工单成功页专属 UI (Submit Ticket Success)
   ========================================================================== */
.gc-ticket-success-wrapper {
    min-height: 60vh;
    padding: 2rem 1rem;
}

.gc-ticket-success-panel {
max-width: 500px; /* 成功提示页收束宽度，视觉更聚焦 */
margin: 0 auto;
    width: 100%;
}

.gc-ticket-success-body {
    padding: 50px 40px !important;
}

.gc-ticket-success-icon {
    font-size: 64px;
    color: #10b981;
    margin-bottom: 24px;
    display: inline-block;
}

.gc-ticket-success-title {
    font-size: 16px !important;
    font-weight: 600;
    color: var(--gc-text);
    margin: 0 0 24px 0;
}

/* 工单号高亮展示框 (强制直角化) */
.gc-ticket-success-box {
    background: rgba(16, 185, 129, 0.05);
    border: 1px dashed rgba(16, 185, 129, 0.3);
    padding: 16px;
    border-radius: 0 !important; 
    margin-bottom: 24px;
}

.gc-ticket-success-text {
    color: #059669;
    font-size: 14px;
    font-weight: 500;
}

.gc-ticket-success-link {
    color: #10b981;
    font-weight: 600;
    font-size: 16px;
    text-decoration: underline;
    margin-left: 6px;
    transition: 0.2s;
}
.gc-ticket-success-link:hover {
    color: #059669;
}

.gc-ticket-success-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    line-height: 1.6;
    margin-bottom: 40px;
}

.gc-ticket-success-btn {
    padding: 12px 40px !important;
    font-size: var(--gc-fs-base) !important;
    display: inline-block;
}

/* 暗黑模式绿色自适应发光优化 */
[data-theme="dark"] .gc-ticket-success-text { color: #10b981; }
[data-theme="dark"] .gc-ticket-success-link { color: #34d399; }
[data-theme="dark"] .gc-ticket-success-link:hover { color: #10b981; }

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-ticket-success-body { padding: 40px 20px !important; }
}
/* ==========================================================================
   订阅管理/退订页专属 UI (Newsletter Opt-in/Opt-out)
   ========================================================================== */
.gc-newsletter-card {
    max-width: 640px;
    margin: 48px auto;
    background: var(--gc-panel) !important;
    border: 1px solid var(--gc-border) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.gc-newsletter-body {
    padding: 48px 40px !important;
    text-align: center;
}

/* 顶部大图标自适应颜色 */
.gc-newsletter-icon {
    font-size: 46px;
    display: block;
    margin-bottom: 20px;
}
.gc-newsletter-icon.error { color: #ef4444; }
.gc-newsletter-icon.info { color: #3b82f6; }
.gc-newsletter-icon.success { color: #10b981; }
.gc-newsletter-icon.muted { color: var(--gc-muted); opacity: 0.7; }

/* 文字排版 */
.gc-newsletter-title {
    color: var(--gc-text);
    font-size: 14px !important;
    font-weight: 600;
    margin: 16px 0 8px 0;
}

.gc-newsletter-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base) !important;
    margin: 0;
    line-height: 1.6;
}
.gc-newsletter-desc a {
    color: var(--gc-primary);
    text-decoration: none;
    font-weight: 500;
    transition: 0.2s;
}
.gc-newsletter-desc a:hover {
    color: var(--gc-text);
}

/* 手机端排版缩放适配 */
@media (max-width: 768px) {
    .gc-newsletter-card { margin: 24px 16px; }
    .gc-newsletter-body { padding: 32px 20px !important; }
}
/* ==========================================================================
   密码重置/安全问题验证页专属 UI (Password Reset Security)
   ========================================================================== */
.gc-pwreset-header {
    text-align: center;
    margin-bottom: 40px;
}
.gc-pwreset-title {
    font-size: 20px !important;
    font-weight: 600;
    color: var(--gc-text);
    margin: 0 0 8px 0;
}
.gc-pwreset-title i {
    color: var(--gc-muted);
    margin-right: 8px;
}
.gc-pwreset-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base) !important;
    margin: 0;
}
.gc-pwreset-btn {
    padding: 12px 0 !important;
    font-size: 14px !important;
}
/* ==========================================================================
   找回密码主容器/成功页专属 UI (Password Reset Container)
   ========================================================================== */
.gc-pwreset-container {
    min-height: 60vh;
    padding: 2rem 1rem;
}

.gc-pwreset-panel {
    max-width: 640px;
    margin: 0 auto;
    width: 100%;
}

.gc-pwreset-body {
    padding: 40px 30px !important;
}

/* 成功状态大图标与排版 */
.gc-pwreset-success-icon {
    font-size: 56px;
    color: #10b981;
    margin-bottom: 24px;
    display: inline-block;
}

.gc-pwreset-success-title {
    font-size: 20px !important;
    font-weight: 600;
    color: var(--gc-text);
    margin-bottom: 16px;
}

.gc-pwreset-success-desc {
    color: var(--gc-muted);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-pwreset-body { padding: 32px 20px !important; }
}

/* ==========================================================================
   账单支付页专属 UI (Make Payment)
   ========================================================================== */
.gc-payment-header {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px dashed var(--gc-border);
}
.gc-payment-header i {
    color: var(--gc-primary);
    font-size: 18px;
    margin-right: 8px;
}
.gc-payment-title {
    margin: 0;
    font-weight: 600;
    font-size: 15px;
    color: var(--gc-text);
}

.gc-payment-body {
    padding: 24px;
}

.gc-payment-label {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
}

.gc-payment-btn {
    padding: 12px 40px !important;
    font-size: 14px !important;
}

/* 底部 SSL 安全通知框 */
.gc-ssl-notice {
    display: flex;
    align-items: center;
    background: rgba(245, 158, 11, 0.05);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-left: 4px solid #f59e0b;
    padding: 16px;
    margin-top: 24px;
}
.gc-ssl-notice i {
    font-size: 24px;
    color: #f59e0b;
    margin-right: 16px;
}
.gc-ssl-notice span {
    font-size: var(--gc-fs-base);
    color: var(--gc-text);
}

/* Iframe 远程支付面板 */
.gc-remote-payment-panel {
    padding: 24px;
    text-align: center;
}
.gc-remote-payment-iframe {
    width: 100%;
    height: 600px;
    border: none;
}
/* ==========================================================================
   支付跳转页专属 UI (Forward Page)
   ========================================================================== */
.gc-forward-panel {
    max-width: 540px;
    margin: 48px auto;
}

.gc-forward-body {
    padding: 48px 40px !important;
    text-align: center;
}

.gc-forward-icon {
    font-size: 48px;
    color: var(--gc-primary);
    display: block;
    margin-bottom: 24px;
}

.gc-forward-loader {
    margin: 32px 0;
    color: var(--gc-muted);
    display: flex;
    align-items: center;
    justify-content: center;
}

.gc-forward-loader-icon {
    font-size: 24px;
    color: var(--gc-primary);
    margin-right: 8px;
}

.gc-forward-loader-text {
    font-size: var(--gc-fs-base);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--gc-text);
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-forward-panel { margin: 24px 16px; }
    .gc-forward-body { padding: 32px 20px !important; }
}
/* ==========================================================================
   下载中心分类与文件列表页专属 UI (Downloads Category View)
   ========================================================================== */
.gc-dl-search-btn {
    padding: 10px 24px !important;
}

/* 分类卡片网格 */
.gc-dl-category-card {
    background: var(--gc-panel);
    border: 1px solid var(--gc-border);
    border-radius: 0 !important;
    transition: 0.2s ease;
    text-decoration: none !important;
    padding: 16px;
    display: block;
    height: 100%;
}
.gc-dl-category-card:hover {
    border-color: var(--gc-primary);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transform: translateY(-2px);
}

.gc-dl-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}
.gc-dl-category-title {
    font-weight: 600;
    font-size: 14px;
    color: var(--gc-text);
}
.gc-dl-category-icon {
    color: var(--gc-primary);
    font-size: 16px;
    margin-right: 6px;
    vertical-align: text-bottom;
}
.gc-dl-category-badge {
    background: rgba(128,128,128,0.1);
    color: var(--gc-text);
    font-size: 11px;
    padding: 4px 8px;
    border-radius: 0 !important;
}
.gc-dl-category-desc {
    margin: 0;
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    line-height: 1.6;
}

/* 独立文件列表面板 */
.gc-dl-files-panel {
    margin-top: 8px;
    margin-bottom: 24px;
}
.gc-dl-files-title {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    color: var(--gc-text);
}
.gc-dl-files-title-icon {
    color: var(--gc-primary);
    font-size: 18px;
    margin-right: 8px;
}

.gc-dl-file-item {
    background: transparent !important;
    border: none;
    border-bottom: 1px solid var(--gc-border) !important;
    color: var(--gc-text) !important;
    padding: 16px 24px !important;
    border-radius: 0 !important;
    transition: 0.2s;
    text-decoration: none !important;
    display: block;
}
.gc-dl-file-item:last-child {
    border-bottom: none !important;
}
.gc-dl-file-item:hover {
    background: rgba(128,128,128,0.02) !important;
}

.gc-dl-file-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.gc-dl-file-title {
    font-weight: 600;
    display: flex;
    align-items: center;
}
.gc-dl-file-icon {
    opacity: 0.8;
    margin-right: 8px;
}

.gc-dl-file-badge {
    border-radius: 0 !important;
}

.gc-dl-file-body {
    padding-left: 26px; /* 与图标后的文字对齐 */
    margin-top: 8px;
}

.gc-dl-file-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    margin: 0;
}
.gc-dl-file-meta {
    color: var(--gc-primary);
    font-weight: 600;
    margin-top: 8px;
    font-size: var(--gc-fs-base);
}
.gc-dl-file-meta i {
    margin-right: 4px;
    vertical-align: text-bottom;
}

/* 无数据占位符 */
.gc-dl-empty-state {
    color: var(--gc-muted);
    text-align: center;
    padding: 32px 0;
    background: transparent;
    border-color: var(--gc-border);
}

/* 底部操作栏 */
.gc-dl-action-bar {
    padding-bottom: 40px;
}
/* ==========================================================================
   下载中心首页专属补充 UI (Downloads Home)
   ========================================================================== */
/* 热门下载的星星图标颜色覆写 */
.gc-dl-files-title-icon.is-popular {
    color: #f59e0b; /* 亮黄色 */
}
/* ==========================================================================
   下载受限/服务过期提示页专属 UI (Download Access Denied)
   ========================================================================== */
.gc-dl-denied-panel {
    max-width: 600px;
    margin: 0 auto;
}

.gc-dl-denied-body {
    padding: 48px 40px !important;
    text-align: center;
}

/* 顶部大图标自适应颜色 */
.gc-dl-denied-icon {
    font-size: 48px;
    display: block;
    margin-bottom: 24px;
}
.gc-dl-denied-icon.danger { color: #ef4444; }
.gc-dl-denied-icon.warning { color: #f59e0b; }

/* 提示文字 */
.gc-dl-denied-desc {
    color: var(--gc-text);
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 24px;
}

/* 操作按钮 */
.gc-dl-denied-btn {
    padding: 10px 30px !important;
}
.gc-dl-denied-btn i {
    vertical-align: text-bottom;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-dl-denied-body { padding: 32px 20px !important; }
}
/* ==========================================================================
   域名价格表页专属 UI (Domain Pricing)
   ========================================================================== */
/* 推荐域名卡片 */
.gc-dp-featured-panel {
    transition: 0.2s ease;
}
.gc-dp-featured-panel:hover {
    border-color: var(--gc-primary);
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.gc-dp-featured-img-box {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gc-dp-featured-img {
    max-height: 100%;
    max-width: 100%;
    opacity: 0.9;
}
.gc-dp-featured-price {
    color: var(--gc-primary);
    font-size: 14px;
}
.gc-dp-featured-period {
    font-size: 11px;
    color: var(--gc-muted);
}
.gc-dp-featured-na {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
}

/* 货币选择器 */
.gc-dp-currency-select {
    min-width: 200px;
}

/* 过滤器分类角标 (强制直角化) */
.gc-dp-filter-badge {
    font-size: var(--gc-fs-base) !important;
    font-weight: 500;
    padding: 8px 12px !important;
    border-radius: 0 !important;
    margin: 0 4px 4px 0;
    transition: 0.2s;
}

/* 数据表格特化排版 */
.gc-dp-table th,
.gc-dp-table td {
    white-space: nowrap !important;
    vertical-align: middle !important;
}
.gc-dp-table th:first-child { min-width: 140px !important; }
.gc-dp-table th:nth-child(2) { min-width: 120px !important; }

.gc-dp-tld-name {
    color: var(--gc-text);
    font-weight: 600;
}
.gc-dp-tld-group {
    font-size: 10px;
    padding: 2px 6px;
    border-radius: 0 !important;
    margin-left: 8px;
}
.gc-dp-muted-col {
    color: var(--gc-muted);
}

/* 底部加载动画 */
.gc-dp-loader-text {
    letter-spacing: 1px;
    font-size: var(--gc-fs-base);
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}
.gc-dp-loader-icon {
    font-size: 18px;
    vertical-align: text-bottom;
    margin-right: 8px;
}
/* ==========================================================================
   联系我们页专属 UI (Contact Us)
   ========================================================================== */
.gc-contact-panel {
    max-width: 800px;
    margin: 2rem auto;
}

.gc-contact-body {
    padding: 40px 30px !important;
}

.gc-contact-title {
    font-size: 22px !important;
    margin-bottom: 8px;
}

.gc-contact-desc {
    font-size: 14px;
    margin: 0;
}

/* 专属成功提示大框 */
.gc-contact-success {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(16, 185, 129, 0.05) !important;
    color: #059669 !important;
    border-left: 4px solid #10b981 !important;
    font-size: 14px !important;
    padding: 24px !important;
    box-shadow: none !important;
}
[data-theme="dark"] .gc-contact-success { color: #10b981 !important; }

/* 文本域与按钮优化 */
.gc-contact-textarea {
    resize: vertical;
}

.gc-contact-btn {
    width: auto;
    padding: 10px 50px !important;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-contact-body { padding: 32px 20px !important; }
    .gc-contact-btn { width: 100%; display: block; }
}
/* ==========================================================================
   SSL 证书配置页专属 UI (SSL Configuration)
   ========================================================================== */
/* 状态提示卡片 (无效链接/暂无配置) */
.gc-ssl-state-card {
    padding: 40px 20px !important;
    text-align: center;
    margin-top: 40px;
}
.gc-ssl-state-icon {
    font-size: 48px;
    color: var(--gc-warning, #f59e0b);
    margin-bottom: 16px;
    display: block;
}

/* 卡片头部强化 */
.gc-ssl-config-header {
    font-size: 15px !important;
    font-weight: 600;
    padding: 16px 20px !important;
}

/* 表单网格间距调整 */
.gc-ssl-grid-mt {
    margin-top: 24px;
}
.gc-ssl-grid-2col {
    grid-template-columns: 1fr 1fr !important;
}

/* 动态附加字段区域分割 */
.gc-ssl-addon-section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed var(--gc-border);
}
.gc-ssl-addon-title {
    font-weight: 600;
    color: var(--gc-text);
    margin-bottom: 16px;
}

/* 输入框微调说明文本 */
.gc-ssl-field-desc {
    font-size: 11px;
    color: var(--gc-muted);
    margin-top: 4px;
    display: block;
}

/* 底部提交操作区 */
.gc-ssl-submit-wrapper {
    text-align: center;
    margin-top: 32px;
}
.gc-ssl-btn-lg {
    height: 48px !important;
    padding: 0 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 46px; /* 修正垂直居中 */
}

/* 手机端响应式适配 */
@media (max-width: 768px) {
    .gc-ssl-grid-2col { grid-template-columns: 1fr !important; }
}
/* ==========================================================================
   SSL 证书配置第二步专属 UI (SSL Configuration Step 2)
   ========================================================================== */
.gc-ssl-step2-card {
    margin-top: 40px;
    margin-bottom: 40px;
}

.gc-ssl-step2-header {
    font-size: 15px !important;
    font-weight: 600;
    padding: 16px 20px !important;
}

.gc-ssl-method-name {
    font-weight: 600;
}

.gc-ssl-tab-content {
    padding-top: 8px;
}

.gc-ssl-email-title {
    font-weight: 600;
    color: var(--gc-text);
    margin-top: 24px;
    margin-bottom: 16px;
}

/* 底部提交操作区 (与 Step1 保持一致) */
.gc-ssl-submit-wrapper {
    text-align: center;
    margin-top: 40px;
}
.gc-ssl-btn-lg {
    height: 48px !important;
    padding: 0 40px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 46px; /* 修正垂直居中 */
}
/* ==========================================================================
   SSL 证书配置第三步/完成页专属 UI (SSL Configuration Step 3)
   ========================================================================== */
.gc-ssl-step3-container {
    margin-top: 40px;
}

.gc-ssl-step3-card {
    margin-top: 40px;
    margin-bottom: 40px;
}

.gc-ssl-step3-header {
    font-size: 15px !important;
    font-weight: 600;
    padding: 16px 20px !important;
}
.gc-ssl-step3-header-icon {
    color: var(--gc-primary);
}

.gc-ssl-step3-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--gc-text);
    margin-bottom: 24px;
    text-align: center;
}

.gc-ssl-info-title {
    font-weight: 600;
    margin: 32px 0 16px 0;
    color: var(--gc-text);
    text-align: center;
}

/* 表单网格居中与收束 */
.gc-ssl-grid-center {
    grid-template-columns: 1fr !important;
    margin: 0 auto;
}
.gc-ssl-grid-email { max-width: 500px; }
.gc-ssl-grid-dns { max-width: 600px; }

.gc-ssl-input-center {
    text-align: center;
}

/* 底部返回操作区 */
.gc-ssl-step3-footer {
    text-align: center;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px dashed var(--gc-border);
}
.gc-ssl-btn-back {
    height: 40px !important;
    padding: 0 24px !important;
    line-height: 38px;
}
/* ==========================================================================
   用户注册页专属 UI (Register)
   ========================================================================== */
.gc-register-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.gc-register-panel-body {
    padding: 30px !important;
}

.gc-register-section-title {
    font-size: 18px !important;
    margin-bottom: 24px;
}

/* 密码强度条直角化与暗黑适配 */
.gc-register-pw-progress {
    height: 6px;
    border-radius: 0 !important;
    background: rgba(128, 128, 128, 0.1) !important;
    box-shadow: none !important;
    margin-bottom: 0;
}

.gc-register-pw-text {
    font-size: var(--gc-fs-base);
}

/* 底部操作区 */
.gc-register-submit-actions {
    text-align: center;
    margin: 40px 0;
}

.gc-register-btn-submit {
    padding: 12px 60px !important;
    font-size: 16px !important;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-register-panel-body { padding: 24px 20px !important; }
    .gc-register-btn-submit { width: 100%; display: block; }
}
/* ==========================================================================
   单点登录 (SSO) 设置专属 UI (Single Sign-On Security)
   ========================================================================== */
.gc-sso-panel {
    margin-bottom: 24px;
}

.gc-sso-panel-body {
    padding: 30px 24px !important;
}

.gc-sso-title {
    font-size: 15px !important;
    font-weight: 600;
    color: var(--gc-text);
    margin-bottom: 24px;
    border-bottom: 1px dashed var(--gc-border);
    padding-bottom: 12px;
}
.gc-sso-title i {
    color: var(--gc-primary);
    margin-right: 8px;
    font-size: 18px;
    vertical-align: text-bottom;
}

/* 开关操作区域 (直角虚线极客风) */
.gc-sso-toggle-row {
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
    padding: 20px 24px;
    margin: 24px 0;
    display: flex;
    align-items: center;
    border-radius: 0;
}

.gc-sso-status-text {
    font-size: 14px;
    font-weight: 600;
    margin-left: 16px;
    color: var(--gc-text);
}

.gc-sso-desc {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
    margin: 0;
    line-height: 1.6;
}
.gc-sso-desc i {
    opacity: 0.7;
    margin-right: 6px;
}
/* ==========================================================================
   我的报价单页专属 UI (Quotes List)
   ========================================================================== */
.gc-quote-subject {
    font-weight: 500;
    color: var(--gc-text);
}

/* 操作栏按钮组 (Flex 水平居中排列) */
.gc-action-group {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}

.gc-action-form {
    margin: 0;
}
/* ==========================================================================
   域名列表页专属 UI (Domains List)
   ========================================================================== */
/* 批量操作栏 */
.gc-bulk-action-bar {
    background: var(--gc-panel);
    border: 1px solid var(--gc-primary);
    padding: 16px 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0;
}
.gc-bulk-count {
    color: var(--gc-text);
    font-size: var(--gc-fs-base);
}
.gc-bulk-buttons {
    display: flex;
    gap: 8px;
}
.gc-bulk-buttons .btn {
    padding: 6px 12px;
    font-size: var(--gc-fs-base);
    border-radius: 0;
}

/* 域名表格特化 */
.gc-domain-cell {
    padding-left: 20px !important;
}
.gc-renew-status {
    font-size: var(--gc-fs-base);
}
.text-green { color: #10b981; }

/* 修复隐藏列的 class */
.gc-hide-both { display: none !important; }

/* 加载器文字样式 */
.gc-table-loading-text {
    margin: 0;
    font-size: var(--gc-fs-base);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
/* ==========================================================================
   域名管理 - 获取 EPP 密码 / 全局导航专属 UI (Domain EPP & Tabs)
   ========================================================================== */
/* 统一左对齐无界选项卡 (可全局复用) */
.gc-tabs-nav { 
    display: flex; justify-content: flex-start; border-bottom: 1px solid var(--gc-border); margin-bottom: 20px; 
    overflow-x: auto !important; overflow-y: hidden !important; padding: 0; list-style: none; gap: 8px; flex-wrap: nowrap; 
    scrollbar-width: none !important; -ms-overflow-style: none !important;
}
.gc-tabs-nav::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.gc-tabs-nav .nav-item { margin: 0; }
.gc-tabs-nav .nav-link { 
    padding: 10px 20px; color: var(--gc-muted); font-size: var(--gc-fs-base); font-weight: 500; 
    border: none !important; background: transparent !important; white-space: nowrap; 
    cursor: pointer; transition: 0.2s; margin-bottom: -1px; border-bottom: 2px solid transparent !important; display: block; 
}
.gc-tabs-nav .nav-link:hover { color: var(--gc-text); }
.gc-tabs-nav .nav-link.active { color: var(--gc-primary) !important; border-bottom-color: var(--gc-primary) !important; font-weight: 600; }
@media (max-width: 991px) { .gc-tabs-nav { flex-direction: column; align-items: stretch; gap: 0; } }

/* 域名管理全局警告框 (红/黄) */
.gc-domain-alert { border-radius: 0; margin-bottom: 16px; }
.gc-domain-alert-body { padding: 12px 16px !important; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.gc-domain-alert-text { font-size: var(--gc-fs-base); }
.gc-domain-alert-btn { white-space: nowrap; border-radius: 0; }

.gc-domain-alert-danger { border-color: #ef4444; background: rgba(239, 68, 68, 0.05); }
.gc-domain-alert-danger .gc-domain-alert-text { color: #ef4444; }
.gc-domain-alert-danger .gc-domain-alert-btn { background: #ef4444; border-color: #ef4444; color: #fff; }

.gc-domain-alert-warning { border-color: #f59e0b; background: rgba(245, 158, 11, 0.05); }
.gc-domain-alert-warning .gc-domain-alert-text { color: #d97706; }
.gc-domain-alert-warning .gc-domain-alert-btn { background: #f59e0b; border-color: #f59e0b; color: #fff; }

/* Hero 置顶区 */
.gc-domain-hero-title { font-size: 18px; color: var(--gc-text); }

/* EPP 核心内容区 */

.gc-epp-title { font-size: 15px !important; }
.gc-epp-desc { font-size: var(--gc-fs-base); max-width: 100%; margin: 0 auto; }
.gc-epp-alert-wrapper { max-width: 96%; margin: 0 auto; width: 100%; }

/* EPP 专属密码展示框 */
.epp-code-box { background: rgba(16, 185, 129, 0.05); border: 1px dashed #10b981; padding: 10px 40px; display: inline-block; margin-top: 10px; }
.epp-code-text { font-size: 20px; font-weight: 700; color: #10b981; letter-spacing: 2px; }

/* EPP 成功提示大框 */
.gc-epp-success-alert { border-radius: 0; border: none; background: rgba(16, 185, 129, 0.1); color: #059669; border-left: 4px solid #10b981; font-size: 13px; padding: 20px; box-shadow: none; }
/* ==========================================================================
   域名管理 - 私有 DNS 服务器专属 UI (Private Nameservers)
   ========================================================================== */
/* 顶部信息与警告提示框 */
.gc-ns-warning-alert {
    border-radius: 0 !important;
    border: none !important;
}

.gc-ns-info-alert {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(0, 176, 255, 0.05) !important;
    color: var(--gc-text) !important;
    border-left: 4px solid #00b0ff !important;
    font-size: var(--gc-fs-base) !important;
}

/* Hero 置顶区补充 (如果之前没加) */
.gc-domain-hero-body {
    padding: 16px 20px !important;
}

/* 面板内部排版 */
.gc-ns-panel-body {
    padding: 24px !important;
}
.gc-ns-section-title {
    font-size: 16px !important;
}

/* 危险操作面板特化 (删除) */
.gc-ns-panel-danger {
    border-color: rgba(239, 68, 68, 0.3) !important;
}
.gc-ns-title-danger {
    color: #ef4444 !important;
}

/* 输入框与后缀组合直角化 */
.gc-ns-input {
    border-radius: 0 !important;
    font-size: var(--gc-fs-base) !important;
}
.gc-ns-input-group-text {
    border-radius: 0 !important;
    font-size: var(--gc-fs-base) !important;
    background: rgba(128, 128, 128, 0.05) !important;
    border-color: var(--gc-border) !important;
    color: var(--gc-text) !important;
}

/* 按钮微调 */
.gc-ns-btn {
    padding: 8px 30px !important;
}
/* ==========================================================================
   域名管理 - 邮件转发专属 UI (Domain Email Forwarding)
   ========================================================================== */
.gc-emailfwd-body {
    padding: 30px 24px !important;
}

.gc-emailfwd-title {
    font-size: 18px !important;
}

/* 顶部独立提示框 */
.gc-emailfwd-alert-info {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(0, 176, 255, 0.05) !important;
    color: var(--gc-text) !important;
    border-left: 4px solid #00b0ff !important;
    font-size: var(--gc-fs-base) !important;
}

/* ================== 数据表格深度美化 ================== */
.gc-emailfwd-table-wrapper {
    border: 1px solid var(--gc-border);
}

.gc-table-custom { 
    margin-bottom: 0; 
    width: 100%; 
    border-collapse: collapse; 
}
.gc-table-custom th { 
    border-top: none !important; 
    border-bottom: 1px solid var(--gc-border) !important; 
    padding: 12px; 
    font-size: var(--gc-fs-base); 
    font-weight: 600; 
    color: var(--gc-muted); 
    text-transform: uppercase; 
    letter-spacing: 0.5px;
}
.gc-table-custom td { 
    border-top: 1px dashed var(--gc-border); 
    padding: 12px; 
    vertical-align: middle; 
}
.gc-table-custom input.form-control {
    border-radius: 0; 
    font-size: var(--gc-fs-base); 
    border: 1px solid var(--gc-border); 
    background: transparent; 
    color: var(--gc-text);
}
.gc-table-custom input.form-control:focus {
    border-color: var(--gc-primary); 
    box-shadow: none;
}

/* 表格内部细节微调 */
.gc-emailfwd-thead { background: rgba(128, 128, 128, 0.02); }
.gc-emailfwd-arrow-cell { font-size: var(--gc-fs-base); }

/* 巧妙的翡翠绿新增行暗示 */
.gc-emailfwd-new-row { background: rgba(16, 185, 129, 0.03); }
.gc-emailfwd-new-input { border-color: #10b981 !important; }

/* 底部操作区 */
.gc-emailfwd-actions { text-align: center; margin-top: 24px; }
.gc-emailfwd-btn-save { padding: 10px 40px !important; }
.gc-emailfwd-btn-cancel { padding: 10px 30px !important; margin-left: 8px; }

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-emailfwd-body { padding: 24px 20px !important; }
    .gc-emailfwd-btn-save, .gc-emailfwd-btn-cancel { width: 100%; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   域名管理 - DNS 解析管理专属 UI (Domain DNS Management)
   ========================================================================== */
.gc-dns-body {
    padding: 30px 24px !important;
}

.gc-dns-title {
    font-size: 18px !important;
}

/* 顶部独立提示框 */
.gc-dns-alert-info {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(0, 176, 255, 0.05) !important;
    color: var(--gc-text) !important;
    border-left: 4px solid #00b0ff !important;
    font-size: var(--gc-fs-base) !important;
}

/* 数据表格容器与表头 */
.gc-dns-table-wrapper {
    border: 1px solid var(--gc-border);
}
.gc-dns-thead {
    background: rgba(128, 128, 128, 0.02);
}

/* 翡翠绿新增行暗示 */
.gc-dns-new-row {
    background: rgba(16, 185, 129, 0.03);
}
.gc-dns-new-input {
    border-color: #10b981 !important;
}

/* 暂无优先级提示文本 */
.gc-dns-na-text {
    padding-left: 10px;
}

/* 底部操作区 */
.gc-dns-actions {
    text-align: center;
    margin-top: 24px;
}
.gc-dns-btn-save {
    padding: 10px 40px !important;
}
.gc-dns-btn-cancel {
    padding: 10px 30px !important;
    margin-left: 8px;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-dns-body { padding: 24px 20px !important; }
    .gc-dns-btn-save, .gc-dns-btn-cancel { width: 100%; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   域名详情主控制台专属 UI (Domain Details Overview & Tabs)
   ========================================================================== */
/* 彻底消灭 Bootstrap 原生 border 在暗黑模式下的白边 */
.gc-dashboard-container .border,
.gc-dashboard-container .gc-stat-card,
.gc-dashboard-container .gc-panel { border: 1px solid var(--gc-border) !important; }

/* 统一左对齐无界选项卡 (修复 Bootstrap JS 冲突 & 彻底消灭丑陋滚动条) */
.gc-tabs-nav { 
    display: flex; justify-content: flex-start; border-bottom: 1px solid var(--gc-border); margin-bottom: 20px; 
    overflow-x: auto !important; overflow-y: hidden !important; padding: 0; list-style: none; gap: 8px; flex-wrap: nowrap; 
    scrollbar-width: none !important; -ms-overflow-style: none !important;
}
.gc-tabs-nav::-webkit-scrollbar { display: none !important; width: 0 !important; height: 0 !important; }
.gc-tabs-nav .nav-item { margin: 0; }
.gc-tabs-nav .nav-link { 
    padding: 10px 20px; color: var(--gc-muted); font-size: var(--gc-fs-base); font-weight: 500; 
    border: none !important; background: transparent !important; white-space: nowrap; 
    cursor: pointer; transition: 0.2s; margin-bottom: -1px; border-bottom: 2px solid transparent !important; display: block; 
}
.gc-tabs-nav .nav-link:hover { color: var(--gc-text); }
.gc-tabs-nav .nav-link.active { color: var(--gc-primary) !important; border-bottom-color: var(--gc-primary) !important; font-weight: 600; }
@media (max-width: 991px) { .gc-tabs-nav { flex-direction: column; align-items: stretch; gap: 0; } }

/* 面板与列表紧凑间距 */
.gc-panel-compact .gc-panel-body { padding: 16px 20px !important; }
.gc-list-row-sm { padding: 12px 16px !important; border-bottom: 1px dashed var(--gc-border); text-decoration: none !important; display: flex; justify-content: space-between; align-items: center; }
.gc-list-row-sm:last-child { border-bottom: none; }
.gc-list-row-title { font-weight: 500; color: var(--gc-text); }
.gc-list-row-title i { margin-right: 8px; color: var(--gc-muted); }
.gc-sidebar-title { padding: 16px 16px 8px; font-size: 13px !important; margin: 0; border-bottom: 1px dashed var(--gc-border); color: var(--gc-text); font-weight: 600; }

.gc-hero-actions { display: flex; gap: 8px; border-left: 1px solid var(--gc-border); padding-left: 16px; margin-left: 16px; align-items: center; }
@media (max-width: 768px) {
    .gc-hero-actions { border-left: none; padding-left: 0; margin-left: 0; border-top: 1px dashed var(--gc-border); padding-top: 12px; margin-top: 12px; width: 100%; flex-wrap: wrap; }
}

/* 全新高级精密控制台按钮体系 */
.lc-btn {
    display: inline-flex; align-items: center; justify-content: center; width: auto;
    padding: 8px 16px; font-size: 13px; font-weight: 500; border-radius: 0px;
    border: 1px solid transparent; cursor: pointer; transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    text-decoration: none !important; line-height: 1.4; white-space: nowrap; gap: 6px;
}
.lc-btn-primary { background-color: #00b050; color: #ffffff !important; border-color: #00b050; }
.lc-btn-primary:hover { background-color: #009644; border-color: #009644; transform: translateY(-1px); }
.lc-btn-default { background-color: transparent; color: var(--gc-text) !important; border-color: var(--gc-border); }
.lc-btn-default:hover { color: #00b050 !important; border-color: #00b050; background-color: rgba(0, 176, 80, 0.05); transform: translateY(-1px); }

/* ================= 核心概览组件特化 ================= */
/* 统计卡片网格 (财务周期 & SSL) */
.gc-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; }
.gc-stats-grid-ssl { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
.gc-stat-card-inner { padding: 12px; background: var(--gc-bg); }
.gc-stat-label { color: var(--gc-muted); font-size: 11px; text-transform: uppercase; margin-bottom: 4px; }
.gc-stat-value { font-size: var(--gc-fs-base); font-weight: 500; color: var(--gc-text); }
.gc-stat-value.text-danger { color: #ef4444 !important; }
.gc-ssl-status-val { font-size: var(--gc-fs-base); gap: 6px; display: flex; align-items: center; }

/* CFDNS 状态文本与操作组 */
.gc-cf-status { font-size: var(--gc-fs-base); margin: 4px 0 0 0; }
.gc-cf-status-success { color: #10b981; }
.gc-cf-status-warning { color: #f59e0b; }
.gc-cf-status-muted { color: var(--gc-muted); }
.gc-cf-action-group { display: flex; gap: 10px; }
.gc-cf-action-item { flex: 1; }
.gc-cf-action-form { margin: 0; }

/* 动态 JS 提示框 */
.gc-status-alert { border-radius: 0; border: none; }


.gc-tab-title { font-size: 15px !important; margin-bottom: 16px; }
.gc-tab-subtitle { font-size: 16px !important; margin-bottom: 16px; }
.gc-tab-desc { font-size: var(--gc-fs-base); color: var(--gc-muted); margin-bottom: 16px; }
.gc-tab-status-row { font-size: 14px; margin-bottom: 40px; }
.gc-tab-btn { padding: 8px 40px !important; }

/* 附加服务 (Addons) */
.gc-addon-wrapper { border: 1px solid var(--gc-border); border-bottom: none; }
.gc-addon-row { align-items: flex-start; padding: 16px !important; border-bottom: 1px dashed var(--gc-border); }
.gc-addon-icon { margin-right: 15px; }
.gc-addon-icon-primary { color: var(--gc-primary); }
.gc-addon-icon-info { color: #00b0ff; }
.gc-addon-icon-warning { color: #ea580c; }
.gc-addon-title { font-weight: 600; font-size: 14px; display: block; margin-bottom: 4px; color: var(--gc-text); }
.gc-addon-info { font-size: var(--gc-fs-base); display: block; margin-bottom: 8px; color: var(--gc-muted); }
.gc-addon-actions { margin: 0; display: flex; gap: 8px; }

/* 修改 DNS 表单 */
.gc-ns-form-row { align-items: center; margin-bottom: 16px; }
.gc-ns-input-override { border-radius: 0 !important; border: 1px solid var(--gc-border) !important; background: var(--gc-bg) !important; color: var(--gc-text) !important; font-size: var(--gc-fs-base) !important; }

/* ================== ICANN IRTP 强制转移弹窗 ================== */
.gc-irtp-modal-content { border-radius: 0; }
.gc-irtp-modal-header { border-radius: 0; }
.gc-irtp-modal-title { font-size: 16px; }
.gc-irtp-modal-body { padding: 30px 20px; }
.gc-irtp-notice-text { font-size: 14px; color: var(--gc-text); margin-bottom: 24px; }
.gc-irtp-optout-box { background: rgba(128,128,128,0.02); padding: 10px; border: 1px solid var(--gc-border); text-align: left; margin-bottom: 16px;}
.gc-irtp-optout-label { font-size: var(--gc-fs-base); margin: 0; cursor: pointer; }
.gc-irtp-modal-footer { border-top: 1px solid var(--gc-border); }

/* 手机端排版适配 */


@media (max-width: 768px) {
    .gc-contact-body { 
        padding: 24px 20px !important; 
    }
    
    /* 1. 让按钮的父容器开启弹性布局 */
    .gc-contact-actions {
        display: flex !important;
        gap: 12px; /* 两个按钮之间的间距 */
        justify-content: center; /* 居中对齐 */
    }

    /* 2. 让两个按钮平分剩下的空间 */
    .gc-contact-btn-save, 
    .gc-contact-btn-cancel { 
        flex: 1; /* 核心：自动平分宽度 */
        width: auto !important; /* 覆盖掉原本的 100% */
        display: inline-block !important; 
        margin: 0 !important; /* 清除原本导致换行的外边距 */
    }
/* ==========================================================================
   域名管理 - 附加服务确认页专属 UI (Domain Addons Confirm)
   ========================================================================== */
.gc-addon-confirm-body {
    padding: 40px 20px !important;
    text-align: center;
    min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gc-addon-confirm-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.gc-addon-confirm-title {
    font-size: 18px !important;
    margin-bottom: 24px;
}

/* 提示域名信息的框 */
.gc-addon-confirm-domain-alert {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(0, 176, 255, 0.05) !important;
    color: var(--gc-text) !important;
    border-left: 4px solid #00b0ff !important;
    font-size: var(--gc-fs-base) !important;
}

.gc-addon-confirm-desc {
    font-size: 14px;
    color: var(--gc-muted);
    margin-bottom: 40px;
}

/* 操作成功/失败的大号状态框 */
.gc-addon-status-alert {
    border-radius: 0 !important;
    border: none !important;
    font-size: 14px !important;
    padding: 20px !important;
    margin-top: 24px;
}

.gc-addon-status-success {
    background: rgba(16, 185, 129, 0.05) !important;
    color: #059669 !important;
    border-left: 4px solid #10b981 !important;
}
[data-theme="dark"] .gc-addon-status-success { color: #10b981 !important; }

.gc-addon-status-danger {
    background: rgba(239, 68, 68, 0.05) !important;
    color: #ef4444 !important;
    border-left: 4px solid #ef4444 !important;
}

/* 按钮微调 */
.gc-addon-confirm-btn {
    width: auto !important;
    padding: 10px 40px !important;
}
/* ==========================================================================
   我的资料页专属 UI (Client Details)
   ========================================================================== */
/* 完美适配暗黑/明亮模式的禁用输入框全局样式 (从内联抽离至全局) */
.gc-input:disabled, 
.gc-input[readonly] {
    background-color: rgba(128, 128, 128, 0.1) !important; 
    border-color: rgba(128, 128, 128, 0.2) !important;
    color: inherit !important; 
    opacity: 0.6 !important; 
    cursor: not-allowed !important;
    box-shadow: none !important; 
}

/* 成功状态全局提示框 (与 gc-alert-danger 结对) */
.gc-alert-success {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
    border-left: 4px solid #10b981 !important;
    font-size: var(--gc-fs-base) !important;
}
[data-theme="dark"] .gc-alert-success { color: #10b981 !important; }

/* 取消标签的强制大写 */
.gc-text-normal {
    text-transform: none !important;
}

/* 面板内部排版 */
.gc-details-panel-body {
    padding: 30px 24px !important;
}
.gc-details-section-title {
    font-size: 14px !important;
    border-bottom: 1px dashed var(--gc-border);
    padding-bottom: 12px;
}

/* 偏好设置与营销开关 */
.gc-details-checkbox-label {
    color: var(--gc-text);
    font-size: 14px;
    cursor: pointer;
    padding-top: 2px;
}
.gc-details-switch-label {
    color: var(--gc-text);
    font-weight: 500;
    cursor: pointer;
    padding-top: 2px;
}

/* 底部操作区 */
.gc-details-actions {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 48px;
    padding-top: 24px;
    border-top: 1px dashed var(--gc-border);
}
.gc-details-btn {
    width: auto !important;
    padding: 12px 30px !important;
    font-size: var(--gc-fs-base) !important;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-details-panel-body { padding: 24px 20px !important; }
    .gc-details-btn { width: 100% !important; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   取消服务请求页专属 UI (Cancellation Request)
   ========================================================================== */
.gc-cancel-info-box {
    background: var(--gc-bg);
    padding: 20px;
    border: 1px solid var(--gc-border);
    margin-bottom: 24px;
    font-size: 14px;
    color: var(--gc-text);
}
.gc-cancel-product-name {
    color: var(--gc-primary);
    font-weight: 600;
}

.gc-cancel-label {
    color: var(--gc-text);
    font-weight: 500;
    margin-bottom: 8px;
    display: block;
}

/* 关联域名取消的专属警告框 */
.gc-cancel-domain-warning {
    border: 1px solid #f59e0b;
    background: rgba(245, 158, 11, 0.05);
    padding: 20px;
    margin-bottom: 24px;
}
.gc-cancel-warning-title {
    color: #d97706;
    font-weight: 600;
    margin-bottom: 8px;
}
.gc-cancel-warning-desc {
    color: var(--gc-text);
    font-size: var(--gc-fs-base);
    margin-bottom: 12px;
}
.gc-cancel-checkbox-label {
    cursor: pointer;
    margin-bottom: 0;
    color: var(--gc-text);
    font-size: var(--gc-fs-base);
    font-weight: 500;
}

/* 底部操作区与按钮 */
.gc-cancel-actions {
    text-align: center;
    margin-top: 32px;
}
.gc-cancel-btn {
    padding: 10px 32px !important;
    width: auto !important;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-cancel-btn {
        width: 100% !important;
        display: block;
        margin-left: 0 !important;
        margin-bottom: 12px;
    }
}
/* ==========================================================================
   账户充值页专属 UI (Add Funds)
   ========================================================================== */
.gc-addfunds-container {
    min-height: 60vh;
}

.gc-addfunds-panel {
    max-width: 500px;
    margin: 2rem auto;
    width: 100%;
}

.gc-addfunds-alert-wrapper {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
}

.gc-addfunds-body {
    padding: 40px 30px !important;
}

.gc-addfunds-title {
    font-size: 22px !important;
}

.gc-addfunds-subtitle {
    font-size: var(--gc-fs-base);
}

/* 充值限额信息框 (直角极客风) */
.gc-addfunds-limits-box {
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
    padding: 20px;
    border-radius: 0;
}

.gc-addfunds-limit-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--gc-border);
    font-size: var(--gc-fs-base);
}
.gc-addfunds-limit-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.gc-addfunds-limit-val {
    color: var(--gc-text);
    font-size: 14px;
    font-weight: 600;
}

/* 充值金额输入框特化 */
.gc-addfunds-input-amount {
    font-size: 20px !important;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px !important;
    text-align: center;
}

/* 充值按钮 */
.gc-addfunds-btn {
    padding: 12px 0 !important;
    font-size: 15px !important;
    width: 100%;
}

/* 底部附注区 */
.gc-addfunds-footer {
    border-top: 1px dashed var(--gc-border);
    padding: 15px;
    background: rgba(128, 128, 128, 0.02);
    text-align: center;
}
.gc-addfunds-footer-text {
    font-size: var(--gc-fs-base);
    margin: 0;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .gc-addfunds-body { padding: 32px 20px !important; }
}
/* ==========================================================================
   公告列表页专属 UI (Announcements)
   ========================================================================== */
.gc-announcements-page {
    display: flex;
    flex-direction: column;
}

.gc-announcements-header-title {
    font-weight: 600;
    font-size: 22px;
    color: var(--gc-text);
    margin-bottom: 6px;
}
.gc-announcements-header-subtitle {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
}

.gc-announcement-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.gc-announcement-card {
    background: var(--gc-panel);
    border: 1px solid var(--gc-border);
    padding: 24px;
    transition: all 0.2s ease;
}
.gc-announcement-card:hover {
    border-color: var(--gc-primary);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
}
[data-theme="dark"] .gc-announcement-card:hover { box-shadow: none; }

.gc-announcement-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.gc-announcement-date {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
    display: flex;
    align-items: center;
    gap: 6px;
}

.gc-announcement-title {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: var(--gc-text);
    margin-bottom: 12px;
    text-decoration: none;
    transition: 0.2s;
    line-height: 1.4;
}
.gc-announcement-title:hover {
    color: var(--gc-primary);
    text-decoration: none;
}

.gc-announcement-content {
    color: var(--gc-muted);
    font-size: 14px;
    line-height: 1.8;
}
.gc-announcement-footer {
    margin-top: 20px;
}

/* 按钮微调 */
.gc-announcement-edit-btn {
    padding: 4px 10px !important;
    width: auto !important;
}
.gc-announcement-read-btn {
    padding: 6px 16px !important;
    width: auto !important;
}

/* 暂无公告空状态 */
.gc-announcements-empty {
    padding: 48px 20px !important;
}
.gc-announcements-empty-icon {
    font-size: 48px;
    color: var(--gc-muted);
    margin-bottom: 16px;
}
.gc-announcements-empty-text {
    font-size: 16px;
    font-weight: 500;
    color: var(--gc-text);
}
/* ==========================================================================
   批量域名管理专属 UI (Bulk Domain Management)
   ========================================================================== */
.gc-bulk-body {
    padding: 30px 24px !important;
}

/* 顶部与底部的操作栏/标题 */
.gc-bulk-action-title {
    font-size: 18px !important;
}

/* 批量操作警告与信息框 (复用全局框架思路) */
.gc-bulk-alert-danger {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(239, 68, 68, 0.1) !important;
    color: #ef4444 !important;
    border-left: 4px solid #ef4444 !important;
    font-size: var(--gc-fs-base) !important;
}

.gc-bulk-alert-success {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(16, 185, 129, 0.1) !important;
    color: #059669 !important;
    border-left: 4px solid #10b981 !important;
    font-size: var(--gc-fs-base) !important;
}
[data-theme="dark"] .gc-bulk-alert-success { color: #10b981 !important; }

/* 域名列表展示区 */
.gc-bulk-domain-list {
    font-size: 14px !important;
    background: rgba(128, 128, 128, 0.03);
    border: 1px solid var(--gc-border);
    padding: 16px;
    border-radius: 0px;
    margin-bottom: 24px;
}
.gc-bulk-domain-ul {
    margin: 0;
    padding-left: 16px;
    color: var(--gc-text);
    font-weight: 600;
}
.gc-bulk-domain-li {
    margin-bottom: 4px;
}
.gc-bulk-domain-li:last-child {
    margin-bottom: 0;
}

/* 操作区域的独立调整 (如自动续费、锁定按钮区) */
.gc-bulk-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px dashed var(--gc-border);
}

.gc-bulk-btn-wide {
    width: auto !important;
    padding: 10px 32px !important;
}

/* 危险/警告级按钮 (如停用自动续费、解锁) */
.gc-btn-warning-action {
    background: #ef4444;
    color: #ffffff !important;
    border-color: #ef4444;
}
.gc-btn-warning-action:hover {
    background: #dc2626;
    border-color: #dc2626;
}

/* 返回按钮外围 */
.gc-bulk-back-wrapper {
    margin-top: 24px;
}
/* ==========================================================================
   推介计划注册页专属 UI (Affiliate Signup)
   ========================================================================== */
.gc-affiliate-body {
    padding: 60px 24px !important;
    text-align: center;
}

.gc-affiliate-wrapper {
    max-width: 600px;
    margin: 0 auto;
}

.gc-affiliate-icon {
    font-size: 56px;
    color: var(--gc-primary);
    margin-bottom: 24px;
}

.gc-affiliate-title {
    font-size: 14px !important;
    font-weight: 600;
    color: var(--gc-text);
    margin-bottom: 16px;
}

.gc-affiliate-intro {
    font-size: 13px;
    color: var(--gc-muted);
    margin-bottom: 32px;
    line-height: 1.6;
}

/* 规则与福利清单框 */
.gc-affiliate-infobox {
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    padding: 24px 32px;
    text-align: left;
    margin-bottom: 40px;
}

.gc-affiliate-list {
    color: var(--gc-text);
    margin: 0;
    padding-left: 20px;
    line-height: 1.8;
    font-size: 13px;
}

.gc-affiliate-list li {
    margin-bottom: 8px;
}
.gc-affiliate-list li:last-child {
    margin-bottom: 0;
}

/* 激活大按钮特化 */
.gc-affiliate-btn {
    padding: 10px 30px !important;
    font-size: 13px !important;
    letter-spacing: 1px;
    width: auto !important;
}

/* 手机端排版适配 */
@media (max-width: 768px) {
    .gc-affiliate-body { padding: 40px 20px !important; }
    .gc-affiliate-infobox { padding: 20px; }
    .gc-affiliate-btn { width: 100% !important; display: block; }
}
/* ==========================================================================
   产品与服务列表页专属 UI (Services List)
   ========================================================================== */
/* 产品与域名信息列排版 */
.gc-srv-product-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.gc-srv-domain-empty {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
}

.gc-srv-amount {
    font-weight: 500;
    color: var(--gc-text);
}

/* 操作栏按钮组 (水平对齐) */
.gc-srv-action-group {
    display: flex;
    gap: 8px;
    align-items: center;
}
/* ==========================================================================
   我的账单页专属 UI (Invoices List)
   ========================================================================== */
/* 批量操作选中数量计数器 */
.gc-inv-selected-count {
    font-weight: 600;
    margin: 0 4px;
}

/* 金额列强化 */
.gc-inv-total {
    font-weight: 600;
    color: var(--gc-text);
}

/* 无法勾选时的占位符横线颜色 */
.gc-inv-minus-icon {
    color: var(--gc-border);
    opacity: 0.6;
}

/* ==========================================================================
   用户管理 - 权限配置页专属 UI (User Permissions)
   ========================================================================== */
.gc-usr-panel-body {
    padding: 30px 24px !important;
}

/* 头部操作目标信息提示框 */
.gc-usr-alert-info {
    border-radius: 0 !important;
    border: none !important;
    background: rgba(0, 176, 255, 0.05) !important;
    color: var(--gc-text) !important;
    border-left: 4px solid #00b0ff !important;
    font-size: 14px !important;
    display: flex;
    align-items: center;
}
.gc-usr-alert-target {
    font-size: 15px;
    font-weight: 600;
}

/* 权限列表网格大外框 (极客直角风) */
.gc-usr-perms-wrapper {
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
    padding: 24px;
    border-radius: 0;
}

/* 权限选择框美化 */
.gc-usr-perm-label {
    cursor: pointer;
    padding-top: 2px;
    width: 100%;
}
.gc-usr-perm-title {
    color: var(--gc-text);
    font-weight: 600;
    font-size: var(--gc-fs-base);
    display: block;
    margin-bottom: 2px;
}
.gc-usr-perm-desc {
    font-size: var(--gc-fs-base);
    line-height: 1.4;
}

/* 底部操作区 */
.gc-usr-btn-save {
    width: auto !important;
    padding: 10px 40px !important;
}
.gc-usr-btn-cancel {
    width: auto !important;
    padding: 10px 30px !important;
    margin-left: 8px;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .gc-usr-panel-body { padding: 32px 20px !important; }
    .gc-usr-btn-save, .gc-usr-btn-cancel { width: 100% !important; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   支付方式管理页专属 UI (Payment Methods)
   ========================================================================== */
.gc-paymethod-panel-body {
    padding: 30px 24px !important;
}

/* 头部操作区 */
.gc-paymethod-actions {
    gap: 12px;
    flex-wrap: wrap;
}
.gc-paymethod-btn-add {
    width: auto !important;
}

/* 表格列微调 */
.gc-paymethod-icon {
    font-size: 20px;
    color: var(--gc-muted);
}
.gc-paymethod-name {
    color: var(--gc-text);
    font-weight: 500;
    font-size: 14px;
}
.gc-paymethod-desc {
    font-size: var(--gc-fs-base);
}

/* 表格操作按钮微调 */
.gc-paymethod-action-group {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.gc-paymethod-btn-action {
    width: auto !important;
    padding: 4px 12px !important;
    font-size: var(--gc-fs-base) !important;
}
.gc-paymethod-btn-delete {
    color: #ef4444 !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

/* 空状态占位 */
.gc-paymethod-empty {
    padding: 60px 0;
    font-size: 14px;
}
.gc-paymethod-empty-icon {
    opacity: 0.2;
    display: block;
}

/* ================== 删除确认弹窗特化 ================== */
.gc-paymodal-content {
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    border-radius: 0;
}
.gc-paymodal-header {
    border-bottom: 1px dashed var(--gc-border);
    padding: 20px;
}
.gc-paymodal-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--gc-text);
}
.gc-paymodal-close {
    color: var(--gc-muted);
    outline: none;
}
.gc-paymodal-body {
    color: var(--gc-text);
    padding: 40px 20px;
}
.gc-paymodal-body-text {
    font-size: 14px;
    margin: 0;
}
.gc-paymodal-footer {
    border-top: 1px dashed var(--gc-border);
    padding: 15px;
}
.gc-paymodal-btn {
    width: auto !important;
    padding: 8px 30px !important;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .gc-paymethod-panel-body { padding: 32px 20px !important; }
}
/* ==========================================================================
   添加/编辑支付方式页专属 UI (Manage Payment Method)
   ========================================================================== */
.gc-paymanage-panel-body {
    padding: 30px 24px !important;
}

.gc-paymanage-title {
    font-size: 18px !important;
}

/* 支付类型单选区 */
.gc-paymanage-type-wrapper {
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--gc-border);
}
.gc-paymanage-type-group {
    gap: 20px;
}
.gc-paymanage-type-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--gc-text);
    font-size: 14px;
    font-weight: 500;
}

/* 占位符加载状态 */
.gc-paymanage-loading-box {
    padding: 24px;
    text-align: center;
    color: var(--gc-muted);
    background: rgba(128, 128, 128, 0.02);
    border: 1px dashed var(--gc-border);
}

/* CVV 提示链接 */
.gc-paymanage-cvv-link {
    color: var(--gc-primary);
    font-size: var(--gc-fs-base);
    text-decoration: none;
}

/* 账单地址联系人容器 */
.gc-paymanage-contact-box {
    background: rgba(128, 128, 128, 0.01);
    border: 1px dashed var(--gc-border);
}

/* 底部操作区 */
.gc-paymanage-actions {
    border-top: 1px dashed var(--gc-border);
}
.gc-paymanage-btn-save {
    width: auto !important;
    padding: 10px 40px !important;
}
.gc-paymanage-btn-cancel {
    width: auto !important;
    padding: 10px 30px !important;
    margin-left: 8px;
}

/* iframe 容器 */
.gc-paymanage-iframe {
    border: 1px dashed var(--gc-border);
    background: var(--gc-bg);
}

/* ================== 新增账单地址弹窗特化 ================== */
.gc-paymodal-content {
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    border-radius: 0;
}
.gc-paymodal-header {
    border-bottom: 1px dashed var(--gc-border);
    padding: 20px;
}
.gc-paymodal-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--gc-text);
}
.gc-paymodal-close {
    color: var(--gc-muted);
    outline: none;
}
.gc-paymodal-body {
    padding: 30px;
}
.gc-paymodal-footer {
    border-top: 1px dashed var(--gc-border);
    padding: 20px;
}
.gc-paymodal-btn {
    width: auto !important;
    padding: 8px 30px !important;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .gc-paymanage-panel-body { padding: 32px 20px !important; }
    .gc-paymanage-btn-save, .gc-paymanage-btn-cancel { width: 100% !important; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   支付方式管理 - 账单联系人选择卡片 (Billing Contacts Sub-template)
   ========================================================================== */
.gc-contact-row {
    display: flex;
    align-items: flex-start;
    padding: 12px 16px;
    margin-bottom: 12px;
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
}
.gc-contact-row:last-child {
    margin-bottom: 0;
}
.gc-contact-row:hover {
    border-color: var(--gc-primary);
}

.gc-contact-radio {
    margin-right: 12px;
    padding-top: 2px;
}

.gc-contact-info {
    flex: 1;
}

.gc-paycontact-name {
    font-size: 15px !important;
    display: block;
    margin-bottom: 4px;
}

.gc-contact-address {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
    line-height: 1.5;
}
/* ==========================================================================
   管理联系人页专属 UI (Contacts Management)
   ========================================================================== */
.gc-contacts-panel-header {
    padding: 16px 24px !important;
}

.gc-contacts-header-title {
    font-size: 14px !important;
}

.gc-contacts-switch-form {
    max-width: 450px;
}

.gc-contacts-panel-body {
    padding: 30px 24px !important;
}

.gc-contacts-section-title {
    font-size: 14px !important;
}

/* 邮件偏好设置特化 */
.gc-contacts-prefs-body {
    padding: 24px !important;
}
.gc-contacts-prefs-title {
    font-size: 14px !important;
}
.gc-contacts-checkbox-label {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: var(--gc-text);
    font-size: var(--gc-fs-base);
    font-weight: 500;
}

/* 底部操作区 */
.gc-contacts-btn-save {
    width: auto !important;
    padding: 10px 40px !important;
}
.gc-contacts-btn-cancel {
    width: auto !important;
    padding: 10px 30px !important;
}

/* 手机端适配 */
@media (max-width: 768px) {
    .gc-contacts-panel-body { padding: 32px 20px !important; }
    .gc-contacts-switch-form { width: 100%; max-width: 100%; }
    .gc-contacts-btn-save, .gc-contacts-btn-cancel { width: 100% !important; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   管理联系人页补充 UI - 删除弹窗 (Contact Delete Modal)
   ========================================================================== */
.gc-contact-modal-content {
    background: var(--gc-bg);
    border: 1px solid var(--gc-border);
    border-radius: 0;
}
.gc-contact-modal-header {
    border-bottom: 1px dashed var(--gc-border);
    padding: 20px;
}
.gc-contact-modal-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--gc-text);
}
.gc-contact-modal-close {
    color: var(--gc-muted);
    outline: none;
}
.gc-contact-modal-body {
    padding: 40px 20px;
    color: var(--gc-text);
}
.gc-contact-modal-text {
    font-size: 14px;
    margin: 0;
}
.gc-contact-modal-footer {
    border-top: 1px dashed var(--gc-border);
    padding: 15px;
}
.gc-contact-modal-btn {
    width: auto !important;
    padding: 8px 30px !important;
}

/* 按钮区兼容 */
.gc-contacts-btn-danger {
    width: auto !important;
    padding: 10px 30px !important;
}

@media (max-width: 768px) {
    .gc-contacts-btn-danger { width: 100% !important; display: block; margin: 0 0 10px 0 !important; }
}
/* ==========================================================================
   访问被拒绝页专属 UI (Access Denied)
   ========================================================================== */
.gc-denied-note {
    font-size: var(--gc-fs-base);
    color: var(--gc-muted);
    margin-bottom: 32px;
}

.gc-denied-actions {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}

.gc-denied-btn {
    height: 40px !important;
    padding: 0 24px !important;
    width: auto !important;
}

/* 手机端按钮适配 */
@media (max-width: 768px) {
    .gc-denied-btn {
        width: 100% !important;
    }
}
/* ==========================================================================
   邮箱验证状态页专属 UI (Email Verification)
   ========================================================================== */
.gc-verify-card {
    background: var(--gc-panel);
    border: 1px solid var(--gc-border);
    border-radius: 0;
    box-shadow: none;
}

.gc-verify-heading {
    color: var(--gc-text);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 24px;
}

/* 状态图标通用与颜色区分 */
.gc-verify-icon {
    font-size: 42px;
    display: block;
    margin-bottom: 16px;
}
.gc-verify-icon-success { color: var(--gc-primary); }
.gc-verify-icon-warning { color: #f59e0b; }
.gc-verify-icon-danger { color: #ef4444; }

.gc-verify-text {
    color: var(--gc-muted);
    font-size: var(--gc-fs-base);
}

/* 按钮微调 (继承 lc-btn 并补充特定排版) */
.gc-verify-btn {
    text-transform: uppercase;
    font-weight: 600 !important;
    font-size: var(--gc-fs-base) !important;
    width: auto !important;
}
.gc-verify-btn-icon {
    margin-right: 4px;
    vertical-align: text-bottom;
}
.gc-verify-btn-icon-right {
    margin-left: 4px;
    vertical-align: text-bottom;
}