@charset "UTF-8";
/* ==========================================================================
   客户中心 · 统一收敛层 (ca-tokens.css)
   建于 2026-10-20。只作用于客户区（本文件仅由 clientarea/lingsu/includes/head.tpl 引入）
   作用域根：.page-content（客户区所有业务页内容区）
   目标：一套色 / 一套圆角 / 一套阴影 / 一套字号层级
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 设计令牌
   -------------------------------------------------------------------------- */
.page-content{
	/* 品牌紫：只用于「主操作」和「当前项」，全屏出现次数越少越显贵 */
	--cc-brand:#B074D1;
	--cc-brand-deep:#7B3FA2;
	--cc-brand-soft:#F5EDFA;      /* 极淡紫：图标底、选中底 */
	--cc-brand-line:#F1E9F8;

	/* 墨调中性色（替代 Tailwind slate + 各种旧灰 #999/#adb5bd/#7e8299） */
	--cc-ink:#241F2E;             /* 标题、数值 */
	--cc-ink-2:#5D5770;           /* 正文 */
	--cc-ink-3:#8E889D;           /* 次要说明、表头 */
	--cc-ink-4:#B4AEC0;           /* 最弱：占位、禁用 */

	--cc-line:#ECE8F2;            /* 主分隔线 */
	--cc-line-2:#F5F2F8;          /* 行分隔 */
	--cc-fill:#FAFAFB;            /* 工具栏/表头浅底 */
	--cc-fill-2:#F3F3F6;          /* 控件浅底 */

	/* 语义色：全部降到中低饱和，避免糖果色 */
	--cc-ok:#1F8A5F;   --cc-ok-bg:#EAF6F0;
	--cc-warn:#9A6412; --cc-warn-bg:#FBF2E2;
	--cc-danger:#B4433F; --cc-danger-bg:#FBEDEC;
	--cc-info:#3A5A87; --cc-info-bg:#EDF2FA;

	/* 形态 */
	--cc-r-card:14px;
	--cc-r:8px;
	--cc-r-sm:6px;

	/* 阴影：只用一种。取代旧的 rgba(176,116,209,.3) 紫光晕与 rgba(29,58,83,.1) 40px 蓝影 */
	--cc-shadow:0 1px 2px rgba(23,19,31,.04);
}

/* --------------------------------------------------------------------------
   2. 卡片：统一白底 + 细边 + 一层极轻墨影
   覆盖四处旧写法：
     .card                     → rgb(250,243,251) 淡紫 + rgba(29,58,83,.1) 0 0 40px
     .server_header_box        → rgba(31,50,82,.06) 0 2px 8px
     .sdv2-side-card           → rgba(31,50,82,.06) 0 2px 8px
     .ca-* -card               → 已是白底，仅统一阴影
   -------------------------------------------------------------------------- */
.page-content .card,
.page-content .server_header_box,
.page-content .sdv2-side-card,
.page-content .ca-stat-card,
.page-content .ca-profile-card,
.page-content .ca-finance-card,
.page-content .ca-products-card,
.page-content .ca-resource-card,
.page-content .ca-notice-card,
.page-content .ca-billing-card,
.page-content .ca-service-card,
.page-content .ca-transaction-card,
.page-content .ca-aff-card,
.page-content .ca-addfunds-card{
	background-color:#fff !important;
	background-image:none !important;
	border:1px solid var(--cc-line) !important;
	border-radius:var(--cc-r-card) !important;
	box-shadow:var(--cc-shadow) !important;
}

/* 卡片内小标题：统一 15px/600 墨色 */
.page-content .ca-card-title,
.page-content .ca-resource-header,
.page-content .ca-finance-header h4,
.page-content .ca-products-header,
.page-content .ca-notice-header{
	color:var(--cc-ink) !important;
	font-weight:600 !important;
}

/* --------------------------------------------------------------------------
   3. 紫色大色块退场 → 极淡紫 + 细边（信息不变，重量降一个数量级）
   -------------------------------------------------------------------------- */

/* 3.1 安全中心顶部 banner
   旧：background-image: url(security_top.png), linear-gradient(87deg,#e076aa,#b074d1) */
.page-content .security-header.card{
	background-color:#FBF7FE !important;
	background-image:none !important;
	border-color:var(--cc-brand-line) !important;
	box-shadow:var(--cc-shadow) !important;
	border-radius:var(--cc-r-card) !important;
}
/* 上面有 .text-white 包裹层，底色变浅后必须整体转墨色 */
.page-content .security-header .text-white,
.page-content .security-header .text-white .security-username,
.page-content .security-header .text-white .security-label,
.page-content .security-header .text-white .security-text,
.page-content .security-header .text-white li,
.page-content .security-header .text-white label,
.page-content .security-header .text-white span:not(.badge){
	color:var(--cc-ink) !important;
}
.page-content .security-header .security-username{
	font-size:17px !important;
	font-weight:600 !important;
	color:var(--cc-ink) !important;
}
.page-content .security-header .security-label,
.page-content .security-header label{
	color:var(--cc-ink-3) !important;
	font-weight:400 !important;
}
.page-content .security-header .security-info{
	background:#fff !important;
	border:1px solid var(--cc-brand-line) !important;
	border-radius:10px !important;
}
/* 「强」字与进度条：红色进度条在浅底上没有意义，改成品牌紫状态条 */
.page-content .security-header .progress{
	background:#EFEAF5 !important;
	height:6px !important;
	border-radius:99px !important;
	overflow:hidden;
}
.page-content .security-header .progress-bar{
	background:var(--cc-brand) !important;
	border-radius:99px !important;
}
/* 徽章要保住语义色（被上面的 .text-white span 规则波及）。
   注意必须带 .badge-success 这类限定，否则会被浅底+白字吞掉 */
