.credit { color: #fff; opacity: .7; font-size: 13px; margin-left: 12px; text-shadow: 0 1px 3px #000; }
#rotate { position: fixed; inset: 0; z-index: 300; display: none; place-items: center; padding: 24px; background: rgba(12, 8, 4, .94); color: #fff8e6; text-align: center; }
body.portrait #rotate:not(.off) { display: grid; }
#rotate .ic { font-size: 64px; animation: tilt 1.6s ease-in-out infinite; }
#rotate p { font-size: 22px; font-weight: 900; line-height: 1.6; margin: 12px 0 20px; }
@keyframes tilt { 50% { transform: rotate(-90deg); } }
@media (prefers-reduced-motion: reduce) { #rotate .ic { animation: none; } }
/* 手機橫向（矮螢幕）：題目的四個選項排成一列，面板才放得下 */
@media (max-height: 520px) {
  .wp-o { grid-template-columns: repeat(4, 1fr); }
  .war-opt-btn { font-size: 17px; padding: 8px 10px; }
  .wp-q { margin: 2px 0 8px; }
}

.chap-card2.paywalled { filter: saturate(.55); }
.chap-card2.paywalled .cc-stars { color: #8e2320; }
.acct-chip { display: inline-flex; align-items: center; gap: 6px; }
.acct-chip img { width: 26px; height: 26px; border-radius: 50%; }
.chap-head .acct-chip { margin-left: auto; }
.line-btn { background: linear-gradient(180deg, #34d36b, #06c755); color: #fff; text-decoration: none; display: inline-block; }
.legal-foot { position: fixed; left: max(12px, env(safe-area-inset-left, 0px)); bottom: max(8px, env(safe-area-inset-bottom, 0px)); z-index: 30;
  color: #fff; opacity: .78; font-size: 13px; text-shadow: 0 1px 3px #000; display: none; }
#s-title.active ~ .legal-foot { display: block; }
.legal-foot a { color: #fff; }