html, body { height: 100%; margin: 0; overflow: hidden; background: #10231e; font-family: "Source Sans 3", "Microsoft YaHei", Arial, sans-serif; }
#tour-frame { width: 100%; height: 100%; border: 0; display: block; }
#login-screen { position: fixed; inset: 0; z-index: 10; display: grid; place-items: center; padding: 24px; box-sizing: border-box; color: #fff; background: #10231e url("tour/preview.jpg") center / cover no-repeat; }
#login-screen::before { content: ""; position: absolute; inset: 0; background: linear-gradient(120deg, rgba(8,25,20,.90), rgba(13,41,33,.64)); backdrop-filter: blur(4px); }
.login-card { position: relative; width: min(100%, 420px); padding: 42px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.25); border-radius: 20px; background: rgba(12,31,25,.74); box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.brand { display: flex; align-items: center; gap: 12px; margin-bottom: 31px; }.brand-mark { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #d1b566; border-radius: 12px; color: #f5df9c; font-weight: 700; font-size: 15px; letter-spacing: .04em; }.brand-name { font-size: 17px; letter-spacing: .12em; font-weight: 600; }.brand-subtitle { margin-top: 2px; color: rgba(255,255,255,.65); font-size: 12px; letter-spacing: .08em; }
h1 { margin: 0 0 9px; font-size: clamp(25px,5vw,32px); font-weight: 600; }.intro { margin: 0 0 28px; color: rgba(255,255,255,.72); line-height: 1.6; font-size: 15px; }label { display: block; margin: 0 0 8px; color: rgba(255,255,255,.86); font-size: 14px; }.optional { color: rgba(255,255,255,.5); font-size: 12px; }
input { width: 100%; height: 48px; margin: 0 0 18px; padding: 0 14px; box-sizing: border-box; border: 1px solid rgba(255,255,255,.25); border-radius: 9px; outline: 0; background: rgba(255,255,255,.1); color: #fff; font: inherit; }input::placeholder { color: rgba(255,255,255,.45); }input:focus { border-color: #d6ba6b; background: rgba(255,255,255,.16); }
button { width: 100%; height: 50px; border: 0; border-radius: 9px; background: #d6ba6b; color: #15251f; cursor: pointer; font: 600 15px inherit; letter-spacing: .04em; }button:hover { background: #ecd180; }#login-error { min-height: 20px; margin: 12px 0 0; color: #ffb4a8; font-size: 13px; }.notice { margin: 22px 0 0; color: rgba(255,255,255,.48); text-align: center; font-size: 12px; line-height: 1.5; }.fade-out { opacity: 0; pointer-events: none; transition: opacity .45s ease; }
@media (max-width: 480px) { .login-card { padding: 30px 25px; border-radius: 16px; } }