/**
 * crimson · 用户中心样式（与主题统一：极简 · 深红）
 *
 * 本文件同时服务两处：
 *  1) 用户中心独立页（body.uc-body，由 uc_page_header 输出，全页仅加载本文件）
 *  2) 前台主题页注入（uc_Main 追加至 $zbp->header：导航登录入口 .uc-sign-link、
 *     文章正文 VIP 门控 .uc-gate 等）
 *
 * 色板与主题 style.css 设计令牌保持一致（为避免 .night 夜间变量被误覆盖，
 * 此处按浅色模式直接使用主题色值）：
 *  品牌  #b91c1c（hover #991b1b）  浅红底 rgba(185,28,28,.06)
 *  文本  #1f2328 / #5c6470 / #9aa1ab
 *
 * 控件与框架令牌（v1.7.9 统一：按钮 / 输入框 / 卡片一把尺子量到底）：
 *  高度三档  --uc-ctl-h-lg 44px（页面级主操作）→ --uc-ctl-h-md 40px（卡片内行内表单）
 *            → --uc-ctl-h-sm 32px（表格 / 列表行内次级操作：退款、解绑、兑换、复制、移除、换一张）
 *  圆角两档  --uc-radius-panel 10px（容器与面板：卡片、统计块、提示条、门控卡、下载块）
 *            --uc-radius-ctl 8px（按钮、输入框，以及「可点选控件与行卡片」：套餐、支付方式、下载行）；
 *            999px 仅保留给徽章与标签（--uc-radius-pill）
 *  描边三级  --uc-line-1 卡片外框 / --uc-line-2 卡内分隔线与表格线 / --uc-line-3 控件描边
 * 改造前散落 7 档高度、6 种圆角、7 种描边灰，且大量控件尺寸由 PHP 内联样式临时兜底。
 */

/* ---------- 导航栏入口（注入前台） ---------- */
/* 重构：全局布局令牌（与主题 style.css :root 保持一致，独立页不加载 style.css 需自带）。
   注意：仅声明布局变量，不触碰颜色/阴影令牌，避免覆盖 .night 夜间模式机制 */
:root {
	--container-max: 1200px;
	--container-padding-x: 20px;
	--sidebar-width: 280px;
	--sidebar-width-md: 220px;   /* 中屏侧栏最小宽度 */
	--grid-gap: 30px;
	--grid-gap-md: 20px;
	--text-max-width: 680px;     /* 正文文字内层黄金阅读宽度 */
	--font-size-base: 16px;
	--line-height-read: 1.75;
	/* 壳层令牌：顶部栏高度决定侧栏吸顶偏移；卡片间距统一版式节奏；控件量度上限避免大屏把输入框拉成整行 */
	--uc-header-h: 60px;
	--uc-sticky-top: 76px;
	--uc-card-gap: 18px;
	--uc-control-max: 480px;
	/* 控件高度：三档走天下（按钮与输入框共用；--uc-btn-h 在上下文里覆盖即可换档） */
	--uc-ctl-h-lg: 44px;
	--uc-ctl-h-md: 40px;
	--uc-ctl-h-sm: 32px;
	/* 圆角：面板 10px / 控件 8px / 徽章标签 999px */
	--uc-radius-panel: 10px;
	--uc-radius-ctl: 8px;
	--uc-radius-pill: 999px;
	/* 描边灰：三级 */
	--uc-line-1: #e8eaed;
	--uc-line-2: #eceef1;
	--uc-line-3: #d6d9de;
}

/* 重构：全局兜底禁止页面横向滚动（长内容由各自容器的 overflow-x 处理） */
html, body { overflow-x: clip; }

