/* =========================================================
   家属服务平台 · PC 独立版 全局设计系统
   风格基准：小包公红 #e42626 + 直角(border-radius:0) + 深色页脚
   前台 / 后台 共用同一套令牌
   ========================================================= */
:root{
  /* 品牌色 */
  --red:#e42626;
  --red-2:#ee3131;
  --red-3:#c81e1e;
  --red-soft:#fff1f1;
  /* 中性 */
  --ink:#172237;        /* 主文字 深蓝黑 */
  --ink-2:#3a4256;
  --gray:#6b7280;
  --gray-2:#9aa3b2;
  --line:#e6e9ef;
  --bg:#f5f7fa;         /* 浅灰底 */
  --bg-2:#eef1f6;
  --white:#ffffff;
  --dark:#14182a;       /* 深色页脚 */
  --dark-2:#1d2238;
  /* 语义 */
  --ok:#1a9e5c;
  --warn:#e08a00;
  --err:#e42626;
  --info:#2f6fed;
  /* 圆角：全局直角 */
  --radius:0;
  --radius-sm:0;
  /* 间距 4 基准 */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s8:32px; --s10:40px; --s12:48px; --s16:64px;
  /* 阴影 */
  --sh-1:0 1px 2px rgb(20 24 42 / .06);
  --sh-2:0 6px 18px rgb(20 24 42 / .08);
  --sh-3:0 12px 32px rgb(20 24 42 / .12);
  /* 字体 */
  --ff:'PingFang SC','Microsoft YaHei','Hiragino Sans GB',system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:15px; --fs-lg:16px;
  --fs-xl:18px; --fs-2xl:22px; --fs-3xl:28px; --fs-4xl:36px;
  --maxw:1200px;
}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;font-family:var(--ff);font-size:var(--fs-base);line-height:1.6;
  color:var(--ink);background:var(--bg);
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
h1,h2,h3,h4,h5{margin:0;color:var(--ink);line-height:1.3;font-weight:700;}
p{margin:0 0 var(--s4);}
ul,ol{margin:0;padding:0;list-style:none;}
button,input,select,textarea{font-family:inherit;font-size:inherit;}

/* ---------- 布局 ---------- */
.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--s5);}
.main{padding:var(--s10) 0 var(--s16);min-height:60vh;}
.row{display:flex;flex-wrap:wrap;gap:var(--s5);}

/* ---------- 顶部导航 ---------- */
.pc-header{background:var(--white);border-bottom:3px solid var(--red);position:sticky;top:0;z-index:50;}
.pc-header-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--s5);height:64px;
  display:flex;align-items:center;gap:var(--s6);}
.pc-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--ink);white-space:nowrap;}
.pc-logo .dot{width:12px;height:12px;background:var(--red);display:inline-block;}
.pc-nav{display:flex;align-items:center;gap:var(--s2);flex:1;flex-wrap:wrap;}
.pc-nav a{padding:8px 12px;color:var(--ink-2);font-weight:500;border-bottom:2px solid transparent;transition:.15s;}
.pc-nav a:hover{color:var(--red);}
.pc-nav a.active{color:var(--red);border-bottom-color:var(--red);}
.pc-nav-right{margin-left:auto;display:flex;align-items:center;gap:var(--s3);}
.pc-user-chip{display:flex;align-items:center;gap:8px;color:var(--ink-2);}
.pc-user-chip .av{width:32px;height:32px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;}

/* ---------- 按钮（全直角） ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:11px 22px;border:1px solid transparent;border-radius:var(--radius);
  font-weight:600;font-size:var(--fs-base);cursor:pointer;transition:.15s;user-select:none;white-space:nowrap;}
.btn:focus-visible{outline:2px solid var(--red);outline-offset:2px;}
.btn:disabled{opacity:.55;cursor:not-allowed;}
.btn-primary{background:var(--red);color:#fff;}
.btn-primary:hover:not(:disabled){background:var(--red-3);}
.btn-outline{background:#fff;color:var(--red);border-color:var(--red);}
.btn-outline:hover:not(:disabled){background:var(--red-soft);}
.btn-ghost{background:transparent;color:var(--ink-2);border-color:var(--line);}
.btn-ghost:hover:not(:disabled){border-color:var(--red);color:var(--red);}
.btn-block{width:100%;}
.btn-sm{padding:7px 14px;font-size:var(--fs-sm);}
.btn-lg{padding:14px 30px;font-size:var(--fs-lg);}

/* ---------- 表单 ---------- */
.field{margin-bottom:var(--s5);}
.field>label{display:block;font-weight:600;margin-bottom:8px;color:var(--ink);}
.field .hint{font-size:var(--fs-sm);color:var(--gray);margin-top:6px;}
.input,.select,.textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:var(--radius);
  background:#fff;color:var(--ink);transition:.15s;}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgb(228 38 38 / .12);}
