.page-dingxi {
  --dx-ink: #18212d;
  --dx-indigo: #172942;
  --dx-wheat: #ead8b5;
  --dx-paper: #f7f1e5;
  --dx-loess: #c99a5c;
  --dx-rust: #a84a32;
  --dx-sage: #7e8e70;
  --dx-line: rgba(42, 38, 31, .17);
  color: var(--dx-ink);
  background: var(--dx-paper);
}

.page-dingxi .city-main { overflow: clip; }
.page-dingxi .city-shell { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.page-dingxi .city-crumb { padding-block: 20px; color: #6e6559; }
.page-dingxi .city-section { padding: 112px 0; }
.page-dingxi .city-eyebrow { margin: 0 0 16px; color: var(--dx-rust); font: 700 11px/1.2 Arial,sans-serif; letter-spacing: .17em; text-transform: uppercase; }
.page-dingxi h1,.page-dingxi h2,.page-dingxi h3,.page-dingxi p { text-wrap: pretty; }
.page-dingxi h2 { margin: 0; font-size: clamp(42px,4vw,46px); line-height: 1.08; letter-spacing: -.05em; }
.page-dingxi .dx-heading { max-width: 730px; margin-bottom: 45px; }
.page-dingxi .dx-heading > p:last-child { max-width: 670px; margin: 22px 0 0; color: #6b655d; font-size: 17px; line-height: 1.82; }

.page-dingxi .dx-hero { position: relative; padding: 36px 0 90px; background: linear-gradient(180deg,#fbf7ef,#f1e8d8); }
.page-dingxi .dx-hero-grid { position: relative; display: grid; grid-template-columns: .78fr 1.22fr; min-height: 690px; align-items: center; }
.page-dingxi .dx-hero-copy { position: relative; z-index: 5; padding: 35px 44px 80px 0; }
.page-dingxi .dx-route-label { display: flex; align-items: center; gap: 10px; margin: 0 0 28px; color: #776754; font-size: 12px; letter-spacing: .13em; }
.page-dingxi .dx-route-label i { flex: 1; max-width: 70px; height: 1px; background: var(--dx-rust); }
.page-dingxi .dx-route-label b { padding: 6px 12px; color: white; border-radius: 999px; background: var(--dx-indigo); font-size: 11px; }
.page-dingxi .dx-hero h1 { margin: 0; color: var(--dx-indigo); font-size: clamp(52px,5vw,58px); line-height: 1; letter-spacing: -.065em; }
.page-dingxi .dx-hero h1 em { color: var(--dx-rust); font-style: normal; }
.page-dingxi .dx-hero-lead { max-width: 590px; margin: 26px 0 0; color: #625d57; font-size: 18px; line-height: 1.82; }
.page-dingxi .dx-hero-actions { margin-top: 30px; }
.page-dingxi .dx-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 0 22px; color: var(--dx-indigo); border: 1px solid rgba(23,41,66,.28); border-radius: 999px; background: rgba(255,255,255,.45); font-weight: 700; text-decoration: none; transition: transform .25s ease, background-color .25s ease; }
.page-dingxi .dx-button:hover { transform: translateY(-2px); background: white; }
.page-dingxi .dx-waypoint-tabs { display: grid; grid-template-columns: repeat(3,1fr); gap: 6px; margin-top: 34px; }
.page-dingxi .dx-waypoint-tabs button { display: grid; gap: 5px; padding: 14px 10px; color: #776f65; border: 1px solid var(--dx-line); border-radius: 2px; background: transparent; text-align: left; cursor: pointer; }
.page-dingxi .dx-waypoint-tabs button.is-active { color: white; background: var(--dx-indigo); border-color: var(--dx-indigo); }
.page-dingxi .dx-waypoint-tabs b { font-size: 13px; }
.page-dingxi .dx-waypoint-tabs span { font-size: 11px; opacity: .74; }
.page-dingxi .dx-ledger-stage { position: relative; z-index: 2; height: 590px; margin-left: -46px; }
.page-dingxi .dx-ledger-sheet { position: absolute; inset: 36px 0 36px 50px; border-radius: 24px 4px 4px 4px; transform-origin: right center; }
.page-dingxi .dx-ledger-sheet.is-back { background: #c9b284; transform: translate(28px,-18px) rotate(2.4deg); opacity: .65; }
.page-dingxi .dx-ledger-sheet.is-mid { background: var(--dx-indigo); transform: translate(13px,-7px) rotate(1deg); opacity: .82; }
.page-dingxi .dx-hero-figure { position: absolute; inset: 0; margin: 0; overflow: hidden; border-radius: 28px 4px 4px 4px; background: var(--dx-indigo); box-shadow: 0 30px 80px rgba(64,48,28,.22); }
.page-dingxi .dx-hero-figure picture,.page-dingxi .dx-hero-figure img { display: block; width: 100%; height: 100%; }
.page-dingxi .dx-hero-figure img { object-fit: cover; object-position: 58% center; }
.page-dingxi .dx-hero-figure::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(35,30,25,.2),transparent 45%,rgba(23,41,66,.1)); pointer-events:none; }
.page-dingxi .dx-hero-figure figcaption { position: absolute; z-index: 2; right: 18px; bottom: 18px; display: grid; gap: 5px; min-width: 190px; padding: 14px 16px; color: white; border: 1px solid rgba(255,255,255,.38); background: rgba(23,41,66,.78); backdrop-filter: blur(10px); }
.page-dingxi .dx-hero-figure figcaption span { color: var(--dx-wheat); font: 700 10px/1 Arial,sans-serif; letter-spacing: .14em; }
.page-dingxi .dx-route-line { position: absolute; z-index: 3; inset: auto 24px 30px 28%; height: 4px; background: var(--dx-rust); transform: rotate(-5deg); pointer-events: none; }
.page-dingxi .dx-route-line i { position: absolute; top: 50%; width: 15px; height: 15px; border: 3px solid var(--dx-rust); border-radius: 50%; background: var(--dx-wheat); transform: translate(-50%,-50%); box-shadow: 0 0 0 4px rgba(255,255,255,.36); }
.page-dingxi .dx-route-line i:nth-child(1){left:0}.page-dingxi .dx-route-line i:nth-child(2){left:34%}.page-dingxi .dx-route-line i:nth-child(3){left:68%}.page-dingxi .dx-route-line i:nth-child(4){left:100%}
.page-dingxi .dx-route-readout { position: absolute; z-index: 7; left: 33%; right: 5%; bottom: 0; display: grid; grid-template-columns: auto 1fr; gap: 5px 18px; padding: 20px 22px; border: 1px solid var(--dx-line); background: rgba(247,241,229,.97); box-shadow: 0 16px 50px rgba(69,51,29,.12); }
.page-dingxi .dx-route-readout span { grid-row: 1/3; align-self: center; color: var(--dx-rust); font: 700 10px/1.2 Arial,sans-serif; letter-spacing: .13em; }
.page-dingxi .dx-route-readout strong { font-size: 16px; }
.page-dingxi .dx-route-readout p { margin: 0; color: #6a645c; font-size: 13px; line-height: 1.6; }

.page-dingxi .city-ad { background: var(--dx-paper); }
.page-dingxi .city-ad-inner { width: min(1200px,calc(100% - 48px)); margin-inline:auto; }
.page-dingxi .city-ad picture,.page-dingxi .city-ad img { display:block; width:100%; }
.page-dingxi .city-ad img { height:auto; object-fit:contain; }

.page-dingxi .dx-route-board { background: #eee3d0; }
.page-dingxi .dx-dual-dashboard { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.page-dingxi .dx-dashboard-panel { min-height:520px; padding:32px; border:1px solid var(--dx-line); background:var(--dx-paper); }
.page-dingxi .dx-dashboard-panel.is-service { color:white; background:var(--dx-indigo); }
.page-dingxi .dx-panel-head span { color:var(--dx-rust); font:700 11px/1 Arial,sans-serif; letter-spacing:.14em; }
.page-dingxi .dx-dashboard-panel.is-service .dx-panel-head span { color:var(--dx-wheat); }
.page-dingxi .dx-panel-head h3 { margin:32px 0 12px; font-size:29px; }
.page-dingxi .dx-panel-head p { margin:0; color:inherit; opacity:.7; font-size:15px; line-height:1.75; }
.page-dingxi .dx-route-cards { position:relative; display:grid; gap:8px; margin-top:38px; padding-left:24px; }
.page-dingxi .dx-route-cards::before { content:""; position:absolute; left:7px; top:17px; bottom:17px; width:2px; background:var(--dx-rust); }
.page-dingxi .dx-route-cards article { position:relative; display:grid; grid-template-columns:1.25fr repeat(4,.75fr); align-items:center; gap:6px; min-height:68px; padding:12px 14px; border:1px solid var(--dx-line); background:rgba(255,255,255,.42); }
.page-dingxi .is-service .dx-route-cards article { border-color:rgba(255,255,255,.14); background:rgba(255,255,255,.05); }
.page-dingxi .dx-route-cards article::before { content:""; position:absolute; left:-23px; top:50%; width:12px; height:12px; border:3px solid var(--dx-rust); border-radius:50%; background:var(--dx-paper); transform:translate(-50%,-50%); }
.page-dingxi .is-service .dx-route-cards article::before { background:var(--dx-indigo); }
.page-dingxi .dx-route-cards b { font-size:14px; }
.page-dingxi .dx-route-cards span { padding:7px 4px; border-radius:999px; background:rgba(168,74,50,.08); text-align:center; font-size:11px; }
.page-dingxi .is-service .dx-route-cards span { background:rgba(234,216,181,.1); }
.page-dingxi .dx-dashboard-legend { grid-column:1/-1; display:grid; grid-template-columns:1.2fr repeat(5,1fr); gap:1px; border:1px solid var(--dx-line); background:var(--dx-line); }
.page-dingxi .dx-dashboard-legend > * { padding:16px; background:#f7f1e5; text-align:center; font-size:13px; }
.page-dingxi .dx-dashboard-legend b { color:var(--dx-rust); }

.page-dingxi .dx-registration { background:var(--dx-paper); }
.page-dingxi .dx-service-grid { display:grid; grid-template-columns:.72fr 1.28fr; gap:18px; align-items:start; }
.page-dingxi .dx-service-copy { position:sticky; top:100px; padding:30px 28px 30px 0; }
.page-dingxi .dx-service-copy > p:not(.city-eyebrow) { margin:22px 0 0; color:#68625b; font-size:17px; line-height:1.82; }
.page-dingxi .dx-text-link { display:inline-flex; margin-top:24px; color:var(--dx-rust); border-bottom:1px solid currentColor; font-weight:700; text-decoration:none; }
.page-dingxi .dx-service-image { position:relative; margin:0; overflow:hidden; background:var(--dx-indigo); }
.page-dingxi .dx-service-image img { display:block; width:100%; height:100%; object-fit:cover; }
.page-dingxi .dx-service-image figcaption { position:absolute; left:16px; bottom:16px; padding:9px 12px; color:white; background:rgba(23,41,66,.76); border:1px solid rgba(255,255,255,.28); font:700 10px/1 Arial,sans-serif; letter-spacing:.13em; }
.page-dingxi .dx-service-grid > figure { aspect-ratio:3/2; }
.page-dingxi .dx-check-route { grid-column:2; position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin:0; padding:0; list-style:none; }
.page-dingxi .dx-check-route::before { content:""; position:absolute; left:50%; top:-18px; bottom:0; width:2px; background:var(--dx-rust); transform:translateX(-50%); opacity:.22; }
.page-dingxi .dx-check-route li { position:relative; z-index:1; display:grid; grid-template-columns:44px 1fr; gap:12px; min-height:142px; padding:22px; border:1px solid var(--dx-line); background:#efe3ce; }
.page-dingxi .dx-check-route li:last-child { grid-column:1/-1; min-height:auto; background:#dfe2d5; }
.page-dingxi .dx-check-route li > b { color:var(--dx-rust); font:700 18px/1 Arial,sans-serif; }
.page-dingxi .dx-check-route strong { font-size:18px; }
.page-dingxi .dx-check-route p { margin:8px 0 0; color:#6d675f; font-size:14px; line-height:1.65; }

.page-dingxi .dx-accounting { color:white; background:var(--dx-indigo); }
.page-dingxi .dx-heading.is-light > p:last-child { color:#c4c5c4; }
.page-dingxi .dx-heading.is-light .city-eyebrow { color:var(--dx-wheat); }
.page-dingxi .dx-accounting-dashboard { display:grid; grid-template-columns:1.05fr .95fr; gap:12px; }
.page-dingxi .dx-accounting-dashboard > figure { min-height:620px; }
.page-dingxi .dx-transit-panel { display:grid; gap:8px; }
.page-dingxi .dx-transit-panel article { display:grid; grid-template-columns:86px 1fr; gap:6px 18px; align-content:center; padding:22px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.045); }
.page-dingxi .dx-transit-panel article:nth-child(odd){ background:rgba(234,216,181,.07); }
.page-dingxi .dx-transit-panel span { grid-row:1/3; align-self:center; color:var(--dx-wheat); font:700 11px/1.2 Arial,sans-serif; letter-spacing:.12em; }
.page-dingxi .dx-transit-panel h3 { margin:0; font-size:21px; }
.page-dingxi .dx-transit-panel p { margin:5px 0 0; color:#c4c8cb; font-size:13px; line-height:1.65; }
.page-dingxi .dx-monthly-strip { grid-column:1/-1; display:grid; grid-template-columns:1.3fr repeat(5,1fr); gap:1px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.14); }
.page-dingxi .dx-monthly-strip > * { padding:17px 12px; background:var(--dx-indigo); text-align:center; font-size:13px; }
.page-dingxi .dx-monthly-strip b { color:var(--dx-wheat); }

.page-dingxi .dx-growth { background:#ece1cf; }
.page-dingxi .dx-growth-grid { display:grid; grid-template-columns:.82fr 1.18fr; gap:16px; }
.page-dingxi .dx-growth-copy { padding:26px 24px 20px 0; }
.page-dingxi .dx-growth-copy > p:not(.city-eyebrow) { margin:22px 0 0; color:#68625b; font-size:17px; line-height:1.82; }
.page-dingxi .dx-growth-grid > figure { min-height:520px; }
.page-dingxi .dx-client-route { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.page-dingxi .dx-client-route article { min-height:165px; padding:22px; border:1px solid var(--dx-line); background:var(--dx-paper); }
.page-dingxi .dx-client-route b { color:var(--dx-rust); font:700 14px/1 Arial,sans-serif; }
.page-dingxi .dx-client-route h3 { margin:30px 0 8px; font-size:19px; }
.page-dingxi .dx-client-route p { margin:0; color:#6d675f; font-size:13px; line-height:1.65; }

.page-dingxi .dx-platform { background:var(--dx-paper); }
.page-dingxi .dx-platform-dashboard { display:grid; grid-template-columns:1.2fr .8fr; gap:12px; }
.page-dingxi .dx-platform-shot { position:relative; margin:0; overflow:hidden; border:9px solid var(--dx-indigo); background:var(--dx-indigo); box-shadow:0 22px 55px rgba(49,39,27,.16); }
.page-dingxi .dx-platform-shot img { display:block; width:100%; height:auto; }
.page-dingxi .dx-platform-shot figcaption { padding:10px; color:var(--dx-wheat); background:var(--dx-indigo); text-align:right; font:700 10px/1 Arial,sans-serif; letter-spacing:.13em; }
.page-dingxi .dx-workspace-panel { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.page-dingxi .dx-workspace-panel article { padding:20px; border:1px solid var(--dx-line); background:#eee2cf; }
.page-dingxi .dx-workspace-panel article:nth-child(2),.page-dingxi .dx-workspace-panel article:nth-child(3){ background:#dfe2d5; }
.page-dingxi .dx-workspace-panel span { color:var(--dx-rust); font:700 10px/1 Arial,sans-serif; letter-spacing:.12em; }
.page-dingxi .dx-workspace-panel h3 { margin:26px 0 8px; font-size:20px; }
.page-dingxi .dx-workspace-panel p { margin:0; color:#69645e; font-size:13px; line-height:1.65; }

.page-dingxi .dx-articles { background:#eee3d0; }
.page-dingxi .dx-article-route { position:relative; display:grid; grid-template-columns:repeat(2,1fr); gap:10px 54px; }
.page-dingxi .dx-article-route::before { content:""; position:absolute; left:50%; top:34px; bottom:34px; width:2px; background:var(--dx-rust); transform:translateX(-50%); opacity:.28; }
.page-dingxi .dx-article-route a { position:relative; z-index:1; display:grid; grid-template-columns:48px 1fr; gap:16px; min-height:145px; align-items:center; padding:20px; color:var(--dx-ink); border:1px solid var(--dx-line); background:var(--dx-paper); text-decoration:none; transition:transform .25s ease, background-color .25s ease; }
.page-dingxi .dx-article-route a:hover { transform:translateY(-3px); background:#dfe2d5; }
.page-dingxi .dx-article-route a > span { display:grid; width:42px; height:42px; place-items:center; color:white; border-radius:50%; background:var(--dx-rust); font:700 12px/1 Arial,sans-serif; }
.page-dingxi .dx-article-route div { display:grid; gap:10px; }
.page-dingxi .dx-article-route b { color:#806d58; font-size:11px; letter-spacing:.08em; }
.page-dingxi .dx-article-route strong { font-size:18px; line-height:1.55; }

.page-dingxi .dx-faq { background:var(--dx-paper); }
.page-dingxi .dx-faq-grid { display:grid; grid-template-columns:.78fr 1.22fr; gap:54px; align-items:start; }
.page-dingxi .dx-faq-grid .dx-heading { position:sticky; top:100px; margin:0; }
.page-dingxi .dx-faq-list details { border:0; border-top:1px solid var(--dx-line); border-radius:0; background:transparent; }
.page-dingxi .dx-faq-list details:last-child { border-bottom:1px solid var(--dx-line); }
.page-dingxi .dx-faq-list summary { padding:24px 42px 24px 0; color:var(--dx-ink); font-size:19px; font-weight:700; line-height:1.5; }
.page-dingxi .dx-faq-list details p { padding:0 34px 24px 0; color:#69645e; font-size:15px; line-height:1.84; }

.page-dingxi .dx-final { padding:82px 0; color:white; background:linear-gradient(135deg,#172942,#26384f); }
.page-dingxi .dx-final .city-eyebrow { color:var(--dx-wheat); }
.page-dingxi .dx-final-grid { display:grid; grid-template-columns:1fr .82fr; gap:70px; align-items:end; }
.page-dingxi .dx-final-grid p:not(.city-eyebrow) { margin:0; color:#d0d2d2; font-size:17px; line-height:1.82; }

@media (max-width:960px) {
  .page-dingxi .dx-hero-grid { grid-template-columns:1fr; }
  .page-dingxi .dx-hero-copy { padding-right:0; }
  .page-dingxi .dx-ledger-stage { height:560px; margin:0; }
  .page-dingxi .dx-route-readout { position:relative; left:auto; right:auto; bottom:auto; margin-top:16px; }
  .page-dingxi .dx-dual-dashboard,.page-dingxi .dx-service-grid,.page-dingxi .dx-growth-grid,.page-dingxi .dx-platform-dashboard,.page-dingxi .dx-faq-grid { grid-template-columns:1fr; }
  .page-dingxi .dx-service-copy,.page-dingxi .dx-faq-grid .dx-heading { position:static; }
  .page-dingxi .dx-check-route { grid-column:1; }
  .page-dingxi .dx-accounting-dashboard { grid-template-columns:1fr; }
  .page-dingxi .dx-accounting-dashboard > figure { min-height:460px; }
  .page-dingxi .dx-monthly-strip { grid-template-columns:repeat(3,1fr); }
  .page-dingxi .dx-client-route { grid-template-columns:repeat(2,1fr); }
  .page-dingxi .dx-platform-dashboard { gap:18px; }
}

@media (max-width:700px) {
  .page-dingxi .city-shell { width:min(100% - 32px,1180px); }
  .page-dingxi .city-crumb { padding-block:14px; font-size:13px; }
  .page-dingxi .city-section { padding:72px 0; }
  .page-dingxi h2 { font-size:31px; line-height:1.12; }
  .page-dingxi .dx-heading { margin-bottom:30px; }
  .page-dingxi .dx-heading > p:last-child { margin-top:16px; font-size:15px; line-height:1.75; }
  .page-dingxi .dx-hero { padding:10px 0 56px; }
  .page-dingxi .dx-hero-copy { padding:30px 0 26px; }
  .page-dingxi .dx-route-label { margin-bottom:20px; }
  .page-dingxi .dx-hero h1 { font-size:38px; line-height:1.04; }
  .page-dingxi .dx-hero-lead { margin-top:20px; font-size:16px; line-height:1.72; }
  .page-dingxi .dx-button { width:100%; }
  .page-dingxi .dx-waypoint-tabs { margin-top:24px; }
  .page-dingxi .dx-waypoint-tabs button { padding:11px 6px; }
  .page-dingxi .dx-ledger-stage { height:520px; }
  .page-dingxi .dx-ledger-sheet { inset:22px 0 22px 18px; }
  .page-dingxi .dx-hero-figure { border-radius:20px 3px 3px 3px; }
  .page-dingxi .dx-hero-figure img { object-position:center; }
  .page-dingxi .dx-hero-figure figcaption { right:12px; bottom:12px; min-width:170px; }
  .page-dingxi .dx-route-readout { display:block; padding:18px; }
  .page-dingxi .dx-route-readout strong,.page-dingxi .dx-route-readout p { display:block; margin-top:10px; }
  .page-dingxi .city-ad-inner { width:100%; }
  .page-dingxi .city-ad picture { aspect-ratio:750/920; }
  .page-dingxi .city-ad img { height:100%; object-fit:contain; }
  .page-dingxi .dx-dashboard-panel { min-height:auto; padding:24px; }
  .page-dingxi .dx-panel-head h3 { margin-top:26px; font-size:25px; }
  .page-dingxi .dx-route-cards article { grid-template-columns:1fr 1fr; gap:8px; padding:14px; }
  .page-dingxi .dx-route-cards b { grid-column:1/-1; }
  .page-dingxi .dx-dashboard-legend { grid-template-columns:1fr 1fr; }
  .page-dingxi .dx-dashboard-legend b { grid-column:1/-1; }
  .page-dingxi .dx-service-copy { padding:0 0 16px; }
  .page-dingxi .dx-service-grid > figure { aspect-ratio:4/3; }
  .page-dingxi .dx-check-route { grid-template-columns:1fr; }
  .page-dingxi .dx-check-route::before { left:20px; }
  .page-dingxi .dx-check-route li:last-child { grid-column:auto; }
  .page-dingxi .dx-accounting-dashboard > figure { min-height:360px; }
  .page-dingxi .dx-transit-panel article { grid-template-columns:72px 1fr; }
  .page-dingxi .dx-monthly-strip { grid-template-columns:1fr; }
  .page-dingxi .dx-growth-copy { padding:0 0 16px; }
  .page-dingxi .dx-growth-grid > figure { min-height:340px; }
  .page-dingxi .dx-client-route { grid-template-columns:1fr 1fr; }
  .page-dingxi .dx-client-route article { min-height:170px; padding:18px; }
  .page-dingxi .dx-platform-shot { border-width:5px; }
  .page-dingxi .dx-workspace-panel { grid-template-columns:1fr; }
  .page-dingxi .dx-workspace-panel article { min-height:168px; }
  .page-dingxi .dx-article-route { grid-template-columns:1fr; gap:8px; }
  .page-dingxi .dx-article-route::before { left:20px; }
  .page-dingxi .dx-article-route a { min-height:138px; }
  .page-dingxi .dx-faq-grid { gap:28px; }
  .page-dingxi .dx-faq-list summary { font-size:17px; }
  .page-dingxi .dx-final { padding:66px 0; }
  .page-dingxi .dx-final-grid { grid-template-columns:1fr; gap:28px; }
}

@media (prefers-reduced-motion:reduce) {
  .page-dingxi * { scroll-behavior:auto !important; }
  .page-dingxi .dx-button,.page-dingxi .dx-article-route a { transition:none !important; }
}