.page-dongying {
  --dy-navy: #0b1827;
  --dy-navy-2: #13263a;
  --dy-amber: #d59225;
  --dy-amber-soft: #efbd67;
  --dy-paper: #f3efe5;
  --dy-paper-2: #e5dccb;
  --dy-reed: #71836d;
  --dy-graphite: #1f2932;
  --dy-line: rgba(11, 24, 39, .14);
  --accent: var(--dy-amber);
  background: var(--dy-paper);
}

.page-dongying .city-shell { width: min(1216px, calc(100% - 44px)); }
.page-dongying .city-eyebrow { color: var(--dy-amber); }
.page-dongying .city-eyebrow::before { width: 38px; }
.page-dongying .city-section { padding: 112px 0; }

.page-dongying .dy-hero {
  position: relative;
  min-height: 718px;
  overflow: hidden;
  background: var(--dy-navy);
  color: #fff;
}
.page-dongying .dy-hero-media,
.page-dongying .dy-hero-media img,
.page-dongying .dy-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.page-dongying .dy-hero-media img { object-fit: cover; object-position: center; }
.page-dongying .dy-hero-shade {
  background:
    linear-gradient(90deg, rgba(5, 13, 23, .96) 0%, rgba(6, 15, 25, .88) 33%, rgba(5, 14, 23, .36) 62%, rgba(6, 14, 23, .22) 100%),
    linear-gradient(0deg, rgba(3, 11, 19, .74), transparent 48%);
}
.page-dongying .dy-hero-shell { position: relative; min-height: 718px; }
.page-dongying .dy-crumb { position: relative; z-index: 2; color: rgba(255,255,255,.55); }
.page-dongying .dy-crumb strong { color: #fff; }
.page-dongying .dy-hero-copy { width: min(670px, 62%); padding: 58px 0 152px; }
.page-dongying .dy-hero-copy h1 {
  margin: 0;
  font-size: clamp(51px, 4.55vw, 60px);
  line-height: 1.06;
  letter-spacing: -.055em;
  text-wrap: balance;
}
.page-dongying .dy-hero-copy h1 span { display: block; color: var(--dy-paper); }
.page-dongying .dy-hero-lead { max-width: 640px; margin: 25px 0 0; color: rgba(255,255,255,.75); font-size: 17px; line-height: 1.85; }
.page-dongying .dy-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.page-dongying .dy-hero-actions a {
  display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 23px;
  border: 1px solid rgba(255,255,255,.24); text-decoration: none; font-size: 14px; font-weight: 850; letter-spacing: .04em;
}
.page-dongying .dy-hero-actions a.is-primary { border-color: var(--dy-amber); background: var(--dy-amber); color: #111a22; }
.page-dongying .dy-hero-actions a b { margin-left: 34px; }
.page-dongying .dy-hero-nodes {
  position: absolute; right: 0; bottom: 35px; left: 0; z-index: 2; display: grid; grid-template-columns: repeat(5, 1fr);
  margin: 0; padding: 0; list-style: none;
}
.page-dongying .dy-hero-nodes::before { position: absolute; top: 8px; right: 7%; left: 7%; height: 1px; background: rgba(255,255,255,.3); content: ""; }
.page-dongying .dy-hero-nodes li { position: relative; display: grid; justify-items: center; gap: 10px; color: rgba(255,255,255,.64); font-size: 12px; font-weight: 800; letter-spacing: .18em; }
.page-dongying .dy-hero-nodes i { position: relative; width: 17px; height: 17px; border: 5px solid var(--dy-navy); border-radius: 50%; background: var(--dy-amber); box-shadow: 0 0 0 1px rgba(239,189,103,.7); }
.page-dongying .dy-hero-index { position: absolute; right: 0; top: 90px; display: grid; justify-items: end; gap: 4px; padding: 18px 0 18px 28px; border-left: 1px solid rgba(255,255,255,.22); }
.page-dongying .dy-hero-index small,
.page-dongying .dy-hero-index span { color: rgba(255,255,255,.5); font-size: 9px; letter-spacing: .22em; }
.page-dongying .dy-hero-index b { color: var(--dy-amber-soft); font-size: 30px; line-height: 1; }

.page-dongying .dy-section-head { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); align-items: end; gap: 68px; margin-bottom: 45px; }
.page-dongying .dy-section-head h2,
.page-dongying .dy-corridor-intro h2,
.page-dongying .dy-register-copy h2,
.page-dongying .dy-platform-top h2,
.page-dongying .dy-growth-copy h2 { margin: 0; font-size: clamp(43px, 3.75vw, 47px); line-height: 1.08; letter-spacing: -.045em; }
.page-dongying .dy-section-head > p,
.page-dongying .dy-platform-top > p { margin: 0; color: #697568; font-size: 15px; line-height: 1.85; }

.page-dongying .dy-readings { background: var(--dy-paper); }
.page-dongying .dy-bento-readings { display: grid; grid-template-columns: 1.25fr .75fr 1fr; grid-template-rows: 224px 230px; gap: 14px; }
.page-dongying .dy-bento-readings article { position: relative; overflow: hidden; padding: 28px; border: 1px solid rgba(11,24,39,.12); background: #faf7ef; }
.page-dongying .dy-bento-readings article::after { position: absolute; right: -40px; bottom: -70px; width: 170px; height: 170px; border: 1px solid rgba(11,24,39,.08); border-radius: 50%; content: ""; }
.page-dongying .dy-bento-readings small { color: var(--dy-reed); font-size: 10px; font-weight: 900; letter-spacing: .17em; }
.page-dongying .dy-bento-readings b { display: block; margin-top: 32px; color: var(--dy-navy); font-size: clamp(31px, 3.3vw, 44px); line-height: 1; letter-spacing: -.05em; }
.page-dongying .dy-bento-readings p { position: relative; z-index: 1; max-width: 380px; margin: 14px 0 0; color: #657068; font-size: 14px; line-height: 1.75; }
.page-dongying .dy-bento-readings .is-gdp { grid-row: 1 / 3; background: var(--dy-navy); color: #fff; }
.page-dongying .dy-bento-readings .is-gdp::before { position: absolute; top: 0; left: 36px; width: 44px; height: 64%; background: var(--dy-amber); content: ""; opacity: .95; }
.page-dongying .dy-bento-readings .is-gdp small,
.page-dongying .dy-bento-readings .is-gdp b,
.page-dongying .dy-bento-readings .is-gdp p { position: relative; color: #fff; }
.page-dongying .dy-bento-readings .is-gdp small { margin-left: 72px; }
.page-dongying .dy-bento-readings .is-gdp b { margin-top: 142px; }
.page-dongying .dy-bento-readings .is-chem { background: #ded6c6; }
.page-dongying .dy-bento-readings .is-rubber { background: var(--dy-reed); }
.page-dongying .dy-bento-readings .is-rubber small,
.page-dongying .dy-bento-readings .is-rubber b,
.page-dongying .dy-bento-readings .is-rubber p { color: #fff; }
.page-dongying .dy-bento-readings .is-note { grid-column: 2 / 4; display: grid; grid-template-columns: .65fr 1.35fr; align-items: end; gap: 30px; background: #fff; }
.page-dongying .dy-bento-readings .is-note h3 { margin: 18px 0 0; color: var(--dy-navy); font-size: 24px; line-height: 1.25; }
.page-dongying .dy-source-note { margin: 18px 0 0; color: #7d857c; font-size: 12px; }

.page-dongying .dy-corridor { background: #0e1c2b; color: #fff; }
.page-dongying .dy-corridor-intro { display: grid; grid-template-columns: 1.1fr .9fr; gap: 90px; align-items: end; }
.page-dongying .dy-corridor-copy { min-height: 190px; padding: 24px 26px; border-left: 3px solid var(--dy-amber); background: rgba(255,255,255,.045); }
.page-dongying .dy-corridor-copy small { color: var(--dy-amber-soft); font-size: 10px; font-weight: 900; letter-spacing: .18em; }
.page-dongying .dy-corridor-copy h3 { margin: 20px 0 10px; font-size: 25px; }
.page-dongying .dy-corridor-copy p { margin: 0; color: rgba(255,255,255,.67); font-size: 14px; line-height: 1.8; }
.page-dongying .dy-corridor-track { position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 72px; padding-top: 34px; }
.page-dongying .dy-track-line { position: absolute; top: 8px; right: 10%; left: 10%; height: 2px; overflow: hidden; background: rgba(255,255,255,.12); }
.page-dongying .dy-track-line i { display: block; width: 20%; height: 100%; background: var(--dy-amber); transition: width .35s ease; }
.page-dongying .dy-corridor-track button {
  position: relative; min-height: 260px; padding: 28px 22px; border: 1px solid rgba(255,255,255,.12); background: #15283a; color: #fff; text-align: left; cursor: pointer; transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.page-dongying .dy-corridor-track button::before { position: absolute; top: -34px; left: 50%; width: 17px; height: 17px; border: 5px solid #0e1c2b; border-radius: 50%; background: #425164; content: ""; transform: translateX(-50%); }
.page-dongying .dy-corridor-track button:nth-of-type(even) { transform: translateY(30px); }
.page-dongying .dy-corridor-track button.is-active { border-color: var(--dy-amber); background: var(--dy-amber); color: var(--dy-navy); }
.page-dongying .dy-corridor-track button.is-active::before { background: var(--dy-amber); box-shadow: 0 0 0 1px var(--dy-amber-soft); }
.page-dongying .dy-corridor-track button i { display: block; color: var(--dy-amber-soft); font-style: normal; font-size: 11px; font-weight: 900; letter-spacing: .16em; }
.page-dongying .dy-corridor-track button.is-active i { color: var(--dy-navy); }
.page-dongying .dy-corridor-track button b { display: block; margin-top: 92px; font-size: 23px; }
.page-dongying .dy-corridor-track button span { display: block; margin-top: 10px; color: rgba(255,255,255,.52); font-size: 13px; }
.page-dongying .dy-corridor-track button.is-active span { color: rgba(11,24,39,.7); }
.page-dongying .dy-corridor-foot { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-top: 76px; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.12); }
.page-dongying .dy-corridor-foot p { max-width: 720px; margin: 0; color: rgba(255,255,255,.6); line-height: 1.8; }
.page-dongying .dy-corridor-foot a { color: var(--dy-amber-soft); font-size: 13px; font-weight: 850; text-decoration: none; }

.page-dongying .dy-register { background: #f7f3ea; }
.page-dongying .dy-register-grid { display: grid; grid-template-columns: .93fr 1.07fr; gap: 72px; align-items: start; }
.page-dongying .dy-register-image { position: sticky; top: 122px; margin: 0; }
.page-dongying .dy-register-image::before { position: absolute; top: -18px; left: -18px; width: 48%; height: 48%; border-top: 2px solid var(--dy-amber); border-left: 2px solid var(--dy-amber); content: ""; }
.page-dongying .dy-register-image img { position: relative; display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; box-shadow: 0 30px 80px rgba(25,33,41,.16); }
.page-dongying .dy-register-image figcaption { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--dy-line); }
.page-dongying .dy-register-image span { color: var(--dy-reed); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.page-dongying .dy-register-image b { color: var(--dy-navy); font-size: 12px; }
.page-dongying .dy-register-copy > p:not(.city-eyebrow) { color: #69726c; line-height: 1.85; }
.page-dongying .dy-register-bento { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 28px; }
.page-dongying .dy-register-bento article { min-height: 220px; padding: 25px; border: 1px solid var(--dy-line); background: #fff; }
.page-dongying .dy-register-bento article:nth-child(2) { background: var(--dy-paper-2); }
.page-dongying .dy-register-bento article:nth-child(3) { background: var(--dy-amber); }
.page-dongying .dy-register-bento article:nth-child(4) { background: var(--dy-reed); color: #fff; }
.page-dongying .dy-register-bento small { color: var(--dy-reed); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.page-dongying .dy-register-bento article:nth-child(3) small,
.page-dongying .dy-register-bento article:nth-child(4) small { color: currentColor; }
.page-dongying .dy-register-bento h3 { margin: 45px 0 12px; font-size: 22px; }
.page-dongying .dy-register-bento p { margin: 0; color: #68736d; font-size: 13px; line-height: 1.75; }
.page-dongying .dy-register-bento article:nth-child(3) p { color: rgba(11,24,39,.75); }
.page-dongying .dy-register-bento article:nth-child(4) p { color: rgba(255,255,255,.78); }
.page-dongying .dy-register-copy aside { margin-top: 18px; padding: 22px; border-left: 3px solid var(--dy-amber); background: #eae4d8; }
.page-dongying .dy-register-copy aside b { color: var(--dy-navy); }
.page-dongying .dy-register-copy aside p { margin: 8px 0 0; color: #68716a; font-size: 13px; line-height: 1.75; }

.page-dongying .dy-accounting { background: #18222a; color: #fff; }
.page-dongying .dy-section-head.is-light > p { color: rgba(255,255,255,.62); }
.page-dongying .dy-accounting-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: 18px; }
.page-dongying .dy-accounting-layout figure { margin: 0; background: #0d161d; }
.page-dongying .dy-accounting-layout figure img { display: block; width: 100%; height: 100%; min-height: 620px; object-fit: cover; }
.page-dongying .dy-accounting-layout figcaption { padding: 14px 18px; color: rgba(255,255,255,.55); font-size: 12px; }
.page-dongying .dy-ledger-bento { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; }
.page-dongying .dy-ledger-bento article { min-height: 198px; padding: 24px; border: 1px solid rgba(255,255,255,.1); background: #22303a; }
.page-dongying .dy-ledger-bento article.is-wide { grid-column: 1 / 3; min-height: 210px; background: var(--dy-amber); color: var(--dy-navy); }
.page-dongying .dy-ledger-bento small { color: var(--dy-amber-soft); font-size: 9px; font-weight: 900; letter-spacing: .16em; }
.page-dongying .dy-ledger-bento .is-wide small { color: var(--dy-navy); }
.page-dongying .dy-ledger-bento h3 { margin: 42px 0 9px; font-size: 21px; line-height: 1.25; }
.page-dongying .dy-ledger-bento p { margin: 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.7; }
.page-dongying .dy-ledger-bento .is-wide p { color: rgba(11,24,39,.74); }
.page-dongying .dy-accounting-note { margin: 22px 0 0; padding-left: 18px; border-left: 2px solid var(--dy-amber); color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.75; }

.page-dongying .dy-platform { background: var(--dy-paper-2); }
.page-dongying .dy-platform-top { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; }
.page-dongying .dy-platform-top code { color: var(--dy-navy); font-family: inherit; font-size: 12px; font-weight: 850; word-break: break-all; }
.page-dongying .dy-platform-grid { display: grid; grid-template-columns: .78fr 1.22fr; gap: 18px; margin-top: 48px; }
.page-dongying .dy-workspaces { display: grid; gap: 8px; }
.page-dongying .dy-workspaces article { display: grid; grid-template-columns: 56px 1fr; gap: 18px; min-height: 148px; padding: 22px; border: 1px solid var(--dy-line); background: #f7f3ea; }
.page-dongying .dy-workspaces article:nth-child(3) { background: var(--dy-reed); color: #fff; }
.page-dongying .dy-workspaces i { color: var(--dy-amber); font-style: normal; font-size: 22px; font-weight: 950; }
.page-dongying .dy-workspaces small { color: #7c877c; font-size: 9px; font-weight: 900; letter-spacing: .14em; }
.page-dongying .dy-workspaces article:nth-child(3) small { color: rgba(255,255,255,.58); }
.page-dongying .dy-workspaces h3 { margin: 12px 0 7px; font-size: 21px; }
.page-dongying .dy-workspaces p { margin: 0; color: #69736d; font-size: 13px; line-height: 1.65; }
.page-dongying .dy-workspaces article:nth-child(3) p { color: rgba(255,255,255,.72); }
.page-dongying .dy-platform-screen { margin: 0; padding: 18px; background: var(--dy-navy); box-shadow: 0 28px 70px rgba(11,24,39,.15); }
.page-dongying .dy-platform-screen img { display: block; width: 100%; height: auto; aspect-ratio: 1.6 / 1; object-fit: cover; object-position: center top; }
.page-dongying .dy-platform-screen figcaption { display: flex; justify-content: space-between; gap: 20px; padding: 16px 0 0; color: #fff; }
.page-dongying .dy-platform-screen span { color: var(--dy-amber-soft); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.page-dongying .dy-platform-screen b { font-size: 12px; }
.page-dongying .dy-platform-boundary { margin: 20px 0 0; color: #707972; font-size: 12px; line-height: 1.75; }

.page-dongying .dy-growth { background: #fbf8f1; }
.page-dongying .dy-growth-grid { display: grid; grid-template-columns: .92fr 1.08fr; gap: 72px; align-items: center; }
.page-dongying .dy-growth-copy > p:not(.city-eyebrow) { color: #68736c; line-height: 1.85; }
.page-dongying .dy-inquiry-desk { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: 28px; background: var(--dy-line); border: 1px solid var(--dy-line); }
.page-dongying .dy-inquiry-desk article { display: grid; grid-template-columns: 34px 1fr; gap: 14px; min-height: 130px; padding: 20px; background: #fff; }
.page-dongying .dy-inquiry-desk i { color: var(--dy-amber); font-style: normal; font-size: 11px; font-weight: 900; }
.page-dongying .dy-inquiry-desk b,
.page-dongying .dy-inquiry-desk span { display: block; }
.page-dongying .dy-inquiry-desk b { color: var(--dy-navy); font-size: 18px; }
.page-dongying .dy-inquiry-desk span { margin-top: 9px; color: #717a74; font-size: 12px; line-height: 1.6; }
.page-dongying .dy-growth-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.page-dongying .dy-growth-actions a { padding: 13px 18px; background: var(--dy-navy); color: #fff; text-decoration: none; font-size: 12px; font-weight: 850; }
.page-dongying .dy-growth-actions a + a { background: var(--dy-amber); color: var(--dy-navy); }
.page-dongying .dy-growth-image { position: relative; margin: 0; }
.page-dongying .dy-growth-image::after { position: absolute; right: -22px; bottom: 48px; width: 62px; height: 180px; background: var(--dy-amber); content: ""; z-index: 0; }
.page-dongying .dy-growth-image img { position: relative; z-index: 1; display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; box-shadow: 0 28px 75px rgba(11,24,39,.16); }
.page-dongying .dy-growth-image figcaption { position: relative; z-index: 1; padding: 14px 0; color: #69736d; font-size: 12px; }

.page-dongying .dy-services { background: #fff; }
.page-dongying .dy-service-shelves { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 8px solid var(--dy-navy); }
.page-dongying .dy-service-shelves article { position: relative; min-height: 390px; padding: 30px 24px; border-right: 1px solid var(--dy-line); border-bottom: 1px solid var(--dy-line); background: #f7f4ec; }
.page-dongying .dy-service-shelves article:first-child { border-left: 1px solid var(--dy-line); }
.page-dongying .dy-service-shelves article:nth-child(even) { background: #e7dfd0; }
.page-dongying .dy-service-shelves i { position: absolute; top: 0; left: 24px; width: 42px; height: 90px; background: var(--dy-amber); }
.page-dongying .dy-service-shelves small { display: block; margin: 105px 0 0; color: var(--dy-reed); font-size: 9px; font-weight: 900; letter-spacing: .15em; }
.page-dongying .dy-service-shelves h3 { margin: 18px 0 15px; color: var(--dy-navy); font-size: 24px; }
.page-dongying .dy-service-shelves p { margin: 0; color: #69736d; font-size: 13px; line-height: 1.75; }
.page-dongying .dy-service-shelves b { position: absolute; right: 22px; bottom: 18px; color: rgba(11,24,39,.14); font-size: 42px; }

.page-dongying .dy-articles { background: #e8e3d8; }
.page-dongying .dy-article-bento { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: minmax(240px, auto); gap: 12px; }
.page-dongying .dy-article-bento a { position: relative; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--dy-line); background: #fff; color: var(--dy-navy); text-decoration: none; }
.page-dongying .dy-article-bento a.is-featured { grid-column: 1 / 3; grid-row: 1 / 3; justify-content: flex-end; min-height: 492px; background: var(--dy-navy); color: #fff; }
.page-dongying .dy-article-bento a:nth-child(4) { background: var(--dy-amber); }
.page-dongying .dy-article-bento span { color: var(--dy-reed); font-size: 10px; font-weight: 850; letter-spacing: .1em; }
.page-dongying .dy-article-bento .is-featured span { color: var(--dy-amber-soft); }
.page-dongying .dy-article-bento h3 { margin: 28px 0 0; font-size: 21px; line-height: 1.35; }
.page-dongying .dy-article-bento .is-featured h3 { max-width: 700px; font-size: clamp(32px, 3.2vw, 44px); letter-spacing: -.03em; }
.page-dongying .dy-article-bento p { max-width: 560px; color: rgba(255,255,255,.62); line-height: 1.75; }
.page-dongying .dy-article-bento b { margin-top: auto; padding-top: 26px; color: var(--dy-amber); font-size: 12px; }
.page-dongying .dy-article-bento a:nth-child(4) b { color: var(--dy-navy); }

.page-dongying .dy-faq { background: #fff; }
.page-dongying .dy-faq .faq-list { border-top: 6px solid var(--dy-navy); }
.page-dongying .dy-faq details { background: #fff; }
.page-dongying .dy-faq summary { display: grid; grid-template-columns: 44px 1fr 30px; align-items: center; gap: 16px; padding: 27px 18px; }
.page-dongying .dy-faq summary i { color: var(--dy-amber); font-style: normal; font-size: 11px; }
.page-dongying .dy-faq summary b { color: var(--dy-amber); text-align: right; }
.page-dongying .dy-faq details p { margin: 0; padding: 0 76px 26px; }

.page-dongying .dy-final { background: var(--dy-navy); }
.page-dongying .dy-final-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 70px; align-items: end; }
.page-dongying .dy-final small { color: var(--dy-amber-soft); font-size: 9px; font-weight: 900; letter-spacing: .17em; }
.page-dongying .dy-final h2 { margin: 18px 0 0; max-width: 760px; font-size: clamp(40px, 4.5vw, 58px); line-height: 1.08; letter-spacing: -.045em; }
.page-dongying .dy-final p { margin: 0; color: rgba(255,255,255,.62); font-size: 13px; line-height: 1.8; }

@media (hover:hover) {
  .page-dongying .dy-hero-actions a:hover,
  .page-dongying .dy-growth-actions a:hover { transform: translateY(-2px); }
  .page-dongying .dy-corridor-track button:hover { border-color: var(--dy-amber); }
  .page-dongying .dy-article-bento a:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(11,24,39,.12); }
}

@media (max-width: 1040px) {
  .page-dongying .dy-hero-copy { width: 70%; }
  .page-dongying .dy-bento-readings { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; }
  .page-dongying .dy-bento-readings .is-gdp { grid-row: span 2; }
  .page-dongying .dy-bento-readings .is-note { grid-column: 1 / 3; }
  .page-dongying .dy-corridor-track { grid-template-columns: repeat(5, minmax(160px, 1fr)); overflow-x: auto; padding-bottom: 44px; }
  .page-dongying .dy-track-line { display: none; }
  .page-dongying .dy-corridor-track button::before { display: none; }
  .page-dongying .dy-register-grid,
  .page-dongying .dy-growth-grid { gap: 40px; }
  .page-dongying .dy-accounting-layout { grid-template-columns: 1fr; }
  .page-dongying .dy-accounting-layout figure img { min-height: 0; }
  .page-dongying .dy-platform-grid { grid-template-columns: 1fr; }
  .page-dongying .dy-workspaces { grid-template-columns: repeat(2, 1fr); }
  .page-dongying .dy-service-shelves { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 700px) {
  .page-dongying .city-shell { width: min(100% - 28px, 1216px); }
  .page-dongying .city-section { padding: 72px 0; }
  .page-dongying .dy-section-head,
  .page-dongying .dy-corridor-intro,
  .page-dongying .dy-register-grid,
  .page-dongying .dy-platform-top,
  .page-dongying .dy-growth-grid,
  .page-dongying .dy-final-grid { grid-template-columns: 1fr; gap: 25px; }
  .page-dongying .dy-section-head h2,
  .page-dongying .dy-corridor-intro h2,
  .page-dongying .dy-register-copy h2,
  .page-dongying .dy-platform-top h2,
  .page-dongying .dy-growth-copy h2 { font-size: 31px; }

  .page-dongying .dy-hero,
  .page-dongying .dy-hero-shell { min-height: 812px; }
  .page-dongying .dy-hero-media img { object-position: center; }
  .page-dongying .dy-hero-shade { background: linear-gradient(0deg, rgba(5,13,22,.97) 0%, rgba(5,13,22,.83) 54%, rgba(5,13,22,.16) 100%); }
  .page-dongying .dy-crumb { padding-top: 14px; }
  .page-dongying .dy-hero-copy { position: absolute; bottom: 135px; left: 0; width: 100%; padding: 0; }
  .page-dongying .dy-hero-copy h1 { font-size: 38px; line-height: 1.07; }
  .page-dongying .dy-hero-lead { margin-top: 18px; font-size: 14px; line-height: 1.72; }
  .page-dongying .dy-hero-actions { margin-top: 20px; }
  .page-dongying .dy-hero-actions a { min-height: 45px; padding: 0 15px; font-size: 12px; }
  .page-dongying .dy-hero-actions a b { margin-left: 13px; }
  .page-dongying .dy-hero-index { display: none; }
  .page-dongying .dy-hero-nodes { bottom: 26px; }
  .page-dongying .dy-hero-nodes li { font-size: 9px; letter-spacing: .05em; }

  .page-dongying .dy-bento-readings { grid-template-columns: 1fr; }
  .page-dongying .dy-bento-readings article { min-height: 190px; }
  .page-dongying .dy-bento-readings .is-gdp { grid-row: auto; min-height: 320px; }
  .page-dongying .dy-bento-readings .is-gdp b { margin-top: 110px; }
  .page-dongying .dy-bento-readings .is-note { grid-column: auto; grid-template-columns: 1fr; gap: 10px; }
  .page-dongying .dy-bento-readings b { font-size: 33px; }

  .page-dongying .dy-corridor-copy { min-height: 0; }
  .page-dongying .dy-corridor-track { grid-template-columns: 1fr; gap: 8px; margin-top: 35px; overflow: visible; padding: 0; }
  .page-dongying .dy-corridor-track button,
  .page-dongying .dy-corridor-track button:nth-of-type(even) { display: grid; grid-template-columns: 38px 1fr auto; align-items: center; min-height: 95px; padding: 16px; transform: none; }
  .page-dongying .dy-corridor-track button b { margin: 0; font-size: 19px; }
  .page-dongying .dy-corridor-track button span { margin: 0; font-size: 11px; }
  .page-dongying .dy-corridor-foot { display: block; margin-top: 30px; }
  .page-dongying .dy-corridor-foot a { display: inline-block; margin-top: 18px; }

  .page-dongying .dy-register-image { position: relative; top: 0; }
  .page-dongying .dy-register-image::before { left: -8px; }
  .page-dongying .dy-register-bento { grid-template-columns: 1fr; }
  .page-dongying .dy-register-bento article { min-height: 190px; }
  .page-dongying .dy-register-bento h3 { margin-top: 35px; }

  .page-dongying .dy-ledger-bento { grid-template-columns: 1fr; }
  .page-dongying .dy-ledger-bento article.is-wide { grid-column: auto; }
  .page-dongying .dy-accounting-layout figure img { aspect-ratio: 3/2; }

  .page-dongying .dy-workspaces { grid-template-columns: 1fr; }
  .page-dongying .dy-platform-screen { padding: 10px; }
  .page-dongying .dy-platform-screen figcaption { display: block; }
  .page-dongying .dy-platform-screen b { display: block; margin-top: 7px; }

  .page-dongying .dy-growth-copy { order: 2; }
  .page-dongying .dy-growth-image { order: 1; }
  .page-dongying .dy-inquiry-desk { grid-template-columns: 1fr; }
  .page-dongying .dy-growth-image::after { right: -8px; width: 30px; }

  .page-dongying .dy-service-shelves { grid-template-columns: 1fr; }
  .page-dongying .dy-service-shelves article { min-height: 320px; border-left: 1px solid var(--dy-line); }
  .page-dongying .dy-article-bento { grid-template-columns: 1fr; grid-auto-rows: auto; }
  .page-dongying .dy-article-bento a,
  .page-dongying .dy-article-bento a.is-featured { grid-column: auto; grid-row: auto; min-height: 290px; }
  .page-dongying .dy-article-bento .is-featured h3 { font-size: 30px; }
  .page-dongying .dy-faq summary { grid-template-columns: 30px 1fr 22px; padding: 23px 6px; font-size: 16px; }
  .page-dongying .dy-faq details p { padding: 0 36px 24px; font-size: 14px; }
  .page-dongying .dy-final h2 { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-dongying .dy-track-line i,
  .page-dongying .dy-hero-actions a,
  .page-dongying .dy-growth-actions a,
  .page-dongying .dy-article-bento a { transition: none; }
}