/* Approved town scene and personal room, layered over live app content. */
#s-home .home-body-tight { padding: 0 !important; overflow: hidden; }
#s-home .home-scroll { display: none; }
#s-home .dots-bg { display: none; }
.home-world {
  width: 100%; height: 100%; overflow-x: auto; overflow-y: hidden;
  -webkit-overflow-scrolling: touch; scrollbar-width: none;
  overscroll-behavior-x: contain; background: #b9dcec;
}
.home-world::-webkit-scrollbar { display: none; }
.home-world-track {
  position: relative; height: 100%; width: max(1450px, 230vh);
  background: #b9dcec url('/static/assets/town-scene-approved.jpg') center / 100% 100% no-repeat;
}
.world-brand {
  position: absolute; z-index: 2; top: 3%; left: 22%;
  color: #6a3d29; font: 700 24px 'Ma Shan Zheng', 'PingFang SC', serif;
  text-shadow: 0 2px 4px #fff7e8;
}
.world-brand span { color: #dc815d; }
.world-spot {
  position: absolute; z-index: 3; min-width: 65px; min-height: 38px;
  padding: 5px 9px; border: 0; translate: -50% -50%;
  border-radius: 6px; color: #64412d; cursor: pointer;
  background: transparent; box-shadow: none;
  font: 700 17px 'ZCOOL XiaoWei', 'PingFang SC', serif;
  text-shadow: 0 1px 1px rgba(255,251,234,.85);
  transition: transform .18s cubic-bezier(.22,1,.36,1), box-shadow .18s;
  white-space: nowrap;
}
.world-spot:active, .world-pet:active { transform: translateY(2px) scale(.97); box-shadow: 0 1px 4px rgba(84,65,39,.16); }
.world-spot:focus-visible, .world-pet:focus-visible { outline: 3px solid #b75b3e; outline-offset: 3px; }
.world-album { left: 15.8%; top: 33.8%; }
.world-home { left: 40.2%; top: 36.2%; }
.world-note { left: 43.5%; top: 13.2%; }
.world-mood { left: 57.7%; top: 14.6%; }
.world-letter { left: 57.7%; top: 39.7%; }
.world-comic { left: 73.2%; top: 36.5%; }
.world-diary { left: 17%; top: 69.3%; }
.world-timeline { left: 59.6%; top: 78%; }
.world-card { left: 81.5%; top: 79.8%; }
.world-profile { left: 90.8%; top: 27.2%; }
.world-comic-preview {
  position: absolute; z-index: 2; left: 68.8%; top: 38.5%;
  width: 9.4%; height: 14%; object-fit: cover; pointer-events: none;
  border: 2px solid #fff5df; box-shadow: 0 2px 3px rgba(75,45,26,.17);
}
.world-pet {
  position: absolute; z-index: 4; left: 50%; top: 47%; translate: -50% 0;
  display: block; width: 270px; height: 250px;
  padding: 0; border: 0; background: transparent;
  cursor: pointer; transition: transform .18s cubic-bezier(.22,1,.36,1);
}
.world-pet .world-pet-user-photo {
  display: block; width: 100%; height: 100%; object-fit: contain;
  border: 0; border-radius: 0; box-shadow: none;
  filter: drop-shadow(0 9px 11px rgba(68,53,32,.28));
  -webkit-mask-image: radial-gradient(ellipse 55% 58% at center, #000 58%, transparent 100%);
  mask-image: radial-gradient(ellipse 55% 58% at center, #000 58%, transparent 100%);
  transform-origin: 50% 90%; animation: town-pet-breathe 3.6s ease-in-out infinite;
}
.world-pet .world-pet-user-photo[hidden] { display: none; }
.world-pet .world-pet-user-photo.is-cutout { -webkit-mask-image: none; mask-image: none; }
.world-pet span {
  position: absolute; left: 50%; bottom: -15px; translate: -50% 0;
  max-width: 180px; padding: 5px 14px; border-radius: 8px;
  color: #653e2a; background: rgba(255,249,233,.94);
  font: 700 14px 'PingFang SC', system-ui, sans-serif;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.world-note, .world-mood { animation: town-cloud-glow 5s ease-in-out infinite; }
.world-mood { animation-delay: -2.5s; }
.world-note:active, .world-mood:active { animation-play-state: paused; }
@keyframes town-cloud-glow {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.13); }
}
@keyframes town-pet-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.015); }
}

