.page-jingdezhen {
  --jd-ink: #07172c;
  --jd-blue: #173c68;
  --jd-cobalt: #215b93;
  --jd-paper: #f4efe4;
  --jd-ivory: #fffaf0;
  --jd-line: #d7cbb8;
  --jd-thread: #b6553f;
  --jd-brass: #aa8150;
  color: var(--jd-ink);
  background: var(--jd-paper);
}

.page-jingdezhen main { overflow: hidden; }
.page-jingdezhen .city-shell { width: min(1200px, calc(100% - 48px)); margin: 0 auto; }
.page-jingdezhen h1,
.page-jingdezhen h2,
.page-jingdezhen h3,
.page-jingdezhen p { text-wrap: pretty; }
.page-jingdezhen h2 { margin: 0; font-size: 46px; line-height: 1.09; letter-spacing: -.045em; }
.page-jingdezhen .city-eyebrow { color: var(--jd-thread); font-size: 11px; font-weight: 800; letter-spacing: .19em; }

.page-jingdezhen .jd-hero { position: relative; min-height: 640px; color: #fff; background: var(--jd-ink); isolation: isolate; }
.page-jingdezhen .jd-hero-media,
.page-jingdezhen .jd-hero-media picture,
.page-jingdezhen .jd-hero-media img,
.page-jingdezhen .jd-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.page-jingdezhen .jd-hero-media img { object-fit: cover; }
.page-jingdezhen .jd-hero-shade { z-index: 1; background: linear-gradient(90deg, rgba(4,15,30,.97) 0%, rgba(4,15,30,.9) 39%, rgba(4,15,30,.34) 64%, rgba(4,15,30,.06) 100%), linear-gradient(0deg, rgba(4,15,30,.68), transparent 43%); }
.page-jingdezhen .jd-hero-shell { position: relative; z-index: 2; min-height: 640px; padding-top: 1px; }
.page-jingdezhen .jd-crumb { position: absolute; top: 28px; left: 0; color: rgba(255,255,255,.7); }
.page-jingdezhen .jd-crumb a { color: rgba(255,255,255,.7); }
.page-jingdezhen .jd-crumb strong { color: #fff; }
.page-jingdezhen .jd-hero-copy { width: min(640px, 57%); padding-top: 138px; }
.page-jingdezhen .jd-hero-copy .city-eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 20px; color: #d57965; }
.page-jingdezhen .jd-hero-copy .city-eyebrow::before { width: 34px; height: 2px; content: ""; background: var(--jd-thread); }
.page-jingdezhen .jd-hero-copy h1 { margin: 0; max-width: 650px; font-size: 58px; line-height: .99; letter-spacing: -.055em; }
.page-jingdezhen .jd-hero-copy h1 span { display: block; color: #e49379; }
.page-jingdezhen .jd-hero-copy > p:not(.city-eyebrow) { max-width: 565px; margin: 24px 0 0; color: rgba(255,255,255,.73); font-size: 16px; line-height: 1.82; }
.page-jingdezhen .jd-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.page-jingdezhen .jd-actions a { display: inline-flex; min-width: 166px; min-height: 50px; align-items: center; justify-content: center; gap: 20px; padding: 0 22px; border: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 13px; font-weight: 800; text-decoration: none; transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.page-jingdezhen .jd-actions a:first-child { border-color: var(--jd-thread); background: var(--jd-thread); }
.page-jingdezhen .jd-actions a:hover { transform: translateY(-3px); border-color: #fff; }
.page-jingdezhen .jd-hero-rail { position: absolute; right: 0; bottom: 28px; width: min(570px, 54%); padding: 18px 20px 16px; border: 1px solid rgba(255,255,255,.19); background: rgba(4,15,30,.77); backdrop-filter: blur(12px); }
.page-jingdezhen .jd-hero-rail small { display: block; margin-bottom: 12px; color: rgba(255,255,255,.45); font-size: 9px; letter-spacing: .2em; }
.page-jingdezhen .jd-hero-rail div { display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; }
.page-jingdezhen .jd-hero-rail span { position: relative; padding: 11px 8px 8px 14px; border-left: 3px solid #d9cdbb; color: rgba(255,255,255,.78); font-size: 10px; }
.page-jingdezhen .jd-hero-rail span:nth-child(2) { border-color: #528ab9; }
.page-jingdezhen .jd-hero-rail span:nth-child(3) { border-color: var(--jd-thread); }
.page-jingdezhen .jd-hero-rail span:nth-child(4) { border-color: var(--jd-brass); }

.page-jingdezhen .city-ad { background: var(--jd-paper); }
.page-jingdezhen .city-ad-inner { width: min(1200px, 100%); margin: 0 auto; padding: 20px 0; }
.page-jingdezhen .city-ad picture,
.page-jingdezhen .city-ad img { display: block; width: 100%; }
.page-jingdezhen .city-ad img { height: auto; object-fit: contain; border-radius: 8px; }

.page-jingdezhen .jd-preface { padding: 104px 0 112px; border-top: 1px solid var(--jd-line); background: var(--jd-paper); }
.page-jingdezhen .jd-preface-grid { display: grid; grid-template-columns: .9fr 1.45fr; gap: 84px; align-items: end; }
.page-jingdezhen .jd-preface header > p:last-child { max-width: 480px; margin: 24px 0 0; color: #5b6270; font-size: 15px; line-height: 1.85; }
.page-jingdezhen .jd-spine-row { display: flex; min-height: 290px; align-items: flex-end; gap: 12px; }
.page-jingdezhen .jd-spine-row article { display: flex; flex: 1; min-width: 0; flex-direction: column; justify-content: flex-end; padding: 24px 18px; border: 1px solid var(--jd-line); border-bottom: 8px solid var(--jd-ink); background: var(--jd-ivory); box-shadow: 0 18px 36px rgba(25,38,55,.07); }
.page-jingdezhen .jd-spine-row article:nth-child(1) { min-height: 214px; }
.page-jingdezhen .jd-spine-row article:nth-child(2) { min-height: 265px; border-bottom-color: var(--jd-cobalt); }
.page-jingdezhen .jd-spine-row article:nth-child(3) { min-height: 238px; border-bottom-color: var(--jd-thread); }
.page-jingdezhen .jd-spine-row article:nth-child(4) { min-height: 288px; border-bottom-color: var(--jd-brass); }
.page-jingdezhen .jd-spine-row small { color: #8b8175; font-size: 9px; letter-spacing: .17em; }
.page-jingdezhen .jd-spine-row b { margin-top: 10px; font-size: 20px; }
.page-jingdezhen .jd-spine-row span { margin-top: 8px; color: #777166; font-size: 11px; line-height: 1.55; }

.page-jingdezhen .jd-story { padding: 110px 0 130px; background: #e4dac9; }
.page-jingdezhen .jd-story-shell { display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 48px; align-items: start; }
.page-jingdezhen .jd-sticky-index { position: sticky; top: 112px; padding: 34px 30px 30px; color: #fff; background: var(--jd-ink); box-shadow: 0 24px 60px rgba(7,23,44,.18); }
.page-jingdezhen .jd-sticky-index > p:first-child { margin: 0 0 17px; color: #cf806c; font-size: 9px; font-weight: 800; letter-spacing: .2em; }
.page-jingdezhen .jd-sticky-index h2 { font-size: 46px; line-height: 1.06; }
.page-jingdezhen .jd-sticky-index nav { display: grid; gap: 3px; margin-top: 31px; }
.page-jingdezhen .jd-sticky-index nav a { display: grid; grid-template-columns: 36px 1fr; gap: 12px; align-items: center; padding: 13px 10px; border-left: 2px solid rgba(255,255,255,.15); color: rgba(255,255,255,.57); text-decoration: none; transition: color .25s ease, border-color .25s ease, background .25s ease; }
.page-jingdezhen .jd-sticky-index nav a.is-current { border-left-color: #df8068; color: #fff; background: rgba(255,255,255,.06); }
.page-jingdezhen .jd-sticky-index nav i { color: #d17b67; font-size: 10px; font-style: normal; }
.page-jingdezhen .jd-sticky-index nav span { display: grid; gap: 3px; }
.page-jingdezhen .jd-sticky-index nav b { font-size: 13px; }
.page-jingdezhen .jd-sticky-index nav small { color: rgba(255,255,255,.45); font-size: 9px; }
.page-jingdezhen .jd-sticky-note { margin: 27px 0 0; padding-top: 21px; border-top: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.5); font-size: 10px; line-height: 1.7; }
.page-jingdezhen .jd-volumes { display: grid; gap: 38px; }
.page-jingdezhen .jd-volume { position: relative; overflow: hidden; padding: 48px; border: 1px solid #cfc1ab; background: var(--jd-ivory); box-shadow: 0 20px 48px rgba(47,38,25,.08); transition: transform .35s ease, box-shadow .35s ease; }
.page-jingdezhen .jd-volume::before { position: absolute; top: 0; bottom: 0; left: 0; width: 9px; content: ""; background: var(--jd-ink); }
.page-jingdezhen .jd-volume::after { position: absolute; top: 18px; right: 20px; content: attr(data-volume); color: rgba(7,23,44,.1); font-size: 64px; font-weight: 900; line-height: 1; }
.page-jingdezhen .jd-volume.is-bound { transform: translateY(-5px); box-shadow: 0 28px 64px rgba(47,38,25,.13); }
.page-jingdezhen .jd-accounting::before { background: var(--jd-cobalt); }
.page-jingdezhen .jd-change::before { background: var(--jd-thread); }
.page-jingdezhen .jd-platform::before { background: var(--jd-brass); }
.page-jingdezhen .jd-volume header { position: relative; z-index: 1; max-width: 680px; }
.page-jingdezhen .jd-volume-kicker { margin: 0 0 14px; color: var(--jd-thread); font-size: 9px; font-weight: 800; letter-spacing: .19em; }
.page-jingdezhen .jd-volume header > p:last-child { margin: 22px 0 0; color: #565d68; font-size: 15px; line-height: 1.82; }
.page-jingdezhen .jd-volume figure { position: relative; margin: 38px 0 0; overflow: hidden; background: var(--jd-ink); }
.page-jingdezhen .jd-volume figure > img { display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; }
.page-jingdezhen .jd-volume figcaption,
.page-jingdezhen .jd-growth figcaption { position: absolute; right: 15px; bottom: 15px; left: 15px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 12px; color: rgba(255,255,255,.78); background: rgba(5,16,32,.8); font-size: 9px; letter-spacing: .11em; backdrop-filter: blur(8px); }
.page-jingdezhen .jd-volume figcaption i,
.page-jingdezhen .jd-growth figcaption i { width: 32px; height: 1px; background: rgba(255,255,255,.23); }
.page-jingdezhen .jd-check-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 18px; background: var(--jd-line); }
.page-jingdezhen .jd-check-row span { display: flex; min-height: 68px; align-items: center; gap: 11px; padding: 17px; background: #fffaf2; font-size: 12px; font-weight: 700; }
.page-jingdezhen .jd-check-row b { color: var(--jd-thread); font-size: 9px; }
.page-jingdezhen .jd-boundary { margin: 20px 0 0; padding: 16px 18px; border-left: 3px solid var(--jd-thread); color: #6c6358; background: #efe7da; font-size: 11px; line-height: 1.7; }
.page-jingdezhen .jd-ledger-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin: 20px 0 0; padding: 0; list-style: none; }
.page-jingdezhen .jd-ledger-list li { display: flex; min-height: 96px; align-items: flex-start; gap: 12px; padding: 18px; border: 1px solid var(--jd-line); background: #fff; }
.page-jingdezhen .jd-ledger-list li > span { display: grid; width: 27px; height: 27px; flex: 0 0 27px; place-items: center; color: #fff; background: var(--jd-cobalt); font-size: 9px; }
.page-jingdezhen .jd-ledger-list p { display: grid; gap: 6px; margin: 0; }
.page-jingdezhen .jd-ledger-list b { font-size: 12px; }
.page-jingdezhen .jd-ledger-list small { color: #777166; font-size: 10px; line-height: 1.55; }
.page-jingdezhen .jd-cross-index { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 34px; }
.page-jingdezhen .jd-cross-index a { display: grid; min-height: 150px; align-content: end; padding: 24px; border: 1px solid var(--jd-line); color: var(--jd-ink); background: #fff; text-decoration: none; transition: transform .25s ease, border-color .25s ease; }
.page-jingdezhen .jd-cross-index a:hover { transform: translateY(-4px); border-color: var(--jd-thread); }
.page-jingdezhen .jd-cross-index small { color: var(--jd-thread); font-size: 8px; letter-spacing: .17em; }
.page-jingdezhen .jd-cross-index b { margin-top: 12px; font-size: 18px; }
.page-jingdezhen .jd-cross-index span { margin-top: 7px; color: #767065; font-size: 11px; }
.page-jingdezhen .jd-platform-grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; margin-top: 36px; }
.page-jingdezhen .jd-platform-grid > figure { margin: 0; }
.page-jingdezhen .jd-platform-grid > figure img { height: 100%; min-height: 460px; aspect-ratio: auto; object-fit: cover; object-position: left top; }
.page-jingdezhen .jd-platform-grid > figure figcaption { justify-content: space-between; }
.page-jingdezhen .jd-platform-grid > figure figcaption b { color: #fff; font-size: 10px; }
.page-jingdezhen .jd-workspaces { display: grid; grid-template-columns: 1fr; gap: 8px; }
.page-jingdezhen .jd-workspaces article { display: grid; grid-template-columns: 34px 1fr; gap: 13px; align-items: center; min-height: 108px; padding: 17px; border: 1px solid var(--jd-line); background: #fff; }
.page-jingdezhen .jd-workspaces i { display: grid; width: 31px; height: 44px; place-items: center; color: #fff; background: var(--jd-ink); font-size: 9px; font-style: normal; }
.page-jingdezhen .jd-workspaces article:nth-child(2) i { background: var(--jd-cobalt); }
.page-jingdezhen .jd-workspaces article:nth-child(3) i { background: var(--jd-thread); }
.page-jingdezhen .jd-workspaces article:nth-child(4) i { background: var(--jd-brass); }
.page-jingdezhen .jd-workspaces span { display: grid; gap: 6px; }
.page-jingdezhen .jd-workspaces b { font-size: 13px; }
.page-jingdezhen .jd-workspaces small { color: #726b61; font-size: 10px; line-height: 1.55; }

.page-jingdezhen .jd-indexes { padding: 120px 0 135px; background: var(--jd-paper); }
.page-jingdezhen .jd-section-head { display: grid; grid-template-columns: 1.2fr .7fr; gap: 80px; align-items: end; }
.page-jingdezhen .jd-section-head > p { margin: 0; color: #646975; font-size: 14px; line-height: 1.8; }
.page-jingdezhen .jd-card-catalog { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 46px; margin-top: 58px; }
.page-jingdezhen .jd-card-catalog a { position: relative; display: grid; min-height: 218px; align-content: space-between; padding: 28px 31px; border: 1px solid var(--jd-line); border-left: 11px solid var(--jd-ink); color: var(--jd-ink); background: var(--jd-ivory); box-shadow: 0 18px 40px rgba(31,42,55,.06); text-decoration: none; transition: transform .3s ease, border-color .3s ease; }
.page-jingdezhen .jd-card-catalog a:nth-child(even) { transform: translateY(34px); border-left-color: var(--jd-thread); }
.page-jingdezhen .jd-card-catalog a:nth-child(3),
.page-jingdezhen .jd-card-catalog a:nth-child(6) { border-left-color: var(--jd-cobalt); }
.page-jingdezhen .jd-card-catalog a:hover { transform: translateY(-4px); border-color: var(--jd-thread); }
.page-jingdezhen .jd-card-catalog a:nth-child(even):hover { transform: translateY(30px); }
.page-jingdezhen .jd-card-catalog small { color: #8b7666; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.page-jingdezhen .jd-card-catalog h3 { margin: 19px 0 24px; font-size: 20px; line-height: 1.45; letter-spacing: -.02em; }
.page-jingdezhen .jd-card-catalog span { color: var(--jd-thread); font-size: 10px; font-weight: 800; }

.page-jingdezhen .jd-growth { padding: 120px 0; color: #fff; background: var(--jd-ink); }
.page-jingdezhen .jd-growth-grid { display: grid; grid-template-columns: .86fr 1.14fr; gap: 62px; align-items: center; }
.page-jingdezhen .jd-growth-copy h2 { max-width: 530px; }
.page-jingdezhen .jd-growth-copy > p:not(.city-eyebrow) { max-width: 530px; margin: 25px 0 0; color: rgba(255,255,255,.65); font-size: 15px; line-height: 1.85; }
.page-jingdezhen .jd-product-links { display: grid; gap: 10px; margin-top: 33px; }
.page-jingdezhen .jd-product-links a { display: grid; grid-template-columns: 1fr auto; gap: 7px 20px; padding: 20px 22px; border: 1px solid rgba(255,255,255,.17); color: #fff; text-decoration: none; transition: border-color .25s ease, background .25s ease; }
.page-jingdezhen .jd-product-links a:hover { border-color: #d78069; background: rgba(255,255,255,.05); }
.page-jingdezhen .jd-product-links small { grid-column: 1/-1; color: #cf806c; font-size: 8px; letter-spacing: .14em; }
.page-jingdezhen .jd-product-links b { font-size: 13px; }
.page-jingdezhen .jd-product-links span { color: rgba(255,255,255,.57); font-size: 10px; }
.page-jingdezhen .jd-growth figure { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.15); }
.page-jingdezhen .jd-growth figure img { display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; }

.page-jingdezhen .jd-faq { padding: 120px 0 128px; background: #e4dac9; }
.page-jingdezhen .jd-faq-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: 90px; }
.page-jingdezhen .jd-faq header > p:last-child { max-width: 400px; margin: 24px 0 0; color: #676258; font-size: 14px; line-height: 1.8; }
.page-jingdezhen .jd-faq-list { border-top: 1px solid #bdae96; }
.page-jingdezhen .jd-faq-list details { border-bottom: 1px solid #bdae96; }
.page-jingdezhen .jd-faq-list summary { display: flex; min-height: 78px; align-items: center; justify-content: space-between; gap: 22px; padding: 20px 0; cursor: pointer; list-style: none; font-size: 16px; font-weight: 800; }
.page-jingdezhen .jd-faq-list summary::-webkit-details-marker { display: none; }
.page-jingdezhen .jd-faq-list summary span { display: flex; align-items: center; gap: 14px; }
.page-jingdezhen .jd-faq-list summary i { display: grid; width: 32px; height: 45px; flex: 0 0 32px; place-items: center; color: #fff; background: var(--jd-ink); font-size: 8px; font-style: normal; }
.page-jingdezhen .jd-faq-list summary > b { color: var(--jd-thread); font-size: 22px; font-weight: 400; transition: transform .25s ease; }
.page-jingdezhen .jd-faq-list details[open] summary > b { transform: rotate(45deg); }
.page-jingdezhen .jd-faq-list details p { margin: 0; padding: 0 10px 25px 46px; color: #5e5a51; font-size: 14px; line-height: 1.82; }

.page-jingdezhen .jd-final-ad { background: var(--jd-paper); }
.page-jingdezhen .jd-final { padding: 78px 0 84px; color: #fff; background: #061326; }
.page-jingdezhen .jd-final-grid { display: grid; grid-template-columns: 1fr .75fr; gap: 100px; align-items: end; }
.page-jingdezhen .jd-final-grid > div > p { margin: 0 0 14px; color: #cf806c; font-size: 9px; font-weight: 800; letter-spacing: .2em; }
.page-jingdezhen .jd-final h2 { font-size: 46px; }
.page-jingdezhen .jd-final-grid > p { margin: 0; color: rgba(255,255,255,.58); font-size: 13px; line-height: 1.82; }

@media (max-width: 1020px) {
  .page-jingdezhen .jd-preface-grid,
  .page-jingdezhen .jd-section-head,
  .page-jingdezhen .jd-growth-grid,
  .page-jingdezhen .jd-faq-grid { grid-template-columns: 1fr; }
  .page-jingdezhen .jd-story-shell { grid-template-columns: 280px minmax(0,1fr); gap: 26px; }
  .page-jingdezhen .jd-volume { padding: 40px 34px; }
  .page-jingdezhen .jd-platform-grid { grid-template-columns: 1fr; }
  .page-jingdezhen .jd-platform-grid > figure img { min-height: 0; }
}

@media (max-width: 760px) {
  .page-jingdezhen .city-shell { width: min(calc(100% - 20px), 1200px); }
  .page-jingdezhen .city-ad-inner { width: 100%; }
  .page-jingdezhen h2 { font-size: 32px; line-height: 1.12; }
  .page-jingdezhen .jd-hero { min-height: 748px; }
  .page-jingdezhen .jd-hero-shade { background: linear-gradient(180deg, rgba(4,15,30,.96) 0%, rgba(4,15,30,.8) 49%, rgba(4,15,30,.24) 76%, rgba(4,15,30,.62) 100%); }
  .page-jingdezhen .jd-hero-shell { min-height: 748px; }
  .page-jingdezhen .jd-crumb { top: 18px; left: 0; }
  .page-jingdezhen .jd-hero-copy { width: 100%; padding-top: 118px; }
  .page-jingdezhen .jd-hero-copy h1 { max-width: 360px; font-size: 39px; line-height: 1.04; }
  .page-jingdezhen .jd-hero-copy > p:not(.city-eyebrow) { max-width: 345px; margin-top: 20px; font-size: 14px; line-height: 1.72; }
  .page-jingdezhen .jd-actions { gap: 8px; margin-top: 25px; }
  .page-jingdezhen .jd-actions a { min-width: 0; min-height: 45px; padding: 0 13px; font-size: 11px; }
  .page-jingdezhen .jd-hero-rail { right: 0; bottom: 15px; width: 100%; padding: 13px 12px 12px; }
  .page-jingdezhen .jd-hero-rail div { grid-template-columns: 1fr 1fr; gap: 4px; }
  .page-jingdezhen .jd-hero-rail span { padding: 8px 6px 7px 10px; }
  .page-jingdezhen .city-ad-inner { padding: 10px 0; }
  .page-jingdezhen .jd-preface { padding: 80px 0 86px; }
  .page-jingdezhen .jd-preface-grid { gap: 40px; }
  .page-jingdezhen .jd-spine-row { display: grid; grid-template-columns: 1fr 1fr; min-height: 0; gap: 9px; }
  .page-jingdezhen .jd-spine-row article,
  .page-jingdezhen .jd-spine-row article:nth-child(n) { min-height: 144px; padding: 20px; }
  .page-jingdezhen .jd-story { padding: 78px 0 88px; }
  .page-jingdezhen .jd-story-shell { grid-template-columns: 1fr; gap: 18px; }
  .page-jingdezhen .jd-sticky-index { position: relative; top: auto; padding: 29px 23px; }
  .page-jingdezhen .jd-sticky-index h2 { font-size: 30px; }
  .page-jingdezhen .jd-sticky-index nav { grid-template-columns: 1fr 1fr; }
  .page-jingdezhen .jd-sticky-index nav a { padding: 10px 8px; }
  .page-jingdezhen .jd-sticky-note { margin-top: 18px; }
  .page-jingdezhen .jd-volumes { gap: 18px; }
  .page-jingdezhen .jd-volume { padding: 34px 23px 30px; }
  .page-jingdezhen .jd-volume::after { top: 13px; right: 14px; font-size: 46px; }
  .page-jingdezhen .jd-volume header > p:last-child { margin-top: 18px; font-size: 14px; line-height: 1.75; }
  .page-jingdezhen .jd-volume figure { margin-top: 27px; }
  .page-jingdezhen .jd-volume figure > img { min-height: 330px; aspect-ratio: auto; }
  .page-jingdezhen .jd-volume figcaption,
  .page-jingdezhen .jd-growth figcaption { right: 9px; bottom: 9px; left: 9px; gap: 5px; padding: 9px 6px; font-size: 8px; }
  .page-jingdezhen .jd-volume figcaption i,
  .page-jingdezhen .jd-growth figcaption i { width: 13px; }
  .page-jingdezhen .jd-check-row,
  .page-jingdezhen .jd-ledger-list,
  .page-jingdezhen .jd-cross-index { grid-template-columns: 1fr; }
  .page-jingdezhen .jd-check-row span { min-height: 56px; }
  .page-jingdezhen .jd-ledger-list li { min-height: 83px; }
  .page-jingdezhen .jd-cross-index a { min-height: 135px; padding: 21px; }
  .page-jingdezhen .jd-platform-grid > figure img { min-height: 255px; }
  .page-jingdezhen .jd-workspaces article { min-height: 104px; }
  .page-jingdezhen .jd-indexes { padding: 82px 0 110px; }
  .page-jingdezhen .jd-section-head { gap: 22px; }
  .page-jingdezhen .jd-card-catalog { grid-template-columns: 1fr; gap: 11px; margin-top: 38px; }
  .page-jingdezhen .jd-card-catalog a,
  .page-jingdezhen .jd-card-catalog a:nth-child(even) { min-height: 180px; padding: 23px; transform: none; }
  .page-jingdezhen .jd-card-catalog a:nth-child(even):hover { transform: translateY(-4px); }
  .page-jingdezhen .jd-card-catalog h3 { font-size: 16px; }
  .page-jingdezhen .jd-growth { padding: 82px 0; }
  .page-jingdezhen .jd-growth-grid { gap: 38px; }
  .page-jingdezhen .jd-growth-copy > p:not(.city-eyebrow) { font-size: 14px; }
  .page-jingdezhen .jd-product-links a { grid-template-columns: 1fr; }
  .page-jingdezhen .jd-product-links span { margin-top: 3px; }
  .page-jingdezhen .jd-growth figure img { min-height: 340px; aspect-ratio: auto; }
  .page-jingdezhen .jd-faq { padding: 82px 0 88px; }
  .page-jingdezhen .jd-faq-grid { gap: 35px; }
  .page-jingdezhen .jd-faq-list summary { min-height: 72px; padding: 18px 0; font-size: 14px; }
  .page-jingdezhen .jd-faq-list summary span { gap: 10px; }
  .page-jingdezhen .jd-faq-list summary i { width: 28px; height: 40px; flex-basis: 28px; }
  .page-jingdezhen .jd-faq-list details p { padding: 0 3px 23px 38px; font-size: 14px; }
  .page-jingdezhen .jd-final { padding: 65px 0 70px; }
  .page-jingdezhen .jd-final-grid { grid-template-columns: 1fr; gap: 26px; }
  .page-jingdezhen .jd-final h2 { font-size: 32px; }
}

@media (prefers-reduced-motion: reduce) {
  .page-jingdezhen .jd-actions a,
  .page-jingdezhen .jd-sticky-index nav a,
  .page-jingdezhen .jd-volume,
  .page-jingdezhen .jd-cross-index a,
  .page-jingdezhen .jd-card-catalog a,
  .page-jingdezhen .jd-product-links a,
  .page-jingdezhen .jd-faq-list summary > b { transition: none; }
  .page-jingdezhen .jd-volume,
  .page-jingdezhen .jd-volume.is-bound,
  .page-jingdezhen .jd-card-catalog a,
  .page-jingdezhen .jd-card-catalog a:nth-child(even) { transform: none !important; }
}