*{box-sizing:border-box}:root{color-scheme:light;--bg1: #fff7fb;--bg2: #ffe4ef;--card: rgba(255, 255, 255, .72);--line: rgba(255, 120, 165, .18);--text: #4e2d3b;--sub: #8e6073;--primary: #ff6fa8;--primary-dark: #ff4d92;--shadow: 0 20px 60px rgba(255, 111, 168, .16)}body{margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--bg1),var(--bg2))}button,input{font:inherit}.page{min-height:100vh;position:relative;overflow:hidden}.container{width:min(1280px,calc(100% - 32px));margin:0 auto;padding:32px 0 48px;position:relative;z-index:2}.bg-heart{position:absolute;opacity:.08;font-size:160px;pointer-events:none}.heart-1{top:30px;right:60px}.heart-2{bottom:40px;left:40px}.hero-card,.join-card,.player-card,.control-card,.chat-card{background:var(--card);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);border-radius:28px}.hero-card{display:flex;justify-content:space-between;gap:24px;padding:28px;margin-bottom:20px}.hero-card h1{margin:10px 0;font-size:clamp(28px,4vw,48px);line-height:1.15}.hero-card p,.player-topbar p,.status-panel span,.invite-box,.empty-chat,.time-hint{color:var(--sub)}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:#ff6fa81a;color:var(--primary-dark);font-weight:700}.status-panel{min-width:240px;display:grid;gap:14px}.status-panel div{padding:16px 18px;border-radius:20px;background:#ffffff9e;display:flex;justify-content:space-between;gap:12px}.status-panel strong{text-align:right}.join-card,.control-card,.chat-card,.player-card{padding:22px}.join-card{margin-bottom:20px}.row,.chat-input-row{display:flex;gap:12px}.wrap{flex-wrap:wrap}.column{display:grid;gap:12px}input{width:100%;border:1px solid rgba(255,111,168,.18);background:#ffffffdb;border-radius:16px;padding:14px 16px;outline:none}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #ff6fa81f}button,.voice-btn{border:none;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;font-weight:700;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 14px 30px #ff6fa847}button:hover,.voice-btn:hover{transform:translateY(-1px)}button.ghost{background:#fff;color:var(--primary-dark);border:1px solid rgba(255,111,168,.22);box-shadow:none}.main-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(320px,1fr);gap:20px}.left-column{display:grid;gap:20px}.player-topbar,.chat-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.video{width:100%;margin-top:16px;border-radius:22px;background:#140910;aspect-ratio:16 / 9}.chat-card{display:flex;flex-direction:column;min-height:720px}.chat-list{flex:1;margin:16px 0;overflow:auto;display:grid;gap:12px}.chat-item{display:grid;gap:6px}.chat-meta{display:flex;justify-content:space-between;font-size:13px;color:var(--sub)}.chat-bubble{background:#fffc;border:1px solid rgba(255,111,168,.15);padding:12px 14px;border-radius:16px 16px 16px 4px}.invite-box{background:#fffc;border:1px dashed rgba(255,111,168,.22);border-radius:16px;padding:12px 14px;word-break:break-all}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%);background:#4e2d3beb;color:#fff;padding:12px 18px;border-radius:999px;box-shadow:0 14px 30px #00000029}@media (max-width: 960px){.hero-card,.player-topbar,.chat-head,.row,.chat-input-row,.main-grid{grid-template-columns:1fr;flex-direction:column}.status-panel{min-width:auto}.chat-card{min-height:480px}}