/* Shared account dialog and the two screening-room pages. */
.community-dialog{box-sizing:border-box;width:min(490px,calc(100% - 28px));max-height:90dvh;margin:auto;padding:30px;border:1px solid #ffffff25;border-radius:24px;background:#1e3028;color:#e5ecd9;box-shadow:0 24px 100px #0008;overflow:auto;color-scheme:dark;text-align:left;font-size:14px}
.community-dialog::backdrop{background:#08140fc9}
.community-dialog *,.community-page *{box-sizing:border-box}
.community-dialog [hidden],.community-page [hidden]{display:none!important}
.community-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.community-kicker{font-size:10px;letter-spacing:2px;color:#b4c49e}
.community-dialog h2{font-size:27px;font-weight:500;line-height:1.5;margin:8px 0}
.community-dialog h3{font-size:16px;font-weight:500;margin:0 0 18px}
.community-dialog p{line-height:1.75;overflow-wrap:anywhere}
.community-intro{color:#b4c2b7;font-size:13px;margin:10px 0 25px;line-height:1.8}
.community-dialog button,.community-dialog a,.community-page button,.community-page a{font:inherit;cursor:pointer;color:inherit;text-decoration:none}
.community-dialog button,.community-page button{border:1px solid #ffffff32;border-radius:22px;background:#ffffff06;padding:10px 17px;line-height:1.5}
.community-dialog .community-close{padding:0;min-width:40px;height:40px;font-size:24px}
.community-dialog button:hover,.community-page button:hover{background:#ffffff12}
.community-dialog button:disabled,.community-page button:disabled{opacity:.5;cursor:default}
.community-dialog :focus-visible,.community-page :focus-visible{outline:2px solid #d4e4b8;outline-offset:4px}
.community-dialog .community-primary,.community-page .community-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 22px;border-radius:25px;background:#d5e2bd;color:#243725;border:1px solid transparent;font-size:13px;text-decoration:none;white-space:nowrap}
.community-page .community-primary:hover{background:#e4edcf}
.community-dialog label,.community-page label{display:block;color:#c5d1bc;font-size:12px;margin-bottom:10px}
.community-dialog input,.community-page input{display:block;width:100%;min-width:0;margin:9px 0 18px;border:1px solid #ffffff2e;background:#17271e;border-radius:12px;padding:13px;color:#e4ecd7;font:inherit;font-size:16px}
.community-hint{color:#aabda7;font-size:12px;line-height:1.8}
.community-status{min-height:1.5em;color:#c9d9b8;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.community-status.is-error{color:#f3b6a5}
.account-dialog #password-form{border-top:1px solid #ffffff20;padding-top:24px;margin-top:24px}
.account-avatar{margin:16px 0 22px}
.account-avatar .yuan-avatar{width:68px;height:68px}
.account-dialog #logout{display:block;width:100%;margin-top:24px;color:#d6c5b8}
.avatar{border:1px solid #ffffff28;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;flex-shrink:0;padding:0;overflow:hidden;cursor:pointer;background:#ffffff08;color:inherit}
.cinema-top .avatar{margin-left:0}
.video-sections{display:flex;align-items:center;gap:7px;max-width:1460px;margin:auto;padding:20px 38px 0;font-size:15px}
.video-sections>a,.video-sections>span{padding:12px 22px;border-radius:25px;color:#bbcbb7;border:1px solid transparent;text-decoration:none;white-space:nowrap}
.video-sections>[aria-current="page"]{background:#d5e2bd;color:#253827}
.video-sections>a:hover{border-color:#ffffff30;background:#ffffff08}
.video-sections>[aria-current="page"]:hover{background:#d5e2bd}
#video-rooms-count:not(:empty){margin-left:5px;font-size:11px;display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#ffffff15}
.community-page{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 75% 0,#31463a80,transparent 60%),#192a22;color:#e5ecd9;font:14px Arial,"PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}
.video-header{display:flex;align-items:center;gap:24px;max-width:1280px;margin:auto;padding:25px 40px;border-bottom:1px solid #ffffff13}
.video-brand{display:flex;align-items:center;gap:6px;width:74px;flex-shrink:0}
.video-brand img{width:38px;height:45px;object-fit:contain}
.video-brand span{font-size:22px;letter-spacing:-1px;font-weight:700;color:#d9e3c6}
.video-header .video-sections{margin:0 auto;padding:0;font-size:14px}
.community-page .avatar{padding:0;border-radius:50%}
.community-main{max-width:1200px;margin:0 auto;padding:55px 40px 72px}
.rooms-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}
.community-page h1{font-weight:500;font-size:36px;letter-spacing:1px;line-height:1.4;margin:14px 0 10px}
.rooms-page-heading .community-intro{margin-bottom:0}
.rooms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff18;padding-top:24px}
.rooms-toolbar h2{margin:0;font-size:17px;font-weight:500}
#cinema-rooms-count{font-size:11px;color:#a9bda4;margin-left:10px;white-space:nowrap}
.rooms-toolbar button,#rooms-refresh{font-size:12px}
.community-room-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
.community-room{min-width:0;border:1px solid #ffffff1b;background:#ffffff04;border-radius:21px;overflow:hidden;display:flex;flex-direction:column}
.room-card-art{position:relative;min-height:154px;background:radial-gradient(ellipse at 45% 20%,#78896738,transparent 75%),#354b3b;display:grid;place-items:center;padding:32px 24px 22px}
.room-card-art::after{content:'';width:90px;height:12px;border-radius:50%;background:#152c2333;position:absolute;bottom:20px;filter:blur(5px);z-index:0}
.room-card-art .yuan-avatar{position:relative;z-index:1;width:80px;height:80px}
.room-card-badge{position:absolute;top:13px;left:15px;border-radius:15px;font-size:10px;color:#dde8cf;letter-spacing:.5px;background:#1c3026a6;padding:6px 10px}
.room-card-info{padding:21px 22px 10px;flex:1}
.community-room h3{font-weight:500;line-height:1.5;font-size:19px;overflow-wrap:anywhere;margin:0 0 10px}
.room-card-host{font-size:12px;color:#b3c4aa;margin:8px 0;overflow-wrap:anywhere}
.room-card-film{font-size:12px;color:#8fa88f;line-height:1.8;margin:12px 0 4px;overflow-wrap:anywhere}
.room-card-footer{margin:0 22px;padding:17px 0 20px;border-top:1px solid #ffffff13;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#a7bca0}
.room-card-footer a{border:1px solid #ffffff32;border-radius:23px;padding:10px 14px;font-size:12px;color:#e0eacd}
.room-card-footer a:hover{background:#ffffff10}
.community-room{position:relative}
.room-card-footer a::after{content:'';position:absolute;inset:0;border-radius:21px}
.community-room:has(a:hover),.community-room:focus-within{border-color:#cbd9b766;background:#ffffff08}
.rooms-empty{grid-column:1/-1;display:flex;align-items:center;flex-direction:column;text-align:center;border:1px dashed #ffffff23;border-radius:22px;padding:45px 22px;color:#a9bda4}
.rooms-empty h2{font-size:20px;font-weight:500;color:#d7e4c7;margin:22px 0 4px}
.rooms-empty p{font-size:13px;line-height:1.9}
.community-back{display:inline-block;padding:8px 0;margin-bottom:34px;color:#b7c9ad!important;font-size:13px!important}
.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.create-welcome{padding:18px 0}
.create-welcome p{font-size:13px;color:#b5c6ad;line-height:2;margin:18px 0}
#create-avatar{margin:30px 0 16px}
#create-avatar .yuan-avatar{width:120px;height:120px}
.create-caption{font-size:11px;color:#8fa98b}
.create-form-card{border:1px solid #ffffff20;border-radius:24px;padding:30px;background:#ffffff04}
.create-form-card h2{font-size:22px;font-weight:500;margin:0 0 26px}
#room-create .community-primary{width:100%;margin-top:18px}
#room-mine:not(:empty){margin-top:22px}
#room-mine .room-card-art{min-height:120px}
@media(max-width:900px){.community-room-list{grid-template-columns:repeat(2,minmax(0,1fr))}.create-layout{gap:32px}.video-header{padding:22px 24px}.community-main{padding:38px 24px 55px}}
@media(max-width:600px){.community-dialog{padding:22px 17px;border-radius:20px}.community-dialog h2{font-size:22px}.cinema-top{gap:10px}.cinema-top .cinema-back{font-size:11px;padding:9px 10px}.cinema-top .avatar{width:34px;height:34px}.video-sections{padding:16px 18px 0;font-size:13px;gap:5px}.video-sections>a,.video-sections>span{padding:11px 17px}.community-page h1{font-size:29px}.video-header{gap:12px;padding:18px 16px;flex-wrap:wrap}.video-brand{margin-right:auto}.video-header .video-sections{order:3;width:100%;justify-content:center;padding-top:5px}.community-main{padding:30px 18px 45px}.rooms-page-heading{align-items:flex-start;flex-direction:column;gap:19px;margin-bottom:30px}.rooms-page-heading .community-primary{align-self:stretch}.rooms-toolbar h2{font-size:15px}.rooms-toolbar h2 span{display:block;margin:8px 0 0}.community-room-list{grid-template-columns:minmax(0,1fr);gap:18px}.room-card-art{min-height:145px}.create-layout{grid-template-columns:minmax(0,1fr);gap:25px}.create-welcome{padding:0;position:relative}.create-welcome p{margin-bottom:0;max-width:200px}.create-caption,#create-avatar{display:none}.create-form-card{padding:22px 18px}.community-back{margin-bottom:22px}.community-dialog .account-avatar{margin-top:10px}.community-intro{font-size:12px}}