:root { color-scheme: light; font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: #14213d; background: radial-gradient(circle at 12% 15%, #e0f5ff 0 13%, transparent 31%), radial-gradient(circle at 90% 88%, #e9ffe8 0 15%, transparent 35%), linear-gradient(135deg, #eff9ff, #f8fff3); }
.entryShell { min-height: 100vh; display: grid; place-items: center; padding: 28px 16px; }
.entryCard { width: min(780px, 100%); max-height: calc(100vh - 56px); overflow: auto; border: 1px solid rgba(65, 126, 180, .22); border-radius: 22px; background: rgba(255, 255, 255, .95); box-shadow: 0 20px 60px rgba(37, 82, 117, .18); padding: clamp(24px, 5vw, 42px); }
.entryHeader { text-align: center; }.eyebrow { margin: 0 0 7px; color: #2e7d5b; font-size: .84rem; font-weight: 700; letter-spacing: .08em; }
h1 { margin: 0; color: #0b4f7f; font-size: clamp(1.75rem, 5vw, 2.6rem); letter-spacing: .03em; }.maker { margin: 11px 0 22px; color: #60768a; font-size: .92rem; } a { color: #1769aa; }
.entryCopy { padding: 17px 19px; border-radius: 14px; background: #f3f9fd; color: #385166; line-height: 1.72; font-size: .96rem; }.entryCopy p { margin: 0 0 13px; }.entryCopy p:last-child { margin-bottom: 0; }
.entryActions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 23px; }
.entryButton { min-height: 118px; border: 0; border-radius: 15px; color: white; cursor: pointer; padding: 17px 13px; display: grid; justify-items: center; align-content: center; gap: 5px; box-shadow: 0 8px 20px rgba(30, 83, 117, .22); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }.entryButton:hover, .entryButton:focus-visible { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(30, 83, 117, .28); filter: saturate(1.1); }.entryButton:focus-visible { outline: 3px solid #ffd166; outline-offset: 3px; }.entryButton:disabled { cursor: wait; opacity: .7; transform: none; }.entryButton span { font-size: 1.65rem; }.entryButton strong { font-size: 1.12rem; }.entryButton small { opacity: .9; font-size: .82rem; }.explore { background: linear-gradient(135deg, #3d9e74, #167a68); }.online { background: linear-gradient(135deg, #2f81c8, #2455a6); }.entryStatus { min-height: 1.4em; margin: 14px 0 0; text-align: center; color: #587084; font-size: .9rem; }
.gameWatermark { position: fixed; inset: 0; z-index: 1000; pointer-events: none; overflow: hidden; }.watermarkUnit { position: absolute; display: grid; gap: 4px; color: rgba(12, 66, 96, .11); font-size: 14px; font-weight: 700; line-height: 1.15; transform: rotate(-24deg); }.wm1 { top: 20%; left: 9%; }.wm2 { top: 52%; left: 47%; }.wm3 { top: 76%; right: 6%; } body.watermark-tampered .entryShell { display: none; }.watermark-tamper-overlay { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 28px; color: #fff; background: #6c1616; font-size: clamp(1.25rem, 4vw, 2rem); font-weight: 700; text-align: center; }
@media (max-width: 560px) { .entryShell { padding: 14px; }.entryCard { max-height: calc(100vh - 28px); padding: 22px 18px; border-radius: 17px; }.entryActions { grid-template-columns: 1fr; }.entryButton { min-height: 96px; } }