#s-comic-orient { background: #fff4e7 !important; }
#s-comic-orient .screen-header {
  min-height: 75px; border-bottom: 1px solid #e9d6bd;
  background: rgba(255,249,238,.94);
}
#s-comic-orient .scr-title {
  white-space: nowrap; font: 700 25px 'Ma Shan Zheng','PingFang SC',serif;
  color: #66402d; letter-spacing: 0;
}
#s-comic-orient .orient-section-title {
  margin: 20px 20px 15px; font: 700 21px 'Ma Shan Zheng','PingFang SC',serif;
  color: #6a412d;
}
#s-comic-orient .orient-wrap { padding-top: 0; gap: 14px; }
#s-comic-orient .orient-card {
  display: flex; flex-direction: column-reverse;
  border: 1px solid #e8d5bc; border-radius: 8px;
  background: #fff9ef !important; box-shadow: 0 5px 12px rgba(127,76,44,.10);
}
#s-comic-orient .orient-card.selected {
  border: 2px solid #dc8c67 !important;
  box-shadow: 0 0 0 3px rgba(224,139,96,.13), 0 6px 15px rgba(127,76,44,.12);
}
#s-comic-orient .orient-card .meta { padding: 14px 16px 9px; gap: 12px; }
#s-comic-orient .orient-card .meta .tx { flex: 1; min-width: 0; }
#s-comic-orient .orient-card .meta .tx { display: flex; align-items: center; gap: 5px; }
#s-comic-orient .orient-card .meta h4 {
  display: grid; place-items: center; flex: 0 0 154px;
  width: 154px; height: 31px; white-space: nowrap;
  font: 700 19px/1 'ZCOOL XiaoWei','PingFang SC',serif; color: #533320;
  text-shadow: 0 1px 1px #fff7eb;
  background-image: linear-gradient(90deg, transparent 5%, rgba(255,214,181,.82) 23%, rgba(255,214,181,.82) 77%, transparent 96%), url('/static/assets/comic-brushes-approved.png');
  background-position: center, -10px -1px;
  background-size: 100% 100%, 174px 58px;
  background-repeat: no-repeat;
}
#s-comic-orient .orient-card.v .meta h4 {
  background-image: linear-gradient(90deg, transparent 5%, rgba(226,233,185,.83) 23%, rgba(226,233,185,.83) 77%, transparent 96%), url('/static/assets/comic-brushes-approved.png');
  background-position: center, -10px -29px;
}
#s-comic-orient .orient-card .meta p {
  flex: 1; min-width: 0; font: 400 10px/1.25 'PingFang SC',system-ui,sans-serif; color: #765842;
}
#s-comic-orient .orient-card .preview-wrap { background: transparent; padding: 4px 14px 15px; }
#s-comic-orient .orient-card.h .preview-wrap { aspect-ratio: 600/270; }
#s-comic-orient .orient-card.v .preview-wrap { aspect-ratio: auto; height: auto; max-height: none; text-align: center; }
#s-comic-orient .orient-card.v .preview-wrap img { display: block; width: min(100%, 260px); height: auto; max-height: none; margin: 0 auto; object-fit: contain; }
#s-comic-orient .orient-card .preview-wrap img {
  border: 5px solid #fffdf6; border-radius: 7px; box-shadow: 0 3px 11px rgba(95,58,34,.16);
}
#s-comic-orient .orient-card .meta .pick { border-color: #d9c8b2; }
#s-comic-orient .orient-card.selected .meta .pick { background: #e87f5d; border-color: #e87f5d; }
#s-comic-orient .orient-cta-wrap { padding-top: 2px; }
#s-comic-orient .orient-cta-wrap .btn-primary {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  width: min(100%, 310px); height: 60px; margin: 0 auto;
  border: 0; border-radius: 999px; color: #fff9f1;
  background: linear-gradient(180deg, #f58a69, #ed7052) !important;
  box-shadow: 0 5px 13px rgba(184,93,62,.24) !important; font-size: 17px;
}
#s-comic-orient .orient-cta-wrap .btn-primary::before {
  content: ''; display: block; width: 22px; height: 22px;
  background: url('/static/assets/profile-navigation-approved.png') -50px -13px / 130px 43px no-repeat;
  filter: brightness(0) invert(1);
}
#s-comic-orient .orient-cta-wrap .price-note {
  margin-top: 4px; color: #806249; text-align: center;
  font-family: 'PingFang SC',system-ui,sans-serif;
}