.textarea{resize:vertical;min-height:120px;}
.checks{display:flex;align-items:center;gap:8px;}
.checks input{width:16px;height:16px;accent-color:var(--red);}
.err-text{color:var(--err);font-size:var(--fs-sm);margin-top:6px;}

/* ---------- 卡片 ---------- */
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--sh-1);}
.card-pad{padding:var(--s6);}
.card-title{font-size:var(--fs-xl);font-weight:700;margin-bottom:var(--s4);padding-left:12px;border-left:4px solid var(--red);}

/* ---------- 标签 / 徽章 ---------- */
.tag{display:inline-block;padding:2px 10px;font-size:var(--fs-xs);border-radius:var(--radius);
  background:var(--red-soft);color:var(--red-3);border:1px solid #ffd9d9;font-weight:600;}
.tag-gray{background:var(--bg-2);color:var(--gray);border-color:var(--line);}
.tag-ok{background:#e7f7ee;color:var(--ok);border-color:#bfe9cf;}
.tag-warn{background:#fdf2e0;color:var(--warn);border-color:#f6dcae;}

/* ---------- 提示 ---------- */
.alert{padding:12px 16px;border-left:4px solid var(--red);background:var(--red-soft);color:var(--red-3);border-radius:var(--radius);margin-bottom:var(--s5);}
.alert-ok{border-left-color:var(--ok);background:#e7f7ee;color:var(--ok);}
.alert-warn{border-left-color:var(--warn);background:#fdf2e0;color:var(--warn);}

/* ---------- 表格 ---------- */
.table{width:100%;border-collapse:collapse;background:#fff;font-size:var(--fs-base);}
.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);}
.table th{background:var(--bg);font-weight:700;color:var(--ink-2);white-space:nowrap;}
.table tr:hover td{background:#fcfcfd;}
.table .op a{color:var(--red);margin-right:12px;}

/* ---------- 分页 ---------- */
.pager{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:var(--s6);}
.pager a,.pager span{padding:8px 14px;border:1px solid var(--line);background:#fff;color:var(--ink-2);text-decoration:none;border-radius:0;}
.pager a.active,.pager a:hover{border-color:var(--red);color:var(--red);}
.pager .pager-nav.disabled{opacity:.45;pointer-events:none;}
.pager-jump{display:inline-flex;align-items:center;gap:6px;margin-left:6px;color:var(--ink-2);}
.pager-jump .pager-input{width:68px;padding:7px 8px;border:1px solid var(--line);border-radius:0;font-size:14px;color:var(--ink);}

/* ---------- 加载 ---------- */
.spinner{width:18px;height:18px;border:2px solid rgb(228 38 38 / .3);border-top-color:var(--red);
  border-radius:50%;animation:spin .7s linear infinite;display:inline-block;}
@keyframes spin{to{transform:rotate(360deg);}}

/* ---------- 深色页脚 ---------- */
.pc-footer{background:var(--dark);color:#c7cde0;padding:var(--s12) 0 var(--s8);margin-top:var(--s16);}
.pc-footer-inner{max-width:var(--maxw);margin:0 auto;padding:0 var(--s5);display:flex;flex-wrap:wrap;gap:var(--s10);justify-content:space-between;}
.pc-footer .brand{color:#fff;font-weight:800;font-size:18px;margin-bottom:10px;}
.pc-footer .cols{display:flex;gap:var(--s10);flex-wrap:wrap;}
.pc-footer .col h5{color:#fff;font-size:var(--fs-base);margin-bottom:12px;}
.pc-footer .col a{display:block;color:#aeb6cc;padding:4px 0;font-size:var(--fs-sm);}
.pc-footer .col a:hover{color:#fff;}
.pc-footer .copy{width:100%;border-top:1px solid var(--dark-2);margin-top:var(--s10);padding-top:var(--s5);
  color:#8a93ad;font-size:var(--fs-sm);text-align:center;}

/* ---------- 用户中心布局 ---------- */
.uc{display:grid;grid-template-columns:240px 1fr;gap:var(--s6);align-items:start;}
.uc-side{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);position:sticky;top:88px;}
.uc-side .uhead{padding:var(--s5);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;}
.uc-side .uc-avatar{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--red);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.uc-side .uc-avatar-img{width:100%;height:100%;object-fit:cover;display:block;}
.uc-side .uc-avatar-text{color:#fff;font-weight:700;font-size:18px;}
.uc-side .uc-avatar-mask{position:absolute;inset:0;background:rgba(0,0,0,.55);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;}
.uc-side .uc-avatar:hover .uc-avatar-mask{opacity:1;}
.uc-side .uname{font-weight:700;color:var(--ink);}
.uc-side .uid{font-size:var(--fs-xs);color:var(--gray);}
.uc-menu{padding:var(--s3);}
.uc-menu a{display:flex;align-items:center;gap:10px;padding:11px 14px;color:var(--ink-2);border-radius:var(--radius);font-weight:500;}
.uc-menu a:hover{background:var(--red-soft);color:var(--red);}
.uc-menu a.active{background:var(--red);color:#fff;}
.uc-main{min-width:0;}
.uc-panel{display:flex;flex-direction:column;min-height:720px;padding:var(--s5);}
.uc-panel > h1.card-title{margin:0 0 var(--s4);}


/* ---------- 统计卡 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s5);}
.stat{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);padding:var(--s5);}
.stat .num{font-size:var(--fs-3xl);font-weight:800;color:var(--red);}
.stat .lbl{color:var(--gray);font-size:var(--fs-sm);margin-top:4px;}

/* ---------- 登录/注册 居中卡 ---------- */
.auth-wrap{min-height:calc(100vh - 64px);display:flex;align-items:center;justify-content:center;padding:var(--s10) var(--s5);background:linear-gradient(180deg,#fff 0%,var(--bg) 100%);}
.auth-card{width:100%;max-width:440px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2);border-top:4px solid var(--red);}
.auth-card .pad{padding:var(--s8) var(--s8) var(--s6);}
.auth-card h1{font-size:var(--fs-2xl);margin-bottom:6px;}
.auth-card .sub{color:var(--gray);margin-bottom:var(--s6);}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .uc{grid-template-columns:1fr;}
  .uc-side{position:static;}
  .uc-menu{display:flex;flex-wrap:wrap;gap:8px;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .pc-nav{display:none;}
}
@media (max-width:640px){
  .container{padding:0 var(--s4);}
  .pc-header-inner{gap:var(--s3);height:56px;}
  .stats{grid-template-columns:1fr 1fr;}
  .auth-card .pad{padding:var(--s6) var(--s5);}
  .table{display:block;overflow-x:auto;white-space:nowrap;}
}

/* =========================================================
   首页（PC 聚合首页）
   ========================================================= */
/* Hero */
.hero{background:var(--red);color:#fff;position:relative;overflow:hidden;}
.hero::after{content:"";position:absolute;right:-90px;top:-90px;width:380px;height:380px;
  background:radial-gradient(circle,rgb(255 255 255 / .14),transparent 70%);}
.hero::before{content:"";position:absolute;left:-60px;bottom:-120px;width:320px;height:320px;
  background:radial-gradient(circle,rgb(0 0 0 / .12),transparent 70%);}
.hero-inner{max-width:var(--maxw);margin:0 auto;padding:calc(var(--s16) + 8px) var(--s5) var(--s12);position:relative;z-index:1;}
.hero h1{color:#fff;font-size:46px;line-height:1.25;font-weight:800;max-width:820px;letter-spacing:-.5px;}
.hero .hl{position:relative;display:inline-block;}
.hero .hl::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:10px;background:rgb(255 255 255 / .28);z-index:-1;}
.hero p.lead{color:rgb(255 255 255 / .92);font-size:18px;margin-top:var(--s5);max-width:640px;line-height:1.7;}
.hero-cta{display:flex;gap:var(--s4);margin-top:var(--s8);flex-wrap:wrap;}
.hero .btn-light{background:#fff;color:var(--red);border-color:#fff;}
.hero .btn-light:hover{background:var(--red-soft);}
.hero .btn-outline{background:transparent;color:#fff;border-color:rgb(255 255 255 / .65);}
.hero .btn-outline:hover{background:rgb(255 255 255 / .14);border-color:#fff;}

/* 区块通用 */
.section{padding:var(--s12) 0;scroll-margin-top:80px;}
.section-head{text-align:center;margin-bottom:var(--s8);}
.section-head h2{font-size:var(--fs-3xl);font-weight:800;}
.section-head p{color:var(--gray);margin-top:var(--s3);font-size:var(--fs-lg);}
.section-head .bar{width:48px;height:4px;background:var(--red);margin:var(--s4) auto 0;}

/* 核心服务网格 */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s5);}
.feat{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);padding:var(--s6);transition:.18s;display:block;position:relative;}
.feat::after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.2s;}
.feat:hover{box-shadow:var(--sh-2);transform:translateY(-3px);}
.feat:hover::after{transform:scaleX(1);}
.feat .ic{width:56px;height:56px;border:1px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;margin-bottom:var(--s4);}
.feat .ic svg{width:28px;height:28px;}
.feat h3{font-size:var(--fs-xl);margin-bottom:8px;}
.feat p{color:var(--gray);font-size:var(--fs-sm);margin:0;line-height:1.6;}
.feat .more{margin-top:var(--s4);color:var(--red);font-weight:600;font-size:var(--fs-sm);display:inline-flex;align-items:center;gap:6px;}

/* 服务流程 */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s8);counter-reset:s;}
.step{background:#fff;border:1px solid var(--line);padding:var(--s8) var(--s6) var(--s6);position:relative;margin-top:18px;}
.step .n{counter-increment:s;position:absolute;top:-18px;left:var(--s6);width:38px;height:38px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-lg);}
.step .n::before{content:counter(s);}
.step h3{font-size:var(--fs-lg);margin-bottom:10px;}
.step p{color:var(--gray);font-size:var(--fs-sm);margin:0;line-height:1.7;}

/* 最新答疑 */
.qa-row{display:flex;flex-direction:column;}
.qa-item{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line);transition:.15s;}
.qa-item:hover{background:var(--red-soft);}
.qa-item .qico{flex:0 0 auto;width:32px;height:32px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:var(--fs-base);}
.qa-item .qt{flex:1;color:var(--ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.qa-item:hover .qt{color:var(--red);}
.qa-item .qmeta{color:var(--gray-2);font-size:var(--fs-sm);white-space:nowrap;}

/* CTA 深底条 */
.cta-band{background:var(--dark);color:#fff;text-align:center;padding:var(--s12) var(--s5);}
.cta-band h2{color:#fff;font-size:var(--fs-3xl);font-weight:800;}
.cta-band p{color:#aeb6cc;margin:var(--s3) 0 var(--s6);font-size:var(--fs-lg);}

/* 响应式补充 */
@media (max-width:900px){
  .feat-grid,.steps{grid-template-columns:1fr;}
  .hero h1{font-size:32px;}
  .hero p.lead{font-size:16px;}
}

/* =========================================================
   智能工具（减刑查询 / 判刑预测）
   ========================================================= */
.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s6);align-items:start;}
.tool-grid .card-pad{padding:var(--s6);}

.checks-group{display:flex;gap:var(--s5);flex-wrap:wrap;}
.checks-group .checks{cursor:pointer;}
.checks-grid{display:flex;gap:10px 22px;flex-wrap:wrap;}
.checks-grid .checks{cursor:pointer;min-width:84px;}

/* 费用条 */
.pricebar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
  border-top:1px solid var(--line);padding-top:var(--s5);margin-top:var(--s2);}
.pricebar .fee{font-size:24px;font-weight:800;color:var(--red);margin-left:8px;}

/* 结果区 */
.result-col{position:sticky;top:88px;}
.result-idle{color:var(--gray);}
.result-body{font-size:var(--fs-base);line-height:1.85;color:var(--ink-2);white-space:normal;
  max-height:62vh;overflow:auto;padding-right:6px;}
.result-body strong{color:var(--red);font-weight:700;}

@media (max-width:900px){
  .tool-grid{grid-template-columns:1fr;}
  .result-col{position:static;}
  .result-body{max-height:none;}
}

/* =========================================================
   内容页（文章中心 / 罪名数据库）
   ========================================================= */
.container.narrow{max-width:880px;}

/* 页头红色横幅（仿问题答疑） */
.red-hero{background:var(--red);color:#fff;padding:44px 48px;margin-bottom:var(--s6);display:flex;align-items:center;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;}
.red-hero .rh-text{flex:1;min-width:280px;}
.red-hero h1{color:#fff;margin:0 0 10px;font-size:30px;font-weight:700;letter-spacing:1px;}
.red-hero p{color:#fff;margin:0;opacity:.94;font-size:15px;max-width:640px;line-height:1.7;}
.red-hero .rh-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#fff;color:var(--red);border:2px solid #fff;padding:12px 26px;font-size:15px;font-weight:700;cursor:pointer;white-space:nowrap;transition:.15s;}
.red-hero .rh-btn:hover{background:var(--red-soft);border-color:var(--red-soft);}
@media(max-width:900px){
  .red-hero{padding:30px 24px;flex-direction:column;align-items:flex-start;}
  .red-hero .rh-btn{align-self:flex-start;}
}

/* 工具条：搜索 + 分类 */
.art-toolbar{margin-bottom:var(--s6);}
.art-search{display:flex;gap:var(--s3);margin-bottom:var(--s4);}
.art-search .input{flex:1;}
.art-chips{display:flex;gap:8px;flex-wrap:wrap;}
.art-chip{padding:7px 16px;border:1px solid var(--line);background:#fff;color:var(--ink-2);font-size:var(--fs-sm);font-weight:500;transition:.15s;}
.art-chip:hover{border-color:var(--red);color:var(--red);}
.art-chip.active{background:var(--red);color:#fff;border-color:var(--red);}

/* 文章列表（横向卡片，与问题答疑一致） */
.art-list{display:grid;gap:12px;}
.art-card{
  display:flex;align-items:stretch;gap:16px;background:#fff;
  border:1px solid var(--line);border-left:4px solid var(--red);
  padding:16px 18px;box-shadow:var(--sh-1);transition:.18s;
}
.art-card:hover{border-color:var(--red);box-shadow:var(--sh-2);transform:translateY(-1px);}
.art-card .art-ico{
  flex:0 0 40px;width:40px;height:40px;background:var(--red-soft);color:var(--red);
  font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;align-self:flex-start;
}
.art-card .art-body{flex:1;min-width:0;}
.art-card .ac-title{font-size:var(--fs-lg);font-weight:600;color:var(--ink);margin:0 0 8px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.art-card:hover .ac-title{color:var(--red);}
.art-card .ac-excerpt{color:var(--gray);font-size:var(--fs-sm);margin:0 0 8px;line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.art-card .ac-meta{display:flex;gap:var(--s4);align-items:center;color:var(--gray-2);font-size:var(--fs-sm);flex-wrap:wrap;}
.art-card .ac-arrow{font-size:24px;color:var(--gray-2);flex:0 0 auto;align-self:center;}
.art-card:hover .ac-arrow{color:var(--red);}

/* 面包屑 */
.crumb{font-size:var(--fs-sm);color:var(--gray);margin:var(--s5) 0 var(--s4);}
.crumb a:hover{color:var(--red);}
.crumb span{color:var(--ink-2);}

/* 文章 / 罪名 详情卡 */
.ad-card{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);box-shadow:var(--sh-1);padding:var(--s8);}
.ad-title{font-size:var(--fs-3xl);font-weight:800;line-height:1.4;margin:0 0 var(--s4);padding-left:14px;border-left:4px solid var(--red);letter-spacing:-.3px;}
.ad-meta{display:flex;gap:10px;align-items:center;color:var(--gray-2);font-size:var(--fs-sm);margin-bottom:var(--s6);flex-wrap:wrap;}
.ad-meta .dot-sep{color:var(--line);}
.ad-q{background:var(--bg);border-left:4px solid var(--red);padding:var(--s5) var(--s6);margin:0 0 var(--s6);}
.ad-sub{font-size:var(--fs-md);font-weight:700;color:var(--ink);margin:0 0 12px;padding-left:12px;border-left:4px solid var(--red);line-height:1.4;}
.ad-q-text{margin:0;color:var(--ink-2);line-height:1.85;}
.ad-report{background:#fff;border:1px solid var(--line);border-top:3px solid var(--red);box-shadow:var(--sh-1);padding:26px 28px;margin:0 0 var(--s6);font-size:15.5px;line-height:1.85;color:var(--ink-2);}
.ad-answer{color:var(--ink-2);line-height:1.85;font-size:15.5px;word-break:break-word;}
.ad-answer p{margin:0 0 12px;}
.ad-answer h1,.ad-answer h2,.ad-answer h3,.ad-answer h4{margin:22px 0 10px;color:var(--ink);}
.ad-answer h3{font-size:17px;color:var(--red);padding-left:11px;border-left:4px solid var(--red);}
.ad-answer h3:first-child{margin-top:0;}
.ad-answer img{max-width:100%;height:auto;margin:var(--s4) 0;}
.ad-answer table{border-collapse:collapse;width:100%;margin:var(--s4) 0;}
.ad-answer td,.ad-answer th{border:1px solid var(--line);padding:8px 10px;}

/* 相关推荐 */
.ad-rel{margin-top:var(--s8);}
.ad-rel-list{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);}
.ad-rel-list li{border-bottom:1px solid var(--line);}
.ad-rel-list li:last-child{border-bottom:none;}
.ad-rel-list a{display:block;padding:var(--s4) var(--s5);color:var(--ink-2);font-weight:500;transition:.15s;}
.ad-rel-list a:hover{background:var(--red-soft);color:var(--red);padding-left:var(--s6);}

/* 罪名列表（横向卡片，与问题答疑一致） */
.crime-list{display:grid;gap:12px;}
.crime-card{
  display:flex;align-items:stretch;gap:16px;background:#fff;
  border:1px solid var(--line);border-left:4px solid var(--red);
  padding:16px 18px;box-shadow:var(--sh-1);transition:.18s;
}
.crime-card:hover{border-color:var(--red);box-shadow:var(--sh-2);transform:translateY(-1px);}
.crime-card .crime-ico{
  flex:0 0 40px;width:40px;height:40px;background:var(--red-soft);color:var(--red);
  font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;align-self:flex-start;
}
.crime-card .crime-body{flex:1;min-width:0;}
.crime-card .crime-name{font-size:var(--fs-lg);font-weight:600;color:var(--ink);margin:0 0 8px;line-height:1.55;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.crime-card:hover .crime-name{color:var(--red);}
.crime-card .crime-chap{font-size:var(--fs-xs);color:var(--gray-2);margin:0 0 8px;}
.crime-card .crime-note{font-size:var(--fs-xs);color:var(--red-3);background:var(--red-soft);padding:2px 8px;display:inline-block;}
.crime-card .crime-arrow{font-size:24px;color:var(--gray-2);flex:0 0 auto;align-self:center;}
.crime-card:hover .crime-arrow{color:var(--red);}

/* 罪名详情属性行 */
.cd-rows{margin-top:var(--s5);}
.cd-row{display:grid;grid-template-columns:140px 1fr;gap:var(--s5);padding:var(--s5) 0;border-bottom:1px solid var(--line);}
.cd-row:last-child{border-bottom:none;}
.cd-k{font-weight:700;color:var(--ink);}
.cd-v{color:var(--ink-2);line-height:1.8;}
.muted{color:var(--gray-2);}

/* 响应式 */
@media (max-width:900px){
  .cd-row{grid-template-columns:110px 1fr;gap:var(--s3);}
}
@media (max-width:640px){
  .ad-card{padding:var(--s6) var(--s5);}
  .art-card .ac-excerpt{display:none;}
  .crime-card .crime-note{display:none;}
}