.theater-page[data-v-75a301bd]{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;padding-bottom:60px}.navbar[data-v-75a301bd]{background:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:0;z-index:100}.navbar .navbar-title[data-v-75a301bd]{font-size:18px;font-weight:700;color:#e5284a}.navbar .navbar-avatar[data-v-75a301bd],.navbar .navbar-login[data-v-75a301bd]{cursor:pointer}.navbar .navbar-avatar .avatar-img[data-v-75a301bd],.navbar .navbar-login .avatar-img[data-v-75a301bd]{width:36px;height:36px;border-radius:50%}.navbar .navbar-login[data-v-75a301bd]{color:#e5284a;font-size:14px}.category-bar[data-v-75a301bd]{display:flex;overflow-x:auto;padding:12px 16px;background:#fff;gap:8px;-webkit-overflow-scrolling:touch}.category-bar .category-item[data-v-75a301bd]{white-space:nowrap;padding:8px 16px;border-radius:20px;background:#f5f5f5;cursor:pointer;transition:all .3s}.category-bar .category-item[data-v-75a301bd]:hover{background:#e0e0e0}.category-bar .category-item.active[data-v-75a301bd]{background:#e5284a;color:#fff}.banner-section[data-v-75a301bd]{padding:12px 16px;background:#fff;overflow:hidden}.banner-section .banner-container[data-v-75a301bd]{position:relative;border-radius:12px;overflow:hidden;width:100%;aspect-ratio:2/1;min-height:160px;background:#e0e0e0}.banner-section .banner-container .banner-image[data-v-75a301bd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.banner-section .banner-container .banner-dots[data-v-75a301bd]{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.banner-section .banner-container .banner-dots .dot[data-v-75a301bd]{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s}.banner-section .banner-container .banner-dots .dot.active[data-v-75a301bd]{background:#fff;width:24px;border-radius:4px}.section[data-v-75a301bd]{padding:16px;background:#fff;margin-top:12px}.section .section-header[data-v-75a301bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section .section-header h2[data-v-75a301bd]{font-size:18px;color:#333;margin:0}.section .section-header .more-link[data-v-75a301bd]{color:#e5284a;text-decoration:none;font-size:14px}.section .drama-grid[data-v-75a301bd]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.section .drama-grid .drama-card[data-v-75a301bd]{cursor:pointer;transition:transform .2s}.section .drama-grid .drama-card[data-v-75a301bd]:active{transform:scale(.98)}.section .drama-grid .drama-card .drama-cover-wrap[data-v-75a301bd]{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:3/4;background:#e0e0e0}.section .drama-grid .drama-card .drama-cover-wrap .drama-cover[data-v-75a301bd]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.section .drama-grid .drama-card .drama-cover-wrap .drama-tag[data-v-75a301bd]{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px}.section .drama-grid .drama-card .drama-cover-wrap .play-btn[data-v-75a301bd]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:hsla(0,0%,100%,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:0;transition:opacity .3s}.section .drama-grid .drama-card .drama-cover-wrap:hover .play-btn[data-v-75a301bd]{opacity:1}.section .drama-grid .drama-card .drama-info[data-v-75a301bd]{padding:8px 0}.section .drama-grid .drama-card .drama-info .drama-title[data-v-75a301bd]{font-size:14px;font-weight:500;color:#333;margin:0 0 4px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.section .drama-grid .drama-card .drama-info .drama-meta[data-v-75a301bd]{font-size:12px;color:#999;margin:0}.bottom-nav[data-v-75a301bd]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #efefef;z-index:100}.bottom-nav .nav-item[data-v-75a301bd]{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:8px 12px;color:#999;font-size:12px;transition:color .3s}.bottom-nav .nav-item .nav-icon[data-v-75a301bd]{font-size:24px}.bottom-nav .nav-item.active[data-v-75a301bd],.bottom-nav .nav-item[data-v-75a301bd]:hover{color:#e5284a}