.platform-intro[hidden]{display:none!important}
.platform-intro{position:fixed;inset:0;z-index:1000;background:#101217;color:#fff;overflow:hidden;font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif}
.platform-intro:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 55% 40%,#7c2327 0,transparent 30%),radial-gradient(circle at 15% 75%,#282b38 0,transparent 38%);opacity:.7}
.platform-intro-inner{position:relative;min-height:100%;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;max-width:1300px;margin:auto;padding:clamp(24px,4vw,54px) clamp(20px,5vw,64px) calc(24px + env(safe-area-inset-bottom))}
.platform-intro-top,.platform-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
.platform-intro-brand{font-size:clamp(17px,2vw,23px);font-weight:900;letter-spacing:.2em}
.platform-intro-time{font-size:13px;color:#f4ddd5;font-variant-numeric:tabular-nums}
.platform-intro-main{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3vw;flex:1}
.platform-intro-main{position:relative}
.platform-intro-custom-cover{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}
.platform-intro-play-sound{position:absolute;z-index:3;left:50%;bottom:12%;transform:translateX(-50%);border:1px solid #ffffffa8;border-radius:999px;background:#15171de8;color:#fff;padding:12px 20px;font:700 15px system-ui,-apple-system,"Noto Sans TC",sans-serif;cursor:pointer;white-space:nowrap}
.platform-intro.has-custom-cover .platform-intro-copy,.platform-intro.has-custom-cover .platform-intro-machines{visibility:hidden}
.platform-intro-kicker{display:inline-block;padding:7px 11px;border:1px solid #b35f57;border-radius:999px;color:#ffd5c8;font-size:12px;letter-spacing:.16em}
.platform-intro-copy h2{font-size:clamp(35px,5vw,70px);line-height:1.15;letter-spacing:-.045em;margin:19px 0}
.platform-intro-copy p{color:#d4d0ce;line-height:1.8;font-size:clamp(14px,1.4vw,17px);max-width:32em}
.platform-intro-machines{display:flex;align-items:center;justify-content:center;gap:1.2vw;min-width:0;perspective:1000px}
.platform-intro-machines img{display:block;min-width:0;width:32%;aspect-ratio:1/1.12;object-fit:cover;border:1px solid #494b53;border-radius:20px;box-shadow:0 26px 50px #0008;background:#191b20}
.platform-intro-machines img:first-child{transform:rotate(-8deg) translate(13%,8%)}
.platform-intro-machines img:nth-child(2){position:relative;z-index:1;transform:scale(1.15)}
.platform-intro-machines img:last-child{transform:rotate(8deg) translate(-13%,8%)}
.platform-intro-bottom{font-size:12px;color:#b8b7bd;margin-bottom:16px}
.platform-intro-progress{height:4px;border-radius:99px;background:#ffffff38;overflow:hidden}
.platform-intro-progress span{display:block;height:100%;width:0;background:#fa8d76;transition:width .12s linear}
@media(max-width:680px){.platform-intro-inner{padding:calc(23px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.platform-intro-main{grid-template-columns:1fr;align-content:center;gap:36px}.platform-intro-copy{text-align:center}.platform-intro-copy h2{font-size:clamp(36px,10vw,54px)}.platform-intro-copy p{margin:0 auto}.platform-intro-machines{gap:1px}.platform-intro-machines img{width:36%;border-radius:12px}.platform-intro-bottom{font-size:11px}}
@media(max-height:600px){.platform-intro-main{gap:10px}.platform-intro-copy h2{font-size:clamp(30px,7vh,50px);margin:9px 0}.platform-intro-machines img{max-height:38vh}}
@media(prefers-reduced-motion:reduce){.platform-intro-progress span{transition:none}}
.intro-cover-current{max-width:420px;min-height:160px;margin:16px 0;padding:16px;border:1px solid #d9d5cf;border-radius:16px;background:#f4f1eb;display:flex;align-items:center;justify-content:center;text-align:center;color:#57524c;overflow:hidden}
.intro-cover-current img{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px}
.intro-cover-current video{display:block;width:100%;max-height:360px;object-fit:contain;border-radius:8px}
.intro-cover-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.intro-cover-preview-note{font-size:12px;color:#ddd7d5}
.platform-intro-preview-close{position:absolute;top:12px;right:12px;z-index:2;border:1px solid #ffffff66;border-radius:999px;background:#1a1b22d9;color:#fff;padding:9px 14px;font:inherit;cursor:pointer}