/* ==========================================================================
   纪实工场 povfact.com · 全站视觉美化层
   设计原则（对齐 5174 参考站的字体与质感，保留本站全部色彩体系）：
   1. 只升级视觉：字体、字距、圆角、卡片阴影、悬停动效、焦点态、表格质感
   2. 不改任何文字内容 / 功能板块 / 布局结构 / logo
   3. 不替换任何背景色（红橙强调色、深蓝 hero、#f6f8fc 页面底、深色页脚均保留）
   本样式表在各页原有样式之后加载，仅做装饰性覆盖
   ========================================================================== */

:root{
  --pv-font:"Microsoft YaHei","PingFang SC",Arial,"Noto Sans SC","Alibaba PuHuiTi 3.0","HarmonyOS Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --pv-ink:#1c2640;
  --pv-line:#e9edf4;
  --pv-red:#ef2b32;
  --pv-red2:#ff2b3a;
  --pv-orange:#ff5b00;
  --pv-shadow-sm:0 8px 24px rgba(16,32,48,.045);
  --pv-shadow-md:0 14px 40px rgba(16,32,48,.06);
  --pv-shadow-lg:0 22px 55px rgba(16,32,48,.10);
  --pv-ease:cubic-bezier(.22,.61,.36,1);
}

/* ============ 1. 基础排版：全站统一字体栈（参考后台：微软雅黑/苹方优先） ============ */
html{-webkit-text-size-adjust:100%}
html,body{
  font-family:var(--pv-font)!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
body{font-feature-settings:"tnum" 0}
input,select,textarea,button{font-family:inherit}
h1,h2,h3,h4,h5,b,strong,th,label{font-family:inherit}
h1,h2{letter-spacing:-.01em}
::selection{background:rgba(239,43,50,.16);color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{
  outline:2px solid rgba(239,43,50,.55);outline-offset:2px;border-radius:8px;
}
/* 细滚动条 */
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#cfd6e0;border-radius:99px;border:2px solid transparent;background-clip:content-box}
*::-webkit-scrollbar-thumb:hover{background:#b6bfcc;border-color:transparent;background-clip:content-box}

/* ============ 2. 顶部导航 ============ */
#siteHeader{letter-spacing:.02em}
#siteHeader > a:first-child{letter-spacing:.06em}
#siteHeader > a:first-child small{letter-spacing:2.5px}
/* 桌面端导航链接：悬停浅色药丸（用 inset 阴影实现，零位移，不影响红色下划线位置） */
#siteHeader > div:first-of-type a{
  border-radius:10px;
  transition:color .22s var(--pv-ease),box-shadow .22s var(--pv-ease);
}
#siteHeader > div:first-of-type a:hover{
  box-shadow:inset 0 0 0 100px rgba(255,255,255,.08);
  transition:color .22s var(--pv-ease),box-shadow .22s var(--pv-ease);
}
/* 登录 / 立即打造资产 按钮圆角统一 */
#siteHeader > div:last-child > a{border-radius:12px}
#navBurger{border-radius:12px}
/* 移动端展开菜单：激活项改为红色渐变引导条（替换通栏下划线） */
#navSheet a{
  border-radius:12px;
  transition:background .2s var(--pv-ease),padding-left .2s var(--pv-ease),color .2s;
}
#navSheet a:hover{background:rgba(255,255,255,.06)}
html body #navSheet a.active{
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  background:linear-gradient(90deg,rgba(239,43,50,.22),rgba(239,43,50,.04))!important;
  padding-left:20px;
}