.page-content .security-header .badge.badge-success{
	background:var(--cc-ok-bg) !important;
	color:var(--cc-ok) !important;
}
.page-content .security-header .badge.badge-danger{
	background:var(--cc-danger-bg) !important;
	color:var(--cc-danger) !important;
}
.page-content .security-header .badge.badge-warning{
	background:var(--cc-warn-bg) !important;
	color:var(--cc-warn) !important;
}

/* 3.2 控制台个人信息卡顶部紫条 */
.page-content .ca-profile-header{
	background-color:#FBF7FE !important;
	background-image:none !important;
	border-bottom:1px solid var(--cc-brand-line) !important;
	border-radius:var(--cc-r-card) var(--cc-r-card) 0 0 !important;
}
.page-content .ca-profile-group{
	background:#F0E4F9 !important;
	color:var(--cc-brand-deep) !important;
	box-shadow:none !important;
}
.page-content .ca-profile-group i{
	background:transparent !important;
	color:var(--cc-brand-deep) !important;
}

/* 3.3 推介计划余额卡：整块纯紫 → 浅紫 */
.page-content .ca-aff-balance{
	background-color:#FBF7FE !important;
	background-image:none !important;
}
.page-content .ca-aff-balance-label,
.page-content .ca-aff-balance-item-label{
	color:var(--cc-ink-3) !important;
}
.page-content .ca-aff-balance-value{
	color:var(--cc-brand-deep) !important;
	font-weight:700 !important;
}
.page-content .ca-aff-balance-value small,
.page-content .ca-aff-balance-item-value small{
	color:var(--cc-ink-3) !important;
}
.page-content .ca-aff-balance-item-value{
	color:var(--cc-ink) !important;
	font-weight:600 !important;
}
/* 白底紫字按钮在这个位置是唯一一次「反色主按钮」，改成常规紫底 */
.page-content .ca-aff-balance-btn{
	background:var(--cc-brand) !important;
	color:#fff !important;
	border-radius:var(--cc-r) !important;
	box-shadow:none !important;
	font-weight:500 !important;
}

/* 3.4 充值页余额条：紫渐变 → 浅底 + 底线 */
.page-content .ca-addfunds-balance{
	background-color:var(--cc-fill) !important;
	background-image:none !important;
	border-bottom:1px solid var(--cc-line) !important;
}
.page-content .ca-addfunds-balance-icon{
	background:var(--cc-brand-soft) !important;
	color:var(--cc-brand-deep) !important;
	box-shadow:none !important;
}
.page-content .ca-addfunds-balance-value{
	color:var(--cc-ink) !important;
}
.page-content .ca-addfunds-balance-unit{
	color:var(--cc-ink-3) !important;
}

/* 3.5 支付方式选中态：3px 紫光环 → 1.5px 紫边 + 2px 极淡光 */
.page-content .ca-addfunds-gateway{
	border-radius:10px !important;
	border:1px solid var(--cc-line) !important;
}
.page-content .ca-addfunds-gateway.active{
	background:#FCFAFD !important;
	border-color:var(--cc-brand) !important;
	box-shadow:0 0 0 2px rgba(176,116,209,.10) !important;
}

/* --------------------------------------------------------------------------
   4. 图标方块：四色（紫/红/蓝/紫）→ 一律淡紫
   旧：.ca-stat-products 紫实底、.ca-stat-orders 红渐变、.ca-stat-tickets 蓝渐变
       三处各带一枚同色光晕 rgba(...,.3) 0 4px 12px
   -------------------------------------------------------------------------- */
.page-content .ca-stat-icon,
.page-content .security-item-icon,
.page-content .ca-aff-stat-icon,
.page-content .sdv2-side-card-head i{
	background-color:var(--cc-brand-soft) !important;
	background-image:none !important;
	color:var(--cc-brand-deep) !important;
	box-shadow:none !important;
}
/* 圆形图标（安全中心三项）保留圆形，方形图标保留 10px 圆角 */
.page-content .security-item-icon{
	border-radius:50% !important;
}
.page-content .ca-stat-icon,
.page-content .ca-aff-stat-icon{
	border-radius:10px !important;
}

