.friendly-link-tag{border-radius:16px;padding:4px 12px;border:none;background:#f0f5ff;cursor:pointer;transition:all .3s ease}.friendly-link-tag:hover{background:#e6f7ff;box-shadow:0 2px 8px #1890ff26;transform:translateY(-2px)}.friendly-link-tag a{color:#1890ff;text-decoration:none;font-size:13px}:root{--primary-color: #1890ff;--primary-hover: #40a9ff;--secondary-color: #6c757d;--success-color: #52c41a;--warning-color: #faad14;--error-color: #f5222d;--bg-color: #f5f5f5;--card-bg: #ffffff;--text-color: #333333;--text-secondary: #666666;--border-radius: 8px;--box-shadow: 0 6px 16px rgba(0, 0, 0, .08);--transition-speed: .3s}@media (prefers-color-scheme: dark){:root{--bg-color: #121212;--card-bg: #1f1f1f;--text-color: #e0e0e0;--text-secondary: #a0a0a0;--box-shadow: 0 6px 16px rgba(0, 0, 0, .15)}}@media screen and (max-width: 1200px){.content-container{padding:24px 16px;max-width:100%}.site-layout-content{padding:20px}}@media screen and (max-width: 768px){.content-container{padding:16px 12px;min-height:calc(100vh - 124px)}.video-list-image{width:100%;max-width:272px;height:auto;aspect-ratio:16/9}.login-form,.register-form{padding:24px 16px;margin:20px auto;max-width:90%}.site-layout-content{padding:16px}.header-menu{flex:1}}@media screen and (max-width: 576px){.content-container{padding:12px 8px}.video-list-image{width:100%;height:auto;aspect-ratio:16/9}.ant-list-item-extra{margin-left:0!important;margin-bottom:12px}.ant-list-vertical .ant-list-item-extra{margin-left:0;text-align:center}}.app-container{width:100%;min-height:100vh;background-color:var(--bg-color);transition:background-color var(--transition-speed) ease}.content-container{padding:32px 24px;min-height:calc(100vh - 134px);max-width:1920px;width:95%;margin:0 auto}.site-layout-content{background:var(--card-bg);padding:24px;min-height:280px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:all var(--transition-speed) ease}.app-header{position:sticky;top:0;z-index:1000;width:100%;padding:0;box-shadow:0 2px 8px #00000026;transition:all var(--transition-speed) ease}.header-container{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 24px;max-width:1920px;margin:0 auto;width:100%}.logo-container{display:flex;align-items:center}.logo{display:flex;align-items:center;justify-content:center;height:40px;padding:0 10px;margin-right:24px;color:#fff;font-weight:700;font-size:18px;background:transparent;border-radius:var(--border-radius);transition:all var(--transition-speed) ease;text-decoration:none}.logo:hover{background:#ffffff1a}.logo img{height:40px;width:auto;max-width:180px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.header-menu{flex:1;line-height:64px;border-bottom:none}.header-actions{display:flex;align-items:center;gap:12px}.header-actions .ant-btn{border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.site-layout-background{background:var(--card-bg);border-radius:var(--border-radius);transition:background-color var(--transition-speed) ease}.video-card{width:100%;margin-bottom:16px;transition:all var(--transition-speed) ease;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000000f;background-color:var(--card-bg);height:100%;display:flex;flex-direction:column}.ant-card-body{width:100%;padding:16px}.ant-col{width:100%}.video-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow)}.video-card-cover{position:relative;width:100%;padding-top:56.25%;min-height:200px;overflow:hidden;background-color:#f0f0f0}.video-card-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.video-list-image{width:272px;height:153px;overflow:hidden;background-color:#f0f0f0}.video-list-image img{width:100%;height:100%;object-fit:cover}.video-list{display:flex;flex-direction:column;gap:20px}.view-toggle{margin-bottom:24px;display:flex;justify-content:flex-end}.view-toggle button{border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.search-form{margin-bottom:32px;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000000a}.search-form input{border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.login-form{max-width:360px;margin:40px auto;padding:32px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:var(--card-bg);transition:all var(--transition-speed) ease}.login-form-button{width:100%;border-radius:var(--border-radius);height:40px;transition:all var(--transition-speed) ease}.register-form{max-width:460px;margin:40px auto;padding:32px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:var(--card-bg);transition:all var(--transition-speed) ease}.admin-layout{min-height:100vh;background-color:var(--bg-color);transition:background-color var(--transition-speed) ease}.admin-logo{height:48px;margin:16px;background:transparent;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;padding:4px 8px;transition:all var(--transition-speed) ease;overflow:hidden}.admin-logo img{max-height:100%;max-width:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.admin-site-layout-background{background:var(--card-bg);border-radius:var(--border-radius);transition:background-color var(--transition-speed) ease}.admin-header{padding:0 16px;display:flex;justify-content:flex-end;align-items:center;background:var(--card-bg);box-shadow:0 1px 4px #0000000d;transition:all var(--transition-speed) ease}.admin-content{margin:24px 16px;padding:24px;background:var(--card-bg);min-height:280px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:all var(--transition-speed) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--transition-speed) ease}@media (min-width: 1921px){.content-container{max-width:1920px;width:90%}}@media (max-width: 1920px) and (min-width: 1441px){.content-container{max-width:1800px;width:90%}}@media (max-width: 1440px) and (min-width: 993px){.content-container{max-width:1360px;width:92%}}@media (max-width: 992px){.content-container{padding:24px 16px;max-width:100%;width:95%}.site-layout-content{padding:20px}.header-menu{flex:1}}@media (max-width: 768px){.content-container{padding:16px;min-height:calc(100vh - 124px)}.login-form,.register-form{padding:24px 16px;margin:20px auto}.site-layout-content{padding:16px}.category-nav .ant-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.category-nav .ant-row::-webkit-scrollbar{height:4px}.category-nav .ant-row::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}}.script-list{width:100%}.script-list .ant-list-item{padding:16px;margin-bottom:16px;border-radius:var(--border-radius);transition:all var(--transition-speed) ease;border:1px solid #f0f0f0}.script-list .ant-list-item:hover{box-shadow:var(--box-shadow);transform:translateY(-2px)}.script-list .ant-list-item-meta-title{margin-bottom:8px;font-size:18px;font-weight:600}.script-list .ant-list-item-meta-title a{color:var(--text-color);transition:color var(--transition-speed) ease}.script-list .ant-list-item-meta-title a:hover{color:var(--primary-color)}.script-list .ant-list-item-meta-description{color:var(--text-secondary)}.script-list .ant-list-item-action{margin-top:16px}.script-list .ant-list-item-extra{margin-left:24px}.script-list .ant-list-pagination{margin-top:24px;text-align:center}.footer-content{max-width:1200px;margin:0 auto}.footer-contact a:hover,.footer-copyright a:hover{color:var(--primary-color)!important}@media (max-width: 576px){.logo{width:100px;margin:16px 10px 16px 0}.content-container{padding:12px;min-height:calc(100vh - 114px)}.footer-contact{line-height:1.8}.footer-copyright{line-height:2}.footer-contact span{display:inline}.video-list .ant-list-item-extra{margin-left:0;margin-bottom:12px}.video-list .ant-list-item{flex-direction:column}.video-list .ant-list-item-extra img{width:100%;max-width:100%;height:auto}.search-form{margin-bottom:20px}.view-toggle{margin-bottom:16px}.login-form,.register-form{padding:20px 16px;margin:16px auto;max-width:100%}.admin-content{margin:12px;padding:16px}.header-menu{display:none}.mobile-menu-button{display:block;color:#fff;font-size:18px}.mobile-drawer .ant-drawer-content{background-color:#001529}.mobile-drawer .ant-drawer-header{background-color:#001529;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-drawer .ant-drawer-title{color:#fff}.drawer-header{color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center}.drawer-header img{height:32px;width:auto;max-width:150px;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.mobile-menu{background-color:transparent;border-right:none}.mobile-menu.ant-menu-dark .ant-menu-item a{color:#fff;font-weight:600;font-size:16px;padding:8px 0;display:block}.mobile-menu.ant-menu-dark .ant-menu-item:hover{background-color:#ffffff14}.mobile-menu.ant-menu-dark .ant-menu-item-active,.mobile-menu.ant-menu-dark .ant-menu-item-selected{background-color:var(--primary-color)}.mobile-menu.ant-menu-dark .ant-menu-item-group-title{color:#ffffffa6;font-size:14px;padding:12px 16px 4px}.drawer-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);margin-top:16px}.mobile-menu.ant-menu-dark .ant-menu-item{margin:4px 0;padding:0 16px;height:48px;line-height:48px;border-radius:4px}.mobile-menu .ant-menu-item-group-list{padding:0 8px}.mobile-menu .ant-menu-item-divider{margin:12px 0}@media screen and (min-width: 769px){.mobile-menu-button{display:none}.header-menu{display:flex}}.ant-btn{padding:0 12px;font-size:14px}.search-form .ant-input-search{max-width:100%}.video-detail-container{flex-direction:column}.video-detail-info{margin-top:16px;margin-left:0}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%;height:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}