/* ============ 3. 页脚 ============ */
footer{font-family:var(--pv-font)}
footer a{transition:color .2s}
footer a:hover{color:#fff!important}
footer .footer-main img{border-radius:12px}

/* ============ 4. 移动端底部 Tab ============ */
.mtab-item{transition:color .2s var(--pv-ease)}
.mtab-item .mtab-ico{transition:stroke .2s var(--pv-ease),transform .2s var(--pv-ease)}
.mtab-item.active{font-weight:700}
.mtab-item.active .mtab-ico{transform:translateY(-1px) scale(1.06)}

/* ============ 5. 通用按钮：统一圆角 / 字距 / 悬停质感（颜色全部沿用原渐变） ============ */
.shine-btn,
.hero-actions .primary,
.submit,
.btn.primary,
.btn-new,
.btn-cert,
.pay-btn,
.btn-login,
.plan button,
.fb-btn,
.vod-upload button,
.cta .btn{
  border-radius:12px;
  letter-spacing:.5px;
  transition:transform .25s var(--pv-ease),box-shadow .25s var(--pv-ease),filter .25s var(--pv-ease),background .25s;
}
.shine-btn:hover,
.hero-actions .primary:hover,
.submit:hover,
.btn.primary:hover,
.btn-new:hover,
.btn-cert:hover,
.pay-btn:hover,
.btn-login:hover,
.plan button:hover,
.fb-btn:hover:not(:disabled),
.vod-upload button:hover,
.cta .btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.045);
}
.shine-btn:active,
.hero-actions .primary:active,
.submit:active,
.btn.primary:active,
.btn-new:active,
.btn-cert:active,
.pay-btn:active,
.btn-login:active{transform:translateY(0)}
/* 次级 / 幽灵按钮 */
.btn.ghost,.btn-ghost{transition:background .2s,color .2s,border-color .2s,transform .2s var(--pv-ease)}
.btn.ghost:hover,.btn-ghost:hover{transform:translateY(-1px)}
/* 后台/会员中心通用小按钮（仅加圆角与轻抬升，不改底色） */
.content .btn,
.toolbar button{
  border-radius:11px;
  transition:transform .2s var(--pv-ease),box-shadow .2s var(--pv-ease),background .2s,filter .2s;
}
.toolbar button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px rgba(239,43,50,.26)}
.content .btn:hover:not(:disabled){transform:translateY(-1px)}
button:disabled,.btn:disabled{cursor:not-allowed}

/* ============ 6. 表单控件：统一圆角与红色柔和焦点环 ============ */
input[type=text],input[type=password],input[type=email],input[type=tel],
input[type=number],input[type=search],input[type=date],input[type=datetime-local],
input[type=url],select,textarea{
  border-radius:12px;
  font-family:inherit;
}
input::placeholder,textarea::placeholder{color:#a7b0c0}
input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=tel]:focus,
input[type=number]:focus,input[type=search]:focus,input[type=date]:focus,input[type=datetime-local]:focus,
input[type=url]:focus,select:focus,textarea:focus{
  outline:none;
  border-color:var(--pv-red);
  box-shadow:0 0 0 4px rgba(239,43,50,.10);
  transition:border-color .2s,box-shadow .2s;
}
/* 预约页自定义控件 */
.slot-radio span{border-radius:14px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s,transform .18s var(--pv-ease)}
.slot-radio input:checked + span{box-shadow:0 8px 20px rgba(239,43,50,.14)}
.cts-btn{border-radius:14px}
.cts-menu{border-radius:16px;box-shadow:0 22px 55px rgba(16,32,48,.12);overflow:hidden}
.cts-opt{transition:background .15s,color .15s}

