/* ==========================================================================
   v3.css  -  Line-art layer  (loaded after every page stylesheet)
   1. Selected / active states use brand orange, never black.
   2. Every card-style block becomes a hairline-ruled block (no boxes).
   3. Adds a small set of ruled layout primitives (.lx .lrow .lcell ...).
   Pure ASCII on purpose: the site is served as GB2312.
   ========================================================================== */

:root {
  --l-ink:    #0A0E14;
  --l-line:   #DFE2E7;
  --l-line-2: #EDEFF2;
  --l-sel:    #FF5A1F;
  --l-sel-w:  #FFF1EA;
}

/* --------------------------------------------------------------------------
   1. ORANGE SELECTION
   -------------------------------------------------------------------------- */
.ymdq-chip.checked,
.ymdq-seg label.on,
.seg button.on,
.seg a.on,
.pp-filter button.on,
.qtab-hd button.on,
.dm-tabbar a.on,
.scen-tabs a.on,
.scen-tabs button.on {
  background: var(--ym-brand) !important;
  border-color: var(--ym-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.ymdq-chip.checked .bd,
.ymdq-chip.checked i {
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
}
.ymdq-chip:hover { border-color: var(--ym-brand) !important; }

/* black filled buttons / primary actions -> orange */
.btn--dark,
.ch-btn--dark,
.au-sub--ink,
.doc-end .acts .primary,
.hs-form button,
.pp-filter button.on,
.pay-way--rec .tag,
.so-bar .primary {
  background: var(--ym-brand) !important;
  border-color: var(--ym-brand) !important;
  color: #fff !important;
}
.btn--dark:hover,
.ch-btn--dark:hover,
.au-sub--ink:hover,
.hs-form button:hover { background: var(--ym-brand-ink) !important; }

/* focus rings */
.af input:focus, .rg-ctl input:focus, .input:focus, .select:focus,
.common-input:focus {
  border-color: var(--ym-brand) !important;
  box-shadow: 0 0 0 3px rgba(255, 90, 31, .12) !important;
}

/* dark bands keep white text but never pure black blocks as "selection" */
.topbar, #siteTop { background: var(--l-ink) !important; }

/* --------------------------------------------------------------------------
   2. DE-BOX: cards -> ruled blocks
   -------------------------------------------------------------------------- */
.card, .card-hd,
.status, .price-panel,
.feat, .feats,
.au-card, .au-card-hd, .aside-box,
.ct-card, .so-card, .ab-blk, .cc-blk,
.ch-sell, .ch-sell-wrap, .ch-kpi, .ch-adv, .ch-adv3,
.pay-way, .qtab, .hs-form, .cc-help, .mx-cards, .cc-cards,
.nd, .plan-wrap, .dm-console, .dm-serv, .dm-flow,
.coupon, .sum, .stot, .snote,
.bank-grp, .bank-list, .bank-li,
.faq-item, .ch-faq-item, .qa {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* things that were outlined boxes: keep only a top rule */
.card, .au-card, .ct-card, .so-card, .ab-blk, .cc-blk,
.status, .price-panel, .ch-sell, .pay-way, .qtab,
.plan-wrap, .dm-console, .cc-help, .mx-cards, .cc-cards,
.bank-grp, .coupon, .sum, .stot {
  border: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
}

/* grid-of-cards -> vertical hairlines between columns, no boxes */
.feats, .cc-cards, .cc-help, .mx-cards, .pay-way {
  display: grid !important;
  gap: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
  border-bottom: 1px solid var(--l-line) !important;
}
.feat, .cc-cards > *, .pay-way > * {
  border: 0 !important;
  border-top: 1px solid var(--l-line-2) !important;
  border-radius: 0 !important;
  padding: 22px 0 !important;
  background: transparent !important;
}
.feat:first-child, .cc-cards > *:first-child, .pay-way > *:first-child { border-top: 0 !important; }

/* legacy rounded chrome */
.tag, .badge, .hot-badge, .pcell, .btn, .input, .select,
.dsearch, .ph, .ico, .pico, .fi, .num, .step-num,
[class*="-badge"], [class*="-pill"], [class*="-chip"] {
  border-radius: 0 !important;
}
.dsearch { border-color: var(--l-ink) !important; }

/* tables: horizontal rules only */
.ptable table, .pp-tbl, .mx-tbl, .path-tbl, .vps-table,
.tbl, table.z_table {
  border-collapse: collapse !important;
}
.ptable table th, .pp-tbl th, .mx-tbl th, .path-tbl th {
  border-top: 1px solid var(--l-ink) !important;
  border-bottom: 1px solid var(--l-ink) !important;
  background: transparent !important;
}
.ptable table td, .pp-tbl td, .mx-tbl td, .path-tbl td {
  border: 0 !important;
  border-bottom: 1px solid var(--l-line-2) !important;
  background: transparent !important;
}
.ptable .hi, .ptable td.hi, .ptable th.hi { background: var(--l-sel-w) !important; }

/* --------------------------------------------------------------------------
   3. RULED PRIMITIVES  (used by the rebuilt pages)
   -------------------------------------------------------------------------- */
.lx { border-top: 1px solid var(--l-ink); padding: 0; }
.lx-hd {
  display: flex; align-items: baseline; gap: 14px;
  padding: 18px 0 26px; flex-wrap: wrap;
}
.lx-hd .no {
  font-family: var(--ym-mono); font-size: 11px; letter-spacing: .16em;
  color: var(--ym-brand); font-weight: 700;
}
.lx-hd h2 {
  margin: 0; font-size: 30px; line-height: 1.15; letter-spacing: -.025em;
  font-weight: 700; color: var(--l-ink);
}
.lx-hd .rt {
  margin-left: auto; font-family: var(--ym-mono); font-size: 10.5px;
  letter-spacing: .16em; text-transform: uppercase; color: var(--ym-ink-4);
}

.lrows { border-bottom: 1px solid var(--l-ink); }
.lrow {
  display: grid; align-items: center; gap: 18px;
  padding: 20px 0; border-top: 1px solid var(--l-line);
  text-decoration: none; color: inherit;
  transition: background .16s var(--ym-ease), padding-left .16s var(--ym-ease);
}
.lrows .lrow:first-child { border-top: 0; }
a.lrow:hover { background: var(--l-sel-w); padding-left: 10px; }
.lrow .k {
  font-family: var(--ym-mono); font-size: 11px; color: var(--ym-ink-4);
  letter-spacing: .08em;
}
.lrow .t { font-size: 15.5px; font-weight: 600; color: var(--l-ink); }
.lrow .d { font-size: 13px; color: var(--ym-ink-3); line-height: 1.6; }
.lrow .p {
  font-family: var(--ym-mono); font-size: 15px; font-weight: 600;
  color: var(--l-ink); text-align: right; white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.lrow .p b { color: var(--ym-brand); font-weight: 700; }
.lrow .p i { font-style: normal; font-size: 11px; color: var(--ym-ink-4); }
.lrow .go {
  width: 30px; height: 30px; display: grid; place-items: center;
  border: 1px solid var(--l-line); color: var(--ym-ink-3);
  transition: all .16s var(--ym-ease);
}
a.lrow:hover .go { border-color: var(--ym-brand); color: var(--ym-brand); }

/* 4-col ruled spec table */
.lspec { display: grid; grid-template-columns: 180px repeat(4, 1fr); }
.lspec > div {
  padding: 13px 14px 13px 0;
  border-top: 1px solid var(--l-line-2);
  font-size: 13px; color: var(--ym-ink-2);
}
.lspec > div:nth-child(-n+5) {
  border-top: 1px solid var(--l-ink);
  border-bottom: 1px solid var(--l-ink);
  font-size: 12.5px; font-weight: 600; color: var(--l-ink);
  padding-top: 13px; padding-bottom: 13px; letter-spacing: 0;
}
.lspec > div:first-child {
  font-family: var(--ym-mono); font-size: 10.5px; letter-spacing: .12em;
  text-transform: uppercase; color: var(--ym-ink-4); font-weight: 400;
}
.lspec .rh { color: var(--ym-ink-3); font-size: 12px; }
.lspec .pr {
  font-family: var(--ym-mono); font-size: 17px; font-weight: 700; color: var(--l-ink);
  font-variant-numeric: tabular-nums;
}
.lspec .pr em { font-style: normal; font-size: 11px; color: var(--ym-ink-4); font-weight: 400; }
.lspec .col-hi { background: var(--l-sel-w); }

/* small uppercase meta */
.lmeta {
  font-family: var(--ym-mono); font-size: 10.5px; letter-spacing: .14em;
  text-transform: uppercase; color: var(--ym-ink-4);
}

/* price emphasis */
.lprice { font-family: var(--ym-mono); font-variant-numeric: tabular-nums; }
.lprice b { font-size: 1em; }
.lprice .cur { font-size: .62em; vertical-align: .28em; margin-right: 1px; color: inherit; }

/* --------------------------------------------------------------------------
   4. HERO / SEARCH refinements
   -------------------------------------------------------------------------- */
.dsearch .go {
  background: var(--ym-brand) !important;
  color: #fff !important;
  border: 0 !important;
  font-weight: 600; letter-spacing: .04em;
}
.dsearch .go:hover { background: var(--ym-brand-ink) !important; }
.hero-q-tip { color: var(--ym-ink-4); }
.hero-q-tip a { color: var(--ym-brand-ink); text-decoration: none; border-bottom: 1px solid var(--ym-brand-line); }

/* chip with live price */
.ymdq-chip .sfx { font-weight: 600; }
.ymdq-chip .amt {
  font-family: var(--ym-mono); font-size: 10.5px; margin-left: 6px;
  color: var(--ym-ink-4); font-variant-numeric: tabular-nums;
}
.ymdq-chip.checked .amt { color: rgba(255, 255, 255, .86); }

/* --------------------------------------------------------------------------
   5. Responsive
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  .lx-hd h2 { font-size: 24px; }
  .lspec { grid-template-columns: 130px repeat(2, 1fr); }
  .lspec > div:nth-child(n+6) { display: none; }
}
@media (max-width: 760px) {
  .lx-hd h2 { font-size: 21px; }
  .lrow { grid-template-columns: 1fr auto !important; }
  .lrow .d, .lrow .k { display: none; }
  .feats { grid-template-columns: 1fr !important; }
}

/* ==========================================================================
   6. V3 PAGE BLOCKS  (hero / sections / faq / cta)
   ========================================================================== */
.wrap { max-width: var(--ym-wrap); margin: 0 auto; padding: 0 40px; }

.v3-hero { padding: 40px 0 0; }
.v3-hero-bar {
  display: flex; align-items: center; justify-content: space-between;
  padding-bottom: 16px; border-bottom: 1px solid var(--l-ink); gap: 16px;
}
.v3-sync { font-family: var(--ym-mono); font-size: 10.5px; letter-spacing: .1em; color: var(--ym-ink-4); display: flex; align-items: center; gap: 7px; }
.v3-sync i { width: 6px; height: 6px; background: var(--ym-brand); display: inline-block; }
.v3-sync b { color: var(--ym-ink-3); font-weight: 500; }

.v3-hero-grid { display: grid; grid-template-columns: 1.45fr .72fr; gap: 48px; padding: 44px 0 40px; }
.v3-h1 {
  margin: 0 0 20px; font-size: clamp(38px, 4.4vw, 60px); line-height: 1.04;
  letter-spacing: -.045em; font-weight: 700; color: var(--l-ink);
}
.v3-h1 em { font-style: normal; color: var(--ym-brand); }
.v3-lead { margin: 0; font-size: 15px; line-height: 1.75; color: var(--ym-ink-3); max-width: 560px; }

.v3-q { margin-top: 34px; }
.v3-q .dsearch { margin-top: 0; max-width: 640px; height: 52px; }
.v3-q .dsearch input[type=text] { height: 50px; font-size: 15px; }
.v3-q .dsearch .go { width: 104px; height: 50px; font-size: 14px; }
.v3-q .hero-chips { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.v3-q .ymdq-chip { padding: 8px 12px; border: 1px solid var(--l-line); font-size: 13px; cursor: pointer; }
.v3-q-foot {
  display: flex; align-items: baseline; justify-content: space-between; gap: 18px;
  margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--l-line-2);
  font-size: 12px; color: var(--ym-ink-4);
}
.v3-q-foot a { color: var(--ym-brand-ink); text-decoration: none; white-space: nowrap; }

.v3-board { border-left: 1px solid var(--l-line); padding-left: 30px; align-self: start; }
.v3-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);
}
.v3-ok { color: var(--ym-brand); letter-spacing: .04em; }
.v3-brow {
  display: flex; justify-content: space-between; align-items: baseline;
  padding: 11px 0; border-bottom: 1px solid var(--l-line-2);
  font-size: 12.5px; color: var(--ym-ink-3);
}
.v3-brow b { font-family: var(--ym-mono); font-size: 12.5px; color: var(--l-ink); font-weight: 600; font-variant-numeric: tabular-nums; }
.v3-brow--last { border-bottom: 0; }

.v3-hero-nums {
  display: grid; grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid var(--l-ink);
}
.v3-hero-nums > div { padding: 22px 0 26px 26px; border-left: 1px solid var(--l-line); }
.v3-hero-nums > div:first-child { border-left: 0; padding-left: 0; }
.v3-hero-nums b { display: block; font-size: 30px; font-weight: 700; letter-spacing: -.03em; color: var(--l-ink); line-height: 1; }
.v3-hero-nums b em { font-style: normal; font-size: 15px; font-weight: 500; color: var(--ym-brand); margin-left: 2px; }
.v3-hero-nums span { display: block; margin-top: 8px; font-size: 11.5px; color: var(--ym-ink-4); letter-spacing: .04em; }

.v3-sec { padding-top: 72px; }
.v3-sub { margin: 0 0 22px; font-size: 13.5px; line-height: 1.8; color: var(--ym-ink-3); max-width: 760px; }
.v3-note {
  display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  padding: 14px 0 0; font-size: 11.5px; color: var(--ym-ink-4); line-height: 1.7;
}
.v3-note a { color: var(--ym-brand-ink); text-decoration: none; white-space: nowrap; }
.v3-lnk { font-size: 12.5px; color: var(--ym-ink-2); text-decoration: none; border-bottom: 1px solid var(--l-line); }
.v3-lnk:hover { color: var(--ym-brand); border-color: var(--ym-brand); }
.v3-lnk--on { color: var(--ym-brand); border-color: var(--ym-brand); font-weight: 600; }
.lspec .pr .cur { font-size: .66em; vertical-align: .24em; color: var(--ym-ink-3); margin-right: 1px; }

.v3-two { display: grid; grid-template-columns: 1.25fr .75fr; gap: 48px; align-items: start; }
.v3-two--rows { grid-template-columns: 1fr 1fr; gap: 40px; }
.v3-two--rows .t { font-size: 14.5px; }
.v3-two--rows .d { font-size: 12.5px; }

.v3-quote { border-left: 1px solid var(--l-line); padding-left: 30px; }
.v3-big { font-family: var(--ym-mono); font-size: 46px; font-weight: 700; letter-spacing: -.03em; color: var(--l-ink); line-height: 1; margin: 14px 0 8px; }
.v3-big b { color: var(--ym-brand); font-weight: 700; }
.v3-big span { font-size: 12px; color: var(--ym-ink-4); font-weight: 400; margin-left: 8px; letter-spacing: 0; }
.v3-quote-src { font-size: 11.5px; color: var(--ym-ink-4); margin-bottom: 14px; }
.v3-btn {
  display: block; text-align: center; padding: 13px 18px; margin-top: 12px;
  border: 1px solid var(--l-ink); color: var(--l-ink); text-decoration: none;
  font-size: 13.5px; font-weight: 600; letter-spacing: .02em;
  transition: all .16s var(--ym-ease); background: transparent;
}
.v3-btn:hover { border-color: var(--ym-brand); color: var(--ym-brand); }
.v3-btn--solid { background: var(--ym-brand); border-color: var(--ym-brand); color: #fff; }
.v3-btn--solid:hover { background: var(--ym-brand-ink); border-color: var(--ym-brand-ink); color: #fff; }

.v3-faq { border-top: 1px solid var(--l-ink); }
.v3-faq details { border-bottom: 1px solid var(--l-line); }
.v3-faq summary {
  display: flex; align-items: baseline; gap: 16px; cursor: pointer;
  padding: 18px 0; font-size: 15px; font-weight: 600; color: var(--l-ink);
  list-style: none; position: relative; padding-right: 34px;
}
.v3-faq summary::-webkit-details-marker { display: none; }
.v3-faq summary .k { font-family: var(--ym-mono); font-size: 11px; color: var(--ym-brand); letter-spacing: .08em; }
.v3-faq summary:after {
  content: "+"; position: absolute; right: 4px; top: 15px;
  font-family: var(--ym-mono); font-size: 18px; color: var(--ym-ink-4); line-height: 1;
}
.v3-faq details[open] summary:after { content: "\2212"; color: var(--ym-brand); }
.v3-faq details[open] summary { color: var(--ym-brand-ink); }
.v3-faq p { margin: 0 0 20px 37px; font-size: 13.5px; line-height: 1.85; color: var(--ym-ink-3); }

.v3-cta { padding-top: 72px; padding-bottom: 0; }
.v3-cta-in {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 40px;
  border-top: 1px solid var(--l-ink); padding: 40px 0 56px; flex-wrap: wrap;
}
.v3-cta-in h2 { margin: 0 0 12px; font-size: 32px; line-height: 1.16; letter-spacing: -.03em; }
.v3-cta-in p { margin: 0; font-size: 13.5px; color: var(--ym-ink-3); max-width: 480px; line-height: 1.75; }
.v3-cta-acts { display: flex; gap: 12px; }
.v3-cta-acts .v3-btn { margin-top: 0; min-width: 140px; }

@media (max-width: 1100px) {
  .v3-hero-grid { grid-template-columns: 1fr; gap: 32px; }
  .v3-board, .v3-quote { border-left: 0; padding-left: 0; border-top: 1px solid var(--l-line); padding-top: 20px; }
  .v3-two, .v3-two--rows { grid-template-columns: 1fr; gap: 24px; }
  .v3-hero-nums { grid-template-columns: repeat(2, 1fr); }
  .v3-hero-nums > div:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 760px) {
  .wrap { padding: 0 18px; }
  .v3-hero { padding-top: 24px; }
  .v3-h1 { font-size: 32px; }
  .v3-hero-nums b { font-size: 22px; }
  .v3-sec { padding-top: 48px; }
  .v3-cta-in h2 { font-size: 24px; }
  .v3-q-foot { flex-direction: column; align-items: flex-start; gap: 8px; }
}

/* ==========================================================================
   7. TABLE + NODE flattening (hosting / cloud plan tables)
   ========================================================================== */
.ptable, .ptable--plan, .vps-table, .tbl {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  border-top: 1px solid var(--l-ink) !important;
  border-bottom: 1px solid var(--l-ink) !important;
  overflow: visible !important;
}
.ptable thead th, .ptable--plan thead th { background: transparent !important; }
.ptable tbody td:first-child,
.ptable--plan .row-price td,
.ptable--plan .row-price td:first-child,
.ptable--plan .row-buy td,
.ptable--plan .row-buy td:first-child { background: transparent !important; }
.ptable thead th.hi::before { display: none !important; }
.ptable thead th.hi { background: var(--l-sel-w) !important; }
.ptable .hi, .ptable--plan .row-price td.hi, .ptable--plan .row-buy td.hi {
  background: var(--l-sel-w) !important;
}
.ptable th, .ptable td { padding: 13px 16px !important; }
.ptable thead th .pn { font-size: 14px !important; }
.ptable .pcell { color: var(--l-ink) !important; }

/* hosting location nodes: strip the box, keep a left rule */
.nd {
  border: 0 !important;
  border-left: 1px solid var(--l-line) !important;
  border-top: 1px solid var(--l-ink) !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 22px 22px 20px 22px !important;
  overflow: visible !important;
}
.nd::before { display: none !important; }
.nd--on { border-left: 3px solid var(--ym-brand) !important; padding-left: 20px !important; }
.nd-hd, .nd-meta, .nd-p { background: transparent !important; }

/* hosting scenario switcher */
.scen-tabs, .plan-lead, .dm-tabbar, .dm-flow {
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
}
.scen-tabs { border-bottom: 1px solid var(--l-line) !important; padding-bottom: 12px; }

/* scenario switch bar + location grid as one ruled block */
.scen {
  border: 0 !important; border-radius: 0 !important; background: transparent !important;
  border-bottom: 1px solid var(--l-line) !important;
  padding-bottom: 12px !important;
}
.scen-tabs { border: 0 !important; border-radius: 0 !important; background: transparent !important; }
.scen-tabs button { border-radius: 0 !important; }

.node3 {
  gap: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
  border-bottom: 1px solid var(--l-line) !important;
}
.node3 .nd {
  border-top: 0 !important;
  border-left: 1px solid var(--l-line) !important;
  padding: 22px 24px !important;
}
.node3 .nd:first-child { border-left: 0 !important; padding-left: 0 !important; }
.node3 .nd--on { border-left: 3px solid var(--ym-brand) !important; padding-left: 21px !important; }
.node3 .nd--on:first-child { padding-left: 0 !important; }

/* cloud configurator: legacy inline buttons + flat panels */
.host-config { border-top: 1px solid var(--l-ink) !important; }
.host-config input.btn_page_ {
  border-radius: 0 !important;
  border: 1px solid var(--l-line) !important;
  background: #fff !important;
  color: var(--ym-ink-3) !important;
  box-shadow: none !important;
}
.host-config input.btn_page_:hover {
  border-color: var(--ym-brand) !important;
  color: var(--ym-brand-ink) !important;
}
.host-config input.btn_page_1,
.host-config input.btn_page_1:hover {
  background: var(--ym-brand) !important;
  border-color: var(--ym-brand) !important;
  color: #fff !important;
  font-weight: 600 !important;
}
.z_buymsg, .common-form, .qrmain, #putbox, .linebox1,
.host-config .dd-list, .host-config .mindd {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.cloud-introduce, .cloud-advantage, .product-append-info,
.ch-sell, .ch-intro, .ch-adv, .ch-kpi {
  border: 0 !important;
  border-top: 1px solid var(--l-line) !important;
  background: transparent !important;
}
.ch-adv, .ch-kpi { border-top: 1px solid var(--l-line) !important; }

/* --- explicit side-border reset (shorthand borders in base files) --- */
.host-config { border-left: 0 !important; border-right: 0 !important; border-bottom: 0 !important; }
.vps-table { border-left: 0 !important; border-right: 0 !important; }
.host-config .tuijian-config input.btn_page_1,
.host-config .tuijian-config input.btn_page_1:hover,
.host-config #prodtype_msg input.btn_page_1 {
  background: var(--ym-brand) !important;
  border-color: var(--ym-brand) !important;
  color: #fff !important;
  border-radius: 0 !important;
  font-weight: 600 !important;
}
.host-config .tuijian-config input.btn_page_ { border-radius: 0 !important; }

/* cloud page shell: no outer frame */
#content, .host-content, .wide1190, .CloudRightMainSelectMenu,
body .CloudRightMain, .CloudRightMainSelectMenu .tabs {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.host-content { border-top: 1px solid var(--l-ink) !important; }
/* kill any leftover frame inside the configurator shell */
.host-config > *, .host-config > * > * { border: 0 !important; box-shadow: none !important; }
#J_txHostDom, #J_tcHostDom, .z_buymsg { border: 0 !important; }
.host-config .z_buymsg {
  border: 0 !important; background: transparent !important; box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   8. DOMAIN PAGE: light hero, flat console
   -------------------------------------------------------------------------- */
.dm-hero {
  background: #fff !important;
  color: var(--l-ink) !important;
  padding: 34px 0 30px !important;
}
.dm-hero::after { background: var(--l-ink) !important; height: 1px !important; }
.dm-h1 { color: var(--l-ink) !important; }
.dm-h1 em { color: var(--ym-brand) !important; }
.dm-lead { color: var(--ym-ink-3) !important; }
.dm-eyebrow { color: var(--ym-ink-4) !important; }
.dm-eyebrow b { color: var(--ym-brand) !important; }
.dm-eyebrow i { background: var(--l-line) !important; }
.dm-meta dt { color: var(--ym-ink-4) !important; }
.dm-meta dd { color: var(--l-ink) !important; }
.dm-meta dd small { color: var(--ym-ink-4) !important; }
.dm-meta > div { border-left: 1px solid var(--l-line) !important; }

.dm-console-wrap { margin-top: 0 !important; padding-bottom: 36px !important; }
.dm-console {
  border: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  overflow: visible !important;
}
.dm-tabbar { border-bottom: 1px solid var(--l-line) !important; }
.dm-tabbar a.on { border-bottom: 2px solid var(--ym-brand) !important; color: var(--ym-brand-ink) !important; }

/* help center topic bar: no grey band */
.qtab-hd {
  background: transparent !important;
  border-bottom: 1px solid var(--l-line) !important;
}
.qtab-hd button {
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.qtab-hd button.on {
  background: var(--ym-brand) !important;
  color: #fff !important;
  box-shadow: none !important;
}
.hs-hot a, .hs-hot span, .hs-form button, .hs-form input { border-radius: 0 !important; }
.hs-hot a { background: transparent !important; border-color: var(--l-line) !important; }
.hs-hot a:hover { border-color: var(--ym-brand) !important; color: var(--ym-brand-ink) !important; }

/* about page service grid: rules only, no outer box */
.ab-svc {
  border: 0 !important;
  border-top: 1px solid var(--l-ink) !important;
  border-bottom: 1px solid var(--l-line) !important;
  border-left: 0 !important;
}
.ab-svc div {
  border-right: 0 !important;
  border-bottom: 1px solid var(--l-line-2) !important;
  border-left: 1px solid var(--l-line) !important;
  padding: 15px 16px !important;
}
.ab-svc div:nth-child(3n+1) { border-left: 0 !important; padding-left: 0 !important; }
.ab-quote { border-left: 3px solid var(--ym-brand) !important; background: transparent !important; border-radius: 0 !important; padding: 0 0 0 22px !important; }
.ab-grid > *, .ab-blk, .ab-rows > * { border-radius: 0 !important; }
.ab-blk { border: 0 !important; border-top: 1px solid var(--l-line) !important; }

/* --------------------------------------------------------------------------
   9. legacy buy pages (mail / ssl / server / miniprogram)
   -------------------------------------------------------------------------- */
.sec-banner { display: none !important; }
.sel a, .sel_on, .sel a.sel_on,
.tab-sel a.on, .time-sel a.on {
  border-radius: 0 !important;
}
a.sel_on, .sel a.sel_on, .sel_on {
  background: var(--ym-brand) !important;
  border-color: var(--ym-brand) !important;
  color: #fff !important;
}

/* legacy green brand buttons / tabs -> orange */
.btn-mail, input.btn-mail,
.wjf-ui-tab-style3 li a.item.active,
.wjf-ui-tab-style3 li a.item.guide-active,
.tab-bg .item.active {
  background: var(--ym-brand) !important;
  border-color: var(--ym-brand) !important;
  color: #fff !important;
  border-radius: 0 !important;
}
.tab-bg { background: transparent !important; border-bottom: 1px solid var(--l-line) !important; }
.tab-bg .triangle-top { display: none !important; }
input.btn-mail:hover { background: var(--ym-brand-ink) !important; }