/* ==========================================================================
   SVC2026 ― 服务购买页线稿版式（邮局 / SSL / 服务器 / 小程序 / 商标 共用）
   依赖 base.css 的变量：--l-ink --l-line --l-line-2 --ym-brand --ym-ink-3 ...
   全部区块用横线分区，零圆角、零阴影、零卡片。
   ========================================================================== */

/* ---------- 1. 通用：把容器吃进统一宽度 ---------- */
.svc { padding-bottom: 40px; }
.svc .wide1190, .svc .w1190 { width: auto !important; max-width: var(--ym-wrap); margin: 0 auto; padding: 0 40px; }

/* ---------- 2. HERO ---------- */
.svc-hero { padding-top: 30px; }
.svc-hero-top {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding-bottom: 14px; border-bottom: 1px solid var(--l-ink);
}
.svc-hero-grid {
  display: grid; grid-template-columns: 1.5fr .8fr; gap: 56px;
  padding: 42px 0 34px;
}
.svc-h1 {
  margin: 0 0 18px; font-size: clamp(34px, 4vw, 54px); line-height: 1.06;
  letter-spacing: -.045em; font-weight: 700; color: var(--l-ink);
}
.svc-h1 em { font-style: normal; color: var(--ym-brand); }
.svc-lead { margin: 0; font-size: 15px; line-height: 1.78; color: var(--ym-ink-3); max-width: 540px; }

.svc-nums {
  display: grid; grid-template-columns: repeat(4, 1fr);
  margin-top: 36px; border-top: 1px solid var(--l-ink);
}
.svc-nums > div { padding: 20px 0 22px 22px; border-left: 1px solid var(--l-line); }
.svc-nums > div:first-child { border-left: 0; padding-left: 0; }
.svc-nums b {
  display: block; font-size: 28px; font-weight: 700; letter-spacing: -.03em;
  color: var(--l-ink); line-height: 1;
}
.svc-nums b em { font-style: normal; font-size: 14px; font-weight: 500; color: var(--ym-brand); margin-left: 2px; }
.svc-nums > div > span { display: block; margin-top: 7px; font-size: 11.5px; color: var(--ym-ink-4); }
/* 数字格内的实时价（data-ptype）必须继承大字号，不能被上面的说明文字样式吃掉 */
.svc-nums b span { display: inline !important; margin: 0 !important; font-size: inherit !important; color: inherit !important; }

/* 右栏：实时配置板 */
.svc-board { border-left: 1px solid var(--l-line); padding-left: 30px; align-self: start; }
.svc-board-hd {
  display: flex; justify-content: space-between; align-items: baseline;
  font-family: var(--ym-mono); font-size: 10px; letter-spacing: .14em;
  color: var(--ym-ink-4); padding-bottom: 10px; border-bottom: 1px solid var(--l-ink);
}
.svc-board-hd b { color: var(--ym-brand); font-weight: 600; }

/* 配置列表：把旧的 ul.config-list 直接压成线稿行 */
.svc-board ul.config-list, .svc-board ul.svc-spec {
  list-style: none; margin: 0; padding: 0 !important;
  border-bottom: 1px solid var(--l-ink);
}
.svc-board ul.config-list li, .svc-board ul.svc-spec li {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 10px 0 !important; border-bottom: 1px solid var(--l-line-2) !important;
  font-size: 12.5px; color: var(--ym-ink-3) !important; line-height: 1.5 !important;
}
.svc-board ul.config-list li:last-child, .svc-board ul.svc-spec li:last-child { border-bottom: 0 !important; }
.svc-board ul.config-list li label, .svc-board ul.svc-spec li label {
  width: auto !important; text-align: left !important; padding: 0 12px 0 0 !important;
  color: var(--ym-ink-4) !important; font-size: 12px !important;
  float: none !important; display: block !important; flex: 0 0 auto;
  white-space: nowrap;
}
.svc-board ul.config-list li::after { content: none; }

/* ---------- 3. 购买配置器（表单 → 规格清单） ---------- */
.svc-form { border-bottom: 1px solid var(--l-ink); }