.uc-sign-link{margin-left:10px;flex:0 0 auto;}
.uc-sign-link a{color:#b91c1c;font-weight:600;}
.uc-sign-link a:hover{color:#991b1b;}

/* ---------- 用户中心独立页：基座 ---------- */
.uc-body{margin:0;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#1f2328;-webkit-font-smoothing:antialiased;}
.uc-shell{min-height:100vh;display:flex;flex-direction:column;box-sizing:border-box;}
/* 顶部栏：内容放进与正文同一版心（此前贴视口边缘，宽屏下与 1200 版心的正文列整体错位）；
   吸顶让长页面（订单 / 我的文章）滚到中段也留得住「返回首页」入口 */
.uc-top{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid var(--uc-line-1);height:var(--uc-header-h);box-sizing:border-box;}
.uc-top-in{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:var(--container-max);height:100%;margin:0 auto;padding:0 var(--container-padding-x);box-sizing:border-box;}
.uc-logo{display:inline-flex;align-items:center;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.01em;color:#b91c1c;}
.uc-logo:hover{color:#991b1b;}
.uc-logo img{height:32px;max-width:200px;vertical-align:middle;}
.uc-nav{display:flex;align-items:center;gap:4px;flex:0 0 auto;}
/* 重构：登出改 POST 表单按钮（防 GET CSRF），视觉沿用原退出项 */
.uc-nav a{display:inline-block;text-decoration:none;color:#5c6470;font-size:14px;padding:10px 12px;border-radius:var(--uc-radius-ctl);transition:color .15s,background .15s;}
.uc-nav a:hover{color:#b91c1c;background:rgba(185,28,28,.06);}
/* 内容列：登录态铺满「侧栏 + 间距」之后的剩余宽度 —— 此前侧栏靠容器左侧、正文又在剩余空间里再居中一次，
   形成「左边贴边、右边空一大块」的两头不靠；游客页（登录 / 注册 / 找回密码）保留窄卡片居中 */
.uc-main{flex:1;min-width:0;margin:28px 0 40px;padding:0;box-sizing:border-box;}
.uc-guest .uc-main{max-width:620px;margin:48px auto;}
/* 游客页（登录 / 注册 / 找回密码）三处对齐修正：
   ① 放开控件量度上限：内容列只有 620px（表单列 554px），
      而 --uc-control-max:480px 只作用于输入框、按钮不设上限 →
      「用户名 / 密码」框 480px、登录按钮 554px，右边界差 74px，看起来就是没对齐。
      这里把上限放回 100%，输入框与按钮同宽（大屏也不需要 480px 上限，因为列本身就窄）。
   ② 顶部栏不再吸顶：游客页表单很短，不需要吸顶的「返回首页」；
      而吸顶会让它在滚动时压住滑动验证的滑块（实测 elementFromPoint 命中 .uc-top-in，
      表现为「拖不动 / 验证失灵」）。 */
body.uc-guest{--uc-control-max:100%;}
body.uc-guest .uc-top{position:static;}
.uc-foot{text-align:center;color:#9aa1ab;font-size:12px;padding:28px var(--container-padding-x);}

/* ---------- 卡片 / 标题（框架：统一 10px 面板圆角 + 三级描边灰的第一级） ---------- */
.uc-card{background:#fff;border:1px solid var(--uc-line-1);border-radius:var(--uc-radius-panel);padding:30px 32px;margin-bottom:var(--uc-card-gap);box-shadow:0 1px 2px rgba(16,24,40,.03);}
.uc-card h2{margin:0 0 8px;font-size:22px;color:#1f2328;font-weight:650;letter-spacing:-.01em;}
.uc-card h3{margin:0 0 10px;font-size:16px;color:#1f2328;font-weight:650;letter-spacing:-.01em;}
.uc-sub{margin:0 0 24px;color:#9aa1ab;font-size:13px;}

/* ---------- 表单（控件描边与圆角走令牌，与按钮同一把尺子） ---------- */
/* 勾选框/单选框：默认是浏览器蓝，与品牌红控件割裂，用 accent-color 一处染成品牌色 */
.uc-body input[type=checkbox],.uc-body input[type=radio]{accent-color:#b91c1c;}
.uc-field{margin-bottom:16px;}
.uc-field label{display:block;margin-bottom:6px;font-size:13px;color:#5c6470;font-weight:500;}
.uc-field input[type="text"],.uc-field input[type="password"],.uc-field input[type="email"]{width:100%;height:var(--uc-ctl-h-lg);padding:0 14px;font-size:14px;color:#1f2328;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);box-sizing:border-box;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s;}
.uc-field input:focus{border-color:#b91c1c;box-shadow:0 0 0 3px rgba(185,28,28,.1);}
.uc-field input::placeholder{color:#9aa1ab;}
.uc-field-btn{margin-top:24px;}
.uc-agree{font-size:13px;color:#5c6470;line-height:1.9;}

/* ---------- 按钮 ----------
   基础件：高度/行高统一由 --uc-btn-h 决定（默认 44px 主操作档），换档只需在上下文里改这一个变量。
   三个修饰类覆盖了原先散落在 PHP 里的 style="width:auto;min-width:140px" / style="max-width:220px;margin:12px auto 0"：
     .uc-btn-inline 行内主操作（宽度随内容）
     .uc-btn-line   行内次级操作（表格 / 列表行，32px 描边）
     .uc-btn-danger 次级操作里的危险动作（退款 / 解绑，红字红边） */
.uc-btn{display:inline-block;width:100%;height:var(--uc-btn-h,var(--uc-ctl-h-lg));line-height:var(--uc-btn-h,var(--uc-ctl-h-lg));padding:0 22px;border:none;border-radius:var(--uc-radius-ctl);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;box-sizing:border-box;transition:background .15s,transform .1s,box-shadow .15s,color .15s,border-color .15s;}
.uc-btn:active{transform:scale(.99);}
.uc-btn-primary{background:#b91c1c;color:#fff;}
.uc-btn-primary:hover{background:#991b1b;color:#fff;box-shadow:0 2px 8px rgba(185,28,28,.28);}
.uc-btn-inline{width:auto;min-width:140px;}
.uc-btn-line{width:auto;min-width:0;--uc-btn-h:var(--uc-ctl-h-sm);padding:0 14px;font-size:13px;background:#fff;color:#1f2328;border:1px solid var(--uc-line-3);}
.uc-btn-line:hover{border-color:#b91c1c;color:#b91c1c;}
.uc-btn-line[disabled]{opacity:.5;cursor:not-allowed;}
.uc-btn-danger{color:#b91c1c;border-color:#e5c2c2;}
.uc-btn-danger:hover{background:#fdecec;border-color:#b91c1c;color:#991b1b;}
.uc-msg{margin:14px 0 0;font-size:13px;color:#b91c1c;min-height:18px;}
.uc-links{margin-top:16px;display:flex;justify-content:space-between;font-size:13px;}
/* 登录 / 注册页底部两个链接：裸文字只有 18px 高，补上下内边距把触控高度提到 30px 以上（实测 31.7px） */
.uc-links a{color:#5c6470;text-decoration:none;padding:7px 0;transition:color .15s;}
.uc-links a:hover{color:#b91c1c;text-decoration:underline;}

/* ---------- 第三方登录（克制描边、保留品牌识别；高度与主按钮对齐） ---------- */
.uc-oauth{margin-top:26px;}
.uc-oauth-title{display:flex;align-items:center;color:#9aa1ab;font-size:12px;margin-bottom:14px;}
.uc-oauth-title::before,.uc-oauth-title::after{content:"";flex:1;height:1px;background:var(--uc-line-1);}
.uc-oauth-title span{padding:0 14px;}
.uc-oauth-btns{display:flex;gap:12px;}
.uc-oauth-btn{flex:1;height:var(--uc-ctl-h-lg);line-height:42px;text-align:center;border-radius:var(--uc-radius-ctl);text-decoration:none;font-size:14px;font-weight:500;background:#fff;box-sizing:border-box;transition:all .15s;}
.uc-oauth-btn:hover{transform:translateY(-1px);}
.uc-oauth-qq{border:1px solid rgba(18,183,245,.5);color:#12b7f5;}
.uc-oauth-qq:hover{border-color:#12b7f5;background:rgba(18,183,245,.06);color:#0e9fd8;}
.uc-oauth-wx{border:1px solid rgba(7,193,96,.5);color:#07c160;}
.uc-oauth-wx:hover{border-color:#07c160;background:rgba(7,193,96,.06);color:#05a653;}
.uc-oauth-wxmp{border:1px solid rgba(7,193,96,.5);color:#07c160;}
.uc-oauth-wxmp:hover{border-color:#07c160;background:rgba(7,193,96,.06);color:#05a653;}

/* ---------- 用户中心首页 ---------- */
.uc-userwrap .uc-userinfo{display:flex;gap:18px;align-items:center;}
.uc-avatar{width:76px;height:76px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#f4f5f7;border:1px solid var(--uc-line-2);}
.uc-avatar img{width:100%;height:100%;object-fit:cover;}
.uc-umeta{flex:1;min-width:0;}
.uc-umeta h2{margin:0 0 4px;font-size:20px;}
.uc-umeta p{margin:3px 0;color:#5c6470;font-size:13px;}
.uc-vip-badge{display:inline-block;margin-top:8px;padding:2px 12px;border-radius:var(--uc-radius-pill);font-size:12px;line-height:1.8;background:#f4f5f7;color:#5c6470;font-weight:600;}
.uc-vip-badge.uc-vip-on{background:#b91c1c;color:#fff;}
.uc-unlock-info{display:inline-block;margin-top:6px;padding:2px 12px;border-radius:var(--uc-radius-pill);font-size:12px;line-height:1.8;background:rgba(185,28,28,.06);color:#b91c1c;font-weight:600;}

/* 状态概览 + CTA */
.uc-stat{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap;}
.uc-stat-item{flex:1;min-width:110px;background:#fafbfc;border:1px solid var(--uc-line-2);border-radius:var(--uc-radius-panel);padding:14px 16px;box-sizing:border-box;}
.uc-stat-num{font-size:22px;font-weight:700;color:#1f2328;line-height:1.2;letter-spacing:-.01em;}
.uc-stat-num.uc-orange{color:#b91c1c;}
.uc-stat-label{font-size:12px;color:#9aa1ab;margin-top:4px;}
.uc-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.uc-cta-txt{font-size:14px;color:#5c6470;}
.uc-cta-txt b{color:#b91c1c;font-weight:650;}
.uc-cta .uc-btn{width:auto;min-width:140px;}

/* 订阅临期提醒（此前用 PHP 内联的橙色 #f3d9b0/#fffaf3 描深，与全站红色提示语言不一致）：
   改为与 .uc-warn / .uc-vip-cur 同一套品牌提示底，右侧 CTA 与文字同一行、窄屏自动换行 */
.uc-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:rgba(185,28,28,.05);border-color:rgba(185,28,28,.18);--uc-btn-h:var(--uc-ctl-h-md);}
.uc-notice p{margin:0;font-size:13px;color:#991b1b;line-height:1.7;}
.uc-notice .uc-btn{width:auto;min-width:120px;}

/* ---------- 开通 VIP ---------- */
.uc-vip-cur{background:rgba(185,28,28,.05);border:1px solid rgba(185,28,28,.18);color:#991b1b;padding:10px 14px;border-radius:var(--uc-radius-ctl);font-size:13px;margin-bottom:18px;}
.uc-plans{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:12px;margin-bottom:22px;}
.uc-plan{position:relative;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);padding:16px 10px;text-align:center;cursor:pointer;background:#fff;transition:all .15s;}
.uc-plan input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;}
.uc-plan:hover{border-color:#b91c1c;}
.uc-plan.uc-plan-sel,.uc-plan:has(input:checked){border-color:#b91c1c;background:rgba(185,28,28,.04);box-shadow:0 0 0 1px #b91c1c inset;}
.uc-plan.uc-plan-sel::after,.uc-plan:has(input:checked)::after{content:"";position:absolute;top:10px;right:11px;width:5px;height:9px;border:solid #b91c1c;border-width:0 2px 2px 0;transform:rotate(45deg);}
.uc-plan-name{display:block;font-size:14px;font-weight:600;color:#1f2328;}
.uc-plan-price{display:block;font-size:20px;color:#b91c1c;margin:6px 0;font-weight:700;letter-spacing:-.01em;}
.uc-plan-days{display:block;font-size:12px;color:#9aa1ab;}
.uc-paytype{display:flex;gap:12px;margin-bottom:8px;}
.uc-paytype label{flex:1;cursor:pointer;}
.uc-paytype input{display:none;}
/* box-sizing：.uc-payicon 是 span（默认 content-box），不加会把 1px 描边撑到高度之外（实测 45.6px ≠ 44px） */
.uc-payicon{display:block;box-sizing:border-box;height:var(--uc-ctl-h-lg);line-height:calc(var(--uc-ctl-h-lg) - 2px);text-align:center;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:14px;color:#5c6470;transition:all .15s;}
.uc-paytype input:checked + .uc-payicon{border-color:#b91c1c;color:#b91c1c;background:rgba(185,28,28,.04);font-weight:600;}
.uc-warn{background:rgba(185,28,28,.05);border:1px solid rgba(185,28,28,.18);color:#991b1b;padding:10px 14px;border-radius:var(--uc-radius-ctl);font-size:13px;}

/* ---------- 开通订阅：优惠码输入（此前无任何样式，窄屏直接呈现浏览器默认控件，与品牌控件割裂） ---------- */
/* 卡片内行内表单整块降到 40px 档：输入框与按钮同高，窄屏同行且不溢出卡片 */
.uc-coupon{margin:0 0 18px;--uc-btn-h:var(--uc-ctl-h-md);}
.uc-coupon form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.uc-coupon input[type=text]{flex:1 1 200px;min-width:0;max-width:320px;height:var(--uc-ctl-h-md);padding:0 12px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:14px;color:#1f2328;background:#fff;box-sizing:border-box;}
.uc-coupon input[type=text]:focus{outline:none;border-color:#b91c1c;box-shadow:0 0 0 3px rgba(185,28,28,.10);}
.uc-coupon button{flex:0 0 auto;height:var(--uc-ctl-h-md);padding:0 20px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);background:#fff;color:#1f2328;font-family:inherit;font-size:14px;cursor:pointer;transition:border-color .15s,color .15s;}
.uc-coupon button:hover{border-color:#b91c1c;color:#b91c1c;}
.uc-coupon-msg{margin:10px 0 0;font-size:13px;color:#5c6470;}
.uc-coupon-msg a{color:#b91c1c;}

/* ---------- 微信扫码弹窗 ---------- */
.uc-modal{position:fixed;inset:0;background:rgba(23,25,29,.5);display:flex;align-items:center;justify-content:center;z-index:9999;}
.uc-modal-box{background:#fff;border-radius:var(--uc-radius-panel);padding:30px 34px;text-align:center;min-width:280px;box-shadow:0 12px 40px rgba(16,24,40,.18);}
.uc-modal-box h3{margin:0 0 16px;font-size:16px;color:#1f2328;}
.uc-modal-box .uc-msg{color:#5c6470;}
.uc-modal-box .uc-btn{width:auto;padding:0 28px;margin-top:16px;background:#f4f5f7;color:#1f2328;font-weight:600;}
.uc-modal-box .uc-btn:hover{background:#e8eaed;color:#1f2328;box-shadow:none;}
/* 微信公众号登录弹窗 */
.uc-modal-box #uc-wxmp-qrbox{margin:4px 0 10px;}
.uc-modal-box #uc-wxmp-qrimg{border:1px solid var(--uc-line-1);border-radius:var(--uc-radius-ctl);padding:6px;background:#fff;box-sizing:content-box;}
.uc-modal-box #uc-wxmp-codebox{margin:6px 0 4px;}
.uc-modal-box .uc-wxmp-code{width:210px;box-sizing:border-box;padding:0 12px;height:var(--uc-ctl-h-lg);border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:15px;text-align:center;letter-spacing:2px;font-family:inherit;margin-bottom:10px;outline:none;}
.uc-modal-box .uc-wxmp-code:focus{border-color:#b91c1c;}

/* ---------- 订单 / 通用表格 ---------- */
.uc-table{width:100%;border-collapse:collapse;font-size:13px;}
.uc-table th,.uc-table td{border:1px solid var(--uc-line-2);padding:9px 12px;text-align:left;color:#3f4650;}
.uc-table th{background:#fafbfc;font-weight:600;color:#1f2328;}
.uc-table td form{display:inline-block;margin:0;}
.uc-empty{color:#9aa1ab;text-align:center;padding:26px 0;font-size:14px;}
.uc-empty .uc-btn{display:block;max-width:220px;margin:16px auto 0;}
.uc-order td .uc-status-off{color:#6b7280;}

/* ---------- 下载列表（选择页 / 文章页）：单行卡片 ---------- */
.uc-dlselect h2{margin:0 0 18px;}
.uc-dl-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--uc-line-1);border-radius:var(--uc-radius-ctl);padding:12px 16px;margin-bottom:10px;background:#fff;transition:border-color .15s,box-shadow .15s;}
.uc-dl-line:hover{border-color:#b91c1c;box-shadow:0 1px 6px rgba(185,28,28,.08);}
.uc-dl-item{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;text-decoration:none;color:#1f2328;}
.uc-dl-item:hover .uc-dl-name{color:#b91c1c;}
.uc-dl-name{font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s;}
.uc-dl-tag{flex:0 0 auto;font-size:12px;line-height:1.5;background:#b91c1c;color:#fff;border-radius:var(--uc-radius-pill);padding:2px 10px;font-style:normal;}
.uc-dl-pwd{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:12px;color:#9aa1ab;font-style:normal;white-space:nowrap;}
.uc-dl-pwd code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:#b91c1c;background:#fdf3f3;border:1px solid #f2d8d8;border-radius:var(--uc-radius-ctl);padding:2px 8px;letter-spacing:.6px;}
/* 复制按钮：并入 32px 行内次级档（原 24px 既不在档内，也低于移动端 30px 触控基线） */
.uc-dl-copy{flex:0 0 auto;height:var(--uc-ctl-h-sm);line-height:calc(var(--uc-ctl-h-sm) - 2px);padding:0 12px;font-size:12px;font-family:inherit;color:#5c6470;background:#fff;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);box-sizing:border-box;cursor:pointer;transition:color .15s,border-color .15s,background .15s;}
.uc-dl-copy:hover{color:#b91c1c;border-color:#b91c1c;}
.uc-dl-copy.is-done{color:#fff;background:#1a9e5f;border-color:#1a9e5f;}
.uc-dl-copy.is-fail{color:#fff;background:#b91c1c;border-color:#b91c1c;}

/* ---------- 文章正文 VIP 门控（注入前台 · 红色极简版） ---------- */
.uc-gate{position:relative;margin:30px 0;padding:40px 24px 36px;text-align:center;overflow:hidden;border:1px solid rgba(185,28,28,.16);border-radius:var(--uc-radius-panel);background:linear-gradient(180deg,#fff 0%,rgba(185,28,28,.025) 100%);box-shadow:0 4px 20px rgba(16,24,40,.05), inset 0 1px 0 #fff;}
.uc-gate::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#b91c1c,#e0a0a0,#b91c1c,transparent);}
.uc-gate-ico{position:relative;width:60px;height:60px;margin:0 auto 18px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#c52a2a 0%,#b91c1c 55%,#991b1b 100%);box-shadow:0 8px 18px rgba(185,28,28,.32), inset 0 1px 0 rgba(255,255,255,.25);}
.uc-gate-ico::after{content:"";width:26px;height:26px;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%272.2%27%3E%3Crect x=%273%27 y=%2711%27 width=%2718%27 height=%2711%27 rx=%272%27 stroke-linecap=%27round%27/%3E%3Cpath d=%27M7 11V7a5 5 0 0 1 10 0v4%27/%3E%3C/svg%3E") no-repeat center;background-size:contain;}
.uc-gate h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1f2328;letter-spacing:.2px;}
.uc-gate p{margin:0 auto 22px;max-width:430px;font-size:13px;line-height:1.75;color:#5c6470;}
.uc-gate-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
/* 门控按钮：与站内主按钮同一形状语言（8px 圆角 / 44px 高），不再单独走胶囊 */
.uc-gate-btn{display:inline-flex;align-items:center;justify-content:center;min-width:140px;height:var(--uc-ctl-h-lg);padding:0 30px;border-radius:var(--uc-radius-ctl);text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.5px;box-sizing:border-box;transition:all .18s ease;cursor:pointer;font-family:inherit;}
.uc-gate-login{background:#fff;border:1px solid var(--uc-line-3);color:#5c6470;box-shadow:0 1px 4px rgba(16,24,40,.04);}
.uc-gate-login:hover{border-color:#b91c1c;color:#b91c1c;transform:translateY(-1px);}
.uc-gate-vip{background:linear-gradient(135deg,#c52a2a 0%,#b91c1c 55%,#991b1b 100%);color:#fff;border:none;box-shadow:0 4px 14px rgba(185,28,28,.32), inset 0 1px 0 rgba(255,255,255,.18);}
.uc-gate-vip:hover{background:linear-gradient(135deg,#d63333 0%,#c52a2a 55%,#a02020 100%);color:#fff;box-shadow:0 6px 20px rgba(185,28,28,.4);transform:translateY(-1px);}
.uc-gate-msg{margin:10px auto 0;font-size:13px;color:#b91c1c;min-height:16px;}
.uc-gate-unlock{cursor:pointer;font-family:inherit;border:none;}
/* 密码访问门控：输入框 + 确定按钮（与订阅门控同一视觉语言） */
.uc-gate-pwd{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;margin:0;}
.uc-gate-pwd input[type=password]{flex:1 1 220px;max-width:280px;height:var(--uc-ctl-h-lg);padding:0 18px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:14px;color:#1f2328;background:#fff;box-sizing:border-box;font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease;}
.uc-gate-pwd input[type=password]:focus{border-color:#b91c1c;outline:none;box-shadow:0 0 0 3px rgba(185,28,28,.08);}
.uc-gate-pwd .uc-gate-btn{min-width:110px;padding:0 26px;}
@media (max-width:480px){.uc-gate{padding:32px 16px 28px;} .uc-gate-btn{min-width:120px;padding:0 22px;}}

/* ---------- 下载内容块（容器面板 → 10px；其内的 .uc-dl-line 是行卡片 → 8px） ---------- */
.uc-dlbox{margin:20px 0;padding:16px 18px;background:#fafbfc;border:1px solid var(--uc-line-1);border-radius:var(--uc-radius-panel);}
.uc-dlbox h3{margin:0 0 12px;font-size:15px;color:#1f2328;}
.uc-dl-list{display:flex;flex-direction:column;gap:10px;}
.uc-dl-list .uc-dl-line{margin-bottom:0;}

/* ---------- 登录态两栏布局：侧边导航 + 内容 ---------- */
/* 重构：版心与主站 .container 统一（1200px + 20px 内边距 + 30px 间距），消除页面切换宽度跳动 */
.uc-layout{display:flex;flex:1;align-items:flex-start;width:100%;max-width:var(--container-max);padding:0 var(--container-padding-x);gap:var(--grid-gap);margin:0 auto;box-sizing:border-box;}
/* 重构：侧栏 188px → 280px，与主站 --sidebar-width 一致；
   吸顶偏移让开顶部栏，并在矮屏（笔记本）上限高滚动，避免末尾的「退出登录」被切掉 */
.uc-side{width:var(--sidebar-width);flex-shrink:0;position:sticky;top:var(--uc-sticky-top);align-self:flex-start;
	max-height:calc(100vh - var(--uc-sticky-top) - 20px);overflow-y:auto;
	padding:28px 10px 20px 6px;box-sizing:border-box;min-width:0;}
.uc-sidenav{display:flex;flex-direction:column;gap:2px;}
.uc-sidenav-title{margin:18px 12px 6px;font-size:12px;color:#9aa1ab;letter-spacing:.12em;font-weight:600;}
.uc-sidenav-title:first-child{margin-top:0;}
.uc-sidenav-a{display:block;padding:9px 14px;border-radius:var(--uc-radius-ctl);text-decoration:none;color:#3f4650;font-size:14px;transition:background .15s,color .15s;}
.uc-sidenav-a:hover{background:rgba(185,28,28,.06);color:#b91c1c;}
/* 当前项：左侧竖条 + 淡红底，扫视侧栏时一眼定位（原先只有底色，与 hover 区分度不足） */
.uc-sidenav-a.on{position:relative;background:rgba(185,28,28,.08);color:#b91c1c;font-weight:650;}
.uc-sidenav-a.on::before{content:"";position:absolute;left:2px;top:50%;width:3px;height:16px;margin-top:-8px;border-radius:2px;background:#b91c1c;}
/* 重构：登出改 POST 表单按钮（防 GET CSRF），视觉沿用原退出项 */
.uc-logout-form{margin-top:12px;border-top:1px solid var(--uc-line-1);padding-top:14px;}
.uc-logout-btn{display:block;width:100%;padding:9px 14px;border:0;border-radius:var(--uc-radius-ctl);background:none;cursor:pointer;color:#9aa1ab;font-family:inherit;font-size:14px;text-align:left;transition:all .15s;box-sizing:border-box;}
.uc-logout-btn:hover{background:rgba(185,28,28,.06);color:#b91c1c;}
/* 重构：内容列宽度由上方 .uc-main / .uc-guest .uc-main 定义（不再在此处二次居中），
   这里只负责溢出兜底与「大屏下不让表单控件被拉成整行」的量度上限 */
.uc-main pre,
.uc-main table,
.uc-main .code-block{max-width:100%;overflow-x:auto;}
/* 重构：若模板中存在 .text-wrap，子级不再重复限制，由父级 .uc-main 统一控制 */
.uc-main .text-wrap{max-width:100%;margin:0;}
/* 表单输入框：内容列变宽后限制最大宽度，避免 824px 宽的输入框；按钮不设上限（主操作保持撑满表单列） */
.uc-card .uc-field input{max-width:var(--uc-control-max);}
/* 开通订阅：支付是本页主操作，CTA 字号加大（高度与宽度仍走统一档位：44px + 撑满表单列） */
.uc-upgrade .uc-field-btn .uc-btn{font-size:16px;}

/* ---------- 我的解锁列表 ---------- */
.uc-ulist{list-style:none;margin:0;padding:0;}
.uc-ulist-item{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid var(--uc-line-2);}
.uc-ulist-item:last-child{border-bottom:none;}
.uc-ulist-title{flex:1;color:#1f2328;text-decoration:none;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uc-ulist-title:hover{color:#b91c1c;}
.uc-ulist-time{flex-shrink:0;font-size:12px;color:#9aa1ab;background:#f4f5f7;border-radius:var(--uc-radius-pill);padding:2px 10px;}
/* 列表内「查看 / 下载」：降为 32px 行内次级档，与其它行内操作按钮同高同圆角 */
.uc-ulist-go{flex-shrink:0;display:inline-block;height:var(--uc-ctl-h-sm);line-height:calc(var(--uc-ctl-h-sm) - 2px);padding:0 14px;font-size:13px;color:#b91c1c;text-decoration:none;border:1px solid rgba(185,28,28,.3);border-radius:var(--uc-radius-ctl);box-sizing:border-box;transition:all .15s;}
.uc-ulist-go:hover{background:#b91c1c;color:#fff;}
.uc-unlock-list .uc-empty{font-size:13px;}

/* ---------- 我的收藏（此前 CSS 里完全没有定义：列表带浏览器默认项目符号、日期裸文本、
   「移除」是默认灰按钮，与其它卡片明显割裂） ---------- */
.uc-favs ul{list-style:none;margin:6px 0 0;padding:0;}
.uc-favs li{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid var(--uc-line-2);}
.uc-favs li:last-child{border-bottom:none;}
.uc-favs li>a{flex:1;min-width:0;font-size:14px;font-weight:500;color:#1f2328;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uc-favs li>a:hover{color:#b91c1c;}
.uc-fav-date{flex:0 0 auto;font-size:12px;color:#9aa1ab;}
.uc-fav-del{flex:0 0 auto;height:var(--uc-ctl-h-sm);padding:0 14px;font-family:inherit;font-size:13px;color:#5c6470;background:#fff;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);cursor:pointer;transition:color .15s,border-color .15s,background .15s;}
.uc-fav-del:hover{color:#b91c1c;border-color:#b91c1c;}
.uc-fav-del[disabled]{opacity:.5;cursor:not-allowed;}

/* ---------- 滑动拼图验证 ---------- */
.uc-slide-box{background:#fafbfc;border:1px solid var(--uc-line-1);border-radius:var(--uc-radius-panel);padding:12px 12px 10px;margin-bottom:16px;}
.uc-slide-hd{display:flex;align-items:center;gap:8px;margin-bottom:10px;}
.uc-slide-hd .lbl{font-size:13px;font-weight:650;color:#1f2328;letter-spacing:.02em;flex:0 0 auto;}
.uc-slide-tip{flex:1;min-width:0;font-size:12px;color:#5c6470;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 换一张：并入 32px 行内次级档（原 26px 低于移动端 30px 触控基线） */
.uc-slide-rf{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--uc-ctl-h-sm);height:var(--uc-ctl-h-sm);cursor:pointer;font-size:14px;line-height:1;color:#5c6470;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);background:#fff;transition:all .15s;user-select:none;box-sizing:border-box;}
.uc-slide-rf:hover{color:#b91c1c;border-color:#b91c1c;}
.uc-slide-stage{position:relative;overflow:hidden;border-radius:var(--uc-radius-ctl);background:#eceef1;line-height:0;user-select:none;-webkit-user-select:none;touch-action:none;}
.uc-slide-stage img.uc-slide-bg{display:block;width:100%;height:auto;}
.uc-slide-piece{position:absolute;top:0;left:0;z-index:2;cursor:grab;border-radius:3px;box-shadow:0 1px 8px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.55);touch-action:none;line-height:0;}
.uc-slide-piece.is-drag{cursor:grabbing;box-shadow:0 4px 16px rgba(185,28,28,.5), 0 0 0 1px rgba(255,255,255,.75);}
.uc-slide-piece img{display:block;pointer-events:none;user-select:none;-webkit-user-drag:none;}

/* 滑动轨道（滚动滑条：按钮 → 拼块联动） */
.uc-slide-bar{position:relative;height:46px;margin-top:10px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-panel);background:#f2f3f5;box-sizing:border-box;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;transition:background .2s;}
.uc-slide-bar.is-active{background:#fdf6f6;}
.uc-slide-bar.is-done{background:rgba(7,193,96,.10);border-color:rgba(7,193,96,.42);}
.uc-slide-bar-tip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:#9aa1ab;pointer-events:none;white-space:nowrap;overflow:hidden;transition:color .2s;}
.uc-slide-bar.is-active .uc-slide-bar-tip{color:rgba(185,28,28,.75);}
/* 验证就位：整体转绿，反馈更醒目（轨道 + 拖拽箭头 + 滑钮 + 顶部提示） */
.uc-slide-bar.is-done .uc-slide-bar-tip{color:#07c160;}
.uc-slide-bar.is-done .uc-slide-bar-tip::before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%2307c160%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12h13M12 5l7 7-7 7%27/%3E%3C/svg%3E");}
.uc-slide-bar.is-done .uc-slide-btn{background:#07c160 url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12h13M12 5l7 7-7 7%27/%3E%3C/svg%3E") center/22px no-repeat;border-color:#07c160;box-shadow:0 2px 8px rgba(7,193,96,.35);}
.uc-slide-box.is-done{border-color:rgba(7,193,96,.42);}
.uc-slide-box.is-done .uc-slide-tip{color:#07c160;font-weight:600;}
.uc-slide-bar-tip::before{content:"";width:14px;height:14px;flex:0 0 auto;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b91c1c%27 stroke-width=%272.4%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12h13M12 5l7 7-7 7%27/%3E%3C/svg%3E") center/contain no-repeat;}
.uc-slide-btn{position:absolute;top:2px;left:2px;width:42px;height:42px;border-radius:var(--uc-radius-ctl);background:#fff url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23b91c1c%27 stroke-width=%272.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M4 12h13M12 5l7 7-7 7%27/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 1px 5px rgba(16,24,40,.22);border:1px solid var(--uc-line-1);box-sizing:border-box;cursor:grab;touch-action:none;transition:box-shadow .15s,transform .1s;}
.uc-slide-btn.is-drag{cursor:grabbing;box-shadow:0 0 0 3px rgba(185,28,28,.22), 0 2px 8px rgba(16,24,40,.25);transform:scale(1.03);}

/* ---------- 重构：响应式布局（与主站 style.css 同步，消除页面切换侧栏宽度跳动） ---------- */
/* 992~1199px 中屏侧栏 220~280px 平滑收缩（clamp 首选 24vw），间距同步收缩 */
@media (max-width:1199px) and (min-width:992px){
	.uc-layout{gap:clamp(var(--grid-gap-md), 2vw, var(--grid-gap));}
	.uc-side{width:clamp(var(--sidebar-width-md), 24vw, var(--sidebar-width));flex-shrink:0;}
}
/* 821~991px 平板区间侧栏固定 220px */
@media (max-width:991px) and (min-width:821px){
	.uc-layout{gap:var(--grid-gap-md);}
	.uc-side{width:var(--sidebar-width-md);flex-shrink:0;}
}

/* ---------- 重构：移动端适配（断点 768px -> 820px，与主站统一） ---------- */
@media (max-width:820px){
	/* 单列后必须重置 align-items：.uc-layout 的 flex-start 会让内容列按 min-content 定宽，
	   表格（min-content ≈ 424px）会把 .uc-main / .uc-card 撑到视口之外，再叠加 html/body 的
	   overflow-x:clip 就是「右侧被裁且滚不到」。改为 stretch + max-width:100% 后，
	   溢出交给 .uc-card:has(.uc-table) 的横向滚动处理 */
	.uc-layout{flex-direction:column;align-items:stretch;max-width:100%;gap:0;}
	.uc-main{width:100%;max-width:100%;}
	/* 单列后侧栏不再是粘性元素：取消限高滚动，改由页面整体滚动 */
	.uc-side{width:100%;position:static;max-height:none;overflow:visible;padding:16px 16px 0;box-sizing:border-box;}
	/* 侧边导航改 2 列网格：条目等宽对齐（原先 flex:1 会把末行单项撑成整行，出现 3+1+1 的参差布局） */
	.uc-sidenav{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;}
	.uc-sidenav-title{grid-column:1/-1;width:auto;margin:12px 0 4px;}
	.uc-sidenav-title:first-child{margin-top:0;}
	.uc-sidenav-a{min-width:0;text-align:center;padding:9px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	/* 居中排布下左侧竖条会顶到文字，窄屏改用底色区分当前项 */
	.uc-sidenav-a.on::before{display:none;}
	.uc-logout-btn{width:100%;margin-top:8px;text-align:center;}
	.uc-main{margin:18px 0 28px;}
	.uc-guest .uc-main{margin:28px auto;}
	.uc-card{padding:22px 18px;}
	/* 订单等宽表格窄屏放不下：让承载它的卡片横向滚动（表格本身仍是真表格，表头与数据列不会错位） */
	.uc-card:has(.uc-table){overflow-x:auto;}
	.uc-stat-item{min-width:calc(50% - 6px);}
	/* 用户信息卡：缩小头像并收紧间距，给右侧信息列留出足够宽度 */
	.uc-userwrap .uc-userinfo{gap:14px;}
	.uc-avatar{width:64px;height:64px;}
	.uc-umeta h2{font-size:18px;}
}

/* ---------- 支付扫码页 / 通用提示卡（整页提示：CTA 回主操作档并居中） ---------- */
.uc-payqr{text-align:left;}
.uc-payqr #uc-qr{min-height:170px;text-align:center;}
.uc-tipcard{text-align:center;}
.uc-tipcard h2{margin-bottom:10px;}

/* ---------- 我的订单：状态筛选 / 退款进度 / 退款入口与状态 ---------- */
.uc-order td .uc-status-off{color:#6b7280;}
.uc-otabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;}
.uc-otab{display:inline-block;height:var(--uc-ctl-h-sm);line-height:calc(var(--uc-ctl-h-sm) - 2px);padding:0 14px;font-size:13px;color:#5c6470;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);text-decoration:none;box-sizing:border-box;transition:all .15s;}
.uc-otab:hover{color:#b91c1c;border-color:rgba(185,28,28,.3);}
.uc-otab.on{color:#b91c1c;border-color:rgba(185,28,28,.45);background:rgba(185,28,28,.05);font-weight:500;}
.uc-rf-progress{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:#9aa1ab;}

/* ---------- 用户中心：近 6 个月活跃趋势（纯 SVG 图表） ---------- */
.uc-chart-svg{display:block;width:100%;height:auto;margin:10px 0 6px;}
.uc-chart .uc-sub{margin:6px 0 0;}

/* ---------- 新文章邮件订阅：表单行内布局（按钮不再占满整行，与输入框同行，窄屏自动换行） ---------- */
.uc-subscribe{--uc-btn-h:var(--uc-ctl-h-md);}
.uc-subscribe form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
.uc-subscribe form input[type=email]{flex:1 1 200px;min-width:0;max-width:320px;height:var(--uc-ctl-h-md);padding:0 12px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:14px;box-sizing:border-box;color:#1f2328;background:#fff;}
.uc-subscribe form input[type=email]:focus{outline:none;border-color:#b91c1c;box-shadow:0 0 0 3px rgba(185,28,28,.10);}
.uc-subscribe .uc-btn{width:auto;min-width:96px;padding:0 26px;font-size:14px;}
/* 窄屏：输入框与按钮强制同一行（必须置于上面的基础规则之后——同优先级下后者胜出，放在前面会被覆盖） */
@media (max-width:820px){
	.uc-subscribe form{flex-wrap:nowrap;}
	.uc-subscribe form input[type=email]{flex:1 1 0;max-width:none;min-width:0;}
	.uc-subscribe .uc-btn{flex:0 0 auto;min-width:88px;padding:0 20px;}
}

/* ---------- 邀请卡片：邀请码 / 链接一键复制 ---------- */
.uc-invite-row{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap;}
.uc-invite-row .uc-invite-label{flex:0 0 68px;font-size:13px;color:#5c6470;}
.uc-invite-row input{flex:1;min-width:200px;height:var(--uc-ctl-h-md);padding:0 10px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:13px;color:#1f2328;background:#fafbfc;box-sizing:border-box;}
.uc-invite-row .uc-btn{width:auto;min-width:0;--uc-btn-h:var(--uc-ctl-h-md);padding:0 16px;font-size:13px;}

/* ---------- 积分与钱包 ---------- */
.uc-coincard .uc-stat{margin-bottom:6px;}
.uc-wallet .uc-stat{margin-bottom:12px;}
.uc-coin-up{color:#b91c1c;font-weight:600;}
.uc-coin-down{color:#5c6470;}
.uc-coin-exrows{display:grid;gap:10px;margin-top:10px;}
.uc-coin-exrow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--uc-line-2);border-radius:var(--uc-radius-panel);background:#fafbfc;font-size:13px;color:#3f4650;}
/* 开通页：积分抵扣输入块 */
.uc-coinpay{margin:12px 0 0;padding:12px 14px;border:1px solid var(--uc-line-2);border-radius:var(--uc-radius-panel);background:#fafbfc;}
.uc-coinpay label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#1f2328;}
.uc-coinpay input{width:150px;height:var(--uc-ctl-h-md);padding:0 10px;border:1px solid var(--uc-line-3);border-radius:var(--uc-radius-ctl);font-size:14px;color:#1f2328;box-sizing:border-box;}
.uc-coinpay .uc-sub{margin:8px 0 0;}

/* ---------- 我的文章 / 我的评论 / 资产记录：列表与分页 ---------- */
.uc-mylist .uc-table{margin-top:6px;}
.uc-ulist-off{color:#9aa1ab;}
.uc-clist{list-style:none;margin:6px 0 0;padding:0;}
.uc-clist-item{padding:12px 2px;border-bottom:1px solid var(--uc-line-2);}
.uc-clist-item:last-child{border-bottom:none;}
.uc-clist-hd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.uc-clist-post{flex:1;min-width:160px;font-size:14px;font-weight:500;color:#1f2328;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.uc-clist-post:hover{color:#b91c1c;}
.uc-clist-body{margin:6px 0 0;font-size:13px;line-height:1.7;color:#5c6470;word-break:break-word;}
/* 分页：与其它控件同一档位（40px 高 / 8px 圆角），触控高度也从 34.9px 提到 ≥40px */
.uc-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;font-size:13px;color:#5c6470;}
.uc-pager-a{display:inline-block;height:var(--uc-ctl-h-md);line-height:calc(var(--uc-ctl-h-md) - 2px);padding:0 18px;color:#b91c1c;border:1px solid rgba(185,28,28,.3);border-radius:var(--uc-radius-ctl);text-decoration:none;box-sizing:border-box;transition:all .15s;}
.uc-pager-a:hover{background:#b91c1c;color:#fff;}
.uc-pager-now{color:#9aa1ab;}

/* ---------- 注册页：协议展开与注册资料只读展示 ---------- */
.uc-agree>label{display:inline-block;}
.uc-agree-text{margin:6px 0 0;font-size:13px;color:#5c6470;}
.uc-agree-text>summary{cursor:pointer;color:#b91c1c;outline:none;}
.uc-agree-text>div{max-height:220px;margin-top:8px;padding:10px 12px;overflow:auto;line-height:1.8;background:#fafbfc;border:1px solid var(--uc-line-2);border-radius:var(--uc-radius-ctl);}
.uc-agree-link{margin:6px 0 0;font-size:13px;}
.uc-agree-link a{color:#b91c1c;text-decoration:none;}
.uc-agree-link a:hover{text-decoration:underline;}
.uc-regdata{margin:0 0 14px;padding:12px 14px;background:#fafbfc;border:1px solid var(--uc-line-2);border-radius:var(--uc-radius-panel);}
.uc-regdata h4{margin:0 0 8px;font-size:14px;color:#1f2328;}
.uc-regdata ul{list-style:none;margin:0;padding:0;}
.uc-regdata li{display:flex;gap:10px;padding:4px 0;font-size:13px;color:#3f4650;word-break:break-all;}
.uc-regdata li span{flex:0 0 96px;color:#9aa1ab;}

/* v1.7.28 新增：「我的互动」页 tab 切换（风格对齐分页条按钮） */
.uc-tab{display:inline-block;height:var(--uc-ctl-h-md);line-height:calc(var(--uc-ctl-h-md) - 2px);padding:0 14px;margin:0 8px 0 0;color:#3f4650;border:1px solid var(--uc-line-2);border-radius:var(--uc-radius-ctl);text-decoration:none;box-sizing:border-box;transition:all .15s;}
.uc-tab:hover{border-color:rgba(185,28,28,.3);color:#b91c1c;}
.uc-tab.on{color:#b91c1c;border-color:rgba(185,28,28,.3);background:rgba(185,28,28,.06);}

/* v1.7.28 新增：邮箱验证码输入行（输入框 + 发送按钮并排） */
.uc-mailcode-row{display:flex;gap:8px;align-items:center}
.uc-mailcode-row input{flex:1;min-width:0}
.uc-mailcode-row .uc-btn{flex:none;white-space:nowrap}
.uc-mailcode-row .uc-btn:disabled{opacity:.6;cursor:not-allowed}