#s-settings { background: #fff5e8 !important; }
#s-settings .screen-body {
  padding-bottom: calc(100px + var(--safe-bottom));
  background: #fff2e2 url('/static/assets/profile-room-approved.jpg') center top / 100% auto no-repeat !important;
}
#s-settings .settings-scene {
  position: relative; min-height: 220px; margin: 0;
  background: transparent; border-bottom: 0;
}
#s-settings .pg-head { padding: 22px 22px 0; }
#s-settings .pg-head h2 { font-size: 44px; color: #633d2a; }
#s-settings .pg-head .sub { font: 700 16px 'Ma Shan Zheng','PingFang SC',serif; color: #82503a; }
#s-settings .set-user {
  position: absolute; left: 22px; bottom: 55px; width: calc(100% - 180px);
  min-width: 176px; padding: 0; gap: 8px; align-items: center;
}
#s-settings .set-user .av {
  width: 64px; height: 64px; flex: 0 0 64px;
  border: 3px solid #fff9ef; border-radius: 17px;
  background: #f7d7a8; box-shadow: 0 3px 9px rgba(112,69,39,.22);
}
#s-settings .set-user .av img { border-radius: 14px; }
#s-settings .set-user h4 { font: 700 19px 'PingFang SC',system-ui,sans-serif; }
#s-settings .set-user p {
  font: 600 11px 'PingFang SC',system-ui,sans-serif; line-height: 1.45;
  color: #694a37; overflow-wrap: anywhere;
}
#s-settings .set-user div[style*="font-size:11px"] {
  font-size: 10px !important; line-height: 1.3; color: #765a47 !important;
}
#s-settings .settings-pet-photo {
  position: absolute; right: 19px; bottom: 9px; width: 124px;
  padding: 6px 6px 8px; border: 0; border-radius: 4px;
  color: #67462f; background: #fff9eb;
  box-shadow: 0 6px 18px rgba(91,58,37,.22); transform: rotate(4deg);
  cursor: pointer; transition: transform .22s cubic-bezier(.22,1,.36,1);
}
#s-settings .settings-pet-photo:active { transform: rotate(1deg) scale(.96); }
#s-settings .settings-pet-photo img {
  display: block; width: 100%; height: 104px; object-fit: cover; border-radius: 2px;
}
#s-settings .settings-pet-photo span {
  display: block; margin-top: 4px; max-width: 100%; overflow: hidden;
  white-space: nowrap; text-overflow: ellipsis;
  font: 700 13px 'Ma Shan Zheng','PingFang SC',serif;
}
#s-settings .coin-card {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  align-items: center; column-gap: 12px;
  margin: 10px 16px; padding: 12px 16px;
  border: 1px solid #e6c5a0; border-radius: 10px;
  background: #ffe9cd !important; color: #70482f;
  box-shadow: 0 3px 11px rgba(112,69,39,.09) !important;
}
#s-settings .coin-card .lbl { grid-column: 1; font: 700 12px 'PingFang SC',system-ui,sans-serif; }
#s-settings .coin-card .num { grid-column: 1; font: 700 27px 'Fraunces',Georgia,serif; margin: 2px 0 0; }
#s-settings .coin-card .row { grid-column: 2; grid-row: 1 / span 2; margin: 0; }
#s-settings .coin-card .row[data-locked-only] { display: none !important; }
#s-settings .coin-card .btn-x {
  min-height: 44px; padding: 7px; border: 1px solid #e8ba92; border-radius: 8px;
  color: #69442c; background: #fff8e9; backdrop-filter: none;
  font: 700 12px 'PingFang SC',system-ui,sans-serif;
}
#s-settings .coin-card .pro-badge { top: 3px; right: 5px; box-shadow: none; }
#s-settings .set-group {
  margin: 0 16px; border: 0; border-radius: 0;
  background: transparent !important; box-shadow: none;
}
#s-settings .set-row {
  min-height: 55px; margin: 0; padding: 7px 5px;
  border: 0 !important; border-radius: 0;
  border-bottom: 1px solid #e5cfb5 !important;
  background: transparent !important; backdrop-filter: none;
  box-shadow: none; gap: 14px;
}
#s-settings .set-row + .set-row { border-top: 0 !important; }
#s-settings .set-row .sic {
  width: 42px; height: 38px; flex: 0 0 42px; border: 0;
  border-radius: 0; font-size: 0; box-shadow: none !important;
  background: transparent url('/static/assets/profile-menu-icons-approved.png') no-repeat !important;
  background-size: 189px 258px !important;
}
#s-settings .set-row .profile-icon-1 { background-position: -73px -6px !important; }
#s-settings .set-row .profile-icon-2 { background-position: -73px -46px !important; }
#s-settings .set-row .profile-icon-3 { background-position: -73px -84px !important; }
#s-settings .set-row .profile-icon-4 { background-position: -73px -121px !important; }
#s-settings .set-row .profile-icon-5 { background-position: -73px -155px !important; }
#s-settings .set-row .profile-icon-6 { background-position: -73px -189px !important; }
#s-settings .set-row .profile-icon-7 { background-position: -73px -222px !important; }
#s-settings .set-row .nm { font-size: 15px; color: #63412f; }
#s-settings .set-row .mem-badge-locked,
#s-settings .set-row .mem-badge-pro { font-size: 11px; }
#s-settings .set-group + .set-group { margin-top: 5px; }
#s-settings .navbar { background: rgba(255,246,232,.94) !important; border-color: #e8cfb4 !important; }