/* ============ 7. 前台卡片：大圆角 + 柔和投影 + 悬停上浮 ============ */
/* 7.1 白色交互卡片（内容卡） */
.serv-card,.sol-card,.feat-card,.case-card,.ccard,.qrbox,
.qcard,.route,.asset,.ev-card,.cap,.step,.method,.pay-card,
.hero-service-strip a{
  border-color:var(--pv-line);
  box-shadow:var(--pv-shadow-sm);
  transition:transform .35s var(--pv-ease),box-shadow .35s var(--pv-ease),border-color .35s;
}
.serv-card{border-radius:20px}
.feat-card{border-radius:20px}
.sol-card{border-radius:20px}
.case-card{border-radius:20px}
.ccard{border-radius:20px}
.qrbox{border-radius:18px}
.qcard{border-radius:18px}
.route{border-radius:20px}
.asset{border-radius:20px}
.ev-card{border-radius:18px}
.cap{border-radius:20px}
.step{border-radius:18px}
.method{border-radius:14px}
.pay-card{border-radius:20px}
.hero-service-strip a{border-radius:16px}
.serv-card:hover,.sol-card:hover,.feat-card:hover,.case-card:hover,.ccard:hover,.qrbox:hover,
.qcard:hover,.route:hover,.asset:hover,.ev-card:hover,.cap:hover,.step:hover,
.method:hover,.hero-service-strip a:hover{
  transform:translateY(-5px);
  box-shadow:var(--pv-shadow-lg);
  border-color:#eff2f7;
}
.method.on,.plan-card.sel,.type-card.sel{box-shadow:0 12px 30px rgba(239,43,50,.10)}
/* 7.2 选择型卡片（预约/支付），保留较小圆角 */
.plan-card{border-radius:18px;transition:border-color .2s,box-shadow .2s,transform .25s var(--pv-ease)}
.plan-card:hover{transform:translateY(-3px);box-shadow:var(--pv-shadow-md)}
.type-card{border-radius:16px;transition:border-color .2s,background .2s,box-shadow .2s,transform .25s var(--pv-ease)}
.type-card:hover{transform:translateY(-2px);box-shadow:var(--pv-shadow-md)}
/* 7.3 资产页横条（保留原向右滑入动效，仅柔化圆角与投影） */
.acc{border-radius:18px;box-shadow:var(--pv-shadow-sm)}
.acc:hover{box-shadow:0 18px 45px rgba(17,37,67,.09)}
/* 7.4 深色场景内卡片（hero / 存证科技区 / 分销面板）：只加圆角与微光，不动深色底 */
.vod-cap-grid article{
  border-radius:14px;
  border-color:rgba(255,255,255,.11);
  transition:background .25s,border-color .25s,transform .25s var(--pv-ease);
}
.vod-cap-grid article:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
  transform:translateY(-2px);
}
.tech-card{border-radius:20px}
.tech-card:hover{border-color:rgba(255,255,255,.2)}
.dis-box{border-radius:12px}
.dis-panel{border-radius:14px}
.vod-console{border-radius:24px}
/* 7.5 静态白色面板（容器/表单/弹窗） */
.card,.panel,.modal,.logmodal{
  border-color:#eceff5;
  box-shadow:var(--pv-shadow-sm);
}
.card{border-radius:18px}
.panel{border-radius:18px}
.modal{border-radius:20px;box-shadow:0 30px 80px rgba(11,20,40,.28)}
.logmodal{border-radius:18px}
/* 登录/注册/代理登录居中卡片（body 直接子级） */
body>.card{
  border-radius:22px;
  box-shadow:0 30px 90px rgba(5,10,25,.45);
}

/* ============ 8. 徽章 / 标签 / 状态 ============ */
.tag,.lv,.badge,.mini-tag{
  border-radius:8px;
  letter-spacing:.2px;
  font-weight:600;
}
.lv{border-radius:999px}

