header{display:flex;align-items:center;gap:22px;padding:18px max(24px,calc((100vw - 1080px)/2));background:white;border-bottom:1px solid var(--line)}header img{width:155px;height:62px;object-fit:contain}header span{font-size:18px;font-weight:800}header small{display:block;font-size:11px;font-weight:500}header button{margin-left:auto}main{max-width:1100px;margin:0 auto;padding:44px 22px}main>h1{font-size:38px}.intro{font-size:16px;margin-bottom:26px}.notice{padding:14px 18px;border-left:3px solid var(--accent);background:var(--accent-soft);margin-bottom:24px;color:#624526}.auth{max-width:480px;margin:30px auto}.auth input{margin-bottom:20px}.auth button{width:100%}.create{display:flex;align-items:end;gap:20px}.create>div{flex:1}.room{margin:24px 0}.room-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.room-head h2{margin:0}.room .actions{margin-top:18px}.room small{display:block;margin-top:7px}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;margin-top:24px}.photo{border:1px solid var(--line);padding:12px;border-radius:8px}.photo img{width:100%;height:120px;object-fit:cover;border-radius:5px}.photo p{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.photo small{font-size:9px;overflow-wrap:anywhere}#invite-url{height:115px;word-break:break-all;margin-bottom:20px}#invite-dialog p{margin-top:16px}@media(max-width:600px){header{padding:14px 18px;gap:14px}header img{width:106px;height:48px}header span{font-size:14px}main{padding:28px 16px}main>h1{font-size:30px}.create{display:block}.create button{margin-top:16px;width:100%}.room-head{display:block}.room-head span{margin-top:10px}input{font-size:16px}}

.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px}.video-card{border:1px solid var(--line);border-left:4px solid var(--accent);padding:20px;border-radius:12px;background:#fff}.video-card p{overflow-wrap:anywhere}.video-card small{color:#647786}.video-card .actions{display:flex;gap:10px}