/* The letter room uses the approved illustration with live stationery on top. */
#s-letter {
  background: #edbd93 url('/static/assets/letter-room-approved.jpg') center top / 100% 100% no-repeat !important;
}
#s-letter .pg-head {
  flex: 0 0 124px; height: 124px; padding: 0;
  display: flex; justify-content: center; align-items: flex-start;
  background: transparent;
}
#s-letter .pg-head .back-btn {
  position: absolute; top: 18px; left: 18px; z-index: 3;
  width: 43px; height: 43px; border: 0; border-radius: 11px;
  background: #fff8e9; color: #bb6b3d; font-size: 25px;
}
#s-letter .pg-head h2 {
  position: relative; width: 205px; min-height: 61px; margin-top: 39px;
  display: grid; place-items: center; border: 3px solid #ba793e;
  border-radius: 45% / 25%; background: #f3d49f;
  box-shadow: inset 0 3px 7px rgba(255,249,228,.8), 0 4px 0 #b77b48, 0 6px 13px rgba(96,59,32,.23);
  color: #714125; font: 700 27px 'Ma Shan Zheng','PingFang SC',serif;
  transform: rotate(-1deg);
}
#s-letter .pg-head h2::before {
  content: ''; position: absolute; top: -32px; left: 36px;
  width: 2px; height: 31px; background: #966f42;
  box-shadow: 124px 0 #966f42;
}
#s-letter #letter-list {
  padding: 17px 0 105px !important; background: transparent;
}
#s-letter .letter-date {
  margin: 0 26px 6px; color: #69432d;
  font: 700 11px 'PingFang SC',system-ui,sans-serif;
}
#s-letter .letter-latest > .letter:not(.reply),
#s-letter .letter-opening > .letter {
  min-height: 225px; margin: 0 18px 14px; padding: 25px 24px;
  border: 2px solid #eec49d !important; border-radius: 8px 13px 10px 8px;
  background: repeating-linear-gradient(to bottom, #fff0d9 0, #fff0d9 30px, #dfbd9d 31px, #fff0d9 32px) !important;
  box-shadow: 3px 7px 1px rgba(247,207,160,.78), 4px 10px 18px rgba(96,55,30,.20) !important;
  transform: rotate(-1deg);
}
#s-letter .letter-latest .letter:not(.reply)::before,
#s-letter .letter-opening .letter::before { display: none; }
#s-letter .letter .h { color: #71412d; font-size: 19px; }
#s-letter .letter p { color: #714a32; font-size: 17px; line-height: 1.75; }
#s-letter .letter .sig { color: #a86647; }
#s-letter .letter-latest .letter.reply {
  display: flex; flex-direction: column; position: relative;
  margin: -4px 25px 8px; padding: 0; border: 0 !important;
  border-radius: 0; background: transparent !important;
  box-shadow: none !important; transform: rotate(.6deg);
}
#s-letter .letter-latest .reply-paper {
  position: relative; z-index: 2; min-height: 112px;
  margin: 0 12px -18px; padding: 18px 20px 28px;
  border: 0; border-radius: 0;
  background: url('/static/assets/letter-reply-paper-approved.png') center / 100% 100% no-repeat;
  box-shadow: none;
}
#s-letter .letter-latest .reply-paper .h { margin-bottom: 5px; font-size: 17px; }
#s-letter .letter-latest .reply-envelope {
  position: relative; z-index: 3; height: 84px; min-height: 0; padding: 0;
  border: 2px solid #d9a47f; border-radius: 5px;
  background: #f3cfb3; overflow: hidden;
  box-shadow: 0 5px 12px rgba(92,55,35,.18);
}
#s-letter .letter-latest .reply-envelope::before {
  content: ''; position: absolute; inset: 0;
  height: auto; background: #ffe1c2;
  clip-path: polygon(0 0, 50% 57%, 100% 0);
  filter: none;
}
#s-letter .letter-latest .reply-envelope::after {
  content: ''; position: absolute; inset: 0;
  background: #f1c8a8;
  clip-path: polygon(0 100%, 50% 48%, 100% 100%);
}
#s-letter .letter-latest .reply-seal {
  top: 34px; left: calc(50% - 16px); width: 32px; height: 32px;
  background: #d88a6f; border: 2px solid #ad694e;
  box-shadow: 0 2px 4px rgba(97,56,39,.18);
}
#s-letter .letter-archive {
  margin: 8px 15px 22px; padding: 14px 13px;
  border: 2px solid #f3d3b6; border-radius: 13px;
  background: rgba(255,246,226,.9); box-shadow: 0 6px 14px rgba(95,58,35,.16);
}
#s-letter .letter-archive h3 {
  display: flex; align-items: baseline; justify-content: space-between;
  margin: 0 4px 11px; color: #73462d;
  font: 700 18px 'Ma Shan Zheng','PingFang SC',serif;
}
#s-letter .letter-archive h3 span { font: 600 12px 'PingFang SC',system-ui,sans-serif; }
#s-letter .letter-archive-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
#s-letter .letter-archive-item { min-width: 0; border: 0; }
#s-letter .letter-archive-item[open] { grid-column: 1 / -1; }
#s-letter .letter-archive-item summary {
  display: flex; flex-direction: column; align-items: center; gap: 3px; min-height: 72px;
  list-style: none; cursor: pointer; color: #795138; text-align: center;
  font: 700 9px 'PingFang SC',system-ui,sans-serif;
}
#s-letter .letter-archive-item summary::-webkit-details-marker { display: none; }
#s-letter .letter-archive-item .archive-envelope {
  display: grid; place-items: center; width: 41px; height: 30px;
  border: 1px solid #e3b695; border-radius: 4px;
  background: #ffe1c0; color: #cb8062; font-size: 22px;
}
#s-letter .letter-archive-item .archive-chevron { margin-left: auto; font-size: 19px; }
#s-letter .letter-archive-content { padding: 8px 0 14px; }
#s-letter .letter-archive-content .letter { margin: 0 0 10px; }
#s-letter .letter-archive-content .letter.reply { margin: 0 0 8px; }
#s-letter .fab-add,
#s-letter .letter-empty-cta {
  position: absolute; z-index: 5; left: 26px; right: 26px;
  bottom: calc(18px + var(--safe-bottom)); width: calc(100% - 52px); height: 55px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 15px; border: 2px solid #ac6b37; border-radius: 13px;
  color: #694027; background: #ebc184;
  box-shadow: inset 0 2px rgba(255,249,221,.7), 0 5px 0 #ad713f, 0 9px 15px rgba(87,49,30,.19);
  font: 700 20px 'Ma Shan Zheng','PingFang SC',serif;
}
#s-letter.is-empty .fab-add { display: none; }
#s-letter .letter-empty-cta { margin: 0; }
#s-letter .letter-opening { min-height: 350px; }
#letter-editor .letter-sheet { background: #f7dec2; }
#letter-editor .letter-stationery {
  border: 2px solid #e7c09b; border-radius: 5px;
  background: #fff0d9; box-shadow: 3px 7px 16px rgba(93,55,30,.19);
}

