* { box-sizing: border-box; }
.landing { margin: 0; background: #030b1d; }
.landing main { width: 100%; }
.poster { position: relative; width: 100%; max-width: 768px; margin-inline: auto; container-type: inline-size; background: #030b1d; }
.poster-image { display: block; width: 100%; height: auto; }
.poster-link { position: absolute; display: flex; align-items: center; justify-content: center; padding: 0 1%; color: var(--text-color, #55320f); font-family: Arial, "Microsoft YaHei", "PingFang SC", sans-serif; font-size: calc(var(--design-size, 26) * 100cqw / 768); font-weight: 700; line-height: 1.12; text-align: center; text-decoration: none; -webkit-tap-highlight-color: transparent; border-radius: 999px; }
.poster-link[hidden] { display: none; }
.poster-label { display: block; white-space: nowrap; }
.poster-link[href]:hover { filter: brightness(1.12); text-shadow: 0 1px 6px #fff5; }
.poster-link:focus-visible { outline: 3px solid #fff; outline-offset: 2px; box-shadow: 0 0 0 5px #15856f; }
.poster[data-preview] .poster-link { cursor: default; }
.poster[data-preview].show-outlines .poster-link { outline: 1.5px dashed #fff; outline-offset: 1px; box-shadow: 0 0 0 3px #188a7870; }
.poster[data-preview].show-outlines .poster-link::before { content: attr(data-region); position: absolute; left: -9px; top: -11px; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #238b72; color: white; border: 2px solid #fff; font: 700 10px/1 Arial, sans-serif; }
.poster[data-preview] .poster-link.is-empty::after { content: "未设置文字"; color: #6b471a99; font-size: calc(20 * 100cqw / 768); font-weight: 400; }
.poster-link.is-overflowing { outline: 2px solid #e05050 !important; }
.poster-link.highlight { animation: region-pulse .6s ease 3; }
@keyframes region-pulse { 50% { box-shadow: 0 0 0 8px #fff9, 0 0 25px 10px #38dcb9; } }
@supports not (font-size: 1cqw) { .poster-link { font-size: calc(var(--design-size, 26) * var(--poster-scale, 1) * 1px); } }
@media (prefers-reduced-motion: reduce) { .poster-link.highlight { animation: none; outline: 3px solid white; } }