.event-deck-screen .content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding-bottom: max(30px, calc(env(safe-area-inset-bottom) + 15px));
}
.event-deck {
  position: relative;
  flex: 1;
  min-height: 0;
  margin-bottom: 26px;
  isolation: isolate;
}
.event-deck-card {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  border: 1px solid #4f436d;
  padding: 16px 12px;
  background: linear-gradient(#292152, #100623 41%, #070112);
  box-shadow: inset 0 0 20px #7268ad;
  transform-origin: center bottom;
  transition: transform 260ms ease;
  touch-action: pan-y;
  user-select: none;
}
.event-deck-card[data-depth="0"] { z-index: 3; }
.event-deck-card[data-depth="1"] { z-index: 2; transform: translateY(12px) scaleX(.95); filter: brightness(.76); }
.event-deck-card[data-depth="2"] { z-index: 1; transform: translateY(24px) scaleX(.9); filter: brightness(.56); }
.event-deck-card.leaving { z-index: 4; }
.event-deck-card.dragging { transition: none; cursor: grabbing; }
.event-card-scroll { flex: 0 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #645076 transparent; }
.event-card-scroll .hero-img { display: block; height: 158px; pointer-events: none; }
.event-card-scroll .deck-meta { margin-top: 8px; font-size: 11px; line-height: 16px; }
.event-card-scroll h2 { margin: 6px 0; line-height: 22px; font-weight: 500; }
.event-card-scroll .deck-participants { margin: 4px 0; line-height: 16px; }
.event-card-scroll .summary { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 8px 0; }
.event-card-scroll .deck-detail { display: block; min-height: 16px; margin: 8px 0; line-height: 16px; color: var(--gold); }
.event-card-scroll .analysis-entry { padding: 12px; min-height: 72px; border: 1px solid #ffffff99; border-radius: 12px; background: #0b0810; box-shadow: inset 0 -4px 20px #d7c8ff36, inset 6px 6px 20px #d9d2ff45; }
.event-card-scroll .analysis-entry img { width: 48px; height: 48px; }
.event-card-scroll .analysis-entry h3 { font-size: 12px; }
.event-card-actions { display: flex; flex: 1 0 109px; min-height: 109px; padding-top: 24px; }
.event-card-actions .vote-buttons { flex: 1; margin-top: 0; }
.event-card-actions .vote { min-height: 85px; border-radius: 10px; background: #7a7a7a1a; }
.swipe-stamp { position: absolute; top: 28px; left: 24px; padding: 4px 14px; border: 2px solid currentColor; border-radius: 8px; background: #090511d9; font-size: 28px; font-weight: 750; transform: rotate(-8deg); opacity: 0; pointer-events: none; }
@media (prefers-reduced-motion: reduce) { .event-deck-card { transition: none; } }

.deck-participants, .deck-source button { display: flex; align-items: center; gap: 4px; }
.deck-participants img, .deck-source img { width: 16px; height: 16px; }
.deck-source { padding: 2px 0 10px; border-bottom: 1px solid #ffffff1a; }
.deck-source button { color: #ffffff80; font-size: 11px; line-height: 16px; }
.deck-source p { margin: 4px 0 0; color: #ffffff4d; font-size: 9px; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 发现首页：轻量统计、事件叠卡、学习进度与图文内容。 */
.discovery-growth { display:flex; align-items:center; gap:12px; min-height:52px; margin:0 0 16px; padding:0 12px; border:1px solid #ffffff10; border-radius:13px; background:#ffffff05; }
.discovery-xp, .discovery-rank { display:flex; align-items:center; gap:7px; min-height:44px; min-width:0; white-space:nowrap; }
.discovery-xp { flex:1; text-align:left; }
.discovery-growth span { color:#a49aaa; font-size:10px; }
.discovery-growth strong { font-size:15px; font-weight:650; color:#e8ddf8; }
.discovery-xp small { font-size:9px; color:#b29acb; font-weight:500; }
.discovery-info { opacity:.65; }
.discovery-rank { gap:6px; padding-left:12px; border-left:1px solid #ffffff12; }
.discovery-rank img { width:23px; height:25px; object-fit:contain; }
.discovery-rank > span:last-child { font-size:18px; margin-left:1px; }

.discovery-judge { position:relative; display:flex; align-items:center; min-height:206px; isolation:isolate; overflow:hidden; padding:22px 20px; border:1px solid #a68edb4a; border-radius:22px; background:radial-gradient(ellipse at 93% 22%,#9772d960,transparent 62%),linear-gradient(120deg,#211431,#322048 64%,#181020); }
.discovery-judge::after { content:''; position:absolute; z-index:-1; width:230px; height:230px; top:-20px; right:-95px; border:1px solid #e3d2ff15; border-radius:50%; box-shadow:0 0 0 28px #e3d2ff06,0 0 0 57px #e3d2ff04; }
.discovery-judge-copy { position:relative; z-index:4; width:calc(100% - 145px); min-width:125px; }
.discovery-eyebrow { display:block; color:#c5addf; font-size:10px; letter-spacing:.4px; }
.discovery-judge h2 { margin:8px 0 9px; font-size:25px; line-height:1.25; letter-spacing:.5px; }
.discovery-judge-copy > p { margin:0; color:#bcadcf; font-size:11px; line-height:1.8; }
.discovery-judge-action { display:inline-flex; align-items:center; gap:19px; margin-top:19px; padding:8px 12px; border-radius:10px; background:#e0ceff; color:#2c1844; font-size:11px; font-weight:650; }
.discovery-judge-action > span { font-size:15px; line-height:1; }
.discovery-preview { position:absolute; width:142px; height:156px; right:20px; top:25px; pointer-events:none; }
.discovery-preview-card { position:absolute; width:114px; height:157px; right:10px; top:0; overflow:hidden; border:1px solid #cfb2ed66; border-radius:13px; background:#1d142b; box-shadow:0 10px 24px #09030f80; }
.discovery-preview-card[data-layer="0"] { z-index:3; transform:rotate(-9deg) translate(-7px,3px); }
.discovery-preview-card[data-layer="1"] { z-index:2; transform:rotate(9deg) translate(12px,-4px); filter:brightness(.7); }
.discovery-preview-card[data-layer="2"] { z-index:1; transform:rotate(19deg) translate(24px,-3px); filter:brightness(.45); }
.discovery-preview-card > img { display:block; width:100%; height:82px; object-fit:cover; }
.discovery-preview-card > div { padding:8px; }
.discovery-preview-card span { color:#c1a0f1; font-size:8px; }
.discovery-preview-card p { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:4px 0 0; color:#ede3f7; font-size:9px; line-height:1.6; }

.discovery-academy { display:flex; align-items:center; gap:14px; margin-top:14px; padding:14px; border:1px solid #96a8cf24; border-radius:18px; background:linear-gradient(115deg,#191826,#101119); }
.discovery-academy-art { display:grid; place-items:center; flex-shrink:0; width:72px; height:86px; overflow:hidden; border-radius:12px; background:#202137; }
.discovery-academy-art img { width:100%; height:100%; object-fit:cover; }
.discovery-academy-copy { flex:1; min-width:0; }
.discovery-academy-top { display:flex; align-items:center; justify-content:space-between; color:#b5a2d5; font-size:10px; }
.discovery-academy-top > span:last-child { font-size:15px; }
.discovery-academy h2 { margin:3px 0 5px; font-size:16px; line-height:1.5; }
.discovery-academy p { overflow:hidden; margin:0; white-space:nowrap; text-overflow:ellipsis; font-size:10px; color:#918b9f; }
.discovery-academy-progress { display:flex; align-items:center; gap:10px; margin-top:12px; }
.discovery-academy-progress .progress { flex:1; height:4px; margin:0; background:#ffffff0a; }
.discovery-academy-progress small { color:#a69ab9; font-size:9px; }

.events-home-screen .section-title { margin:25px 0 12px; }
.events-home-screen .section-title h2 { font-size:18px; }
.events-home-screen .filters { margin:0 0 16px; }
.discovery-events { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.discovery-event { display:block; min-width:0; overflow:hidden; border:1px solid #ffffff14; border-radius:18px; background:#14111b; }
.discovery-event-cover { position:relative; overflow:hidden; aspect-ratio:2.5; background:#211b2b; }
.discovery-event-cover > img { display:block; width:100%; height:100%; object-fit:cover; }
.discovery-event-cover::after { content:''; position:absolute; inset:0; background:linear-gradient(#08041035,transparent 45%,#14111b55); pointer-events:none; }
.discovery-event-category, .discovery-event-voted { position:absolute; z-index:1; top:12px; padding:4px 9px; border:1px solid #ffffff24; border-radius:7px; background:#16101cc9; color:#eee4fa; font-size:10px; }
.discovery-event-category { left:12px; }
.discovery-event-voted { right:12px; color:#d1b8f8; }
.discovery-event-body { padding:14px; }
.discovery-event h3 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin:0; font-size:15px; font-weight:550; line-height:1.6; }
.discovery-event-body > p { overflow:hidden; margin:7px 0 13px; text-overflow:ellipsis; white-space:nowrap; color:#8c819a; font-size:11px; }
.discovery-event-meta { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:11px; border-top:1px solid #ffffff09; color:#a094ad; font-size:10px; }
.discovery-event-meta > span { display:inline-flex; align-items:center; gap:5px; }
.discovery-event-meta img { width:13px; height:13px; opacity:.75; }
.discovery-event-meta > span:last-child > span { margin-left:5px; color:#bda1e5; font-size:14px; }
.discovery-judge:focus-visible, .discovery-academy:focus-visible, .discovery-event:focus-visible { outline:2px solid #c7a9ff; outline-offset:3px; }
@media (max-width:360px) {
  .discovery-growth { gap:8px; padding:0 9px; }
  .discovery-xp { gap:5px; }
  .discovery-info { display:none; }
  .discovery-rank { gap:5px; padding-left:8px; }
  .discovery-rank img { width:19px; height:22px; }
  .discovery-growth strong { font-size:14px; }
  .discovery-judge { min-height:196px; padding:19px 16px; }
  .discovery-judge-copy { width:calc(100% - 114px); min-width:118px; }
  .discovery-judge h2 { font-size:23px; }
  .discovery-eyebrow { font-size:9px; letter-spacing:0; }
  .discovery-preview { right:7px; top:29px; transform:scale(.85); transform-origin:right center; }
  .discovery-academy { gap:11px; padding:12px; }
  .discovery-academy-art { width:61px; height:82px; }
}