/* Shared illustrated controls from the approved companion and profile screens. */
#s-pet .pt-back {
  border: 1px solid #e9c5a6 !important; border-radius: 13px;
  color: #b76439 !important; background: #fff9ed !important;
  box-shadow: 0 3px 9px rgba(101,60,35,.13) !important;
}
#s-pet .fab.mic-only,
#s-pet .fab.mic-only.listening {
  width: 78px; height: 78px; bottom: calc(50px + var(--safe-bottom));
  border: 0 !important; color: transparent; font-size: 0;
  background: transparent url('/static/assets/companion-controls-approved.png') -20px -9px / 190px 95px no-repeat !important;
  box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none;
}
#s-pet .fab.mic-only.listening { filter: drop-shadow(0 0 12px rgba(255,141,105,.7)); }
#s-pet .fab.chat-only {
  width: 53px; height: 53px; right: 33px; bottom: calc(63px + var(--safe-bottom));
  border: 0 !important; color: transparent; font-size: 0;
  background: transparent url('/static/assets/companion-controls-approved.png') -136px -33px / 218px 109px no-repeat !important;
  box-shadow: none !important; backdrop-filter: none; -webkit-backdrop-filter: none;
}
#app .navbar .tab[data-s="s-home"] .icw,
#app .navbar .tab[data-s="s-settings"] .icw {
  border: 0 !important; box-shadow: none !important; font-size: 0;
  background-color: transparent !important;
  background-image: url('/static/assets/profile-navigation-approved.png') !important;
  background-repeat: no-repeat !important;
}
#app .navbar .tab[data-s="s-home"] .icw {
  background-size: 217px 72px !important;
  background-position: -17px -17px !important;
}
#app .navbar .tab[data-s="s-settings"] .icw {
  background-size: 202px 67px !important;
  background-position: -136px -13px !important;
}

