/* Standalone landing pages and a readable conversation header. */
#pcEmptyHint > p { color: var(--text); }
#pcEmptyHint .pc-empty-sub { color: var(--text-secondary); max-width: 290px; font-size: 14px; line-height: 1.8; }
#pcEmptyHint .pc-go-subscriptions { display: inline-flex; align-items: center; justify-content: center; gap: 10px; width: min(100%, 260px); min-height: 48px; margin-top: 24px; padding: 12px 20px; border: 1px solid #2bc2a0; border-radius: 14px; background: #2bc2a0; color: #083f35; font: inherit; font-weight: 700; cursor: pointer; }
#pcEmptyHint .pc-go-subscriptions:hover { background: #54d3b4; }
#pcEmptyHint .pc-go-subscriptions:focus-visible { outline: 3px solid #2bc2a0; outline-offset: 4px; }
#pcEmptyHint .pc-go-subscriptions .material-icons-round { font-size: 20px; }
.detail-benefit-icon .miquan-gold-logo { width:20px; height:20px; }
.subscription-svip-mark.miquan-gold-logo { width:20px; height:20px; }
#view-landing .landing-photo-wrap,
#view-landing .landing-subtitle { display:none; }
#view-landing .landing-content { justify-content:flex-start; padding-top:clamp(100px,24dvh,320px); overflow-y:auto; }
#view-landing .landing-title { font-size:clamp(28px,6vw,38px); letter-spacing:.045em; overflow-wrap:anywhere; }
#view-landing .landing-status { margin:12px 0 40px; font-size:15px; }
#view-landing .landing-cta { width:min(100%,472px); min-height:64px; flex-shrink:0; gap:14px; padding:12px 24px; }
.landing-cta img { width:32px; height:32px; object-fit:contain; flex-shrink:0; }
.landing-cta strong { font-size:18px; white-space:nowrap; }
.landing-cta-label { font-size:14px; font-weight:500; color:#596b7b; }
#view-landing .landing-meta { margin-top:28px; line-height:1.8; }
body:has(#view-landing.active) .desktop-sidebar,
body:has(#view-landing.active) .desktop-rail { display:none!important; }

#view-chat-room .chatroom-header {
  display:grid; grid-template-columns:32px minmax(0,1fr) auto;
  grid-template-rows:auto auto; gap:14px 10px; height:auto; min-height:140px;
  padding:16px; border-radius:0; background:var(--card-background);
  border-bottom:1px solid var(--border-color); box-shadow:none;
}
#view-chat-room .chatroom-back { grid-column:1; grid-row:1; width:32px; height:44px; color:var(--text-primary); }
#view-chat-room .chatroom-creator { grid-column:2; grid-row:1; gap:12px; }
#view-chat-room .chatroom-avatar { width:46px; height:46px; }
#view-chat-room .chatroom-name { font-size:18px; line-height:1.4; color:var(--text-primary); }
#view-chat-room .chatroom-right { display:contents; }
#view-chat-room .chatroom-coins { grid-column:3; grid-row:1; min-height:40px; padding:8px 10px; font-size:14px; }
#view-chat-room .chatroom-coins .coin-icon { width:20px; height:20px; }
#view-chat-room .chatroom-pc-header-btn {
  grid-column:1 / 3; grid-row:2; min-height:46px; justify-content:center;
  gap:9px; border-radius:12px; font-size:16px; letter-spacing:.025em;
  background:#f1eafb; border:1px solid #d9c8ef; color:#694291;
}
#view-chat-room .chatroom-pc-header-btn svg { width:20px; height:20px; }
#view-chat-room .chatroom-cost-tag { grid-column:3; grid-row:2; justify-self:center; background:none; padding:0; font-size:12px; color:var(--text-secondary); }
[data-theme="dark"] #view-chat-room .chatroom-pc-header-btn { background:#30263d; border-color:#58416d; color:#e2c8f5; }
#view-chat-room .chatroom-pc-header-btn.pc-btn-pending { opacity:.8; }
#view-chat-room .chatroom-body { min-height:0; background:var(--page-background); }
#view-chat-room .chatroom-body:has(.chatroom-empty) { display:flex; align-items:center; justify-content:center; }
.chatroom-empty { text-align:center; color:var(--text-secondary); padding:24px; }
.chatroom-empty>.material-icons-round { display:block; margin:0 auto 16px; font-size:36px; opacity:.5; }
.chatroom-empty p { font-size:15px; letter-spacing:.035em; }
@media(min-width:1024px) {
  #view-chat-room .chatroom-header { padding:20px 24px; }
}
@media(max-width:360px) {
  #view-chat-room .chatroom-header { gap:12px 7px; padding:12px; }
  #view-chat-room .chatroom-creator { gap:8px; }
  #view-chat-room .chatroom-name { font-size:16px; }
  #view-chat-room .chatroom-avatar { width:40px; height:40px; }
  #view-landing .landing-cta { gap:10px; padding-inline:16px; }
}