.svc-form .frow {
  display: grid; grid-template-columns: 190px minmax(0, 1fr) 230px;
  gap: 18px; align-items: center;
  padding: 20px 0; border-top: 1px solid var(--l-line-2);
}
.svc-form .frow:first-child { border-top: 0; }
.svc-form .frow > label {
  font-size: 13px; font-weight: 600; color: var(--l-ink);
  letter-spacing: .01em; padding: 0; margin: 0; text-align: left;
  width: auto !important; display: block; line-height: 1.4;
}
.svc-form .frow .fctl { min-width: 0; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.svc-form .frow .fnote { font-size: 12px; color: var(--ym-ink-4); text-align: right; line-height: 1.5; }
.svc-form .frow .fnote b { color: var(--l-ink); font-weight: 600; }

/* 输入框：只留下边线 */
.svc-form input.postnum,
.svc-form input.domain-input,
.svc-form input[type=text],
.svc-form input[type=password] {
  height: 42px !important; line-height: 42px !important;
  border: 0 !important; border-bottom: 1px solid var(--l-ink) !important;
  border-radius: 0 !important; background: transparent !important;
  padding: 0 2px !important; font-size: 15px !important; color: var(--l-ink) !important;
  box-shadow: none !important; transition: border-color .16s ease;
}
.svc-form input.postnum { width: 110px !important; }
.svc-form input.domain-input { width: 100% !important; max-width: 380px; }
.svc-form input[type=text]:focus,
.svc-form input[type=password]:focus { border-bottom-color: var(--ym-brand) !important; outline: 0; }
.svc-form .unit { font-size: 13px; color: var(--ym-ink-4); }

/* 时长选择：方角细边框，选中填橙 */
.svc-form .sel { display: flex; flex-wrap: wrap; gap: 0; }
.svc-form .sel a {
  display: inline-block; min-width: 74px; text-align: center;
  padding: 9px 14px !important; margin: 0 0 -1px -1px !important;
  border: 1px solid var(--l-ink) !important; border-radius: 0 !important;
  font-size: 13px; color: var(--l-ink) !important; text-decoration: none;
  background: transparent !important; transition: all .14s ease;
}
.svc-form .sel a:hover { color: var(--ym-brand) !important; border-color: var(--ym-brand) !important; }
.svc-form .sel a.sel_on,
.svc-form .sel a.on {
  background: var(--ym-brand) !important; border-color: var(--ym-brand) !important;
  color: #fff !important; font-weight: 600;
}

/* 费用构成 */
.svc-form .fyjs {
  font-family: var(--ym-mono); font-size: 12px; line-height: 1.7;
  color: var(--ym-ink-3); word-break: break-all;
}
.svc-form .fyjs:empty::before { content: "计算中"; color: var(--ym-ink-4); }

/* 合计条 */
.svc-sum {
  display: grid; grid-template-columns: 190px minmax(0, 1fr) 230px;
  gap: 18px; align-items: center;
  padding: 26px 0 22px; border-top: 1px solid var(--l-ink);
}
.svc-sum > .k { font-size: 13px; font-weight: 600; color: var(--l-ink); }
.svc-sum .amt {
  font-family: var(--ym-mono); font-size: 40px; font-weight: 700; line-height: 1;
  letter-spacing: -.03em; color: var(--ym-brand); font-variant-numeric: tabular-nums;
}
.svc-sum .amt .cur { font-size: 20px; font-weight: 600; vertical-align: 8px; margin-right: 2px; }
.svc-sum .amt-note { font-size: 12px; color: var(--ym-ink-4); margin-left: 12px; font-family: inherit; }

/* 协议行 + 提交 */
.svc-agree {
  display: grid; grid-template-columns: 190px minmax(0, 1fr) 230px;
  gap: 18px; align-items: center; padding: 0 0 30px;
}
.svc-agree .abox { font-size: 12.5px; color: var(--ym-ink-3); display: flex; align-items: center; gap: 8px; }
.svc-agree .abox input { margin: 0; width: 14px; height: 14px; accent-color: var(--ym-brand); }
.svc-agree .abox a { color: var(--ym-brand-ink); text-decoration: none; border-bottom: 1px solid var(--ym-brand-line); }

.svc-form input.btn-mail,
.svc-buy {
  display: block; width: 100%; height: 50px; line-height: 50px;
  background: var(--ym-brand) !important; color: #fff !important;
  border: 0 !important; border-radius: 0 !important;
  font-size: 15px !important; font-weight: 600; letter-spacing: .02em;
  cursor: pointer; text-align: center; padding: 0 !important;
  transition: background .16s ease;
}
.svc-form input.btn-mail:hover, .svc-buy:hover { background: var(--ym-brand-ink) !important; }

/* ---------- 4. 能力 / 功能：两栏线稿列表 ---------- */
.svc-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--l-ink); }
.svc-duo > .col { border-top: 0; padding-right: 40px; }
.svc-duo > .col + .col { border-left: 1px solid var(--l-line); padding-left: 40px; padding-right: 0; }
.svc-duo .col-hd { padding: 20px 0 18px; display: flex; align-items: baseline; gap: 10px; }
.svc-duo .col-hd h3 { margin: 0; font-size: 19px; font-weight: 700; color: var(--l-ink); letter-spacing: -.02em; }
.svc-duo .col-hd span { font-family: var(--ym-mono); font-size: 10.5px; color: var(--ym-ink-4); letter-spacing: .12em; }
.svc-duo dl { margin: 0; }
.svc-duo dl > div {
  padding: 14px 0; border-top: 1px solid var(--l-line-2);
}
.svc-duo dt { font-size: 13.5px; font-weight: 600; color: var(--l-ink); margin-bottom: 5px; }
.svc-duo dd { margin: 0; font-size: 12.5px; line-height: 1.68; color: var(--ym-ink-3); }

/* 单列大条目 */
.svc-list { border-bottom: 1px solid var(--l-ink); }
.svc-list .item {
  display: grid; grid-template-columns: 46px minmax(0, 1fr) 200px;
  gap: 18px; align-items: start;
  padding: 20px 0; border-top: 1px solid var(--l-line-2);
}
.svc-list .item:first-child { border-top: 0; }
.svc-list .item .no {
  font-family: var(--ym-mono); font-size: 11px; color: var(--ym-brand);
  font-weight: 700; letter-spacing: .08em; padding-top: 2px;
}
.svc-list .item h4 { margin: 0 0 6px; font-size: 15.5px; font-weight: 600; color: var(--l-ink); }
.svc-list .item p { margin: 0; font-size: 12.8px; line-height: 1.7; color: var(--ym-ink-3); }
.svc-list .item .tag {
  font-size: 11.5px; color: var(--ym-ink-4); text-align: right; line-height: 1.6;
  border: 0 !important; padding: 0 !important; background: none !important;
}