/* Exact artwork components extracted from the approved letter visual. */
#s-letter .pg-head h2 {
  width: 220px; height: 106px; min-height: 0; margin-top: -3px;
  padding-top: 24px; border: 0; border-radius: 0;
  background: url('/static/assets/letter-sign-approved.png') center / 100% 100% no-repeat;
  box-shadow: none; transform: none;
}
#s-letter .pg-head h2::before { display: none; }
#s-letter .letter-latest > .letter:not(.reply),
#s-letter .letter-opening > .letter {
  min-height: 265px; border: 0 !important; border-radius: 0;
  background: url('/static/assets/letter-paper-approved.png') center / 100% 100% no-repeat !important;
  box-shadow: none !important; transform: none; padding: 43px 40px 34px;
}
#s-letter .letter-latest .reply-envelope {
  height: 104px; border: 0; border-radius: 0;
  background: url('/static/assets/letter-envelope-approved.png') center / 100% 100% no-repeat;
  box-shadow: none;
}
#s-letter .letter-latest .reply-envelope::before,
#s-letter .letter-latest .reply-envelope::after,
#s-letter .letter-latest .reply-seal { display: none; }
#s-letter .letter-archive-item .archive-envelope {
  width: 100%; height: 52px; border: 0; border-radius: 0;
  background: url('/static/assets/letter-envelope-approved.png') center / contain no-repeat;
  font-size: 0;
}
#s-letter .letter-archive-item summary > span:nth-child(2) {
  max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
#s-letter .letter-archive-item .archive-chevron { display: none; }
#s-letter .fab-add,
#s-letter .letter-empty-cta {
  height: 73px; bottom: calc(7px + var(--safe-bottom));
  border: 0; border-radius: 0;
  background: url('/static/assets/letter-button-approved.png') center / 100% 100% no-repeat;
  box-shadow: none; color: #714123;
}

#s-membership .mem-status-pro {
  min-height: 190px; display: flex; flex-direction: column; justify-content: center;
  gap: 9px; text-align: center; color: #56351e;
  background: linear-gradient(125deg, #fff19b 0%, #ffe079 55%, #f9ca62 100%) !important;
}
#s-membership .mem-status-pro::before {
  content: '✦'; font: 44px/1 'PingFang SC',system-ui,sans-serif;
  color: #61401f;
}
#s-membership .mem-status-pro .mem-art { display: none; }
#s-membership .mem-status-pro .mem-title-pro {
  margin: 0 0 8px; font: 800 24px/1.2 'PingFang SC',system-ui,sans-serif;
}
#s-membership .mem-status-pro .mem-activated {
  display: inline-block; margin: 0; padding: 7px 17px;
  border-radius: 999px; background: rgba(255,255,255,.58);
  font: 700 13px/1.3 'PingFang SC',system-ui,sans-serif;
}

@media (max-width: 360px) {
  #s-settings .settings-pet-photo { width: 108px; right: 12px; }
  #s-settings .set-user { width: calc(100% - 130px); min-width: 0; }
  #s-settings .set-user .av { width: 48px; height: 48px; flex-basis: 48px; }
  #s-settings .set-user h4 { font-size: 16px; }
  #s-comic-orient .orient-card .meta h4 { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .world-spot, .world-pet, #s-settings .settings-pet-photo { transition: none; }
  .world-note, .world-mood, .world-pet .world-pet-user-photo { animation: none; }
}