/* ============ 9. 会员中心 + 后台：侧栏 / 顶栏 / 数据卡 ============ */
.sidebar{font-family:var(--pv-font)}
.sidebar .logo{letter-spacing:.02em}
.sidebar a{
  transition:background .18s var(--pv-ease),color .18s var(--pv-ease);
}
.sidebar a:hover{background:rgba(255,255,255,.06);color:#fff}
.sidebar a.active{
  background:linear-gradient(90deg,rgba(239,43,50,.20),rgba(239,43,50,.04));
  border-left-color:var(--pv-red);
  color:#fff;
}
.sidebar nav a.active{font-weight:700}
.topbar{font-family:var(--pv-font)}
.content{padding:26px}
.topbar .um-panel{border-radius:15px;box-shadow:0 16px 40px rgba(17,37,67,.16)}
/* 数据统计卡 */
.stat-card{
  border-radius:18px;
  border-color:#eceff5;
  box-shadow:var(--pv-shadow-sm);
  transition:transform .3s var(--pv-ease),box-shadow .3s var(--pv-ease);
}
.stat-card:hover{transform:translateY(-3px);box-shadow:var(--pv-shadow-md)}
.stat-value,.stat-card .info .v,.amount{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
/* 表格：表头浅底、行悬停、数字等宽 */
.content table{font-size:13px}
.content thead th{
  background:#f7f9fc;
  color:#8a97aa;
  font-weight:600;
  font-size:12px;
  letter-spacing:.4px;
  padding:13px 14px;
  white-space:nowrap;
}
.content tbody td{padding:12px 14px}
.content tbody tr{transition:background .15s}
.content tbody tr:hover{background:#fafbfd}
.content tbody tr:last-child td{border-bottom:none}
/* ThinkPHP 分页 */
.pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:20px 0 4px;padding:0;list-style:none}
.pagination li{list-style:none}
.pagination li>a,.pagination li>span{
  display:grid;place-items:center;min-width:34px;height:34px;padding:0 12px;
  border:1px solid #e7ecf3;border-radius:11px;background:#fff;
  color:#4c5668;font-size:13px;font-weight:600;text-decoration:none;
  transition:border-color .18s,color .18s,transform .18s var(--pv-ease),box-shadow .18s;
}
.pagination li>a:hover{border-color:var(--pv-red);color:var(--pv-red);transform:translateY(-1px)}
.pagination .active span,.pagination .active a{
  background:linear-gradient(135deg,var(--pv-orange),var(--pv-red2));
  color:#fff;border-color:transparent;
  box-shadow:0 8px 20px rgba(239,43,50,.25);
}
.pagination .disabled span{color:#b6bfcc;background:#f7f9fc}

/* ============ 10. 登录 / 注册 / 代理登录 / 后台登录 ============ */
.tabs{border-radius:12px}
.tab{border-radius:9px;transition:background .25s var(--pv-ease),color .25s,box-shadow .25s}
.tab.active{box-shadow:0 8px 20px rgba(239,43,50,.28)}
.code-row button{border-radius:12px;transition:background .2s,color .2s}
.code-row button:hover:not(:disabled){background:#e9edf4;color:#1c2640}
.reg-link a{transition:color .2s}
.reg-link a:hover{text-decoration:underline}
.login-card{
  border-radius:22px;
  box-shadow:0 30px 90px rgba(5,10,25,.45);
}
/* 会员中心密码/资料等表单卡内输入项圆角统一 */
.item input,.item textarea{border-radius:12px}

/* ============ 11. 编辑器工作台（功能工具页，仅质感微调） ============ */
.med{border-radius:16px;transition:border-color .2s,box-shadow .2s,transform .2s var(--pv-ease)}
.med:hover{transform:translateY(-2px);box-shadow:var(--pv-shadow-md)}
.toast{border-radius:12px;box-shadow:0 18px 44px rgba(11,20,40,.22)}

/* ============ 12. 首页专属：Tailwind 工具类卡片统一质感（不改动结构） ============ */
/* 痛点图文卡：8px 小圆角 → 大圆角 + 柔和投影 */
#solution .grid > div{
  border-radius:18px!important;
  box-shadow:var(--pv-shadow-sm)!important;
}
#solution .grid > div:hover{box-shadow:var(--pv-shadow-lg)!important}
/* 视频资产区：视频框与 4 条说明卡 */
#asset [class*="rounded-[14px]"]{border-radius:20px!important}
#asset [class*="justify-between"] > div{
  box-shadow:var(--pv-shadow-sm)!important;
  transition:transform .25s var(--pv-ease),box-shadow .25s var(--pv-ease);
}
#asset [class*="justify-between"] > div:hover{box-shadow:var(--pv-shadow-md)!important}
/* 行业应用卡 */
.industry-item{box-shadow:0 12px 30px rgba(16,32,48,.12)}
.industry-item:hover{box-shadow:0 22px 46px rgba(16,32,48,.22)}
/* 深色平台服务卡 hover 微光 */
.hp-svc:hover{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.20)!important;
}
/* 多平台发布区小卡 hover 描边 */
.dis-box:hover{border-color:rgba(239,43,50,.45)!important}
/* CTA 区按钮 */
#contact a[class*="rounded-[10px]"]{border-radius:12px!important}
#contact a[style*="gradient"]:hover{box-shadow:0 20px 42px rgba(239,43,50,.34)!important}

/* ============ 13. 动效降级 ============ */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
}