/* pricing.html 专属样式（Writer C） */
.tbd-note{max-width:900px;margin:0 auto 32px}
.mx-legend{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;font-size:13.5px;color:var(--muted);margin-bottom:18px}
.mx-legend > span{display:inline-flex;align-items:center;gap:7px}
.mx-legend i{width:18px;height:18px;border-radius:50%;display:inline-block;position:relative}
.mx-legend i.y,.mx td.y::after{background:var(--accent-soft)}
.mx-legend i.y::after,.mx td.y::before{content:"";position:absolute;width:8px;height:5px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.mx-legend i.y::after{left:5px;top:5px}
.mx-legend i.n{background:#F0F0F0}
.mx-legend i.n::after,.mx td.n::before{content:"";position:absolute;width:8px;height:2px;background:#B5B5B5;border-radius:1px}
.mx-legend i.n::after{left:5px;top:8px}
.mx{min-width:720px}
.mx th.c,.mx td.c{text-align:center;width:96px}
.mx td.c{position:relative}
.mx td.y::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%}
.mx td.y::before{left:50%;top:50%;margin:-4px 0 0 -4px;z-index:1}
.mx td.n::before{left:50%;top:50%;margin:-1px 0 0 -4px}
.mx tr.grp td{background:#F6F8FA;font-weight:700;color:var(--strong);font-size:14px;letter-spacing:.5px;padding-top:9px;padding-bottom:9px}
.mx tr.grp:hover td{background:#F6F8FA}
.mx td .badge{font-size:11px;padding:0 7px;font-weight:500;margin-left:4px;vertical-align:1px}
.mx code{font-family:var(--mono);font-size:.88em;background:#F0F0F0;padding:0 5px;border-radius:4px}
.mx thead th.hl{color:var(--accent)}

.lic{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative}
.lic-step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}
.lic-n{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:12px}
.lic-step h3{font-size:17.5px;margin-bottom:8px}
.lic-step p{color:var(--muted);font-size:14.5px}
.code-date{margin-top:24px;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:26px 28px}
.cd-left h3{font-size:18px;margin-bottom:8px}
.cd-left p{color:var(--muted);font-size:14.5px}
.cdb-track{position:relative;height:12px;border-radius:999px;background:linear-gradient(90deg,var(--g1) 0,var(--g2) 62%,#D9DEE4 62%,#D9DEE4 100%);margin:30px 0 12px}
.cdb-track span{position:absolute;top:-28px;font-size:12.5px;color:var(--strong);font-weight:600;transform:translateX(-50%)}
.cdb-track span::after{content:"";position:absolute;left:50%;top:22px;width:2px;height:18px;background:var(--strong);margin-left:-1px}
.cdb-a{left:0;transform:none!important}
.cdb-a::after{left:1px!important}
.cdb-b{left:62%}
.cdb-labels{display:grid;grid-template-columns:62% 38%;font-size:12.5px;color:var(--muted)}
.cdb-labels .a{color:var(--accent);padding-right:8px}
.cdb-labels .b{padding-left:8px}
.faq code{font-family:var(--mono);font-size:.9em;background:#F0F0F0;padding:0 5px;border-radius:4px}
.cta-sec{padding:0 0 88px}
.cta-btns{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:760px){
  .lic,.code-date{grid-template-columns:1fr}
  .code-date{padding:22px 18px}
  .mx th.c,.mx td.c{width:70px}
  .cta-sec{padding:0 0 56px}
}
@media (max-width:760px){
  table.tbl.mx{min-width:0;font-size:13.5px}
  .mx th,.mx td{padding:9px 10px}
  .mx th.c,.mx td.c{width:46px;padding:9px 2px;font-size:12.5px}
  .mx td .badge{display:inline-block;margin:2px 0 0}
}