/* Scoped to the first article of the old Dingjian page. */
.dj-readable-page { --dj-ink:#252a30; --dj-muted:#58616b; --dj-rule:#d9dde2; --dj-accent:#b9312b; }
.dj-readable-page .dj-readable-answer { box-sizing:border-box; }
.dj-readable-page .dj-readable-article,
.dj-readable-page .dj-readable-article p,
.dj-readable-page .dj-readable-article > div { font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang TC",sans-serif!important; font-size:18px!important; line-height:1.85!important; color:var(--dj-ink)!important; text-align:left!important; letter-spacing:0!important; word-break:normal; overflow-wrap:break-word; }
body.dj-readable-page .dj-readable-article p { margin:0 0 20px!important; padding:0; }
.dj-readable-page .dj-readable-article > div:not(.dj-lead-anchor) { margin-bottom:20px; }
.dj-readable-page .dj-readable-article h2 { font-size:23px!important; line-height:1.5!important; font-weight:700; color:#20252b!important; margin:36px 0 16px!important; letter-spacing:0!important; text-align:left; }
.dj-readable-page .dj-readable-article h2:first-child { font-size:26px!important; margin:24px 0 16px!important; }
.dj-readable-page .dj-readable-article h2 strong { font-size:inherit!important; line-height:inherit!important; }
.dj-readable-page .dj-readable-article .dj-route-day { font-weight:700; margin:24px 0 6px!important; }
.dj-readable-page .dj-readable-article .dj-layout-empty { display:none!important; }
.dj-readable-page .dj-readable-article .dj-article-picture { margin:26px 0 30px!important; }
.dj-readable-page .dj-readable-article img.dj-contentimg:not(.dj-editor-funcbtn):not(.dj-open-whatsapp) { display:block!important; width:100%!important; max-width:100%!important; height:auto!important; margin:0!important; border-radius:3px; object-fit:contain; }
.dj-readable-page .dj-readable-article .dj-picture-caption { display:block; font-size:14px!important; line-height:1.65!important; font-weight:400; color:var(--dj-muted)!important; text-align:center; padding:10px 4px 0; }
.dj-readable-page .dj-readable-article em { font-style:normal; }
.dj-readable-page #djLeadForm { box-sizing:border-box; width:100%!important; max-width:none; margin:32px 0 38px!important; padding:24px 0!important; border-top:1px solid var(--dj-rule); border-bottom:1px solid var(--dj-rule); }
.dj-readable-page #djLeadForm .dj-lead-form { padding:0!important; }
.dj-readable-page #djLeadForm .dj-lead-form-card { border-radius:0; box-shadow:none; }
.dj-readable-page #djLeadForm .dj-lead-title { font-size:22px!important; line-height:1.5!important; margin:0 0 10px!important; }
.dj-readable-page #djLeadForm .dj-lead-subtitle { font-size:16px!important; line-height:1.75!important; color:var(--dj-muted)!important; margin:0 0 22px!important; }
.dj-readable-page #djLeadForm .dj-lead-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 12px; }
.dj-readable-page #djLeadForm .dj-lead-field { min-width:0; gap:7px; }
.dj-readable-page #djLeadForm .dj-lead-month { order:1; }
.dj-readable-page #djLeadForm .dj-lead-people { order:2; }
.dj-readable-page #djLeadForm .dj-lead-contact-field { order:3; }
.dj-readable-page #djLeadForm .dj-lead-actions { order:4; }
.dj-readable-page #djLeadForm .dj-lead-label { font-size:16px!important; line-height:1.5!important; color:var(--dj-ink); font-weight:600; }
.dj-readable-page #djLeadForm .dj-lead-input,
.dj-readable-page #djLeadForm .dj-lead-select { box-sizing:border-box; width:100%; min-width:0; height:50px; font-size:16px!important; line-height:1.5; border:1px solid #aeb6bf; border-radius:6px; color:#252a30; background-color:#fff; padding-left:10px; }
.dj-readable-page #djLeadForm .dj-lead-input::placeholder { color:#69727d; opacity:1; }
.dj-readable-page #djLeadForm .dj-lead-contact-row { display:grid; grid-template-columns:126px minmax(0,1fr); gap:10px; }
.dj-readable-page #djLeadForm .dj-lead-wide,
.dj-readable-page #djLeadForm .dj-lead-actions { grid-column:1 / -1; }
.dj-readable-page #djLeadForm .dj-lead-actions { display:block; margin-top:2px; }
.dj-readable-page #djLeadForm .dj-lead-submit { width:100%; min-height:52px; padding:12px 14px; border-radius:6px; background:var(--dj-accent); box-shadow:none; font-size:18px!important; line-height:1.5; font-weight:650; white-space:normal; }
.dj-readable-page #djLeadForm .dj-lead-note,
.dj-readable-page #djLeadForm .dj-lead-backup-note { font-size:14px!important; line-height:1.65!important; color:var(--dj-muted)!important; margin:10px 0 0!important; }
.dj-readable-page #djLeadForm .dj-lead-status { font-size:16px!important; line-height:1.6!important; margin:12px 0 0!important; }
.dj-readable-page #djLeadForm .dj-lead-status:empty { display:none; }
.dj-readable-page #djLeadForm :is(input,select,button):focus-visible { outline:2px solid var(--dj-accent); outline-offset:3px; }
@media(max-width:799px) {

  .dj-readable-page .dj-readable-answer { padding:22px 20px 0!important; }
  .dj-readable-page .dj-readable-answer > .bd { padding:0!important; }
  .dj-readable-page .header-title { padding:24px 20px 20px!important; }
  .dj-readable-page .header-title-word h2 { font-size:26px!important; line-height:1.5!important; letter-spacing:0!important; }
  .dj-readable-page .header-title-word { padding-right:0; }
  .dj-readable-page .header-fix-title { display:none!important; }
}
@media(min-width:800px) {
  .dj-readable-page .dj-main { max-width:800px!important; }
  .dj-readable-page .dj-readable-answer { padding:28px 42px 0!important; }
  .dj-readable-page .dj-readable-answer > .bd { padding:0!important; }
  .dj-readable-page .header-title { padding:28px 42px!important; }
  .dj-readable-page .m-qrcode { margin-left:840px; }
}
@media(min-width:800px) and (max-width:1240px) {
  .dj-readable-page .dj-main { max-width:680px!important; }
  .dj-readable-page .m-qrcode { margin-left:700px; width:170px; }
}
@media(max-width:359px) {
  .dj-readable-page #djLeadForm .dj-lead-contact-row { grid-template-columns:1fr; }
  .dj-readable-page .dj-readable-answer { padding-left:16px!important; padding-right:16px!important; }
}

.dj-readable-page .dj-readable-article img.dj-editor-funcbtn,
.dj-readable-page .dj-readable-article img.dj-open-whatsapp { display:inline-block!important; width:auto!important; max-width:100%!important; height:auto!important; margin:0!important; vertical-align:middle; }
.dj-readable-page .dj-readable-article img.dj-open-whatsapp { width:124px!important; }