.cinema-root *,.cinema-root *:before,.cinema-root *:after{margin:0;padding:0;box-sizing:border-box}.cinema-root{--bg-page: #05070B;--bg-deep: #07111E;--bg-card: #0D131D;--bg-hover: #121B28;--text-main: #F3F6FA;--text-sub: #909CAB;--text-silver: #D6DEE8;--ice-blue: #8FD3FF;--ice-highlight: #D5F2FF;--warm-amber: #C97A2A;--border-weak: rgba(200, 220, 240, .12);--radius-lg: 24px;--radius-md: 20px;--radius-sm: 12px;--transition: .3s cubic-bezier(.4, 0, .2, 1);background:var(--bg-page);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Noto Sans SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.cinema-root ::-webkit-scrollbar{width:8px;height:8px}.cinema-root ::-webkit-scrollbar-track{background:var(--bg-page)}.cinema-root ::-webkit-scrollbar-thumb{background:#8fd3ff26;border-radius:4px}.cinema-root ::-webkit-scrollbar-thumb:hover{background:#8fd3ff40}.cinema-root .hero{position:relative;background:linear-gradient(180deg,var(--bg-page) 0%,var(--bg-deep) 100%);padding:64px 32px 48px;text-align:center;overflow:hidden;border-bottom:1px solid var(--border-weak)}.cinema-root .hero-noise{position:absolute;inset:0;opacity:.015;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' /%3E%3C/svg%3E");pointer-events:none}.cinema-root .hero-content{position:relative;z-index:2}.cinema-root .logo{display:inline-flex;margin-bottom:16px;opacity:0;animation:cinemaFadeUp .6s var(--transition) forwards}.cinema-root .hero-title{font-size:clamp(28px,5vw,42px);font-weight:700;letter-spacing:.03em;color:var(--text-silver);margin-bottom:8px;opacity:0;animation:cinemaFadeUp .6s .1s var(--transition) forwards}.cinema-root .hero-subtitle{font-size:15px;color:var(--text-sub);letter-spacing:.05em;opacity:0;animation:cinemaFadeUp .6s .2s var(--transition) forwards}@keyframes cinemaFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cinema-root .horizon-glow{position:absolute;bottom:-1px;left:0;right:0;height:80px;background:radial-gradient(ellipse 50% 100% at 50% 100%,rgba(143,211,255,.08) 0%,transparent 70%);pointer-events:none}.cinema-root .container{max-width:1400px;margin:0 auto;padding:32px 24px 64px}.cinema-root .search-bar{position:relative;margin-bottom:28px}.cinema-root .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);pointer-events:none}.cinema-root .search-input{width:100%;height:48px;padding:0 20px 0 48px;background:var(--bg-card);border:1px solid var(--border-weak);border-radius:var(--radius-md);color:var(--text-main);font-size:14px;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.cinema-root .search-input::placeholder{color:var(--text-sub)}.cinema-root .search-input:focus{border-color:var(--ice-blue);box-shadow:0 0 0 3px #8fd3ff0f}.cinema-root .filters{margin-bottom:24px}.cinema-root .filter-group{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.cinema-root .filter-label{flex-shrink:0;width:72px;padding-top:7px;font-size:12px;color:var(--text-sub);text-align:right;letter-spacing:.04em}.cinema-root .chips{display:flex;flex-wrap:wrap;gap:8px}.cinema-root .chip{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border-weak);border-radius:999px;color:var(--text-silver);font-size:13px;cursor:pointer;white-space:nowrap;transition:all var(--transition)}.cinema-root .chip:hover{border-color:#8fd3ff59;background:var(--bg-hover)}.cinema-root .chip.active{border-color:#8fd3ff80;background:#8fd3ff14;color:var(--ice-highlight);box-shadow:0 0 8px #8fd3ff1f}.cinema-root .toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.cinema-root .sort-bar{display:flex;align-items:center;gap:8px}.cinema-root .sort-label{font-size:12px;color:var(--text-sub);margin-right:4px}.cinema-root .sort-btn{padding:6px 16px;background:var(--bg-card);border:1px solid var(--border-weak);border-radius:var(--radius-sm);color:var(--text-silver);font-size:13px;cursor:pointer;transition:all var(--transition)}.cinema-root .sort-btn:hover{border-color:#8fd3ff4d}.cinema-root .sort-btn.active{border-color:#8fd3ff66;background:#8fd3ff0f;color:var(--ice-highlight)}.cinema-root .results-info{font-size:13px;color:var(--text-sub)}.cinema-root .table-container{background:var(--bg-card);border:1px solid var(--border-weak);border-radius:var(--radius-lg);overflow:hidden;overflow-x:auto}.cinema-root .movie-table{width:100%;border-collapse:collapse;min-width:1200px}.cinema-root .movie-table thead th{padding:14px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--text-sub);letter-spacing:.04em;border-bottom:1px solid var(--border-weak);white-space:nowrap;position:sticky;top:0;background:var(--bg-card);z-index:1}.cinema-root .movie-table tbody tr{border-bottom:1px solid var(--border-weak);transition:background var(--transition)}.cinema-root .movie-table tbody tr:hover{background:var(--bg-hover)}.cinema-root .movie-table tbody tr:last-child{border-bottom:none}.cinema-root .movie-table tbody td{padding:12px 16px;font-size:13px;color:var(--text-main);vertical-align:top}.cinema-root .col-idx{width:50px;text-align:center;color:var(--text-sub)}.cinema-root .col-year{width:60px;color:var(--text-silver)}.cinema-root .col-name{min-width:160px;font-weight:500;color:var(--text-silver)}.cinema-root .col-status,.cinema-root .col-rating{width:80px}.cinema-root .col-director{width:120px;color:var(--text-sub)}.cinema-root .col-cast{max-width:200px}.cinema-root .col-genre{width:120px}.cinema-root .col-country{width:100px;color:var(--text-sub)}.cinema-root .col-synopsis{min-width:200px;max-width:280px}.cinema-root .rating-badge{font-weight:600;color:var(--ice-blue)}.cinema-root .rating-badge.high{color:var(--ice-highlight)}.cinema-root .genre-tag{display:inline-block;padding:2px 8px;background:#8fd3ff0f;border:1px solid rgba(143,211,255,.1);border-radius:4px;font-size:11px;color:var(--ice-blue);margin-right:4px;margin-bottom:2px}.cinema-root .country-text{font-size:12px;color:var(--text-sub)}.cinema-root .cast-text{font-size:12px;color:var(--text-sub);line-height:1.5}.cinema-root .synopsis-text{font-size:12px;color:var(--text-sub);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cinema-root .status-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:transparent;border:1px solid var(--border-weak);border-radius:999px;font-size:11px;color:var(--text-sub);cursor:pointer;transition:all var(--transition)}.cinema-root .status-btn:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-sub);transition:all var(--transition)}.cinema-root .status-btn:hover{border-color:#8fd3ff4d}.cinema-root .status-btn.watched{border-color:#c97a2a4d;color:var(--warm-amber)}.cinema-root .status-btn.watched:before{background:var(--warm-amber)}.cinema-root .card-list{display:none}.cinema-root .movie-card{background:var(--bg-card);border:1px solid var(--border-weak);border-radius:var(--radius-md);padding:20px;margin-bottom:12px;transition:all var(--transition)}.cinema-root .movie-card:active,.cinema-root .movie-card:hover{background:var(--bg-hover)}.cinema-root .card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px;gap:8px}.cinema-root .card-title-group{flex:1}.cinema-root .card-name{font-size:16px;font-weight:600;color:var(--text-silver);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cinema-root .card-year{font-size:13px;color:var(--text-sub);font-weight:400}.cinema-root .card-rating{font-size:18px;font-weight:700;color:var(--ice-blue);flex-shrink:0}.cinema-root .card-meta{font-size:13px;color:var(--text-sub);margin-bottom:6px}.cinema-root .card-genres{margin-bottom:8px}.cinema-root .card-synopsis{font-size:13px;color:var(--text-sub);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.cinema-root .pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:32px}.cinema-root .page-btn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-weak);border-radius:var(--radius-sm);color:var(--text-silver);font-size:13px;cursor:pointer;transition:all var(--transition)}.cinema-root .page-btn:hover:not(:disabled){border-color:#8fd3ff4d;background:var(--bg-hover)}.cinema-root .page-btn.active{border-color:#8fd3ff66;background:#8fd3ff14;color:var(--ice-highlight)}.cinema-root .page-btn:disabled{opacity:.3;cursor:not-allowed}.cinema-root .page-ellipsis{color:var(--text-sub);padding:0 4px}.cinema-root .footer{text-align:center;padding:32px;font-size:12px;color:var(--text-sub);border-top:1px solid var(--border-weak)}.cinema-root .empty-state{text-align:center;padding:48px 0;color:var(--text-sub);font-size:14px}@media (max-width: 768px){.cinema-root .hero{padding:40px 20px 32px}.cinema-root .container{padding:20px 16px 40px}.cinema-root .filter-group{flex-direction:column;gap:8px}.cinema-root .filter-label{width:auto;text-align:left;padding-top:0}.cinema-root .table-container{display:none}.cinema-root .card-list{display:block}.cinema-root .toolbar{flex-direction:column;align-items:flex-start}.cinema-root .sort-bar{flex-wrap:wrap}}@media (min-width: 769px){.cinema-root .card-list{display:none}}