/* TU DAO dark cultivation theme — public UI only. Reader core intentionally untouched. */
:root{
  --ng-bg:#121210;
  --ng-text:#f2ede3;
  --ng-accent:#b92a1e;
  --ng-accent-hover:#d43a29;
  --ng-border:#3b3021;
  --ng-muted:#aaa397;
  --ng-focus:#d7ad63;
  --td-bg:#121210;
  --td-surface:#181815;
  --td-surface-2:#1f1d18;
  --td-surface-3:#252118;
  --td-gold:#c99b50;
  --td-gold-2:#e4bc72;
  --td-gold-soft:#7f6134;
  --td-red:#9f2118;
  --td-red-2:#c52c1f;
  --td-text:#f2ede3;
  --td-muted:#aaa397;
  --td-line:#3b3021;
  color-scheme:dark;
}
html{background:var(--td-bg)}
body{
  background:
    radial-gradient(circle at 50% -8%,rgba(145,81,25,.16),transparent 34rem),
    linear-gradient(180deg,#15130f 0,#121210 34rem,#11110f 100%);
  color:var(--td-text);
}
a{color:var(--td-gold-2)}
a:hover,a:focus-visible{color:#f3d89b}

/* Header */
.ng-site-header{
  background:rgba(18,18,16,.96);
  border-bottom:1px solid rgba(201,155,80,.42);
  box-shadow:0 5px 24px rgba(0,0,0,.24);
}
.ng-site-brand{padding:10px 0 9px;color:var(--td-text)}
.ng-site-logo-mark{
  width:44px;height:44px;
  border:1px solid rgba(228,188,114,.68);
  background:radial-gradient(circle at 35% 28%,#6f2418 0,#321713 46%,#18140f 100%);
  color:var(--td-gold-2);
  box-shadow:0 0 0 3px rgba(201,155,80,.08),0 6px 20px rgba(0,0,0,.3);
}
.ng-site-logo-text{margin-top:4px;color:var(--td-gold-2);text-shadow:0 1px 0 #5a3316,0 0 16px rgba(201,155,80,.16)}
.ng-site-tagline{color:#bfb6a5;font-weight:650}

/* Homepage shell */
.ng-home{width:min(100%,1120px);padding-top:14px}
.td-hero{
  width:100%;margin:0 0 16px;overflow:hidden;
  border:1px solid rgba(201,155,80,.58);border-radius:16px;
  background:#17140f;
  box-shadow:0 14px 38px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,217,146,.05);
}
.td-hero__image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.td-story-shelf{
  position:relative;
  margin:18px 0 0;
  padding:6px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.td-story-shelf::before,.td-story-shelf::after{content:none;display:none}
.td-section-heading{display:flex;align-items:center;justify-content:center;gap:11px;margin:0 0 13px;padding:0 0 10px;border-bottom:1px solid rgba(201,155,80,.3)}
.td-section-heading::before,.td-section-heading::after{content:"";width:min(13vw,74px);height:1px;background:linear-gradient(90deg,transparent,#a8773c)}
.td-section-heading::after{transform:scaleX(-1)}
.td-section-heading h2{margin:0;color:var(--td-gold-2);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.14rem,4.6vw,1.48rem);letter-spacing:.035em;text-align:center;text-shadow:0 1px 0 #422411}

/* Adult quick strip */
.ct-home-adult{
  margin:0 0 15px;padding:14px;
  border:1px solid var(--td-line);border-radius:16px;
  background:linear-gradient(180deg,#1c1914,#171612);
  box-shadow:0 9px 26px rgba(0,0,0,.2);
}
.ct-home-adult__head{margin-bottom:11px}
.ct-home-adult__head h2{color:var(--td-gold-2);font-family:Georgia,"Times New Roman",serif}
.ct-home-adult__head a{color:var(--td-gold)}
.ct-home-adult__list a{
  border-color:#4a3925;background:#242018;color:#eadfcd;
  box-shadow:inset 0 1px rgba(255,255,255,.02)
}
.ct-home-adult__list a:hover,.ct-home-adult__list a:focus-visible{border-color:var(--td-gold);color:#fff4da;background:#2b2419}

/* Name and alphabet chips */
.ng-home-names__link,.ng-search-names__item{
  border-color:#443625;background:#1b1915;color:#d8c9b4;
}
.ng-home-names__link.is-active,.ng-alphabet__link.is-active{
  border-color:#d14a32;background:linear-gradient(180deg,#b72d20,#7f1b15);color:#fff4df;
  box-shadow:0 3px 12px rgba(143,31,22,.24)
}
.ng-alphabet{border-color:var(--td-line)}
.ng-alphabet__link{color:#c8bcaa;border-color:transparent}
.ng-alphabet__link:hover,.ng-alphabet__link:focus-visible{border-color:#735a35;color:var(--td-gold-2);background:#1c1914}

/* Story cards — compact cổ trang tile: image -> title -> character name. */
.ng-story-grid{gap:14px 10px}
.td-story-shelf{overflow:hidden}
.td-story-shelf .ng-story-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 10px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.td-story-shelf .ng-story-grid::-webkit-scrollbar{display:none}
.td-story-shelf .ng-story-card{
  flex:0 0 min(43vw,170px);
  width:min(43vw,170px);
  min-width:min(43vw,170px);
  scroll-snap-align:start;
}
.td-story-shelf.is-expanded .ng-story-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 10px;
  overflow:visible;
  padding:2px 0 0;
}
.td-story-shelf.is-expanded .ng-story-card{flex:none;width:auto;min-width:0}
.ng-home__latest-actions{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px;margin-bottom:0}
.ng-home__see-all-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:148px;
  min-height:42px;
  padding:10px 18px;
  border:1px solid #8d6733;
  background:linear-gradient(180deg,#312317,#1c1711);
  color:#f0d9ab;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.98rem;
  font-weight:800;
  letter-spacing:.02em;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(0,0,0,.26), inset 0 0 0 1px rgba(230,190,109,.08);
}
.ng-home__see-all-button:hover,.ng-home__see-all-button:focus-visible{border-color:#c99b50;color:#fff2d2;background:linear-gradient(180deg,#3a2919,#221911)}
.td-story-shelf .ng-home__load-more-wrap{display:none;padding:0}
.td-story-shelf.is-expanded .ng-home__load-more-wrap{display:flex}
.td-story-shelf .ng-home__load-status{min-height:0;margin:4px 0 0}
.td-story-shelf .ng-home__load-status:empty{display:none}

.ng-story-card{
  position:relative;
  overflow:hidden;
  border:1px solid #72532c;
  border-radius:0;
  background:
    linear-gradient(180deg,rgba(49,36,20,.34),transparent 34%),
    linear-gradient(180deg,#1a1712,#100f0d);
  box-shadow:
    0 10px 26px rgba(0,0,0,.32),
    inset 0 0 0 1px rgba(231,189,105,.06);
}
.ng-story-card::after{
  content:"";
  position:absolute;
  inset:4px;
  z-index:0;
  border:1px solid rgba(201,155,80,.16);
  border-radius:0;
  pointer-events:none;
}
.ng-story-card__corner{
  position:absolute;
  z-index:3;
  width:14px;
  height:14px;
  pointer-events:none;
  opacity:.88;
}
.ng-story-card__corner::before,.ng-story-card__corner::after{content:"";position:absolute;background:#d0a357;box-shadow:0 0 6px rgba(208,163,87,.22)}
.ng-story-card__corner::before{width:11px;height:1px}
.ng-story-card__corner::after{width:1px;height:11px}
.ng-story-card__corner--tl{top:3px;left:3px}.ng-story-card__corner--tl::before,.ng-story-card__corner--tl::after{top:0;left:0}
.ng-story-card__corner--tr{top:3px;right:3px;transform:scaleX(-1)}.ng-story-card__corner--tr::before,.ng-story-card__corner--tr::after{top:0;left:0}
.ng-story-card__corner--bl{bottom:3px;left:3px;transform:scaleY(-1)}.ng-story-card__corner--bl::before,.ng-story-card__corner--bl::after{top:0;left:0}
.ng-story-card__corner--br{right:3px;bottom:3px;transform:scale(-1)}.ng-story-card__corner--br::before,.ng-story-card__corner--br::after{top:0;left:0}
.ng-story-card__image-link{
  position:relative;
  z-index:1;
  display:block;
  aspect-ratio:4/5;
  margin:6px 6px 0;
  overflow:hidden;
  border:1px solid rgba(228,188,114,.48);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ng-story-card__image-link::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:transparent;
}
.ng-story-card__image{
  position:relative;
  z-index:1;
  background:transparent !important;
  object-position:center top;
  transition:transform .22s ease,filter .22s ease
}
.ng-story-card__image-link:hover .ng-story-card__image,.ng-story-card__image-link:focus-visible .ng-story-card__image{transform:scale(1.025);filter:brightness(1.04)}
.ng-story-card__badge{
  position:absolute;
  top:7px;
  left:7px;
  z-index:2;
  min-width:39px;
  padding:4px 7px 3px;
  border:1px solid #d06c47;
  border-radius:3px 3px 7px 3px;
  background:linear-gradient(180deg,#b43122,#711912);
  box-shadow:0 3px 8px rgba(0,0,0,.32),inset 0 1px rgba(255,226,180,.14);
  color:#ffe9c5;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.04em;
  line-height:1;
  text-align:center;
}
.ng-story-card__body{position:relative;z-index:1;padding:8px 9px 9px}
.ng-story-card__title{
  display:-webkit-box;
  min-height:2.55em;
  overflow:hidden;
  color:#edc679;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(.9rem,3.75vw,1.02rem);
  font-weight:800;
  line-height:1.27;
  text-decoration:none;
  text-shadow:0 1px 0 #26170c;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.ng-story-card__title:hover,.ng-story-card__title:focus-visible{color:#ffe0a2}
.ng-story-card__meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:6px;
  min-width:0;
  margin-top:7px;
  padding:7px 0 0;
  border-top:1px solid rgba(201,155,80,.2);
}
.ng-story-card__name{
  display:block;
  min-width:0;
  overflow:hidden;
  color:#c5b7a2;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(.76rem,3.2vw,.9rem);
  font-weight:650;
  line-height:1.2;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ng-story-card__name::before{content:"✦";margin-right:5px;color:#8f6c36;font-size:.68em;vertical-align:.12em}
.ng-story-card__name:hover,.ng-story-card__name:focus-visible{color:var(--td-gold-2)}
.ng-story-card__love{gap:3px;color:#d95749;font-size:.78rem}
.ng-story-card__love svg{width:14px;height:14px}
.ng-home__empty,.ng-search-page__empty,.ng-adult-empty{border-color:#4a3a27;background:#181713;color:var(--td-muted)}
.ng-load-more-button{
  border-color:var(--td-gold);background:#181713;color:var(--td-gold-2);
  box-shadow:0 7px 20px rgba(0,0,0,.2)
}
.ng-load-more-button:hover,.ng-load-more-button:focus-visible{border-color:#e0b96e;background:#2a2116;color:#fff3d8}

/* Shared public panels */
.ng-submit__panel,.ng-account__panel,.ng-request-page__form-card,.ng-request-page__public,.ng-page__article,.ng-poem-item{
  border-color:var(--td-line)!important;background:linear-gradient(180deg,#1b1915,#171612)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.24)!important;color:var(--td-text)!important;
}
.ng-submit__eyebrow,.ng-account__eyebrow,.ng-request-page__eyebrow,.ng-page__eyebrow{color:var(--td-gold-2)!important}
.ng-submit h1,.ng-account h1,.ng-request-page h1,.ng-page__header h1,.ng-search-page__title{color:var(--td-text)}
.ng-submit__intro,.ng-account__intro,.ng-account__status,.ng-request-page__intro>p:last-child,.ng-search-page__summary,.ng-page__content{color:#c3baa9}
.ng-page__header,.ng-account__favorites{border-color:var(--td-line)}

/* Forms */
.ng-search-form__input,
.ng-submit-form input[type="text"],
.ng-request-form input[type="text"],
.ng-login-form input,.ng-login-form select,
.ng-register-form input,.ng-register-form select{
  border-color:#4a3b29!important;background:#151410!important;color:#f3eadc!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)
}
.ng-search-form__input::placeholder,.ng-submit-form input::placeholder,.ng-request-form input::placeholder,.ng-login-form input::placeholder,.ng-register-form input::placeholder{color:#7f776b}
.ng-submit-form label,.ng-submit-form__label,.ng-request-form>label,.ng-login-form label,.ng-register-form label{color:#e9dfce!important}
.ng-body-trigger{border-color:#58472f;background:#181713;color:var(--td-text)}
.ng-body-trigger:hover,.ng-body-trigger:focus-visible{border-color:var(--td-gold);background:#201b14}
.ng-body-trigger__title{color:var(--td-gold-2)}
.ng-body-trigger__meta{color:#e0d4c1}
.ng-auth-button{background:linear-gradient(180deg,#b52d21,#841d17);box-shadow:0 8px 20px rgba(118,26,19,.25)}
.ng-auth-button:hover,.ng-auth-button:focus-visible{background:linear-gradient(180deg,#cb3a2a,#962119)}
.ng-auth-button--neutral{background:#28231c;color:#eadfcf;border:1px solid #4d3e2b}

/* Account tabs/favorites */
.ng-account-tabs{background:#13120f;border:1px solid #3b3021}
.ng-account-tabs__button{color:#a99f91}
.ng-account-tabs__button.is-active{background:#272117;color:var(--td-gold-2);box-shadow:none}
.ng-account__admin-links a,.ng-account__favorites-list a{border-color:#443624;background:#191713;color:#eadfce}
.ng-account__favorites-list a:hover,.ng-account__favorites-list a:focus-visible{border-color:var(--td-gold)}

/* Request / poem */
.ng-request-page__count,.ng-poem-page__count{background:#2a2117!important;color:var(--td-gold-2)!important}
.ng-request-list__item{border-color:#332a1e}
.ng-poem-page__empty{background:#181713!important;color:var(--td-muted)!important}

/* Search */
.ng-search-names__title{color:var(--td-gold-2)}

/* Adult listing/direct page — not the fullscreen Reader */
.ng-adult-page,.ng-adult-direct-page{color:var(--td-text);--ng-adult-ink:#f0e7d8;--ng-adult-muted:#a89e90;--ng-adult-line:#3b3021;--ng-adult-soft:#191713;--ng-adult-pink:#c99b50}
.ng-adult-page__header p,.ng-adult-recent h2,.ng-adult-letter-section h2,.ng-adult-direct__back{color:var(--td-gold-2)}


/* Direct story page (fullscreen reader styles are intentionally not overridden) */
.ng-story-single__name,.ng-story-single__title{color:var(--td-text)}
.ng-story-single__date,.ng-story-single__views{color:var(--td-muted)}
.ng-story-single__image{background:#24211b;box-shadow:0 12px 32px rgba(0,0,0,.26)}
.ng-story-single__body{color:#e9e0d2}
.ng-story-page__not-found{border-color:var(--td-line);background:#181713}

/* Menu bottom sheet */
.ng-menu__backdrop{background:rgba(4,4,3,.74)}
.ng-menu__sheet{background:#181713;border:1px solid #493a29;box-shadow:0 -18px 55px rgba(0,0,0,.46)}
.ng-menu__handle{background:#6d5839}
.ng-menu__header{border-color:var(--td-line)}
.ng-menu__eyebrow{color:var(--td-gold-2)}
.ng-menu__header h2{color:var(--td-text)}
.ng-menu__close{border-color:#4a3a28;background:#242019;color:#eadfce}
.ng-menu__links a{border-color:#3f3222;background:#1f1c17;color:#e8ddcb}
.ng-menu__links a span:last-child{color:var(--td-gold-2)}
.ng-menu__empty{background:#1d1b16;color:var(--td-muted)}

/* Bottom nav */
.ng-bottom-nav{
  background:rgba(20,19,16,.97)!important;
  border-top:1px solid rgba(201,155,80,.38)!important;
  box-shadow:0 -8px 28px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(12px);
}
.ng-bottom-nav__inner{background:rgba(20,19,16,.97)!important}
.ng-bottom-nav__item{color:#a99f90!important}
.ng-bottom-nav__bubble{color:#a99f90!important}
.ng-bottom-nav__label{color:#a99f90!important}
.ng-bottom-nav__item.is-active{color:var(--td-gold-2)!important}
.ng-bottom-nav__item.is-active .ng-bottom-nav__bubble{color:var(--td-gold-2)!important;background:#2a2117!important;box-shadow:inset 0 0 0 1px #604825!important;border-radius:10px!important}
.ng-bottom-nav__item.is-active .ng-bottom-nav__label{color:#fff2d7!important;background:linear-gradient(180deg,#ad2a1f,#7f1b15)!important}

/* Compact desktop adjustments */
@media(min-width:768px){
  .ng-site-brand{flex-direction:row;gap:10px;padding:9px 0;width:min(100% - 40px,1080px)}
  .ng-site-logo-text{margin:0;font-size:30px}
  .ng-site-tagline{margin:0 0 0 auto;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
  .td-hero{border-radius:20px;margin-bottom:20px}
  .td-story-shelf .ng-story-card{flex-basis:190px;width:190px;min-width:190px}
  .td-story-shelf.is-expanded .ng-story-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 14px}
}
@media(min-width:1024px){
  .td-story-shelf .ng-story-card{flex-basis:205px;width:205px;min-width:205px}
  .td-story-shelf.is-expanded .ng-story-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 12px}
}
@media(max-width:480px){
  .ng-home{padding-inline:10px}
  .td-hero{border-radius:12px;margin-bottom:12px}
  .ng-story-card{border-radius:0}
  .ng-story-card__image-link{margin:5px 5px 0;border-radius:0}
  .ng-story-card__body{padding:7px 8px 8px}
  .ng-story-card__meta{padding-top:6px}
  .td-story-shelf .ng-story-card{flex-basis:41vw;width:41vw;min-width:41vw}
  .ng-home__see-all-button{min-width:138px;min-height:40px;padding:9px 16px;font-size:.94rem}
}


/* Submit / Chapter composer uses the Tu Dao dark palette (Reader core untouched). */
.ng-submit-button{background:linear-gradient(180deg,#b52d21,#841d17)!important;color:#fff4e0!important;box-shadow:0 8px 20px rgba(118,26,19,.25)!important}.ng-submit-button:hover,.ng-submit-button:focus-visible{background:linear-gradient(180deg,#cb3a2a,#962119)!important}.ng-submit-button:disabled{background:#3a342d!important;color:#8f877b!important;box-shadow:none!important}.ng-composer,.ng-composer__header,.ng-composer__workspace,.ng-composer__textarea{background:#121210!important;color:#f2ede3!important}.ng-composer__header{border-bottom-color:#433623!important;box-shadow:0 2px 10px rgba(0,0,0,.3)!important}.ng-composer__counter{color:#e4bc72!important}.ng-composer__heading span,.ng-composer__save{color:#aaa397!important}.ng-composer__textarea{caret-color:#e4bc72!important}.ng-composer__textarea::placeholder{color:#746c61!important}

/* Latest chapter shelf — immediately below latest stories. */
.td-chapter-shelf{
  margin-top:18px;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:hidden;
}
.td-section-heading--chapter{margin-bottom:12px}
.td-chapter-strip{
  display:flex;
  flex-wrap:nowrap;
  gap:11px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 7px;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.td-chapter-strip::-webkit-scrollbar{display:none}
.td-chapter-card{
  position:relative;
  flex:0 0 min(43vw,168px);
  width:min(43vw,168px);
  min-width:min(43vw,168px);
  scroll-snap-align:start;
  border:1px solid #654923;
  background:linear-gradient(180deg,#17140f,#0f0f0d);
  box-shadow:0 7px 18px rgba(0,0,0,.25),inset 0 0 0 1px rgba(227,184,98,.05);
}
.td-chapter-card__cover{
  position:relative;
  display:block;
  aspect-ratio:4/5;
  margin:5px 5px 0;
  overflow:hidden;
  background:transparent;
  text-decoration:none;
}
.td-chapter-card__cover img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  background:transparent!important;
}
.td-chapter-card__badge{
  position:absolute;
  top:6px;
  left:6px;
  z-index:2;
  padding:4px 7px 3px;
  border:1px solid #d06c47;
  background:linear-gradient(180deg,#b43122,#711912);
  color:#ffe9c5;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.66rem;
  font-weight:800;
  line-height:1;
  box-shadow:0 3px 8px rgba(0,0,0,.3);
}
.td-chapter-card__body{padding:7px 8px 9px}
.td-chapter-card__story-title{
  display:-webkit-box;
  min-height:2.45em;
  overflow:hidden;
  color:#edc679;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(.84rem,3.55vw,.98rem);
  font-weight:800;
  line-height:1.22;
  text-decoration:none;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.td-chapter-card__chapter{
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden;
  color:#e7dcc8;
  font-size:clamp(.72rem,2.9vw,.82rem);
  font-weight:750;
  line-height:1.24;
  text-decoration:none;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.td-chapter-card__name{
  display:block;
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid rgba(201,155,80,.18);
  overflow:hidden;
  color:#a99b88;
  font-family:Georgia,"Times New Roman",serif;
  font-size:.76rem;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.td-chapter-shelf__empty{margin-top:12px}
@media(min-width:768px){
  .td-chapter-card{flex-basis:190px;width:190px;min-width:190px}
}
@media(min-width:1024px){
  .td-chapter-card{flex-basis:205px;width:205px;min-width:205px}
}
@media(max-width:480px){
  .td-chapter-shelf{margin-top:16px}
  .td-chapter-card{flex-basis:41vw;width:41vw;min-width:41vw}
}



/* =========================================================
   HOME ANCIENT GATE REDESIGN V11
   Scoped to the homepage. The approved tudao-banner.jpg stays untouched.
   ========================================================= */
.td-home-page{
  --td-home-black:#0a0a08;
  --td-home-ink:#100d09;
  --td-home-red:#6f130d;
  --td-home-red-hi:#b42c1d;
  --td-home-gold:#c78e3b;
  --td-home-gold-hi:#f0c56c;
  --td-home-gold-dim:#62451f;
  background:
    radial-gradient(ellipse at 50% 10%,rgba(90,45,16,.08),transparent 28rem),
    linear-gradient(180deg,#0a0a08 0%,#090907 46%,#080806 100%);
}
.td-home-page .ng-site-header{display:none!important}
.td-home-page .ng-home{
  width:min(100%,1120px);
  padding:0 12px calc(112px + env(safe-area-inset-bottom,0px));
  overflow:hidden;
}

/* One continuous forbidden-gate composition around the existing banner. */
.td-home-page .td-gate-stage{
  position:relative;
  margin:0 -3px 16px;
  padding:38px 10px 9px;
  isolation:isolate;
}
.td-home-page .td-gate-stage::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:4px;right:4px;top:0;height:74px;
  border:1px solid rgba(202,145,61,.5);
  border-bottom-color:rgba(238,186,92,.76);
  background:
    radial-gradient(circle at 50% 82%,rgba(160,44,20,.42) 0 6%,transparent 7%),
    linear-gradient(90deg,transparent 0 7%,rgba(122,72,27,.25) 7% 8%,transparent 8% 92%,rgba(122,72,27,.25) 92% 93%,transparent 93%),
    linear-gradient(180deg,#18110a 0,#0b0a08 100%);
  box-shadow:0 8px 26px rgba(0,0,0,.54),inset 0 -1px rgba(247,202,114,.1);
  clip-path:polygon(0 100%,0 49%,4% 49%,4% 30%,12% 30%,12% 17%,26% 17%,26% 8%,41% 8%,44% 0,56% 0,59% 8%,74% 8%,74% 17%,88% 17%,88% 30%,96% 30%,96% 49%,100% 49%,100% 100%);
}
.td-home-page .td-gate-stage__crown{
  position:absolute;z-index:3;top:15px;left:50%;width:108px;height:24px;transform:translateX(-50%);
  border-top:2px solid #d59d45;border-bottom:1px solid rgba(213,157,69,.42);
  background:radial-gradient(ellipse at center,rgba(159,33,24,.38),transparent 65%);
  box-shadow:0 -6px 24px rgba(185,81,24,.16);
}
.td-home-page .td-gate-stage__crown::before,
.td-home-page .td-gate-stage__crown::after{
  content:"";position:absolute;top:-6px;width:28px;height:28px;border:2px solid #a97934;transform:rotate(45deg);background:#100b08;
}
.td-home-page .td-gate-stage__crown::before{left:1px}
.td-home-page .td-gate-stage__crown::after{right:1px}
.td-home-page .td-gate-stage__pillar{
  position:absolute;z-index:2;top:28px;bottom:-8px;width:10px;
  border:1px solid #8c622a;
  background:linear-gradient(90deg,#120b07,#74311c 42%,#1e1109 62%,#0c0907);
  box-shadow:0 0 0 1px rgba(236,185,91,.08),0 6px 20px rgba(0,0,0,.55);
}
.td-home-page .td-gate-stage__pillar::before,
.td-home-page .td-gate-stage__pillar::after{
  content:"";position:absolute;left:50%;width:17px;height:17px;transform:translateX(-50%) rotate(45deg);border:1px solid #b58136;background:#1b1009;
}
.td-home-page .td-gate-stage__pillar::before{top:13%}
.td-home-page .td-gate-stage__pillar::after{bottom:13%}
.td-home-page .td-gate-stage__pillar--left{left:1px}
.td-home-page .td-gate-stage__pillar--right{right:1px}
.td-home-page .td-hero{
  position:relative;z-index:1;
  width:100%;margin:0;overflow:hidden;
  border:1px solid #9b6c31;border-radius:0;
  background:#090806;
  box-shadow:0 16px 38px rgba(0,0,0,.58),0 0 0 3px #0d0a07,0 0 0 4px rgba(184,126,48,.44),inset 0 0 26px rgba(0,0,0,.34);
}
.td-home-page .td-hero::before,
.td-home-page .td-hero::after{
  content:"";position:absolute;z-index:2;top:0;bottom:0;width:18px;pointer-events:none;
  background:linear-gradient(90deg,rgba(26,13,7,.96),rgba(138,52,24,.44),transparent);
}
.td-home-page .td-hero::before{left:0}
.td-home-page .td-hero::after{right:0;transform:scaleX(-1)}
.td-home-page .td-hero__image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}

/* Character strip and alphabet become part of the same ancient panel language. */
.td-home-page .ng-home-names{margin:0 0 6px}
.td-home-page .ng-home-names__scroll{gap:9px;padding:5px 2px 9px}
.td-home-page .ng-home-names__link{
  min-height:38px;padding:8px 16px;
  border:1px solid #554121;border-radius:999px;
  background:linear-gradient(180deg,#17140f,#0c0c0a);
  color:#ddd0b8;font-family:Georgia,"Times New Roman",serif;font-size:.9rem;font-weight:750;
  box-shadow:inset 0 1px rgba(255,229,178,.03),0 4px 12px rgba(0,0,0,.2);
}
.td-home-page .ng-home-names__link.is-active{border-color:#b98239;background:linear-gradient(180deg,#862319,#4e110d);color:#ffe3a2}
.td-home-page .ng-alphabet{
  position:relative;margin:0 0 18px;padding:7px 4px 8px;
  border-top:1px solid rgba(117,81,37,.36);border-bottom:1px solid rgba(172,121,47,.48);
  background:linear-gradient(180deg,rgba(21,17,12,.5),rgba(8,8,7,.25));
}
.td-home-page .ng-alphabet__scroll{gap:8px;padding:0;align-items:center}
.td-home-page .ng-alphabet__link{
  min-width:34px;min-height:38px;padding:7px 10px;border-radius:0;
  color:#d5c6ad;font-family:Georgia,"Times New Roman",serif;font-size:.93rem;font-weight:800;
}
.td-home-page .ng-alphabet__link:first-child{min-width:70px;border-radius:999px}
.td-home-page .ng-alphabet__link.is-active{
  border-color:#d3603e;background:linear-gradient(180deg,#c03827,#7d1711);color:#fff0d1;
  box-shadow:0 0 0 1px rgba(255,206,115,.08),0 0 18px rgba(169,37,23,.22);
}

/* Red lacquer title plaque, not a boxed section. */
.td-home-page .td-story-shelf,.td-home-page .td-chapter-shelf{margin-top:18px;overflow:hidden}
.td-home-page .td-section-heading{
  position:relative;width:max-content;max-width:calc(100% - 52px);min-width:min(78%,360px);
  margin:0 auto 15px;padding:7px 30px 8px;border:1px solid #a67431;
  background:linear-gradient(180deg,#6d1711,#3b0e0b);
  box-shadow:0 7px 20px rgba(0,0,0,.32),inset 0 1px rgba(255,219,149,.12);
}
.td-home-page .td-section-heading::before,
.td-home-page .td-section-heading::after{
  content:"";position:absolute;top:50%;width:58px;height:18px;transform:translateY(-50%);
  border-top:1px solid #c58d3c;border-bottom:1px solid rgba(197,141,60,.45);
  background:linear-gradient(90deg,transparent,rgba(143,94,36,.3));
}
.td-home-page .td-section-heading::before{right:100%}
.td-home-page .td-section-heading::after{left:100%;transform:translateY(-50%) scaleX(-1)}
.td-home-page .td-section-heading h2{color:#f0c978;font-size:clamp(1.18rem,5vw,1.55rem);text-shadow:0 1px #32150d,0 0 10px rgba(229,164,68,.12)}

/* Story rail: compact black lacquer cards with thin gold filigree. */
.td-home-page .td-story-shelf .ng-story-grid{gap:10px;padding:2px 4px 9px}
.td-home-page .td-story-shelf .ng-story-card{
  flex-basis:min(42vw,174px);width:min(42vw,174px);min-width:min(42vw,174px);
}
.td-home-page .ng-story-card{
  border:1px solid #8f642c;background:linear-gradient(180deg,#15110c,#090908 76%);
  box-shadow:0 8px 20px rgba(0,0,0,.34),inset 0 0 0 3px #0b0907,inset 0 0 0 4px rgba(183,127,49,.31);
}
.td-home-page .ng-story-card::after{inset:5px;border-color:rgba(229,174,82,.28)}
.td-home-page .ng-story-card__image-link{margin:6px 6px 0;border:0;background:transparent}
.td-home-page .ng-story-card__badge{
  top:8px;left:8px;padding:5px 10px 4px;border:1px solid #d16b41;border-radius:3px;
  background:linear-gradient(180deg,#b52c20,#73140f);color:#ffe5b4;font-size:.7rem;
}
.td-home-page .ng-story-card__body{padding:8px 9px 9px}
.td-home-page .ng-story-card__title{min-height:2.5em;color:#e8bf72;font-size:clamp(.88rem,3.8vw,1.02rem)}
.td-home-page .ng-story-card__meta{margin-top:6px;padding-top:6px;border-color:rgba(191,135,53,.22)}
.td-home-page .ng-story-card__name{color:#bbae96;font-size:.78rem}
.td-home-page .ng-story-card__name::before{color:#c68f3c}
.td-home-page .ng-story-card__love{color:#df4d3f;font-size:.82rem}

/* Ancient red "View all" seal. */
.td-home-page .ng-home__latest-actions{margin-top:8px;gap:5px}
.td-home-page .ng-home__see-all-button,
.td-home-page .ng-load-more-button{
  min-width:154px;min-height:42px;padding:9px 22px;border:1px solid #a87633;border-radius:0;
  background:linear-gradient(180deg,#6f1711,#360d0a);color:#f2ce84;
  font-family:Georgia,"Times New Roman",serif;font-size:1rem;font-weight:800;
  box-shadow:0 6px 18px rgba(0,0,0,.28),inset 0 0 0 2px rgba(17,10,7,.56),inset 0 0 0 3px rgba(196,138,53,.12);
}
.td-home-page .ng-home__see-all-button:hover,.td-home-page .ng-home__see-all-button:focus-visible,
.td-home-page .ng-load-more-button:hover,.td-home-page .ng-load-more-button:focus-visible{background:linear-gradient(180deg,#872016,#45100b);border-color:#d19a48;color:#ffe1a0}

/* Latest chapters: long horizontal scroll cards, closer to a chapter ledger than another book grid. */
.td-home-page .td-chapter-shelf{margin-top:20px}
.td-home-page .td-chapter-strip{gap:10px;padding:2px 4px 8px}
.td-home-page .td-chapter-card{
  display:grid;grid-template-columns:74px minmax(0,1fr);align-items:stretch;
  flex:0 0 min(82vw,340px);width:min(82vw,340px);min-width:min(82vw,340px);
  min-height:104px;border:1px solid #6d4e24;
  background:linear-gradient(180deg,#15110d,#0a0908);
  box-shadow:0 7px 20px rgba(0,0,0,.3),inset 0 0 0 3px #0b0907,inset 0 0 0 4px rgba(190,134,52,.17);
}
.td-home-page .td-chapter-card__cover{grid-row:1;margin:6px;aspect-ratio:auto;min-height:92px}
.td-home-page .td-chapter-card__cover img{object-fit:cover}
.td-home-page .td-chapter-card__badge{top:5px;left:5px;padding:3px 6px;font-size:.6rem}
.td-home-page .td-chapter-card__body{grid-column:2;grid-row:1;padding:11px 10px 9px 1px;min-width:0}
.td-home-page .td-chapter-card__story-title{min-height:0;font-size:.92rem;color:#e7be72;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis}
.td-home-page .td-chapter-card__chapter{margin-top:7px;font-size:.78rem;color:#e6dccb;-webkit-line-clamp:2}
.td-home-page .td-chapter-card__name{margin-top:8px;padding-top:6px;font-size:.72rem;color:#9f917d}

/* The homepage bottom nav becomes one ornate dark bar, still using the existing functional markup. */
.td-home-page .ng-bottom-nav{
  border-top:1px solid #8f642c!important;background:rgba(10,9,7,.985)!important;
  box-shadow:0 -8px 26px rgba(0,0,0,.56),inset 0 1px rgba(238,188,92,.08)!important;
}
.td-home-page .ng-bottom-nav::before,
.td-home-page .ng-bottom-nav::after{
  content:"❖";display:block!important;position:absolute;top:-11px;z-index:2;width:28px;height:22px;
  color:#bd8437;font-size:20px;line-height:22px;text-align:center;text-shadow:0 0 8px rgba(200,135,45,.22);
}
.td-home-page .ng-bottom-nav::before{left:3px}
.td-home-page .ng-bottom-nav::after{right:3px}
.td-home-page .ng-bottom-nav__inner{background:transparent!important;padding:5px 3px 4px}
.td-home-page .ng-bottom-nav__item{color:#c3b397!important}
.td-home-page .ng-bottom-nav__bubble{color:#d5b474!important}
.td-home-page .ng-bottom-nav__label{color:#c6b79c!important;font-family:Georgia,"Times New Roman",serif;font-size:10px}
.td-home-page .ng-bottom-nav__item.is-active .ng-bottom-nav__bubble{
  color:#f2c66c!important;background:radial-gradient(circle,#5e1711 0,#2b0c09 66%,transparent 68%)!important;
  box-shadow:0 0 0 1px #9b6b2d!important;border-radius:50%!important;
}
.td-home-page .ng-bottom-nav__item.is-active .ng-bottom-nav__label{
  color:#fff0cf!important;background:linear-gradient(180deg,#b72d20,#76150f)!important;border-radius:999px!important;
}

@media(max-width:480px){
  .td-home-page .ng-home{padding-inline:10px}
  .td-home-page .td-gate-stage{margin-inline:-2px;padding:34px 8px 8px}
  .td-home-page .td-gate-stage::before{height:68px}
  .td-home-page .td-gate-stage__pillar{width:9px}
  .td-home-page .td-story-shelf .ng-story-card{flex-basis:41vw;width:41vw;min-width:41vw}
  .td-home-page .td-section-heading{min-width:74%;padding-inline:22px}
  .td-home-page .td-section-heading::before,.td-home-page .td-section-heading::after{width:34px}
  .td-home-page .td-chapter-card{flex-basis:84vw;width:84vw;min-width:84vw}
}
@media(min-width:768px){
  .td-home-page .ng-home{padding-inline:20px}
  .td-home-page .td-gate-stage{padding-top:48px}
  .td-home-page .td-story-shelf .ng-story-card{flex-basis:190px;width:190px;min-width:190px}
  .td-home-page .td-chapter-card{flex-basis:360px;width:360px;min-width:360px}
}


/* =========================================================
   HOME TRUE MOCK ALIGNMENT V12
   Uses an approved static hero asset (cropped from the user-approved mockup),
   because CSS-only cannot reproduce the requested composition.
   ========================================================= */
.td-home-page .td-gate-stage--approved{
  position:relative;
  margin:0 -2px 10px;
  padding:0;
  isolation:isolate;
}
.td-home-page .td-gate-stage--approved::before,
.td-home-page .td-gate-stage--approved .td-gate-stage__crown,
.td-home-page .td-gate-stage--approved .td-gate-stage__pillar{display:none!important;content:none!important}
.td-home-page .td-hero--approved{
  width:100%;
  margin:0;
  overflow:hidden;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.td-home-page .td-hero--approved::before,
.td-home-page .td-hero--approved::after{display:none!important;content:none!important}
.td-home-page .td-hero--approved .td-hero__image{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:864/680;
  object-fit:cover;
  object-position:center top;
}
.td-home-page .ng-home-names{margin-top:-4px;margin-bottom:8px}
.td-home-page .ng-home-names__scroll{gap:12px;padding:0 2px 10px}
.td-home-page .ng-home-names__link{
  min-height:42px;
  padding:10px 20px;
  border-color:#5b431e;
  background:linear-gradient(180deg,#171410,#0b0b09);
  color:#efe0c0;
  font-size:1rem;
  box-shadow:0 10px 22px rgba(0,0,0,.24), inset 0 0 0 1px rgba(225,180,88,.05);
}
.td-home-page .ng-home-names__link.is-active{background:linear-gradient(180deg,#8b2318,#53120d)}
.td-home-page .ng-alphabet{margin-bottom:16px;padding:7px 2px 10px;background:transparent}
.td-home-page .ng-alphabet__link{min-width:36px;min-height:40px;font-size:1rem}
.td-home-page .ng-alphabet__link:first-child{min-width:74px}
.td-home-page .td-section-heading{
  min-width:min(78%,330px);
  margin-bottom:12px;
  padding:7px 26px 8px;
}
.td-home-page .td-story-shelf .ng-story-grid{gap:12px;padding:2px 6px 9px}
.td-home-page .td-story-shelf .ng-story-card{
  flex-basis:min(41.5vw,176px);
  width:min(41.5vw,176px);
  min-width:min(41.5vw,176px);
}
.td-home-page .ng-story-card__image-link{aspect-ratio:5/7}
.td-home-page .ng-home__see-all-button,
.td-home-page .ng-load-more-button{min-width:170px;min-height:44px;padding:10px 24px}
@media(max-width:480px){
  .td-home-page .td-gate-stage--approved{margin-inline:-1px}
  .td-home-page .td-story-shelf .ng-story-card{flex-basis:41vw;width:41vw;min-width:41vw}
  .td-home-page .ng-story-card__image-link{aspect-ratio:5/7}
}


/* HOME V14 — remove character-name chip row entirely; alphabet sits directly under hero. */
.td-home-page .td-gate-stage--approved{margin-bottom:8px}
.td-home-page .ng-alphabet{margin-top:0}


/* HOME V15 — full-width hero banner */
.td-home-page .ng-home{
  width:100%;
  max-width:none;
  padding-inline:0;
}
.td-home-page .td-gate-stage--approved{
  margin:0 0 8px;
  width:100%;
}
.td-home-page .td-hero--approved,
.td-home-page .td-hero--approved .td-hero__image{
  width:100%;
}
.td-home-page .ng-alphabet,
.td-home-page .td-story-shelf,
.td-home-page .td-chapter-shelf{
  padding-left:12px;
  padding-right:12px;
}
@media(min-width:768px){
  .td-home-page .ng-alphabet,
  .td-home-page .td-story-shelf,
  .td-home-page .td-chapter-shelf{
    padding-left:20px;
    padding-right:20px;
  }
}


/* HOME V17 — dragon divider hugs the bottom edge of the hero */
.td-home-page .td-dragon-divider{
  position:relative;
  z-index:3;
  width:100%;
  margin:-66px 0 0;
  line-height:0;
  pointer-events:none;
}
.td-home-page .td-dragon-divider__image{
  display:block;
  width:100%;
  height:auto;
}
.td-home-page .ng-alphabet{margin-top:0}
@media(min-width:768px){
  .td-home-page .td-dragon-divider{margin-top:-98px;margin-bottom:0}
}


/* HOME V20 — one mobile system for 390 / 412 / 430px phones */
@media (max-width:430px){
  .td-home-page .ng-home{
    width:100%;
    max-width:none;
    padding-inline:0;
  }
  .td-home-page .td-gate-stage--approved,
  .td-home-page .td-hero--approved,
  .td-home-page .td-hero--approved .td-hero__image{
    width:100%;
    max-width:none;
  }
  .td-home-page .td-dragon-divider{
    width:100%;
    margin-top:clamp(-66px,-15.35vw,-56px);
    margin-bottom:0;
  }
  .td-home-page .ng-alphabet,
  .td-home-page .td-story-shelf,
  .td-home-page .td-chapter-shelf{
    padding-left:10px;
    padding-right:10px;
  }
  .td-home-page .ng-alphabet{
    margin-top:0;
    margin-bottom:14px;
  }
  .td-home-page .ng-alphabet__link{
    min-width:34px;
    min-height:40px;
    padding-inline:9px;
    font-size:.96rem;
  }
  .td-home-page .ng-alphabet__link:first-child{
    min-width:72px;
  }
  .td-home-page .td-section-heading{
    width:max-content;
    max-width:calc(100% - 54px);
    min-width:min(74%,320px);
    padding:7px 20px 8px;
  }
  .td-home-page .td-story-shelf .ng-story-card{
    flex:0 0 calc((100vw - 42px)/2);
    width:calc((100vw - 42px)/2);
    min-width:calc((100vw - 42px)/2);
  }
  .td-home-page .ng-story-card__image-link{
    aspect-ratio:5/7;
  }
  .td-home-page .td-chapter-card{
    flex-basis:84vw;
    width:84vw;
    min-width:84vw;
  }
  .td-home-page .ng-home__see-all-button,
  .td-home-page .ng-load-more-button{
    min-width:164px;
    min-height:42px;
  }
}


/* HOME V23 — 390px dragon divider +2px upward */
@media (max-width:390px){
  .td-home-page .td-dragon-divider{
    margin-top:calc(clamp(-66px,-15.35vw,-56px) - 14px);
  }
}
@media (min-width:391px) and (max-width:430px){
  .td-home-page .td-dragon-divider{
    margin-top:calc(clamp(-66px,-15.35vw,-56px) - 16px);
  }
}


/* HOME V28 — deep footer-like black background */
.td-home-page,
.td-home-page .ng-home{
  background-color:#0a0907;
}
.td-home-page .ng-alphabet,
.td-home-page .td-story-shelf,
.td-home-page .td-chapter-shelf{
  background-color:transparent;
}


/* HOME V36 — integrated TU DAO design on the dragon divider */
.td-home-page .td-dragon-divider--wordmark{
  position:relative;
}
.td-home-page .td-dragon-divider--wordmark .td-dragon-divider__image{
  display:block;
  width:100%;
  height:auto;
}
@media (max-width:430px){
  .td-home-page .td-dragon-divider--wordmark{
    margin-top:clamp(-82px,-18.8vw,-68px);
    margin-bottom:-6px;
  }
}
@media (max-width:390px){
  .td-home-page .td-dragon-divider--wordmark{
    margin-top:calc(clamp(-82px,-18.8vw,-68px) + 14px);
  }
}
@media (min-width:391px) and (max-width:430px){
  .td-home-page .td-dragon-divider--wordmark{
    margin-top:calc(clamp(-82px,-18.8vw,-68px) + 12px);
  }
}


/* =========================================================
   HOME V39 — ornate / ancient border system for controls
   Keeps hero + dragon wordmark; redesigns alphabet + headings in code only.
   ========================================================= */
.td-home-page .ng-alphabet{
  position:relative;
  isolation:isolate;
  margin:4px 10px 20px;
  padding:8px 10px;
  border:1px solid #7e5624;
  background:
    linear-gradient(180deg,rgba(31,22,13,.72),rgba(10,9,7,.96)),
    #0a0907;
  box-shadow:
    inset 0 0 0 2px #0b0907,
    inset 0 0 0 3px rgba(202,145,61,.25),
    0 7px 18px rgba(0,0,0,.30);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
}
.td-home-page .ng-alphabet::before,
.td-home-page .ng-alphabet::after{
  content:"◆";
  position:absolute;
  z-index:3;
  top:50%;
  width:22px;
  height:22px;
  transform:translateY(-50%) rotate(45deg);
  color:#e0ab4d;
  background:#2a140d;
  border:1px solid #b8782e;
  box-shadow:0 0 0 2px #0a0907,0 0 0 3px rgba(215,159,72,.28);
  font-size:0;
  pointer-events:none;
}
.td-home-page .ng-alphabet::before{left:-11px}
.td-home-page .ng-alphabet::after{right:-11px}
.td-home-page .ng-alphabet__scroll{
  position:relative;
  z-index:1;
  gap:0;
  padding:0;
  align-items:stretch;
}
.td-home-page .ng-alphabet__link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  min-height:42px;
  padding:7px 11px;
  border:0;
  border-right:1px solid rgba(170,111,40,.28);
  border-radius:0;
  background:transparent;
  color:#e8d5b0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1rem;
  font-weight:800;
  text-shadow:0 1px 0 #000;
}
.td-home-page .ng-alphabet__link:last-child{border-right:0}
.td-home-page .ng-alphabet__link:hover,
.td-home-page .ng-alphabet__link:focus-visible{
  color:#ffe6a4;
  background:linear-gradient(180deg,rgba(121,57,18,.28),rgba(66,30,12,.15));
}
.td-home-page .ng-alphabet__link:first-child{
  min-width:88px;
  margin:-4px 8px -4px -2px;
  padding:9px 22px;
  border:1px solid #d28d38;
  border-radius:0;
  background:linear-gradient(180deg,#a82d20,#65130e 70%,#3f0d09);
  color:#ffe9ba;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  box-shadow:
    inset 0 0 0 2px #35100b,
    inset 0 0 0 3px rgba(255,208,117,.20),
    0 0 14px rgba(155,42,22,.22);
}
.td-home-page .ng-alphabet__link:first-child::before,
.td-home-page .ng-alphabet__link:first-child::after{
  content:"";
  position:absolute;
  top:50%;
  width:7px;height:7px;
  background:#d9a24d;
  border:1px solid #6f4318;
  transform:translateY(-50%) rotate(45deg);
}
.td-home-page .ng-alphabet__link:first-child::before{left:5px}
.td-home-page .ng-alphabet__link:first-child::after{right:5px}
.td-home-page .ng-alphabet__link.is-active:not(:first-child){
  color:#ffd987;
  background:linear-gradient(180deg,rgba(122,45,18,.50),rgba(62,21,10,.35));
  box-shadow:inset 0 -2px #bd7c31;
}

/* Section title plaque — same ancient border language as alphabet. */
.td-home-page .td-section-heading{
  position:relative;
  width:max-content;
  max-width:calc(100% - 64px);
  min-width:min(76%,350px);
  margin:0 auto 16px;
  padding:9px 30px 10px;
  border:1px solid #a96f2c;
  background:linear-gradient(180deg,#741911 0%,#4a100c 55%,#2d0b08 100%);
  box-shadow:
    inset 0 0 0 2px #260b08,
    inset 0 0 0 3px rgba(242,191,91,.16),
    0 7px 18px rgba(0,0,0,.30);
  clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px);
}
.td-home-page .td-section-heading::before,
.td-home-page .td-section-heading::after{
  content:"◆";
  position:absolute;
  top:50%;
  width:54px;
  height:1px;
  transform:translateY(-50%);
  color:#d39a43;
  background:linear-gradient(90deg,transparent,#a66d2d 28%,#e0ac53 52%,#a66d2d 72%,transparent);
  border:0;
}
.td-home-page .td-section-heading::before{right:100%;margin-right:8px}
.td-home-page .td-section-heading::after{left:100%;margin-left:8px;transform:translateY(-50%) scaleX(-1)}
.td-home-page .td-section-heading h2{
  margin:0;
  color:#f2cd7b;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.18rem,5vw,1.52rem);
  font-weight:800;
  letter-spacing:.025em;
  text-shadow:0 1px 0 #2c0e08,0 0 10px rgba(222,151,53,.10);
}

/* Match the "Xem tất cả" control to the same framed system. */
.td-home-page .ng-home__see-all-button,
.td-home-page .ng-load-more-button{
  position:relative;
  min-width:168px;
  min-height:44px;
  padding:9px 24px;
  border:1px solid #a96f2c;
  border-radius:0;
  background:linear-gradient(180deg,#6f1711,#3b0d09);
  color:#f4d187;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px);
  box-shadow:inset 0 0 0 2px #220907,inset 0 0 0 3px rgba(240,187,88,.14),0 7px 18px rgba(0,0,0,.26);
}

@media (max-width:430px){
  .td-home-page .ng-alphabet{
    margin-left:8px;
    margin-right:8px;
    padding:7px 8px;
  }
  .td-home-page .ng-alphabet__link{
    min-width:36px;
    min-height:40px;
    padding-inline:9px;
    font-size:.96rem;
  }
  .td-home-page .ng-alphabet__link:first-child{
    min-width:78px;
    padding-inline:18px;
  }
  .td-home-page .td-section-heading{
    max-width:calc(100% - 58px);
    min-width:min(76%,320px);
    padding:8px 20px 9px;
  }
  .td-home-page .td-section-heading::before,
  .td-home-page .td-section-heading::after{width:36px}
}


/* =========================================================
   HOME V40 — Greek key / meander border system
   Code-only: replaces V39 arrow/diamond ornaments.
   ========================================================= */
.td-home-page{--td-greek-border:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%20preserveAspectRatio%3D%22none%22%3E%0A%3Cdefs%3E%0A%3Cpattern%20id%3D%22h%22%20width%3D%2220%22%20height%3D%2210%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M0%201H18V9H6V5H12V3H2V9%22%20fill%3D%22none%22%20stroke%3D%22%23d9aa52%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22miter%22%2F%3E%0A%3C%2Fpattern%3E%0A%3Cpattern%20id%3D%22v%22%20width%3D%2210%22%20height%3D%2220%22%20patternUnits%3D%22userSpaceOnUse%22%3E%0A%3Cpath%20d%3D%22M1%200V18H9V6H5V12H3V2H9V18%22%20fill%3D%22none%22%20stroke%3D%22%23d9aa52%22%20stroke-width%3D%221.7%22%20stroke-linejoin%3D%22miter%22%2F%3E%0A%3C%2Fpattern%3E%0A%3C%2Fdefs%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22100%22%20height%3D%2210%22%20fill%3D%22url%28%23h%29%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%2290%22%20width%3D%22100%22%20height%3D%2210%22%20fill%3D%22url%28%23h%29%22%20transform%3D%22rotate%28180%2050%2095%29%22%2F%3E%0A%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%2210%22%20height%3D%22100%22%20fill%3D%22url%28%23v%29%22%2F%3E%0A%3Crect%20x%3D%2290%22%20y%3D%220%22%20width%3D%2210%22%20height%3D%22100%22%20fill%3D%22url%28%23v%29%22%20transform%3D%22rotate%28180%2095%2050%29%22%2F%3E%0A%3Cpath%20d%3D%22M0%200h10v10H0zM90%200h10v10H90zM0%2090h10v10H0zM90%2090h10v10H90z%22%20fill%3D%22none%22%20stroke%3D%22%23f0c66d%22%20stroke-width%3D%221.2%22%2F%3E%0A%3C%2Fsvg%3E");}

/* Alphabet rail */
.td-home-page .ng-alphabet{
  margin:6px 10px 20px;
  padding:8px 9px;
  border:7px solid transparent;
  border-image:var(--td-greek-border) 10 round;
  clip-path:none;
  background:linear-gradient(180deg,rgba(22,18,13,.94),rgba(7,7,6,.98));
  box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 0 0 1px rgba(188,137,55,.18);
}
.td-home-page .ng-alphabet::before,
.td-home-page .ng-alphabet::after{content:none!important;display:none!important}
.td-home-page .ng-alphabet__scroll{gap:0;padding:0}
.td-home-page .ng-alphabet__link{
  min-width:40px;
  min-height:42px;
  padding:7px 11px;
  border:0;
  border-right:1px solid rgba(202,155,76,.22);
  background:transparent;
  color:#e4d2ae;
}
.td-home-page .ng-alphabet__link:first-child{
  min-width:88px;
  margin:-3px 8px -3px -2px;
  padding:7px 18px;
  border:6px solid transparent;
  border-image:var(--td-greek-border) 10 round;
  background:linear-gradient(180deg,#8e2117 0%,#57110d 62%,#300b08 100%);
  color:#ffe7ad;
  clip-path:none;
  box-shadow:0 0 14px rgba(145,39,20,.18),inset 0 0 0 1px rgba(255,211,117,.08);
}
.td-home-page .ng-alphabet__link:first-child::before,
.td-home-page .ng-alphabet__link:first-child::after{content:none!important}
.td-home-page .ng-alphabet__link.is-active:not(:first-child){
  color:#ffd984;
  background:linear-gradient(180deg,rgba(127,55,17,.28),rgba(54,24,10,.18));
  box-shadow:inset 0 -2px #b98539;
}

/* Section plaques: Truyện mới cập nhật + Chương mới cập nhật */
.td-home-page .td-section-heading{
  width:max-content;
  max-width:calc(100% - 44px);
  min-width:min(78%,370px);
  margin:0 auto 16px;
  padding:8px 24px 9px;
  border:7px solid transparent;
  border-image:var(--td-greek-border) 10 round;
  clip-path:none;
  background:linear-gradient(180deg,#771a12 0%,#48100c 60%,#260a08 100%);
  box-shadow:0 8px 22px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,205,104,.10);
}
.td-home-page .td-section-heading::before,
.td-home-page .td-section-heading::after{content:none!important;display:none!important}
.td-home-page .td-section-heading h2{
  color:#f1ce82;
  font-family:Georgia,'Times New Roman',serif;
  font-weight:800;
  letter-spacing:.02em;
  text-shadow:0 1px 0 #240b07,0 0 8px rgba(222,155,57,.09);
}

/* View-all / load-more buttons */
.td-home-page .ng-home__see-all-button,
.td-home-page .ng-load-more-button{
  min-width:174px;
  min-height:46px;
  padding:8px 22px;
  border:7px solid transparent;
  border-image:var(--td-greek-border) 10 round;
  border-radius:0;
  clip-path:none;
  background:linear-gradient(180deg,#6e1710,#3b0d09);
  color:#f1cf85;
  box-shadow:0 7px 18px rgba(0,0,0,.25),inset 0 0 0 1px rgba(255,205,105,.08);
}
.td-home-page .ng-home__see-all-button:hover,
.td-home-page .ng-home__see-all-button:focus-visible,
.td-home-page .ng-load-more-button:hover,
.td-home-page .ng-load-more-button:focus-visible{
  background:linear-gradient(180deg,#852016,#4a100b);
  color:#ffe1a0;
}

@media (max-width:430px){
  .td-home-page .ng-alphabet{margin-left:6px;margin-right:6px;padding:7px 6px;border-width:6px}
  .td-home-page .ng-alphabet__link{min-width:35px;min-height:40px;padding-inline:8px;font-size:.96rem}
  .td-home-page .ng-alphabet__link:first-child{min-width:76px;padding-inline:14px;border-width:5px}
  .td-home-page .td-section-heading{
    max-width:calc(100% - 34px);
    min-width:min(82%,340px);
    padding:7px 16px 8px;
    border-width:6px;
  }
  .td-home-page .ng-home__see-all-button,
  .td-home-page .ng-load-more-button{border-width:6px;min-width:168px;}
}


/* HOME V41 — horizontal rail shows 2 full books + ~1/4 of book 3 on mobile */
@media (max-width:430px){
  .td-home-page .td-story-shelf:not(.is-expanded) .ng-story-grid{
    gap:12px;
    padding-left:6px;
    padding-right:6px;
  }
  .td-home-page .td-story-shelf:not(.is-expanded) .ng-story-card{
    flex:0 0 calc((100vw - 56px) / 2.25);
    width:calc((100vw - 56px) / 2.25);
    min-width:calc((100vw - 56px) / 2.25);
  }
}


/* =========================================================
   HOME V42 — quieter antique controls
   Buttons/headings should support the books, not dominate them.
   Replaces the loud Greek-key treatment from V40 with thin double lines.
   ========================================================= */
.td-home-page .ng-alphabet{
  margin:6px 10px 18px;
  padding:5px 7px;
  border:1px solid rgba(139,101,48,.55);
  border-image:none;
  background:linear-gradient(180deg,rgba(17,15,12,.82),rgba(8,8,7,.94));
  box-shadow:
    inset 0 0 0 3px #0a0907,
    inset 0 0 0 4px rgba(128,91,42,.22);
}
.td-home-page .ng-alphabet::before,
.td-home-page .ng-alphabet::after{
  content:""!important;
  display:block!important;
  position:absolute;
  top:50%;
  width:7px;
  height:7px;
  transform:translateY(-50%) rotate(45deg);
  background:#17120c;
  border:1px solid rgba(164,116,52,.55);
  box-shadow:none;
  pointer-events:none;
}
.td-home-page .ng-alphabet::before{left:-4px}
.td-home-page .ng-alphabet::after{right:-4px}
.td-home-page .ng-alphabet__link{
  min-width:39px;
  min-height:38px;
  padding:6px 10px;
  border-right:1px solid rgba(129,91,43,.16);
  color:#cdbf9f;
  font-size:.96rem;
  text-shadow:none;
}
.td-home-page .ng-alphabet__link:first-child{
  min-width:78px;
  margin:-1px 7px -1px -1px;
  padding:7px 16px;
  border:1px solid rgba(151,89,46,.75);
  border-image:none;
  background:linear-gradient(180deg,#662018,#40110d 70%,#29100c);
  color:#e6c995;
  box-shadow:
    inset 0 0 0 2px #1b0c09,
    inset 0 0 0 3px rgba(166,110,50,.18);
}
.td-home-page .ng-alphabet__link.is-active:not(:first-child){
  color:#d9bd82;
  background:rgba(82,48,19,.18);
  box-shadow:inset 0 -1px rgba(150,107,48,.55);
}

/* Understated title plaques */
.td-home-page .td-section-heading{
  max-width:calc(100% - 78px);
  min-width:min(70%,310px);
  margin:0 auto 14px;
  padding:7px 20px 8px;
  border:1px solid rgba(143,88,45,.70);
  border-image:none;
  background:linear-gradient(180deg,#531711 0%,#35100c 68%,#240c09 100%);
  box-shadow:
    inset 0 0 0 3px #160a07,
    inset 0 0 0 4px rgba(133,91,42,.18),
    0 4px 12px rgba(0,0,0,.18);
}
.td-home-page .td-section-heading::before,
.td-home-page .td-section-heading::after{
  content:""!important;
  display:block!important;
  position:absolute;
  top:50%;
  width:42px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(141,99,45,.55));
  border:0;
  transform:translateY(-50%);
}
.td-home-page .td-section-heading::before{right:100%;margin-right:8px}
.td-home-page .td-section-heading::after{left:100%;margin-left:8px;transform:translateY(-50%) scaleX(-1)}
.td-home-page .td-section-heading h2{
  color:#d9bd84;
  font-size:clamp(1.04rem,4.3vw,1.30rem);
  font-weight:750;
  letter-spacing:.012em;
  text-shadow:0 1px #140907;
}

/* View-all / load-more should read as secondary controls */
.td-home-page .ng-home__see-all-button,
.td-home-page .ng-load-more-button{
  min-width:148px;
  min-height:40px;
  padding:7px 18px;
  border:1px solid rgba(139,86,43,.72);
  border-image:none;
  background:linear-gradient(180deg,#501710,#32100c);
  color:#d6bb83;
  font-size:.92rem;
  font-weight:750;
  box-shadow:
    inset 0 0 0 2px #160907,
    inset 0 0 0 3px rgba(132,89,40,.17),
    0 4px 10px rgba(0,0,0,.16);
}
.td-home-page .ng-home__see-all-button:hover,
.td-home-page .ng-home__see-all-button:focus-visible,
.td-home-page .ng-load-more-button:hover,
.td-home-page .ng-load-more-button:focus-visible{
  background:linear-gradient(180deg,#5c1a12,#38110d);
  color:#e5cb95;
  border-color:rgba(158,103,51,.82);
}

@media (max-width:430px){
  .td-home-page .ng-alphabet{
    margin-left:6px;
    margin-right:6px;
    padding:5px 5px;
    border-width:1px;
  }
  .td-home-page .ng-alphabet__link{
    min-width:34px;
    min-height:38px;
    padding-inline:8px;
    font-size:.94rem;
  }
  .td-home-page .ng-alphabet__link:first-child{
    min-width:72px;
    padding-inline:13px;
    border-width:1px;
  }
  .td-home-page .td-section-heading{
    max-width:calc(100% - 72px);
    min-width:min(72%,300px);
    padding:7px 16px 8px;
    border-width:1px;
  }
  .td-home-page .td-section-heading::before,
  .td-home-page .td-section-heading::after{width:26px}
  .td-home-page .ng-home__see-all-button,
  .td-home-page .ng-load-more-button{
    min-width:142px;
    min-height:39px;
    padding:7px 16px;
    border-width:1px;
  }
}


/* HOME V43 — latest chapters are a vertical feed, not a horizontal rail */
.td-home-page .td-chapter-strip{
  display:flex;
  flex-direction:column;
  gap:10px;
  overflow:visible;
  padding:2px 0 8px;
  scroll-snap-type:none;
}
.td-home-page .td-chapter-card{
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  align-items:stretch;
  width:100%;
  min-width:0;
  max-width:none;
  flex:none;
  min-height:108px;
  scroll-snap-align:none;
}
.td-home-page .td-chapter-card__cover{
  grid-column:1;
  grid-row:1;
  width:auto;
  min-width:0;
  margin:7px;
  aspect-ratio:3/4;
  min-height:94px;
}
.td-home-page .td-chapter-card__body{
  grid-column:2;
  grid-row:1;
  padding:12px 12px 10px 2px;
}
.td-home-page .td-chapter-card__story-title{
  font-size:.98rem;
  line-height:1.22;
  white-space:normal;
  -webkit-line-clamp:2;
}
.td-home-page .td-chapter-card__chapter{
  margin-top:7px;
  font-size:.8rem;
  line-height:1.3;
  -webkit-line-clamp:2;
}
.td-home-page .td-chapter-card__name{
  margin-top:8px;
  padding-top:7px;
  font-size:.74rem;
}
@media (max-width:430px){
  .td-home-page .td-chapter-card{
    grid-template-columns:74px minmax(0,1fr);
    width:100%;
    min-width:0;
    flex:none;
  }
}


/* HOME V44 — real Xem tất cả link, functional without JS */
.td-home-page a.ng-home__see-all-button{
  text-decoration:none;
  cursor:pointer;
}
.td-home-page .td-story-shelf.is-expanded .ng-story-grid{
  overflow:visible;
}


/* HOME V49 — image banner replaces the latest-stories text plaque */
.td-home-page .td-section-heading--image{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0 auto 10px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
}
.td-home-page .td-section-heading--image::before,
.td-home-page .td-section-heading--image::after{
  content:none!important;
  display:none!important;
}
.td-home-page .td-latest-stories-banner{
  display:block;
  width:min(96%,760px);
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
@media (max-width:430px){
  .td-home-page .td-section-heading--image{
    margin-bottom:8px;
  }
  .td-home-page .td-latest-stories-banner{
    width:100%;
    max-width:none;
  }
}


/* FOOTER V50 — restore five equal nav items after V49 home CSS regression */
/* FOOTER V45 — 5 items; TUDAO.ORG submit is admin-only */
.ng-bottom-nav__inner{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
}
.ng-bottom-nav__item.is-disabled{
  cursor:not-allowed!important;
  pointer-events:none!important;
  opacity:.34!important;
  filter:saturate(.45)!important;
  user-select:none!important;
}
.ng-bottom-nav__item.is-disabled .ng-bottom-nav__bubble,
.ng-bottom-nav__item.is-disabled .ng-bottom-nav__label{
  color:#756a5b!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ng-bottom-nav__item.is-disabled .ng-bottom-nav__bubble svg{
  stroke:currentColor!important;
}
@media(max-width:430px){
  .ng-bottom-nav__label{font-size:9px!important;}
  .ng-bottom-nav__item:nth-child(3) .ng-bottom-nav__label{font-size:8px!important;letter-spacing:-.02em;}
}


/* FOOTER V46 — five equal items, full TUDAO.ORG label */
.ng-bottom-nav__inner{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  width:100%!important;
  align-items:end!important;
}
.ng-bottom-nav__item{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:center!important;
  overflow:visible!important;
}
.ng-bottom-nav__bubble{
  margin-inline:auto!important;
  flex:0 0 auto!important;
}
.ng-bottom-nav__label{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding-inline:1px!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  text-align:center!important;
  line-height:1.1!important;
}
.ng-bottom-nav__item:nth-child(3) .ng-bottom-nav__label{
  font-size:clamp(7.5px,2.05vw,9px)!important;
  letter-spacing:-.035em!important;
}
@media(max-width:390px){
  .ng-bottom-nav__label{font-size:9px!important;}
  .ng-bottom-nav__item:nth-child(3) .ng-bottom-nav__label{
    font-size:7.5px!important;
    letter-spacing:-.04em!important;
  }
}
@media(min-width:391px) and (max-width:430px){
  .ng-bottom-nav__label{font-size:9.5px!important;}
  .ng-bottom-nav__item:nth-child(3) .ng-bottom-nav__label{
    font-size:8px!important;
    letter-spacing:-.035em!important;
  }
}


/* FOOTER V47 — only TUDAO.ORG is permanently active */
.ng-bottom-nav__item.is-active,
.td-home-page .ng-bottom-nav__item.is-active{
  color:inherit!important;
}
.ng-bottom-nav__item.is-active .ng-bottom-nav__bubble,
.td-home-page .ng-bottom-nav__item.is-active .ng-bottom-nav__bubble{
  color:#d5b474!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.ng-bottom-nav__item.is-active .ng-bottom-nav__label,
.td-home-page .ng-bottom-nav__item.is-active .ng-bottom-nav__label{
  color:#c6b79c!important;
  background:transparent!important;
  box-shadow:none!important;
}
.ng-bottom-nav__item.is-brand-active .ng-bottom-nav__bubble,
.td-home-page .ng-bottom-nav__item.is-brand-active .ng-bottom-nav__bubble{
  color:#f0c96e!important;
  background:radial-gradient(circle,rgba(116,43,20,.34) 0%,rgba(26,18,11,.08) 68%,transparent 100%)!important;
  box-shadow:none!important;
  border-radius:50%!important;
}
.ng-bottom-nav__item.is-brand-active .ng-bottom-nav__label,
.td-home-page .ng-bottom-nav__item.is-brand-active .ng-bottom-nav__label{
  color:#ffe4a1!important;
  background:linear-gradient(180deg,#7d2118,#4b120e)!important;
  border:1px solid rgba(205,147,60,.55)!important;
  border-radius:999px!important;
  padding:2px 7px 3px!important;
  box-shadow:inset 0 0 0 1px rgba(255,218,139,.05)!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
  max-width:none!important;
}
.ng-bottom-nav__item:nth-child(3) .ng-bottom-nav__label{
  font-size:8.5px!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-overflow:clip!important;
}


/* HOME V51 — completed story badge */
.ng-story-card__badge--completed,
.td-home-page .ng-story-card__badge--completed{
  min-width:auto;
  padding:5px 9px 4px;
  border:1px solid rgba(198,159,78,.72);
  border-radius:3px;
  background:linear-gradient(180deg,#152b4a 0%,#0c1d34 58%,#081426 100%);
  color:#e7c36c;
  box-shadow:
    0 3px 8px rgba(0,0,0,.42),
    inset 0 1px rgba(255,230,165,.08),
    inset 0 0 0 1px rgba(103,132,170,.12);
  text-shadow:0 1px 0 rgba(0,0,0,.55);
  letter-spacing:.035em;
  white-space:nowrap;
}
@media(max-width:430px){
  .ng-story-card__badge--completed,
  .td-home-page .ng-story-card__badge--completed{
    font-size:.66rem;
    padding:5px 8px 4px;
  }
}


/* HOME V56 — compact 40px Xem tất cả button with antique border */
.td-home-page .ng-home__see-all-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:170px;
  height:40px;
  min-height:40px;
  padding:0 22px;
  border:1px solid rgba(176,137,76,.72)!important;
  border-radius:2px!important;
  outline:0;
  background-color:#11100e!important;
  background-image:url('/assets/images/tudao-view-all-bg.jpg?v=55')!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:100% 100%!important;
  box-shadow:
    inset 0 0 0 1px rgba(72,54,29,.72),
    0 3px 10px rgba(0,0,0,.20)!important;
  color:#d8ba78!important;
  font-weight:700;
  line-height:1;
  text-shadow:0 1px 2px rgba(0,0,0,.78);
  overflow:hidden;
}
.td-home-page .ng-home__see-all-button:hover,
.td-home-page .ng-home__see-all-button:focus-visible,
.td-home-page .ng-home__see-all-button:active{
  border-color:rgba(195,154,86,.82)!important;
  background-color:#11100e!important;
  background-image:url('/assets/images/tudao-view-all-bg.jpg?v=55')!important;
  color:#ecd493!important;
  box-shadow:
    inset 0 0 0 1px rgba(88,64,32,.82),
    0 3px 10px rgba(0,0,0,.20)!important;
}
@media (max-width:390px){
  .td-home-page .ng-home__see-all-button{
    min-width:158px;
    height:40px;
    min-height:40px;
    padding:0 18px;
    font-size:.94rem;
  }
}
@media (min-width:391px) and (max-width:430px){
  .td-home-page .ng-home__see-all-button{
    min-width:164px;
    height:40px;
    min-height:40px;
    padding:0 20px;
    font-size:.96rem;
  }
}


/* HOME V57 — original uploaded image replaces Chương mới cập nhật plaque */
.td-home-page .td-section-heading--chapter-image{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0 auto 10px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
}
.td-home-page .td-section-heading--chapter-image::before,
.td-home-page .td-section-heading--chapter-image::after{
  content:none!important;
  display:none!important;
}
.td-home-page .td-latest-chapters-banner{
  display:block;
  width:min(96%,760px);
  height:auto;
  margin:0 auto;
  object-fit:contain;
}
@media (max-width:430px){
  .td-home-page .td-section-heading--chapter-image{
    margin-bottom:8px;
  }
  .td-home-page .td-latest-chapters-banner{
    width:100%;
    max-width:none;
  }
}