:root{--safe-area-bottom:0px}@supports (padding:env(safe-area-inset-bottom)){:root{--safe-area-bottom:env(safe-area-inset-bottom)}}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.action-btn,.btn,a,button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.hero-banner,.site-header,.video-card{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width:768px){.header-actions{gap:var(--spacing-xs)}.search-toggle,.user-login-icon{width:44px;height:44px;min-width:44px;padding:10px}.user-login-icon svg{width:22px;height:22px}.search-toggle svg{width:20px;height:20px}}@media (max-width:768px){.main-nav{display:none!important}}@media (max-width:768px){.hero-banner{height:auto;min-height:unset;position:relative}.hero-background{position:relative;width:100%;height:auto}.hero-background img{width:100%;height:auto;object-fit:contain;display:block}.hero-background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(10,14,39,.9) 0,rgba(10,14,39,.5) 50%,rgba(10,14,39,.1) 100%);pointer-events:none}.hero-content{position:absolute;bottom:var(--spacing-lg);left:0;right:0;padding-left:var(--spacing-md);padding-right:var(--spacing-md);z-index:2}.hero-title{font-size:1rem;line-height:1.2}}@media (max-width:480px){.hero-title{font-size:.9rem;line-height:1.2}.hero-content{bottom:var(--spacing-md);padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (max-width:768px){.video-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.video-card{border-radius:var(--radius-md)}.video-title{font-size:.8rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-info{padding:var(--spacing-xs)}}@media (max-width:480px){.video-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.section-title{font-size:1rem;line-height:1.2}}@media (max-width:768px){.video-player-container{border-radius:0;margin-left:calc(-1 * var(--spacing-md));margin-right:calc(-1 * var(--spacing-md));max-width:calc(100% + 2 * var(--spacing-md));margin-bottom:var(--spacing-md)}.video-player{position:relative;width:100%;padding-top:56.25%!important;max-height:none!important;height:0!important;background:#000}.video-player iframe,.video-player video{position:absolute!important;top:0;left:0;width:100%;height:100%}.video-details{padding:var(--spacing-md)}.video-main-title{font-size:.85rem;line-height:1.2;width:100%;display:block;margin-bottom:.3rem}.video-header{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important;align-items:stretch!important;width:100%}.video-header>div{width:100%}.video-actions{display:flex!important;width:100%!important;gap:var(--spacing-sm)!important;flex-wrap:nowrap!important;justify-content:stretch!important}.action-btn{flex:1;display:flex!important;justify-content:center;align-items:center;padding:var(--spacing-sm);font-size:.85rem;min-height:44px}.action-btn svg{width:18px;height:18px;margin-right:4px}.action-btn span,.video-actions .favorite-text{display:inline-block;font-size:.8rem;white-space:nowrap}}@media (max-width:768px){.auth-box,.auth-modal-content{width:95%;max-width:none;padding:var(--spacing-lg);margin:var(--spacing-md)}.form-group input,.form-group select,.form-group textarea{font-size:16px}.btn-primary,.btn-submit{padding:var(--spacing-md);font-size:1rem}}@media (max-width:1024px){.profile-container{grid-template-columns:1fr;gap:var(--spacing-md)}.profile-sidebar{position:static;padding:var(--spacing-md)}.profile-avatar{width:80px;height:80px}.profile-name{font-size:1.2rem}}@media (max-width:768px){body,html{max-width:100vw!important;overflow-x:hidden!important}.container{max-width:100%!important;width:100%!important;padding:0 var(--spacing-sm)!important;overflow-x:hidden!important;box-sizing:border-box!important}.profile-container{max-width:100%!important;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important;grid-template-columns:1fr!important}.profile-sidebar{width:100%!important;max-width:100%!important;box-sizing:border-box!important;background:rgba(10,14,39,.85);border:1px solid rgba(255,255,255,.08)}.profile-content{max-width:100%!important;width:100%!important;overflow-x:hidden!important;padding:var(--spacing-sm)!important;box-sizing:border-box!important}.profile-content *{box-sizing:border-box!important}.profile-content>div[style*="display: grid"],.profile-content>div[style*=grid-template-columns]{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important;width:100%!important}.profile-content>div>div[style*="background: rgba"]{width:100%!important;box-sizing:border-box!important;padding:var(--spacing-sm)!important;margin:0!important}.profile-menu{display:flex;gap:var(--spacing-xs);overflow-x:auto;padding:var(--spacing-xs) 0;margin-bottom:var(--spacing-md);border-bottom:1px solid rgba(255,255,255,.08)}.profile-menu li{flex:1;min-width:120px}.profile-menu-link{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs);font-size:.85rem;border-radius:var(--radius-sm)}.profile-content .profile-actions,.profile-content .profile-stats,.profile-content .profile-summary{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important}.profile-content h3{font-size:.85rem!important}.profile-content>div>div[style*="background: rgba"] p{margin:.25rem 0!important}.profile-content>div>div[style*="background: rgba"] p[style*="font-size: 2rem"]{font-size:1.5rem!important}.profile-content>div>div[style*="background: rgba"] p[style*="font-size: 0.85rem"]{font-size:.75rem!important}.profile-content>div>a.btn-primary{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:var(--spacing-md)!important;box-sizing:border-box!important;margin-bottom:var(--spacing-sm)!important;min-height:44px!important;line-height:1!important}.profile-content table{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;font-size:.75rem!important}.profile-content table td,.profile-content table th{padding:6px 4px!important;font-size:.7rem!important;white-space:nowrap!important}.profile-content table td:first-child,.profile-content table th:first-child{position:sticky!important;left:0!important;background:rgba(21,25,50,.95)!important;z-index:1!important}.profile-content>div[style*="background: rgba(255, 255, 255, 0.02)"]{width:100%!important;max-width:100%!important;overflow-x:auto!important;padding:var(--spacing-sm)!important;box-sizing:border-box!important}.profile-content h2{font-size:1.3rem!important;margin-bottom:var(--spacing-md)!important}.profile-content h3{font-size:1rem!important}.profile-sidebar .profile-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.profile-sidebar .profile-menu li{margin-bottom:0!important}.profile-sidebar .profile-menu a{padding:var(--spacing-sm)!important;font-size:.85rem!important;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.2}.profile-sidebar>div:first-child>div:first-child{width:60px!important;height:60px!important;font-size:1.5rem!important}.profile-sidebar .profile-name{font-size:1rem!important}.profile-sidebar p{font-size:.75rem!important}.profile-content input[type=number],.profile-content input[type=text],.profile-content select,.profile-content textarea{font-size:16px!important;padding:var(--spacing-sm)!important;width:100%!important}.profile-content img[alt*="二维码"],.profile-content img[src*=qrcode]{max-width:200px!important;height:auto!important;margin:0 auto!important;display:block!important}.profile-content table .status-badge{font-size:.7rem;padding:2px 6px;white-space:nowrap}}@media (max-width:480px){.profile-content>div[style*="grid-template-columns: repeat(3, 1fr)"] p:first-of-type{font-size:1.3rem!important}.profile-content table{font-size:.7rem}.profile-content table td,.profile-content table th{padding:4px!important;font-size:.7rem!important}.profile-sidebar .profile-menu a{font-size:.75rem!important;padding:8px 4px!important}}@media (max-width:768px){.search-modal{padding:var(--spacing-md)}.search-box{width:100%}.search-input{font-size:1.2rem;padding:var(--spacing-md)}.search-close{top:-50px;font-size:2.5rem}}@media (max-width:768px){.pagination{flex-wrap:wrap;gap:var(--spacing-xs)}.pagination a,.pagination span{min-width:40px;min-height:40px;padding:var(--spacing-xs);font-size:.9rem}.pagination a:not(.prev):not(.next):not(.current){display:none}.pagination .current,.pagination .current+a,.pagination .current~a:nth-child(-n+2),.pagination a.next,.pagination a.prev{display:inline-flex}}.mobile-bottom-menu{display:none}@media (max-width:768px){.mobile-bottom-menu{display:block!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:rgba(21,25,50,.95)!important;backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:9999!important;box-shadow:0 -4px 20px rgba(0,0,0,.3);padding-bottom:env(safe-area-inset-bottom);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;margin:0!important}.mobile-bottom-menu ul{display:flex;list-style:none;margin:0;padding:0;gap:0;min-width:100%;width:max-content}.mobile-bottom-menu li{flex:0 0 auto;margin:0}.mobile-bottom-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;white-space:nowrap;transition:all .3s ease;border-bottom:3px solid transparent;min-height:50px;display:flex;align-items:center}.mobile-bottom-menu a:active,.mobile-bottom-menu a:hover{color:var(--accent-blue);background:rgba(255,255,255,.05)}.mobile-bottom-menu .current-menu-item>a,.mobile-bottom-menu .current_page_item>a{color:var(--accent-blue);border-bottom-color:var(--accent-blue)}body{padding-bottom:calc(50px + env(safe-area-inset-bottom))}.site-footer{margin-bottom:calc(50px + env(safe-area-inset-bottom))}.mobile-bottom-menu::-webkit-scrollbar{display:none}.mobile-bottom-menu{-ms-overflow-style:none;scrollbar-width:none}}@media (min-width:769px) and (max-width:1024px){.video-grid{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.hero-banner{height:auto;min-height:unset}.hero-background{position:relative;width:100%;height:auto}.hero-background img{width:100%;height:auto;object-fit:contain;display:block}.hero-title{font-size:1.4rem;line-height:1.2}.container{padding:0 var(--spacing-lg)}@media (orientation:landscape){.video-grid{grid-template-columns:repeat(4,1fr)}.hero-banner{height:auto}}}@media (hover:none) and (pointer:coarse){.video-card:active{transform:scale(.98);opacity:.9}.action-btn:active,.btn:active,button:active{transform:scale(.95)}a:active{opacity:.7}.video-card:hover{transform:translateY(0)}.video-play-overlay{opacity:.8}}@media (max-width:768px) and (orientation:landscape){.hero-banner{height:auto}.video-grid{grid-template-columns:repeat(3,1fr)}.video-player-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;max-width:100%;margin:0;border-radius:0}.video-player-container.fullscreen .video-player{max-height:100vh}}@media (prefers-color-scheme:dark){.auth-modal-content,.profile-sidebar,.video-card{background:rgba(21,25,50,.95)}}@media (max-width:768px){html{scroll-behavior:smooth;scroll-padding-top:70px}.main-nav,.video-grid{-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:contain}}@supports (padding:max(0px)){.site-header{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.container,.wide-container{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.mobile-bottom-nav{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}}@media (max-width:768px){body{padding-bottom:calc(72px + var(--safe-area-bottom))}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;background:rgba(10,14,39,.95);border-top:1px solid rgba(255,255,255,.08);padding:8px 12px calc(8px + var(--safe-area-bottom));z-index:999;backdrop-filter:blur(10px)}.mobile-bottom-nav ul,.mobile-nav-menu{list-style:none;display:flex;gap:var(--spacing-sm);width:100%;margin:0;padding:0}.mobile-bottom-nav li{flex:1}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;color:var(--text-secondary);font-size:.8rem;font-weight:500}.mobile-bottom-nav .current-menu-item>a,.mobile-bottom-nav a:focus,.mobile-bottom-nav a:hover{color:var(--accent-blue)}}@media (max-width:768px){.fade-in,.slide-in{animation-duration:.3s}.hero-background{background-attachment:scroll!important}}@media (max-width:768px){body{font-size:15px;line-height:1.5}.hero-title,h1{line-height:1.3}.section-title,h2{line-height:1.3}p{line-height:1.6}.video-duration,small{font-size:.8rem;min-height:18px}}@media (max-width:768px){.main-nav,.video-card,.video-thumbnail img{transform:translateZ(0);will-change:transform}.video-play-overlay{contain:layout style paint}}@media (max-width:768px){:focus-visible{outline:3px solid var(--accent-blue);outline-offset:3px}.skip-link:focus{top:10px;left:10px;padding:var(--spacing-md);font-size:1rem}}