/* 产品详情页电源图标光晕 */
.page-content .powerimg{
	background:var(--cc-brand-soft) !important;
	box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   5. 按钮：统一 8px 圆角、500 字重、无光晕
   旧圆角分布：4px / 6px / 8px / 10px 四档并存
   -------------------------------------------------------------------------- */
.page-content .btn,
.page-content .ca-btn,
.page-content .sdv2-op-btn{
	border-radius:var(--cc-r) !important;
	font-weight:500 !important;
	box-shadow:none !important;
}
.page-content .btn-primary,
.page-content .ca-btn-primary{
	background:var(--cc-brand) !important;
	border-color:var(--cc-brand) !important;
	color:#fff !important;
	box-shadow:none !important;
}
.page-content .btn-primary:hover,
.page-content .btn-primary:focus,
.page-content .ca-btn-primary:hover{
	background:#9E60C2 !important;
	border-color:#9E60C2 !important;
	box-shadow:none !important;
}
/* 旧的「灰蓝底 + 淡紫字」组合 */
.page-content .btn-secondary,
.page-content .ca-btn-outline{
	background:var(--cc-fill-2) !important;
	border-color:var(--cc-fill-2) !important;
	color:var(--cc-ink-2) !important;
}
.page-content .btn-secondary:hover,
.page-content .ca-btn-outline:hover{
	background:#EAEAF0 !important;
	color:var(--cc-ink) !important;
}
.page-content .btn-outline-primary{
	background:#fff !important;
	border-color:#E4D5EF !important;
	color:var(--cc-brand-deep) !important;
}
.page-content .btn-outline-primary:hover{
	background:var(--cc-brand-soft) !important;
	border-color:var(--cc-brand) !important;
}
/* 产品详情「重置密码」这类 20px 高的小按钮 */
.page-content .left_wrap_btn{
	border-radius:var(--cc-r-sm) !important;
	box-shadow:none !important;
}

/* 弹窗内按钮（modal 挂在 body 下，不在 .page-content 内） */
body.yy-user .modal .btn{
	border-radius:var(--cc-r) !important;
	font-weight:500 !important;
	box-shadow:none !important;
}
body.yy-user .modal .btn-primary{
	background:#B074D1 !important;
	border-color:#B074D1 !important;
	box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   6. 表格：表头统一浅灰（旧有 rgb(243,245,249) 与 rgb(242,233,248) 两套）
   -------------------------------------------------------------------------- */
.page-content table thead th,
.page-content .table thead th,
.page-content thead.bg-light th,
.page-content thead.bg-light{
	background:var(--cc-fill) !important;
	color:var(--cc-ink-3) !important;
	font-size:12px !important;
	font-weight:600 !important;
	letter-spacing:.02em;
	border-bottom:1px solid var(--cc-line) !important;
	border-top:0 !important;
}
.page-content .table tbody td{
	border-bottom:1px solid var(--cc-line-2) !important;
	color:var(--cc-ink-2);
}
.page-content .table tbody tr:last-child td{
	border-bottom:0 !important;
}
.page-content .table tbody tr:hover{
	background:#FCFBFD !important;
}

/* 工具栏 / 页脚条：统一浅底 + 单边线 */
.page-content .ca-billing-toolbar,
.page-content .ca-service-toolbar,
.page-content .ca-transaction-tabs{
	background:var(--cc-fill) !important;
	border-bottom:1px solid var(--cc-line) !important;
}
.page-content .ca-billing-footer,
.page-content .ca-service-footer{
	background:var(--cc-fill) !important;
	border-top:1px solid var(--cc-line) !important;
	border-bottom:0 !important;
}

/* 表内小胶囊（账单号） */
.page-content .ca-billing-id span{
	background:var(--cc-fill-2) !important;
	color:var(--cc-ink-2) !important;
	border-radius:var(--cc-r-sm) !important;
	font-size:12px !important;
}

/* --------------------------------------------------------------------------
   7. 分页：未选中 3.2px / 选中 6px / 选中 8px 三套 → 一律 8px
   -------------------------------------------------------------------------- */
.page-content .pagination{
	gap:4px;
}
.page-content .pagination .page-link{
	border-radius:var(--cc-r) !important;
	border-color:var(--cc-line) !important;
	color:var(--cc-ink-2) !important;
	font-size:13px !important;
	min-width:30px;
	text-align:center;
	box-shadow:none !important;
}
.page-content .pagination .page-item.active .page-link{
	background:var(--cc-brand) !important;
	border-color:var(--cc-brand) !important;
	color:#fff !important;
}
.page-content .pagination .page-item.disabled .page-link{
	color:var(--cc-ink-4) !important;
}

/* --------------------------------------------------------------------------
   8. 状态徽章：糖果色 → 中低饱和
   旧：badge-success rgb(52,195,143) 白字、已支付 rgb(59,191,112)、未支付 rgb(217,119,6)
   -------------------------------------------------------------------------- */
.page-content .badge{
	border-radius:var(--cc-r-sm) !important;
	font-size:11px !important;
	font-weight:500 !important;
	padding:3px 8px !important;
	line-height:1.4 !important;
}
.page-content .badge-success{
	background:var(--cc-ok-bg) !important;
	color:var(--cc-ok) !important;
}
.page-content .badge-danger{
	background:var(--cc-danger-bg) !important;
	color:var(--cc-danger) !important;
}
.page-content .badge-warning{
	background:var(--cc-warn-bg) !important;
	color:var(--cc-warn) !important;
}
.page-content .badge-primary{
	background:var(--cc-brand-soft) !important;
	color:var(--cc-brand-deep) !important;
}
.page-content .badge-info{
	background:var(--cc-info-bg) !important;
	color:var(--cc-info) !important;
}
.page-content .badge-secondary,
.page-content .badge-light{
	background:var(--cc-fill-2) !important;
	color:var(--cc-ink-2) !important;
}
/* 产品详情「已激活」这类 pill 徽章：9.75px 太小且是全圆 */
.page-content .badge-pill{
	border-radius:var(--cc-r-sm) !important;
	font-size:11px !important;
	padding:2px 8px !important;
	line-height:1.5 !important;
}

/* 账单状态：12px 全圆胶囊 → 11.5px 小圆角 */
.page-content .ca-billing-status{
	border-radius:var(--cc-r-sm) !important;
	font-size:11.5px !important;
	font-weight:500 !important;
	padding:3px 9px !important;
	line-height:1.5 !important;
}
.page-content .ca-billing-status-paid{
	background:var(--cc-ok-bg) !important;
	color:var(--cc-ok) !important;
}
.page-content .ca-billing-status-unpaid{
	background:var(--cc-warn-bg) !important;
	color:var(--cc-warn) !important;
}

/* --------------------------------------------------------------------------
   9. 账单行内操作：蓝色「查看」退场
   旧：view = rgba(59,130,246,.1)+rgb(59,130,246)（旧主题蓝的现代替身）
       pay  = 绿、delete = 红，三个同权重按钮抢注意力
   新：view 中性灰（次要）、pay 品牌紫（主操作）、delete 淡红（危险）
   -------------------------------------------------------------------------- */
.page-content .ca-billing-action{
	border-radius:var(--cc-r-sm) !important;
	font-size:11.5px !important;
	font-weight:500 !important;
	padding:3px 8px !important;
	box-shadow:none !important;
}
.page-content .ca-billing-action-view{
	background:var(--cc-fill-2) !important;
	color:var(--cc-ink-2) !important;
}
.page-content .ca-billing-action-pay{
	background:var(--cc-brand-soft) !important;
	color:var(--cc-brand-deep) !important;
}
.page-content .ca-billing-action-delete{
	background:var(--cc-danger-bg) !important;
	color:var(--cc-danger) !important;
}

/* --------------------------------------------------------------------------
   10. 输入框 / 下拉：30px 胶囊 + 6px + 8px + 10px → 统一 8px
   -------------------------------------------------------------------------- */
.page-content input.form-control,
.page-content select.form-control,
.page-content textarea.form-control,
.page-content .form-control,
.page-content select,
.page-content .custom-select{
	border-radius:var(--cc-r) !important;
	border-color:var(--cc-line) !important;
	font-size:13px !important;
	box-shadow:none !important;
}
.page-content .form-control:focus,
.page-content select:focus{
	border-color:var(--cc-brand) !important;
	box-shadow:0 0 0 3px rgba(176,116,209,.12) !important;
}
/* 部分页面（推介计划/系统日志/消息中心）给搜索框单独写了紫边，
   优先级高于 .form-control，这里用整条 border 覆盖 */
.page-content input.form-control,
.page-content .input-group input,
.page-content .search-input{
	border:1px solid var(--cc-line) !important;
}
.page-content input.form-control:focus,
.page-content .input-group input:focus{
	border-color:var(--cc-brand) !important;
}
.page-content .input-group-text{
	background:var(--cc-fill) !important;
	border-color:var(--cc-line) !important;
	color:var(--cc-ink-3) !important;
	border-radius:var(--cc-r) !important;
	font-size:13px !important;
}

/* --------------------------------------------------------------------------
   11. 字号层级收敛（旧 12/13/14/15/16/18/22.75 混战 → 6 档）
   页面标题 17 / 卡片标题 15 / 数值 24 或 18 / 正文 13 / 表头 12 / 说明 11.5
   -------------------------------------------------------------------------- */
.page-content h4.mb-0.font-size-18{
	font-size:17px !important;
	font-weight:600 !important;
	color:var(--cc-ink) !important;
	letter-spacing:-.01em;
}
.page-content .security-item-title{
	color:var(--cc-ink) !important;
	font-size:14px !important;
	font-weight:600 !important;
}
.page-content .security-item-desc{
	color:var(--cc-ink-3) !important;
	font-size:12px !important;
}
.page-content .security-item-desc small,
.page-content .security-item-desc .phonehide{
	color:var(--cc-ink-4) !important;
	font-size:11px !important;
}
/* 实名认证结果页：22.75px / 16.25px 这类 rem 换算出的怪值 */
.page-content .card.ststus-box h3{
	font-size:20px !important;
	font-weight:600 !important;
	color:var(--cc-ink) !important;
}
.page-content .card.ststus-box h5{
	font-size:15px !important;
	font-weight:600 !important;
	color:var(--cc-ink) !important;
}
/* 产品详情顶部规格值：16.25px/600 过重，压到 15px */
.page-content .server_header_box h5,
.page-content .server_header_box .copyOneIp,
.page-content .server_header_box .box_left_wrap span.font-weight-bold{
	font-size:15px !important;
	font-weight:600 !important;
	color:var(--cc-ink) !important;
}
.page-content .server_header_box h4{
	font-size:19px !important;
	font-weight:600 !important;
	color:var(--cc-ink) !important;
}
/* 旧灰 #999 / #adb5bd / text-gray 统一 */
.page-content .text-gray,
.page-content .text-muted{
	color:var(--cc-ink-3) !important;
}
/* 欠款金额：rgb(244,106,106) 太刺 → 沉稳红 */
.page-content .text-danger{
	color:var(--cc-danger) !important;
}
.page-content .text-success{
	color:var(--cc-ok) !important;
}
/* 控制台余额：32px/700 的紫色大字 → 墨色 28px/600
   （大数字用彩色是最典型的「廉价感」来源之一，数字本身够大就够醒目） */
.page-content .ca-finance-amount{
	color:var(--cc-ink) !important;
	font-size:28px !important;
	font-weight:600 !important;
}
.page-content .ca-finance-stat-link{
	color:var(--cc-brand-deep) !important;
	font-size:12px !important;
	text-decoration:none;
}
.page-content .ca-finance-stat-link:hover{
	color:var(--cc-brand) !important;
}

/* --------------------------------------------------------------------------
   12. 页脚：rgb(242,233,248) 淡紫大色块 → 白底 + 细线
   这是每页底部那片淡紫的来源
   -------------------------------------------------------------------------- */
.footer{
	background-color:#fff !important;
	border-top:1px solid #ECE8F2 !important;
	color:#8E889D !important;
}

/* --------------------------------------------------------------------------
   12b. 账单详情 / 产品详情 补漏
   -------------------------------------------------------------------------- */

/* 「未支付」22.75px/700 的 #F46A6A → 沉稳红 20px/600
   原样式挂在 .btnWidth/.text-style 上，比 .text-danger 更具体，需带类名压 */
.page-content h3.text-danger,
.page-content .text-danger.btnWidth,
.page-content .text-style.text-danger{
	color:var(--cc-danger) !important;
	font-size:20px !important;
	font-weight:600 !important;
}
/* 账单详情表格：#ddd 1px 硬边框 → 与全站统一 */
.page-content table,
.page-content .table{
	border-color:var(--cc-line) !important;
}
.page-content table td,
.page-content table th{
	border-color:var(--cc-line) !important;
}
/* 打印 / 下载：浏览器默认灰按钮太土 */
.page-content a.btn-light,
.page-content button.btn-light,
.page-content .btn-default{
	background:var(--cc-fill-2) !important;
	border:1px solid var(--cc-line) !important;
	color:var(--cc-ink-2) !important;
	font-size:12px !important;
	font-weight:500 !important;
	border-radius:var(--cc-r-sm) !important;
	padding:5px 12px !important;
}
.page-content a.btn-light:hover,
.page-content button.btn-light:hover{
	background:#EAEAF0 !important;
	color:var(--cc-ink) !important;
}
/* 产品详情左侧「套餐信息」里的 ¥20.00元：22.75px 紫色 → 18px 墨色 */
.page-content .sdv2-card-plan h3,
.page-content .sdv2-card-plan h3.dc{
	color:var(--cc-ink) !important;
	font-size:18px !important;
	font-weight:600 !important;
}
/* 套餐卡右下角的装饰水印图：去掉，纯色底更干净
   水位实际挂在 .card-body.bg-gray 上（money.png），不是卡片本身 */
.page-content .sdv2-card-plan{
	background-image:none !important;
}
.page-content .sdv2-card-plan::before,
.page-content .sdv2-card-plan::after{
	background-image:none !important;
	content:none !important;
}
.page-content .sdv2-card-plan .card-body,
.page-content .sdv2-card-plan .bg-gray,
.page-content .sdv2-card-plan .bg-light{
	background-image:none !important;
	background-color:#fff !important;
}
/* 立即支付按钮字重 700 → 500 */
.page-content .btnWidth.btn-primary{
	font-weight:500 !important;
}
/* 账单金额：客户区自有墨蓝 #1a1f36 → 统一墨色（DIN 窄体字体保留） */
.page-content .ca-billing-amount{
	color:var(--cc-ink) !important;
	font-size:14px !important;
	font-weight:600 !important;
}

/* --------------------------------------------------------------------------
   12c. 危险/警告按钮：珊瑚红 #F46A6A → 沉稳红
   （消息中心「删除/全部删除」、各类确认弹窗）
   -------------------------------------------------------------------------- */
.page-content .btn-danger{
	background:var(--cc-danger) !important;
	border-color:var(--cc-danger) !important;
	color:#fff !important;
	box-shadow:none !important;
}
.page-content .btn-danger:hover{
	background:#A03B37 !important;
	border-color:#A03B37 !important;
}
.page-content .btn-outline-danger{
	background:#fff !important;
	border-color:#E7D2D0 !important;
	color:var(--cc-danger) !important;
	box-shadow:none !important;
}
.page-content .btn-outline-danger:hover{
	background:var(--cc-danger-bg) !important;
	border-color:var(--cc-danger) !important;
}
.page-content .btn-warning{
	background:var(--cc-warn) !important;
	border-color:var(--cc-warn) !important;
	color:#fff !important;
}
.page-content .btn-outline-warning{
	background:#fff !important;
	border-color:#EEDFC4 !important;
	color:var(--cc-warn) !important;
}

/* --------------------------------------------------------------------------
   12d. 充值页「立刻充值」：1044×51 全宽紫条 → 240×44 常规主按钮
   全宽饱和紫按钮是这一页最重的一块视觉
   -------------------------------------------------------------------------- */
.page-content .ca-addfunds-submit-btn{
	max-width:240px !important;
	height:44px !important;
	font-size:14px !important;
	font-weight:500 !important;
	border-radius:var(--cc-r) !important;
	box-shadow:none !important;
}

/* --------------------------------------------------------------------------
   12e. 工单列表：左侧编号 44px 紫实底 → 极浅紫底 + 深紫字
   注意内部 .ticket-avatar-text 自带白色字，必须单独压，否则浅底上看不见
   -------------------------------------------------------------------------- */
.page-content .ticket-avatar{
	background:#F7F1FB !important;
	border-radius:10px !important;
}
.page-content .ticket-avatar-text{
	color:var(--cc-brand-deep) !important;
	font-size:11px !important;
	font-weight:600 !important;
	letter-spacing:-.02em !important;
	white-space:nowrap !important;
}
.page-content .ticket-new-btn,
.page-content .ticket-welcome-btn{
	border-radius:var(--cc-r) !important;
	font-weight:500 !important;
	box-shadow:none !important;
}

/* 分页兜底：部分页面的 ul 没有 .pagination 类，这里直接挂 a.page-link */
.page-content a.page-link{
	border-radius:var(--cc-r) !important;
	font-size:13px !important;
}

/* --------------------------------------------------------------------------
   13. 移动端
   -------------------------------------------------------------------------- */
@media (max-width: 991.98px){
	.page-content .card,
	.page-content .server_header_box,
	.page-content .sdv2-side-card{
		border-radius:12px !important;
	}
	.page-content h4.mb-0.font-size-18{
		font-size:16px !important;
	}
	/* 数据表格：窄屏下保持桌面列宽，让容器横向滚动；
	   否则列被挤压后中文会变成「续/费」这样一字一行 */
	.page-content .ca-billing-table,
	.page-content .ca-service-table,
	.page-content .ca-resource-table{
		min-width:760px;
	}
	.page-content .ca-billing-table th,
	.page-content .ca-billing-table td,
	.page-content .ca-service-table th,
	.page-content .ca-service-table td,
	.page-content .ca-resource-table th,
	.page-content .ca-resource-table td{
		white-space:nowrap;
	}
	/* 表内小胶囊（账单号/类型）不许断行 */
	.page-content .ca-billing-id span,
	.page-content .ca-billing-type,
	.page-content .ca-billing-status{
		white-space:nowrap;
	}
}

/* 控制台四个指标卡：390 下单列纵向堆叠会占掉近 600px，
   窄屏改 2×2，图标与数字各降一档 */
@media (max-width: 767.98px){
	.page-content .row > .col-lg-3.col-md-6{
		flex:0 0 50%;
		max-width:50%;
	}
	.page-content .ca-stat-card{
		padding:12px 12px !important;
	}
	.page-content .ca-stat-icon{
		width:38px !important;
		height:38px !important;
		font-size:18px !important;
		margin-right:10px !important;
	}
	.page-content .ca-stat-value{
		font-size:20px !important;
	}
	.page-content .ca-stat-label{
		font-size:12px !important;
	}
}

/* =========================================================
   14. 服务列表 · 到期时间下方「剩余天数」
   模板 service.tpl 用 yy_ca_days_left() 计算，<7 天加 .is-urgent
   ========================================================= */
.page-content .ca-service-due-date > span:first-child{
	color:var(--cc-ink);
	font-variant-numeric:tabular-nums;
}

.page-content .ca-service-days{
	display:block;
	margin-top:2px;
	font-size:11.5px;
	line-height:1.4;
	color:var(--cc-ink-3);
	font-variant-numeric:tabular-nums;
}

.page-content .ca-service-days.is-urgent{
	color:var(--cc-danger);
	font-weight:600;
}

/* ==========================================================================
   15. 工单三页（列表 / 详情 / 提交）  2026-10-21
   --------------------------------------------------------------------------
   为什么单独一节：工单这套 UI 的样式全在 global.css 584~1200 行的 .ticket-*，
   自带一套「紫光晕 + 橙色头像 + 蓝色刷新 + Tailwind slate 灰」；
   提交工单两步页更是在模板里写了 8.4KB 内联 <style>（紫渐变横幅 + 发光按钮）。
   本层在 footer 加载、晚于全局样式与模板内联样式，用 .page-content 提权重覆盖，
   模板一行不动，出问题只回滚这一个文件。
   ========================================================================== */

/* ---- 15a 列表：编号方块 ----
   原：44px 紫实底 + box-shadow 紫光晕；文字 11px 会把「#673125」撑出方块
   现：46px 极浅紫底 + 深紫字 + 无光晕，字号压到 9.5px 并收紧字距            */
.page-content .ticket-avatar{
	width:46px !important;
	height:46px !important;
	min-width:46px !important;
	background:#F5EFFA !important;
	border-radius:10px !important;
	box-shadow:none !important;
	padding:0 3px !important;
}
.page-content .ticket-avatar-text{
	color:#7B3FA2 !important;
	font-size:9.5px !important;
	font-weight:600 !important;
	letter-spacing:-.03em !important;
	font-variant-numeric:tabular-nums;
	white-space:nowrap !important;
}

/* ---- 15b 列表：选中项去紫渐变，改浅紫底 + 2px 紫线 ---- */
.page-content .ticket-conversation-item.active{
	background:#FBF7FE !important;
	border-left-color:#B074D1 !important;
}

/* ---- 15c 列表：面板标题不再 20px 圆体感，回到 15px/600 ---- */
.page-content .ticket-sidebar-title{
	font-size:15px !important;
	font-weight:600 !important;
	color:#241F2E !important;
	letter-spacing:-.01em !important;
}
.page-content .ticket-sidebar-title i{
	color:#8E889D !important;
	font-size:14px !important;
}

/* ---- 15d 按钮：新建工单 / 欢迎页按钮 去发光（含 hover） ---- */
.page-content .ticket-new-btn,
.page-content .ticket-new-btn:hover,
.page-content .ticket-welcome-btn,
.page-content .ticket-welcome-btn:hover{
	box-shadow:none !important;
	transform:none !important;
	border-radius:8px !important;
}
.page-content .ticket-new-btn:hover,
.page-content .ticket-welcome-btn:hover{
	background:#A264C6 !important;
}

/* ---- 15e 详情：橙色用户头像 → 品牌浅紫（与客服头像同族，靠明度区分） ---- */
.page-content .ticket-avatar-user{
	background:#EDDFF6 !important;
	color:#7B3FA2 !important;
}
.page-content .ticket-avatar-admin{
	background:#F5EFFA !important;
	color:#7B3FA2 !important;
}
/* 详情页头像方块本身也有 0 2px 8px rgba(0,0,0,.1) 的阴影，一并清掉 */
.page-content .ticket-avatar,
.page-content .ticket-avatar-user,
.page-content .ticket-avatar-admin{
	box-shadow:none !important;
}

/* ---- 15f 详情：角色标签 橙/紫混排 → 统一中性 ---- */
.page-content .ticket-role-user{
	background:#F3F2F6 !important;
	color:#5D5770 !important;
}
.page-content .ticket-role-admin{
	background:#F5EDFA !important;
	color:#7B3FA2 !important;
}

/* ---- 15g 详情：顶部「刷新」原为 Tailwind 蓝，「关闭」原为红底 ---- */
.page-content .ticket-action-refresh{
	background:#fff !important;
	color:#5D5770 !important;
	border-color:#ECE8F2 !important;
}
.page-content .ticket-action-refresh:hover{
	background:#F5EDFA !important;
	color:#7B3FA2 !important;
	border-color:#E7D7F3 !important;
}
.page-content .ticket-action-close{
	background:#FDF2F1 !important;
	color:#B4433F !important;
	border-color:#F2DCDA !important;
}
.page-content .ticket-action-close:hover{
	background:#B4433F !important;
	color:#fff !important;
}

/* ---- 15h 详情：自己的气泡 紫实底白字 → 浅紫底深字（聊天气泡保留方向区分） ---- */
.page-content .ticket-message-user .ticket-message-bubble{
	background:#F5EDFA !important;
	color:#3A2B47 !important;
	border:1px solid #EFE1FA !important;
	box-shadow:none !important;
}
.page-content .ticket-message-user .ticket-message-content{
	color:#3A2B47 !important;
}
/* 客服气泡：旧蓝调阴影 → 墨调极轻阴影 */
.page-content .ticket-message-bubble{
	box-shadow:0 1px 2px rgba(23,19,31,.04) !important;
	border-color:#ECE8F2 !important;
}
/* 消息元信息：Tailwind 灰 → 体系灰 */
.page-content .ticket-message-meta,
.page-content .ticket-message-time{
	color:#A9A3B6 !important;
}
.page-content .ticket-message-name{
	color:#5D5770 !important;
}
.page-content .ticket-message-content{
	color:#241F2E !important;
}

/* ==========================================================================
   15i 提交工单 · 第 1 步：部门选择（模板内联 3.5KB 样式）
   紫渐变横幅 → 浅紫底 + 深字；卡片去紫光晕、圆角归 14px
   ========================================================================== */
.page-content .ticket-department-card{
	background:#fff !important;
	border:1px solid #ECE8F2 !important;
	border-radius:14px !important;
	box-shadow:0 1px 2px rgba(23,19,31,.04) !important;
}
.page-content .ticket-department-header{
	background:#FBF7FE !important;
	color:#241F2E !important;
	border-bottom:1px solid #EFE1FA !important;
	padding:19px 24px !important;
}
.page-content .ticket-department-header h4{
	color:#241F2E !important;
	font-size:16px !important;
	font-weight:600 !important;
}
.page-content .ticket-department-header h4 i{
	color:#B074D1 !important;
	font-size:14px !important;
}
.page-content .ticket-department-header p{
	color:#8E889D !important;
	opacity:1 !important;
	font-size:12.5px !important;
}
.page-content .ticket-department-item{
	border:1px solid #ECE8F2 !important;
	border-radius:10px !important;
	background:#fff !important;
	transition:border-color .18s ease,background .18s ease !important;
}
.page-content .ticket-department-item:hover{
	border-color:#DFC8F1 !important;
	background:#FCFAFD !important;
	box-shadow:none !important;
}
/* 左侧那条 3px 紫渐变亮条，hover 才出现，去掉 */
.page-content .ticket-department-item::before{
	display:none !important;
}
.page-content .ticket-department-item h5,
.page-content .ticket-department-item h6{
	color:#241F2E !important;
	font-weight:600 !important;
}
.page-content .ticket-department-item p{
	color:#8E889D !important;
}

/* ==========================================================================
   15j 提交工单 · 第 2 步：表单（模板内联 4.9KB 样式 + Tailwind slate）
   ========================================================================== */
.page-content .ticket-submit-card{
	background:#fff !important;
	border:1px solid #ECE8F2 !important;
	border-radius:14px !important;
	box-shadow:0 1px 2px rgba(23,19,31,.04) !important;
}
.page-content .ticket-submit-header{
	background:#FBF7FE !important;
	color:#241F2E !important;
	border-bottom:1px solid #EFE1FA !important;
	padding:19px 24px !important;
}
/* 右上角那个白色装饰圆，浅底上没意义 */
.page-content .ticket-submit-header::before{
	display:none !important;
}
.page-content .ticket-submit-header h4{
	color:#241F2E !important;
	font-size:16px !important;
	font-weight:600 !important;
}
.page-content .ticket-submit-header h4 i{
	color:#B074D1 !important;
	font-size:14px !important;
}
.page-content .ticket-submit-header p{
	color:#8E889D !important;
	opacity:1 !important;
	font-size:12.5px !important;
}

/* 表单控件：Tailwind 三档灰 → 体系中性灰 */
.page-content .ticket-form-label{
	color:#5D5770 !important;
	font-size:12.5px !important;
	font-weight:500 !important;
}
.page-content .ticket-form-label .required{
	color:#B4433F !important;
}
.page-content .ticket-form-control{
	border:1px solid #E4DFEC !important;
	border-radius:8px !important;
	color:#241F2E !important;
	font-size:13px !important;
	background:#fff !important;
}
.page-content .ticket-form-control:focus{
	border-color:#B074D1 !important;
	box-shadow:0 0 0 3px rgba(176,116,209,.10) !important;
}
.page-content .ticket-form-control::placeholder{
	color:#B3ACBF !important;
}

/* 附件拖拽区 */
.page-content .ticket-attach-zone{
	border:1px dashed #DDD5E8 !important;
	background:#FAFAFB !important;
	border-radius:10px !important;
}
.page-content .ticket-attach-zone:hover,
.page-content .ticket-attach-zone.dragover{
	border-color:#C9A8E0 !important;
	background:#FBF7FE !important;
}
.page-content .ticket-attach-icon{
	color:#B074D1 !important;
}
.page-content .ticket-attach-text{
	color:#3A3448 !important;
}
.page-content .ticket-attach-hint{
	color:#8E889D !important;
}
.page-content .ticket-file-item{
	background:#FAFAFB !important;
	border:1px solid #ECE8F2 !important;
	color:#5D5770 !important;
}

/* 底部按钮：主按钮紫渐变 + 发光 → 实心品牌紫；次按钮中性 */
.page-content .ticket-submit-footer{
	border-top:1px solid #ECE8F2 !important;
}
.page-content .ticket-btn{
	border-radius:8px !important;
	font-weight:500 !important;
}
.page-content .ticket-btn-primary{
	background:#B074D1 !important;
	background-image:none !important;
	box-shadow:none !important;
	color:#fff !important;
}
.page-content .ticket-btn-primary:hover{
	background:#A264C6 !important;
	transform:none !important;
	box-shadow:none !important;
	color:#fff !important;
}
.page-content .ticket-btn-secondary{
	background:#F5F4F7 !important;
	color:#5D5770 !important;
}
.page-content .ticket-btn-secondary:hover{
	background:#ECEAF0 !important;
	color:#241F2E !important;
}

/* ---- 15k 部门卡内部细节 + 提示条（原黄色渐变，很扎眼） ---- */
.page-content .ticket-department-icon{
	background:#F5EFFA !important;
	border-radius:9px !important;
	color:#7B3FA2 !important;
}
.page-content .ticket-department-desc{
	color:#8E889D !important;
}
.page-content .ticket-department-arrow{
	color:#CFC8DA !important;
}
.page-content .ticket-department-item:hover .ticket-department-arrow{
	color:#B074D1 !important;
}
.page-content .ticket-notice-bar{
	background:#FDF7EC !important;
	border:1px solid #F0E2C6 !important;
	border-radius:10px !important;
}
.page-content .ticket-notice-bar i{
	color:#9A6412 !important;
}
.page-content .ticket-notice-bar span,
.page-content .ticket-notice-bar p,
.page-content .ticket-notice-bar div{
	color:#6B4A0E !important;
}

/* ---- 15z 微调（2026-10-21）：编号文字仍贴边、短消息气泡过窄 ---- */
.page-content .ticket-avatar{
	width:48px !important;
	height:48px !important;
	min-width:48px !important;
}
.page-content .ticket-avatar-text{
	font-size:9px !important;
	letter-spacing:-.045em !important;
}
.page-content .ticket-message-bubble{
	min-width:48px !important;
}

/* ============================================================
   16. 信用额度页（credit.tpl）：三卡等高 + 环图/图例重排
   2026-10-21
   原问题：左卡内 float 的 200×100 环图 + 图例在 col-lg-4 里放不下，
   图例被挤到环图下方，三张卡高度参差；环图配色是 #556ee6 纯蓝。
   ============================================================ */
.page-content .height_edu{
	height:auto !important;
	min-height:0 !important;
	border-radius:14px !important;
}

/* 左卡：环图 + 额度三行，横向两列 */
.page-content .height_edu.xianys{
	display:grid !important;
	grid-template-columns:132px minmax(0,1fr);
	align-items:center;
	gap:12px;
	min-height:156px !important;
	padding:14px 16px !important;
	margin-bottom:0 !important;
	background:#fff !important;
	border:1px solid var(--cc-line, #ECE8F2) !important;
	box-shadow:none !important;
}
.page-content .height_edu.xianys>div{
	float:none !important;
}
.page-content .height_edu.xianys>div:first-child{
	width:132px;
	height:132px;
	margin:0;
}
.page-content .height_edu.xianys #MyCharts{
	width:132px !important;
	height:132px !important;
}
.page-content .height_edu.xianys .fontws>div{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin-top:0 !important;
	padding:4px 0 !important;
	font-weight:400 !important;
	font-size:12.5px !important;
	line-height:1.5;
	color:var(--cc-ink-2, #5D5770) !important;
	white-space:nowrap;
}
.page-content .height_edu.xianys .fontws>div>i{
	float:none !important;
	display:block !important;
	width:6px !important;
	height:6px !important;
	margin:0 7px 0 0 !important;
	border-radius:50%;
	background:#DCD5E6 !important;
}
.page-content .height_edu.xianys .fontws>div>i.bg-primary{
	background:var(--cc-brand, #B074D1) !important;
}
.page-content .height_edu.xianys .fontws>div>span{
	margin-left:auto;
	color:var(--cc-ink, #241F2E) !important;
	font-weight:600 !important;
	font-variant-numeric:tabular-nums;
}

/* 右两卡（本月账单 / 待清算）：浅紫底 + 细边，与全站一致 */
.page-content .height_edu.d-flex{
	min-height:156px !important;
	align-items:center !important;
	background:#FBF7FE !important;
	border:1px solid #F1E7FA !important;
	border-radius:14px !important;
}
.page-content .height_edu.d-flex .fontws{
	font-weight:600 !important;
	font-size:13px !important;
	color:var(--cc-ink, #241F2E) !important;
}
.page-content .height_edu.d-flex .avatar-sm,
.page-content .height_edu.d-flex .avatar-title{
	background:#EBDCF5 !important;
	color:#7B3FA2 !important;
}
.page-content .height_edu.d-flex .befoestl::before{
	display:none !important;
}
.page-content .height_edu.d-flex .badge-warning{
	background:#FBF3E4 !important;
	border:1px solid #F0E2C6 !important;
	border-radius:6px !important;
	color:#9A6412 !important;
	font-weight:500 !important;
}
.page-content .height_edu.d-flex .prepayment{
	background:#fff !important;
	border:1px solid #E3CDF2 !important;
	border-radius:7px !important;
	color:#7B3FA2 !important;
}

/* 移动端：左卡纵向排，环图居中 */
@media (max-width:575.98px){
	.page-content .height_edu.xianys{
		grid-template-columns:1fr;
		justify-items:center;
	}
	.page-content .height_edu.xianys .fontws{
		width:100%;
	}
}