/* ---------- 5. 计划 / 价格档位（SSL、服务器、小程序用） ---------- */
.svc-plans { border-top: 1px solid var(--l-ink); border-bottom: 1px solid var(--l-ink); }
.svc-plans .prow {
  display: grid; grid-template-columns: 200px 1fr 150px 120px 120px;
  gap: 18px; align-items: center;
  padding: 18px 0; border-top: 1px solid var(--l-line-2);
}
.svc-plans .prow:first-child { border-top: 0; }
.svc-plans .prow.head {
  padding: 12px 0; border-top: 0; border-bottom: 1px solid var(--l-ink);
  font-family: var(--ym-mono); font-size: 10.5px; letter-spacing: .12em;
  color: var(--ym-ink-4); text-transform: uppercase;
}
.svc-plans .prow .nm { font-size: 14.5px; font-weight: 600; color: var(--l-ink); }
.svc-plans .prow .ds { font-size: 12.5px; color: var(--ym-ink-3); line-height: 1.6; }
.svc-plans .prow .pr {
  font-family: var(--ym-mono); font-size: 19px; font-weight: 700;
  color: var(--l-ink); text-align: right; font-variant-numeric: tabular-nums;
}
.svc-plans .prow .pr b { color: var(--ym-brand); }
.svc-plans .prow .pr em { font-style: normal; font-size: 11px; color: var(--ym-ink-4); font-weight: 400; }
.svc-plans .prow .go {
  display: block; text-align: center; padding: 9px 0; border: 1px solid var(--l-ink);
  font-size: 12.5px; color: var(--l-ink); text-decoration: none; transition: all .14s ease;
}
.svc-plans .prow .go:hover { background: var(--ym-brand); border-color: var(--ym-brand); color: #fff; }
.svc-plans .prow .go.dis { border-color: var(--l-line); color: var(--ym-ink-4); pointer-events: none; }

/* ---------- 6. FAQ / 协议：details 手风琴 ---------- */
.svc-faq { border-bottom: 1px solid var(--l-ink); }
.svc-faq details { border-top: 1px solid var(--l-line-2); }
.svc-faq details:first-child { border-top: 0; }
.svc-faq summary {
  display: flex; align-items: center; gap: 14px;
  padding: 16px 0; cursor: pointer; list-style: none;
  font-size: 14px; font-weight: 600; color: var(--l-ink);
}
.svc-faq summary::-webkit-details-marker { display: none; }
.svc-faq summary .n { font-family: var(--ym-mono); font-size: 11px; color: var(--ym-ink-4); font-weight: 400; }
.svc-faq summary .pm { margin-left: auto; color: var(--ym-brand); font-size: 16px; line-height: 1; transition: transform .16s ease; }
.svc-faq details[open] summary .pm { transform: rotate(45deg); }
.svc-faq details[open] summary { color: var(--ym-brand-ink); }
.svc-faq .ans { padding: 0 0 18px 30px; font-size: 13px; line-height: 1.85; color: var(--ym-ink-3); }
.svc-faq .ans p { margin: 0 0 8px; }
.svc-faq .ans a { color: var(--ym-brand-ink); }

/* ---------- 6b. 数据对比表（横线，无竖线） ---------- */
.svc-tbl { width: 100%; border-collapse: collapse; border-bottom: 1px solid var(--l-ink); }
.svc-tbl caption { text-align: left; padding-bottom: 12px; }
.svc-tbl th, .svc-tbl td {
  padding: 11px 14px 11px 0; text-align: left; vertical-align: middle;
  border: 0 !important; border-top: 1px solid var(--l-line-2) !important;
  background: none !important; font-size: 12.8px; color: var(--ym-ink-2);
}
.svc-tbl thead th {
  border-top: 1px solid var(--l-ink) !important; border-bottom: 1px solid var(--l-ink) !important;
  font-family: var(--ym-mono); font-size: 10.5px; letter-spacing: .1em;
  text-transform: uppercase; color: var(--ym-ink-4); font-weight: 400; white-space: nowrap;
}
.svc-tbl tbody tr:first-child td { border-top: 0 !important; }
.svc-tbl td.br { font-weight: 600; color: var(--l-ink); white-space: nowrap; vertical-align: top; padding-top: 11px; }
.svc-tbl td.num { font-family: var(--ym-mono); font-variant-numeric: tabular-nums; text-align: right; padding-right: 20px; }
.svc-tbl td.num:last-child { text-align: left; padding-right: 0; }
.svc-tbl td.ctr { text-align: center; }

/* ---------- 6c. 流程步骤 ---------- */
.svc-steps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--l-ink); border-bottom: 1px solid var(--l-ink); }
.svc-steps > div { padding: 22px 24px 26px 0; border-left: 1px solid var(--l-line); }
.svc-steps > div:first-child { border-left: 0; padding-left: 0; }
.svc-steps .sn { font-family: var(--ym-mono); font-size: 11px; color: var(--ym-brand); font-weight: 700; letter-spacing: .1em; }
.svc-steps h4 { margin: 10px 0 7px; font-size: 14.5px; font-weight: 600; color: var(--l-ink); }
.svc-steps p { margin: 0; font-size: 12.5px; line-height: 1.68; color: var(--ym-ink-3); }
.svc-steps .tm { display: block; margin-top: 10px; font-family: var(--ym-mono); font-size: 11px; color: var(--ym-ink-4); }

/* ---------- 6d. 章节导语 ---------- */
.svc-note { margin: 0 0 24px; font-size: 13px; line-height: 1.78; color: var(--ym-ink-3); max-width: 720px; }

/* ---------- 7. 收尾 CTA ---------- */
.svc-cta {
  display: grid; grid-template-columns: 1fr auto; gap: 32px; align-items: center;
  margin-top: 0; padding: 32px 0 44px; border-top: 0;
}
.svc-cta h3 { margin: 0 0 10px; font-size: 26px; font-weight: 700; letter-spacing: -.03em; color: var(--l-ink); }
.svc-cta p { margin: 0; font-size: 13px; line-height: 1.7; color: var(--ym-ink-3); }
.svc-cta .acts { display: flex; gap: 10px; align-items: center; }
.svc-cta .acts a {
  display: inline-block; padding: 13px 26px; font-size: 13.5px; font-weight: 600;
  text-decoration: none; border: 1px solid var(--l-ink); color: var(--l-ink);
  transition: all .16s ease; white-space: nowrap;
}
.svc-cta .acts a:hover { background: var(--l-ink); color: #fff; }
.svc-cta .acts a.fill { background: var(--ym-brand); border-color: var(--ym-brand); color: #fff; }
.svc-cta .acts a.fill:hover { background: var(--ym-brand-ink); border-color: var(--ym-brand-ink); }

/* ---------- 8. 旧结构抑制：这些页里残留的老盒子一律压平 ---------- */
.svc .sec-banner { display: none !important; }
.svc .mail-content, .svc .mail-section, .svc .mail-left, .svc .mail-faq,
.svc .custom-mail, .svc .config-box, .svc .mail-title,
.svc .mail-advantage, .svc .advantage-list, .svc .advantage-list li,
.svc .mail-state, .svc .state-column, .svc .column-list, .svc .column-list li,
.svc .state-line { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.svc .mail-title h3, .svc .column-title strong { color: var(--l-ink); }

/* ---------- 9. 响应式 ---------- */
@media (max-width: 1100px) {
  .svc-hero-grid { grid-template-columns: 1fr; gap: 30px; padding-top: 30px; }
  .svc-board { border-left: 0; padding-left: 0; border-top: 1px solid var(--l-ink); padding-top: 16px; }
  .svc-form .frow, .svc-sum, .svc-agree { grid-template-columns: 150px minmax(0, 1fr); }
  .svc-form .frow .fnote { display: none; }
  .svc-sum > .amt-cell, .svc-agree > .submit-cell { grid-column: 2; }
  .svc-duo { grid-template-columns: 1fr; gap: 0; }
  .svc-duo > .col + .col { margin-top: 40px; }
  .svc-plans .prow { grid-template-columns: 1fr 110px 100px; }
  .svc-plans .prow .ds, .svc-plans .prow.head > *:nth-child(2) { display: none; }
  .svc-list .item { grid-template-columns: 34px 1fr; }
  .svc-list .item .tag { display: none; }
}
@media (max-width: 760px) {
  .svc .wide1190, .svc .w1190 { padding: 0 18px; }
  .svc-nums { grid-template-columns: 1fr 1fr; }
  .svc-nums > div:nth-child(3) { border-left: 0; padding-left: 0; }
  .svc-form .frow, .svc-sum, .svc-agree { grid-template-columns: 1fr; gap: 10px; }
  .svc-sum > .amt-cell, .svc-agree > .submit-cell { grid-column: auto; }
  .svc-sum .amt { font-size: 32px; }
  .svc-cta { grid-template-columns: 1fr; gap: 18px; }
  .svc-plans .prow { grid-template-columns: 1fr 100px; }
}

/* ==========================================================================
   10. 小程序页（body.svc-mp）
   保留原 4 个 tab 的数据结构与 JS 钩子，仅把视觉压成线稿。
   ========================================================================== */
.svc-mp .container { padding: 0 !important; }
.svc-mp .miniprogram-tab { position: static !important; background: none !important; border: 0 !important; height: auto !important; }
.svc-mp .miniprogram-tab .content { padding: 0 !important; background: none !important; }

.svc-mp .tab-list {
  display: flex !important; gap: 0; border-bottom: 1px solid var(--l-ink);
  margin: 0 !important; padding: 0 !important; text-align: left !important; height: auto !important;
}
.svc-mp .tab-list li {
  float: none !important; display: block !important; margin: 0 !important;
  height: auto !important; width: auto !important; background: none !important;
}
.svc-mp .tab-list li.active { background: none !important; }
.svc-mp .tab-list li a { height: auto !important; line-height: 1.4 !important; }
.svc-mp .tab-list li.active a:before { display: none !important; content: none !important; }
.svc-mp .tab-content { background: none !important; }
.svc-mp .tab-list li a.item {
  display: block; position: relative;
  padding: 15px 30px 15px 0 !important;
  background: none !important; border: 0 !important;
  font-size: 14.5px; color: var(--ym-ink-3) !important; text-decoration: none;
}
.svc-mp .tab-list li a.item::after {
  content: ""; position: absolute; left: 0; right: 30px; bottom: -1px;
  height: 2px; background: transparent;
}
.svc-mp .tab-list li.active a.item { color: var(--l-ink) !important; font-weight: 600; }
.svc-mp .tab-list li.active a.item::after { background: var(--ym-brand); }

.svc-mp .miniprogram-title {
  font-size: 27px !important; font-weight: 700; color: var(--l-ink) !important;
  border-top: 1px solid var(--l-ink);
  padding: 18px 0 0 !important; margin: 62px 0 20px !important;
  letter-spacing: -.02em; text-align: left !important; line-height: 1.2 !important;
}
.svc-mp .miniprogram-title strong { color: var(--ym-brand); font-weight: 700; }
.svc-mp .miniprogram-line { display: none !important; }
.svc-mp .miniprogram-desc { padding: 0 !important; margin: 0 0 26px !important; text-align: left !important; }
.svc-mp .miniprogram-desc p { font-size: 13px; line-height: 1.8; color: var(--ym-ink-3); margin: 0 0 4px; }

/* 六条优势 -> 三列横线 */
.svc-mp .advantage-list { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 0 44px; margin: 0 !important; }
.svc-mp .advantage-list li {
  float: none !important; display: block !important; width: auto !important;
  border-top: 1px solid var(--l-line-2) !important; padding: 18px 0 !important;
  background: none !important; box-shadow: none !important; text-align: left !important;
}
.svc-mp .advantage-list li img { display: none !important; }
.svc-mp .advantage-list li h5 { font-size: 15px !important; margin: 0 0 7px !important; color: var(--l-ink) !important; }
.svc-mp .advantage-list li p {
  margin: 0 !important; font-size: 12.5px !important; line-height: 1.7 !important;
  color: var(--ym-ink-3) !important; height: auto !important; overflow: visible !important;
}

/* 功能应用 / 我们的优势 -> 四列横线 */
.svc-mp .miniprogram-config .config-list, .svc-mp .youshi-list { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 0 40px; margin: 0 !important; }
.svc-mp .miniprogram-config .config-list li, .svc-mp .youshi-list li {
  float: none !important; display: block !important; width: auto !important;
  border-top: 1px solid var(--l-line-2) !important; padding: 16px 0 !important;
  background: none !important; box-shadow: none !important; text-align: left !important;
}
.svc-mp .miniprogram-config .config-list li img, .svc-mp .youshi-list li img { display: none !important; }
.svc-mp .miniprogram-config .config-list li .cl-title, .svc-mp .youshi-list li p {
  font-size: 14px !important; font-weight: 600 !important; color: var(--l-ink) !important;
  margin: 0 0 6px !important; line-height: 1.5 !important;
}
.svc-mp .miniprogram-config .config-list li .cl-txt { font-size: 12.5px !important; color: var(--ym-ink-3) !important; line-height: 1.7 !important; }

/* 模板 / 案例网格压平 */
.svc-mp .template-list li, .svc-mp .case-list li, .svc-mp .hymb-list li {
  background: none !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important;
}
.svc-mp .hml-item {
  display: inline-block; padding: 7px 14px; margin: 0 8px 8px 0;
  border: 1px solid var(--l-line) !important; border-radius: 0 !important;
  font-size: 12.5px; color: var(--ym-ink-3) !important; background: none !important;
}
.svc-mp .hml-item.active { background: var(--ym-brand) !important; border-color: var(--ym-brand) !important; color: #fff !important; }

/* ---------- 购买区 ---------- */
.mp-vers { display: flex; }
.mp-vers a.versions-btn {
  padding: 10px 24px !important; margin: 0 0 0 -1px !important;
  border: 1px solid var(--l-ink) !important; border-radius: 0 !important;
  font-size: 13.5px !important; color: var(--l-ink) !important;
  background: none !important; text-decoration: none; line-height: 1.4 !important;
}
.mp-vers a.versions-btn:first-child { margin-left: 0 !important; }
.mp-vers a.versions-btn.active {
  background: var(--ym-brand) !important; border-color: var(--ym-brand) !important;
  color: #fff !important; font-weight: 600;
}

.mp-picker .tab-content { display: none !important; }
.mp-picker .tab-content.active { display: block !important; }
.mp-picker .frow:nth-child(3) .tab-content.active { display: flex !important; flex-wrap: wrap; }

.mp-picker .il-type { display: flex !important; flex-wrap: wrap; gap: 8px 20px; }
.mp-picker .il-type span {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12.5px; color: var(--l-ink); float: none !important;
}
.mp-picker .il-type span.gray { color: var(--ym-ink-4); }
.mp-picker .il-type img { width: 12px; height: 12px; display: inline-block !important; }

.mp-picker .price {
  display: inline-flex !important; align-items: baseline; gap: 7px;
  margin: 0 0 0 -1px !important; padding: 12px 20px !important;
  border: 1px solid var(--l-ink) !important; border-radius: 0 !important;
  cursor: pointer; background: none !important; float: none !important;
}
.mp-picker .price input { display: none !important; }
.mp-picker .price span {
  font-family: var(--ym-mono); font-size: 21px; font-weight: 700;
  color: var(--l-ink); font-variant-numeric: tabular-nums;
}
.mp-picker .price i { font-style: normal; font-size: 12px; color: var(--ym-ink-4); }
.mp-picker .price:hover { border-color: var(--ym-brand) !important; }
.mp-picker .price:has(input:checked) { background: var(--ym-brand) !important; border-color: var(--ym-brand) !important; }
.mp-picker .price:has(input:checked) span,
.mp-picker .price:has(input:checked) i { color: #fff !important; }

.mp-hint { font-size: 12.5px; color: var(--ym-ink-4); }
.mp-compare { padding: 0 0 8px; }
.mp-compare a {
  font-size: 13px; color: var(--ym-brand-ink) !important;
  text-decoration: none; border-bottom: 1px solid var(--ym-brand-line);
}

@media (max-width: 1100px) {
  .svc-mp .advantage-list, .svc-mp .config-list, .svc-mp .youshi-list { grid-template-columns: repeat(2, 1fr); }
}

/* 小程序页：压掉旧模板的固定高度 / 浮动宽度 / 白色卡片阴影 */
.svc-mp .miniprogram-advantage .advantage-list { padding: 0 !important; }
.svc-mp .advantage-list li {
  height: auto !important; overflow: visible !important; padding: 18px 0 !important;
  border-radius: 0 !important;
}
.svc-mp .advantage-list li:hover { background: var(--l-sel-w) !important; border-radius: 0 !important; }
.svc-mp .advantage-list li h5 { line-height: 1.45 !important; padding-left: 0 !important; }
.svc-mp .advantage-list li p { padding-left: 0 !important; position: static !important; top: auto !important; }

.svc-mp .miniprogram-config .config-list { margin-top: 0 !important; }
.svc-mp .miniprogram-config .config-list li {
  width: auto !important; margin: 0 !important; padding: 16px 0 !important;
  background: none !important; border-radius: 0 !important; box-shadow: none !important;
  text-align: left !important;
}
.svc-mp .miniprogram-config .config-list li .cl-title { padding-top: 0 !important; }
.svc-mp .miniprogram-config .config-list li .cl-txt { padding-top: 0 !important; }

.svc-mp .miniprogram-youshi { background: none !important; padding-bottom: 0 !important; }
.svc-mp .youshi-list li { width: auto !important; padding: 16px 0 !important; margin: 0 !important; }
.svc-mp .youshi-list li p {
  height: auto !important; padding-top: 0 !important; text-align: left !important;
  line-height: 1.7 !important;
}

/* 第一个区块标题离 tab 近一点 */
.svc-mp .tab-content > div:first-child .miniprogram-title { margin-top: 26px !important; }

/* 功能对比表 / 筛选区：去掉蓝底表头与彩色分组块 */
.svc-mp .miniprogram-app { padding: 0 !important; background: none !important; }
.svc-mp .table-info {
  width: 100% !important; border-collapse: collapse !important;
  border-bottom: 1px solid var(--l-ink);
}
.svc-mp .table-info th {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
  border-bottom: 1px solid var(--l-ink) !important;
  font-family: var(--ym-mono) !important; font-size: 10.5px !important;
  letter-spacing: .1em; color: var(--ym-ink-4) !important;
  font-weight: 400 !important; text-align: left !important;
  padding: 12px 10px !important;
}
.svc-mp .table-info td {
  border: 0 !important;
  border-top: 1px solid var(--l-line-2) !important;
  background: none !important; color: var(--ym-ink-2) !important;
  font-size: 12.8px !important; padding: 11px 10px !important;
}
.svc-mp .table-info td.left {
  color: var(--l-ink) !important; font-weight: 600 !important;
  vertical-align: top;
}
.svc-mp .table-info td img { vertical-align: middle; }
.svc-mp .table-info tr:nth-child(even) td,
.svc-mp .table-info tr:nth-child(odd) td { background: none !important; }

.svc-mp .module-condition, .svc-mp .condition-items, .svc-mp .condition {
  background: none !important; border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important;
}
.svc-mp .condition { border-top: 1px solid var(--l-ink) !important; padding: 14px 0 !important; }
.svc-mp .template-list { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 26px 20px; }
.svc-mp .template-list li { width: auto !important; margin: 0 !important; float: none !important; }

/* 筛选区容器（行业模板 / 客户案例）压成一条顶线 */
.svc-mp .hyMenu, .svc-mp .hyMenu-case, .svc-mp .module-condition {
  background: none !important; border: 0 !important; box-shadow: none !important;
  border-radius: 0 !important; margin: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
  padding: 16px 0 10px !important;
}
.svc-mp .hyMenu dl, .svc-mp .hyMenu dd, .svc-mp .hy-menu-list { margin: 0 !important; padding: 0 !important; }
.svc-mp .miniprogram-case .content, .svc-mp .miniprogram-case { background: none !important; padding: 0 !important; }

/* ==========================================================================
   11. 服务器租用 / 整机（body.svc-sv）
   ========================================================================== */
.srv-plans { border-bottom: 1px solid var(--l-ink); }
.srv-plans details.srv { border-top: 1px solid var(--l-line-2); }
.srv-plans details.srv:first-child { border-top: 0; }

.srv summary {
  display: grid; grid-template-columns: 38px 160px minmax(0, 1fr) 160px 22px;
  gap: 14px; align-items: center; padding: 18px 0;
  cursor: pointer; list-style: none; transition: background .14s ease;
}
.srv summary::-webkit-details-marker { display: none; }
.srv summary .k { font-family: var(--ym-mono); font-size: 11px; color: var(--ym-ink-4); letter-spacing: .08em; }
.srv summary .nm { font-size: 15.5px; font-weight: 600; color: var(--l-ink); }
.srv summary .sp { font-size: 12.5px; color: var(--ym-ink-3); line-height: 1.6; }
.srv summary .pr {
  font-family: var(--ym-mono); font-size: 16px; font-weight: 700;
  color: var(--l-ink); text-align: right; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.srv summary .pr i { font-style: normal; font-size: 11px; color: var(--ym-ink-4); font-weight: 400; }
.srv summary .pm { color: var(--ym-brand); font-size: 17px; text-align: center; line-height: 1; transition: transform .16s ease; }
.srv[open] summary .pm { transform: rotate(45deg); }
.srv summary:hover { background: var(--l-sel-w); }

.srv-body { padding: 2px 0 24px 52px; }
.srv-periods {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(148px, 1fr));
  border-top: 1px solid var(--l-line); border-bottom: 1px solid var(--l-line);
}
.srv-periods > div { padding: 14px 16px; border-left: 1px solid var(--l-line); }
.srv-periods > div:first-child { border-left: 0; padding-left: 0; }
.srv-periods span { display: block; font-size: 11.5px; color: var(--ym-ink-4); margin-bottom: 7px; }
.srv-periods b { font-family: var(--ym-mono); font-size: 19px; font-weight: 700; color: var(--l-ink); font-variant-numeric: tabular-nums; }
.srv-periods > div.best b { color: var(--ym-brand); }

.srv-quote {
  font-size: 12.5px; line-height: 1.75; color: var(--ym-ink-3);
  border-left: 2px solid var(--ym-brand); padding: 2px 0 2px 14px; margin: 0 0 18px;
  max-width: 760px;
}
.srv-act { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 18px; }
.srv-act p { margin: 0; font-size: 12px; line-height: 1.6; color: var(--ym-ink-4); }
.srv-act a.svc-buy { width: 190px; height: 44px; line-height: 44px; flex: 0 0 auto; font-size: 13.5px; }

@media (max-width: 1100px) {
  .srv summary { grid-template-columns: 30px minmax(0, 1fr) 120px 20px; }
  .srv summary .sp { display: none; }
  .srv-body { padding-left: 0; }
}

/* 价格 + 规格双行单元格 */
.svc-tbl td .pv { display: block; font-family: var(--ym-mono); font-weight: 700; color: var(--l-ink); font-size: 14px; }
.svc-tbl td .pu { display: block; font-size: 11.5px; color: var(--ym-ink-4); margin-top: 2px; }

/* 托管：按机房分组的小表 */
.srv-room { margin-top: 30px; }
.srv-room:first-of-type { margin-top: 0; }
.srv-room-hd {
  display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap;
  padding-bottom: 12px; border-bottom: 1px solid var(--l-ink);
}
.srv-room-hd b { font-size: 16px; font-weight: 700; color: var(--l-ink); }
.srv-room-hd span { font-size: 12px; color: var(--ym-ink-4); }
.srv-room .svc-tbl thead th { border-top: 0 !important; }
.svc-tbl a.go {
  display: inline-block; padding: 6px 16px; border: 1px solid var(--l-ink);
  font-size: 12px; color: var(--l-ink) !important; text-decoration: none;
  transition: all .14s ease;
}
.svc-tbl a.go:hover { background: var(--ym-brand); border-color: var(--ym-brand); color: #fff !important; }

/* 托管表：操作列右对齐、居中列与表头一致 */
.svc-tbl td.act { text-align: right; padding-right: 0; }
.srv-room .svc-tbl td.ctr { text-align: left; }

/* ==========================================================================
   12. 商标页（body.svc-tm）―― Vue 工具页，只压视觉不动绑定
   ========================================================================== */
.svc-tm .container { background: none !important; }
.svc-tm .trademark-search-form { margin-top: 8px; }
.svc-tm .trademark-search-form .wjf-ui-tab {
  display: flex !important; gap: 0; border-bottom: 1px solid var(--l-ink);
  margin: 0 0 22px !important; padding: 0 !important;
}
.svc-tm .trademark-search-form .wjf-ui-tab li { float: none !important; margin: 0 !important; }
.svc-tm .trademark-search-form .wjf-ui-tab li a {
  display: block; padding: 13px 28px 13px 0; font-size: 14.5px;
  color: var(--ym-ink-3) !important; background: none !important; border: 0 !important;
}
.svc-tm .trademark-search-form .wjf-ui-tab li a.active { color: var(--l-ink) !important; font-weight: 600; }

.svc-tm .search-container, .svc-tm .jscx-container,
.svc-tm .module-item, .svc-tm .module-condition,
.svc-tm .trademark-search-result {
  background: none !important; box-shadow: none !important;
  border-radius: 0 !important; border-left: 0 !important; border-right: 0 !important;
}
.svc-tm .module-item { border-top: 1px solid var(--l-ink) !important; padding: 0 !important; margin: 0 0 8px !important; }
.svc-tm .module-condition { padding: 16px 0 !important; }
.svc-tm .module-results { border-top: 1px solid var(--l-line) !important; }
.svc-tm .trademark-search-result .header,
.svc-tm .module-intro { background: none !important; border: 0 !important; }
.svc-tm .header { border-bottom: 1px solid var(--l-ink) !important; background: none !important; }
.svc-tm .search-wrapper { border: 0 !important; background: none !important; padding: 0 !important; }

/* 商标页：查询标签与容器 */
.svc-tm .trademark-search-form .wjf-ui-tab li { width: auto !important; flex: 0 0 auto !important; }
.svc-tm .trademark-search-form .wjf-ui-tab li a {
  background: none !important; position: relative;
}
.svc-tm .trademark-search-form .wjf-ui-tab li a.active::after {
  content: ""; position: absolute; left: 0; right: 28px; bottom: -1px;
  height: 2px; background: var(--ym-brand);
}
.svc-tm .trademark-search-form,
.svc-tm .search-container, .svc-tm .jscx-container,
.svc-tm #J_containerContent { background: none !important; border: 0 !important; box-shadow: none !important; }
.svc-tm .search-container { padding: 0 !important; }
.svc-tm .module-intro .title {
  font-size: 27px !important; color: var(--l-ink) !important;
  text-align: left !important; border-top: 1px solid var(--l-ink);
  padding: 18px 0 0 !important; margin: 62px 0 26px !important; letter-spacing: -.02em;
}
.svc-tm .module-intro { border: 0 !important; background: none !important; padding: 0 !important; }

/* 商标页收尾修正 */
.svc-tm .search-wrapper {
  background: transparent !important; box-shadow: none !important;
  border: 0 !important; border-radius: 0 !important; padding: 0 !important;
}
.svc-tm .search-wrapper .input-wrapper, .svc-tm .manager-textarea { background: transparent !important; box-shadow: none !important; }
.svc-tm .el-textarea__inner {
  border: 0 !important; border-bottom: 1px solid var(--l-ink) !important;
  border-radius: 0 !important; background: transparent !important;
  box-shadow: none !important; font-size: 14px !important; padding: 6px 2px !important;
}
.svc-tm .svc-steps h4 { font-size: 15px !important; color: var(--l-ink) !important; font-weight: 600 !important; margin: 10px 0 7px !important; }
.svc-tm .svc-steps p {
  font-size: 12.5px !important; line-height: 1.72 !important;
  color: var(--ym-ink-3) !important; font-weight: 400 !important; margin: 0 !important;
}
.svc-tm .svc-steps .tm { font-size: 11px !important; color: var(--ym-ink-4) !important; }
.svc-tm .svc-steps .sn { font-size: 11px !important; }
.svc-tm .module-intro .title { margin-top: 40px !important; }

/* 商标页：压掉 el-tabs 内容区 / tab-content 的浅灰底（之前漏了外层容器） */
.svc-tm .tab-content, .svc-tm .tab-content.active,
.svc-tm .el-tabs__content, .svc-tm .el-tab-pane,
.svc-tm .el-tabs__header, .svc-tm .el-tabs__nav-wrap, .svc-tm .el-tabs__nav {
  background: transparent !important; box-shadow: none !important; border: 0 !important;
}
.svc-tm .el-tabs__content { padding: 0 !important; }
.svc-tm .el-tabs--card > .el-tabs__header { border-bottom: 1px solid var(--l-ink) !important; }
.svc-tm .el-tabs--card > .el-tabs__header .el-tabs__nav { border: 0 !important; }
.svc-tm .el-tabs__item { color: var(--ym-ink-3) !important; border: 0 !important; background: transparent !important; }
.svc-tm .el-tabs__item.is-active { color: var(--l-ink) !important; font-weight: 600; }


/* ---- inquiry form (services/server/inquiry.asp) ---- */
.svc-form-wrap { max-width: 760px; margin: 0 auto; }
.svc-form select,
.svc-form textarea {
  width: 100%; max-width: 420px;
  border: 0; border-bottom: 1px solid var(--ym-line);
  background: transparent; padding: 9px 2px; font-size: 15px; color: var(--ym-ink);
  font-family: inherit;
}
.svc-form textarea { resize: vertical; min-height: 80px; line-height: 1.6; }
.svc-form select:focus,
.svc-form textarea:focus { border-bottom-color: var(--ym-brand); outline: 0; }
.svc-form .fctl select { width: auto; min-width: 220px; }
.inq-ok {
  border: 1px solid #2fa84f; background: #f0fbf3; color: #1f7a39;
  padding: 14px 16px; border-radius: 6px; margin: 0 0 18px; font-size: 15px; line-height: 1.6;
}
.inq-err { color: #d23b3b; font-size: 14px; margin: 0 0 14px; line-height: 1.6; }
.inq-ok:empty, .inq-err:empty { display: none; }
.inq-tip { color: var(--ym-ink-4); font-size: 13px; margin-top: 14px; }