*{margin:0;padding:0;box-sizing:border-box}:root{--primary-bg:#0a0e27;--secondary-bg:#151932;--card-bg:rgba(21, 25, 50, 0.8);--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary:linear-gradient(135deg, #00d4ff 0%, #a855f7 100%);--text-primary:#ffffff;--text-secondary:#a0aec0;--text-muted:#718096;--accent-blue:#00d4ff;--accent-purple:#a855f7;--accent-pink:#ec4899;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.2);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 20px rgba(102, 126, 234, 0.3)}body{font-family:-apple-system,BlinkMacSystemFont,'HarmonyOS Sans SC','PingFang SC','Microsoft YaHei','Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:var(--primary-bg);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.1) 0,transparent 50%);pointer-events:none;z-index:-1}a{color:var(--accent-blue);text-decoration:none;transition:all .3s ease}a:hover{color:var(--accent-purple)}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.wide-container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-md)}.site-header{background:rgba(10,14,39,.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);padding:var(--spacing-sm) 0;position:sticky;top:0;z-index:1000;transition:all .3s ease}.site-header.scrolled{box-shadow:var(--shadow-md)}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.site-logo{font-size:1.8rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.site-logo:hover{transform:scale(1.05);filter:brightness(1.2)}.main-nav ul{display:flex;list-style:none;gap:var(--spacing-lg);align-items:center}.main-nav a{color:var(--text-secondary);font-weight:500;font-size:.95rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .3s ease;position:relative}.main-nav a::after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .3s ease;transform:translateX(-50%)}.main-nav a:hover{color:var(--text-primary)}.main-nav a:hover::after{width:80%}.main-nav a.current{color:var(--text-primary);background:rgba(102,126,234,.1)}.main-nav .current-menu-ancestor>a,.main-nav .current-menu-item>a,.main-nav .current_page_item>a{color:var(--accent-blue)}.main-nav .current-menu-ancestor>a::after,.main-nav .current-menu-item>a::after,.main-nav .current_page_item>a::after{width:100%;height:3px;background:var(--accent-blue);bottom:-8px}.header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.search-toggle,.user-login-icon,.user-menu-toggle{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;height:40px;display:inline-flex;align-items:center;justify-content:center;min-width:40px}.search-toggle:hover,.user-login-icon:hover,.user-menu-toggle:hover{background:rgba(255,255,255,.1);border-color:var(--accent-blue)}.user-login-icon svg{width:20px;height:20px}.btn-primary{background:var(--gradient-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex!important;align-items:center;justify-content:center;height:40px;font-family:inherit;font-size:14px;letter-spacing:0;line-height:1;text-decoration:none}.btn-primary .btn-loading,.btn-primary .btn-text,.btn-primary span{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.hero-banner{position:relative;height:80vh;min-height:600px;display:flex;align-items:center;overflow:hidden;margin-bottom:var(--spacing-xl)}.hero-link{display:block;width:100%;height:100%;position:relative;text-decoration:none;transition:all .3s ease}.hero-link:hover .hero-background::after{background:linear-gradient(to right,rgba(10,14,39,.85) 0,rgba(10,14,39,.65) 50%,rgba(10,14,39,.25) 100%)}.hero-link:hover .hero-title{transform:translateX(10px);color:var(--accent-blue)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-background img{width:100%;height:100%;object-fit:cover}.hero-background::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(10,14,39,.6) 0,rgba(10,14,39,.3) 50%,rgba(10,14,39,.1) 100%);transition:all .3s ease}.hero-content{position:absolute;bottom:var(--spacing-xl);left:0;z-index:2;max-width:800px;padding-left:var(--spacing-xl)}.hero-title{font-size:1.4rem;font-weight:300;line-height:1.2;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.6);letter-spacing:.5px;transition:all .4s ease;font-family:inherit}.category-section{margin-bottom:var(--spacing-xl);padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.section-title{font-size:1.6rem;font-weight:700;color:var(--text-primary);position:relative;padding-left:var(--spacing-sm);line-height:1.3}.section-title::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:70%;background:var(--gradient-primary);border-radius:2px}.view-all-link{color:var(--accent-blue);font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:all .3s ease}.view-all-link:hover{gap:var(--spacing-sm)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.video-card{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;border:1px solid rgba(255,255,255,.05);position:relative}.video-card a{display:block;width:100%;text-decoration:none;color:inherit}.video-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(102,126,234,.3)}.video-thumbnail{position:relative;padding-top:56.25%;overflow:hidden;background:var(--secondary-bg)}.video-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .3s ease;display:block;z-index:1}.video-card:hover .video-thumbnail img{transform:scale(1.1)}.video-duration{position:absolute;bottom:var(--spacing-xs);right:var(--spacing-xs);background:rgba(0,0,0,.8);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.video-card:hover .video-play-overlay{opacity:1}.video-play-overlay::after{content:'▶';color:var(--primary-bg);font-size:1.5rem;margin-left:4px}.video-info{padding:var(--spacing-sm) var(--spacing-xs) 0}.video-title{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.site-footer{background:rgba(10,14,39,.95);border-top:1px solid rgba(255,255,255,.05);padding:var(--spacing-lg) 0;margin-top:var(--spacing-xl)}.footer-bottom{max-width:1400px;margin:0 auto;padding:var(--spacing-md);text-align:center;color:var(--text-muted);font-size:.9rem}.video-player-container{background:var(--secondary-bg);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-lg);max-width:1000px;margin-left:auto;margin-right:auto}.video-player{position:relative;padding-top:56.25%;background:#000;max-height:562px;overflow:hidden}.video-player iframe,.video-player video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;outline:0}.video-player video{object-fit:contain;background:#000}.video-details{padding:var(--spacing-lg)}.video-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.video-main-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.3rem;line-height:1.3}.video-stats{display:flex;gap:var(--spacing-lg);color:var(--text-secondary);font-size:.95rem}.video-actions{display:flex;gap:var(--spacing-sm)}.action-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--spacing-xs);font-family:inherit;font-size:14px;letter-spacing:0;font-weight:600}.action-btn:hover{background:rgba(255,255,255,.1);border-color:var(--accent-blue)}.video-description{background:rgba(255,255,255,.02);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);line-height:1.8;margin-top:var(--spacing-md)}.profile-container{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.profile-sidebar{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05);height:fit-content;position:sticky;top:100px}.profile-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto var(--spacing-md);border:4px solid rgba(102,126,234,.3);overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-name{text-align:center;font-size:1.2rem;font-weight:700;margin-bottom:.3rem;line-height:1.3}.profile-email{text-align:center;color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.profile-menu{list-style:none}.profile-menu li{margin-bottom:var(--spacing-xs)}.profile-menu a{display:block;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all .3s ease}.profile-menu a.active,.profile-menu a:hover{background:rgba(102,126,234,.1);color:var(--text-primary)}.profile-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05)}.auth-container{display:flex;align-items:center;justify-content:center;min-height:80vh;padding:var(--spacing-lg)}.auth-box{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:450px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:var(--spacing-lg)}.auth-title{font-size:1.6rem;font-weight:700;margin-bottom:.4rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.auth-subtitle{color:var(--text-secondary);font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:.875rem}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.form-group input{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:0;border-color:var(--accent-blue);background:rgba(255,255,255,.08)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.remember-me{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.9rem}.forgot-password{color:var(--accent-blue);font-size:.9rem}.btn-submit{width:100%;background:var(--gradient-primary);color:#fff;padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;margin-top:var(--spacing-md);font-family:inherit;letter-spacing:0}.btn-submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.auth-divider{text-align:center;color:var(--text-muted);margin:var(--spacing-lg) 0;position:relative}.auth-divider::after,.auth-divider::before{content:'';position:absolute;top:50%;width:40%;height:1px;background:rgba(255,255,255,.1)}.auth-divider::before{left:0}.auth-divider::after{right:0}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:var(--spacing-lg)}.auth-switch a{color:var(--accent-blue);font-weight:600}.pagination{display:flex;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl)}.pagination a,.pagination span{background:rgba(255,255,255,.05);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.pagination a:hover{background:rgba(255,255,255,.1);border-color:var(--accent-blue)}.pagination .current{background:var(--gradient-primary);border-color:transparent}@media (max-width:1024px){.hero-title{font-size:1.2rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.profile-container{grid-template-columns:1fr}.profile-sidebar{position:static}}@media (max-width:768px){.main-nav{display:none}.site-branding{display:block;white-space:nowrap}.site-logo{display:inline-block;font-size:1.5rem;white-space:nowrap;writing-mode:horizontal-tb}.hero-banner{height:auto;min-height:unset}.hero-background{position:relative;height:auto}.hero-background img{width:100%;height:auto;object-fit:contain}.hero-background::after{background:linear-gradient(to top,rgba(10,14,39,.7) 0,rgba(10,14,39,.3) 50%,transparent 100%)!important}.hero-title{font-size:1rem}.hero-content{bottom:var(--spacing-md);padding-left:var(--spacing-md);position:absolute;z-index:2}.video-player-container{max-width:100%;border-radius:0}.video-player{position:relative!important;padding-top:56.25%!important;max-height:none!important;height:0!important;width:100%!important;overflow:hidden}.video-player iframe,.video-player video{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important}.video-header{display:flex!important;flex-direction:column!important;gap:var(--spacing-sm)!important;align-items:stretch!important;width:100%!important}.video-header>div{width:100%!important}.video-main-title{width:100%!important;display:block!important;margin-bottom:var(--spacing-sm)!important}.video-actions{display:flex!important;width:100%!important;gap:var(--spacing-sm)!important;flex-direction:row!important}.video-actions .action-btn{flex:1!important;min-height:44px!important}.video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}.section-title{font-size:1.2rem}.footer-content{grid-template-columns:1fr}.profile-content table,.video-details table,table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;max-width:100%}table td,table th{min-width:80px;padding:var(--spacing-xs)!important;font-size:.85rem}.profile-content>div[style*=grid]{grid-template-columns:1fr!important;gap:var(--spacing-sm)!important}.action-btn,.btn-primary,.btn-submit{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}.profile-sidebar{margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.profile-menu-link{padding:var(--spacing-sm) var(--spacing-md);font-size:15px}.form-group input,.form-group select,.form-group textarea{font-size:16px!important}.search-input{font-size:1.2rem;padding:var(--spacing-sm) var(--spacing-md)}.search-close{top:-50px;font-size:2rem}.video-card{margin-bottom:var(--spacing-sm)}.video-title{font-size:.9rem;line-height:1.4}}@media (max-width:480px){.hero-content{padding-left:var(--spacing-md)}.video-grid{grid-template-columns:1fr}.auth-box{padding:var(--spacing-lg)}.site-logo{font-size:1.3rem}.profile-sidebar{padding:var(--spacing-sm)}.section-title{font-size:1.1rem}.back-to-top{width:44px;height:44px;bottom:20px;right:20px}.back-to-top svg{width:20px;height:20px}.search-input{font-size:1rem}}@media (hover:none) and (pointer:coarse){.video-card:hover .video-thumbnail{transform:none}.action-btn:hover,.btn-primary:hover,.btn-submit:hover{transform:none}.video-card:active .video-thumbnail{opacity:.9}.action-btn:active,.btn-primary:active,.btn-submit:active{opacity:.9}}@media (max-width:768px){html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{-webkit-tap-highlight-color:rgba(102,126,234,0.2)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease-out}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in{animation:slideIn .6s ease-out}.search-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);z-index:2000;align-items:center;justify-content:center}.search-modal.active{display:flex}.search-box{width:90%;max-width:700px;position:relative}.search-input{width:100%;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.2);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);font-size:1.5rem;transition:all .3s ease}.search-input:focus{outline:0;border-color:var(--accent-blue);background:rgba(255,255,255,.15)}.search-close{position:absolute;top:-60px;right:0;background:0 0;border:none;color:#fff;font-size:2rem;cursor:pointer;transition:all .3s ease}.search-close:hover{transform:rotate(90deg)}.loading{display:inline-block;width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-radius:50%;border-top-color:var(--accent-blue);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--gradient-primary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);transition:all .3s ease;z-index:999}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}.back-to-top svg{color:#fff}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.tooltip{position:absolute;background:rgba(0,0,0,.9);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.85rem;white-space:nowrap;z-index:9999;pointer-events:none}.tooltip::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:rgba(0,0,0,.9)}body:not(.loaded){opacity:0}body.loaded{opacity:1;transition:opacity .3s ease}input.error,select.error,textarea.error{border-color:var(--accent-pink)!important}input.error:focus,select.error:focus,textarea.error:focus{box-shadow:0 0 0 3px rgba(236,72,153,.1)}@media print{.back-to-top,.hero-banner,.search-modal,.site-footer,.site-header,.video-actions{display:none!important}body{background:#fff;color:#000}.profile-container,.video-card{page-break-inside:avoid}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary-bg);color:var(--text-primary);padding:var(--spacing-sm);text-decoration:none;z-index:9999}.skip-link:focus{top:0}button{font-family:inherit;font-size:14px;letter-spacing:0}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.video-thumbnail img{will-change:transform}.video-card{will-change:transform,box-shadow}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.auth-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);z-index:9999;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.auth-modal.active{display:flex;opacity:1}.auth-modal-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;width:90%;max-width:400px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s ease;max-height:90vh;overflow-y:auto}@keyframes slideUp{from{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.auth-modal-close{position:absolute;top:.75rem;right:.75rem;background:0 0;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:all .3s ease;padding:0;width:28px;height:28px}.auth-modal-close:hover{color:var(--text-primary);transform:rotate(90deg)}.auth-modal-header{text-align:center;margin-bottom:1.25rem}.auth-modal-title{font-size:1.35rem;font-weight:700;margin-bottom:.25rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.auth-modal-subtitle{color:var(--text-secondary);font-size:.875rem}.auth-form{display:flex;flex-direction:column;gap:.875rem}.auth-message{min-height:20px}.auth-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#22c55e;padding:var(--spacing-sm);border-radius:var(--radius-sm);text-align:center}.auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--spacing-sm);border-radius:var(--radius-sm);text-align:center}.forgot-link{color:var(--accent-blue);font-size:.9rem;text-decoration:none}.forgot-link:hover{text-decoration:underline}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:var(--spacing-md);font-size:.95rem}.auth-switch a{color:var(--accent-blue);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.btn-loading{display:inline-flex;align-items:center;gap:8px}.btn-loading::after{content:'';width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}@media (max-width:480px){.auth-modal-content{width:92%;padding:1.25rem 1rem;max-width:340px}.auth-modal-header{margin-bottom:1rem}.auth-modal-title{font-size:1.15rem}.auth-modal-subtitle{font-size:.8rem}.auth-modal-close{top:.5rem;right:.5rem;font-size:1.25rem;width:24px;height:24px}.auth-form{gap:.75rem}.form-group label{font-size:.875rem;margin-bottom:.375rem}.form-group input{padding:.625rem;font-size:.9375rem}.btn-submit{padding:.75rem;font-size:.9375rem}.auth-switch{margin-top:.875rem;font-size:.875rem}.form-actions{font-size:.875rem}.form-group .description{font-size:.75rem;margin-top:.25rem}}@media (max-width:360px){.auth-modal-content{width:94%;padding:1rem .875rem;max-width:320px}.auth-modal-title{font-size:1.1rem}.auth-modal-subtitle{font-size:.75rem}.form-group input{padding:.5rem;font-size:.875rem}.form-group img[alt="验证码"]{width:85px!important}}@keyframes slideDown{from{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%,0)}}@media (max-width:768px){.payment-methods-grid{grid-template-columns:1fr!important}}.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;background:rgba(10,14,39,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);z-index:1000;padding-bottom:env(safe-area-inset-bottom);margin-bottom:0;box-shadow:0 -2px 15px rgba(0,0,0,.2)}.mobile-nav-menu{display:flex;justify-content:space-around;align-items:flex-end;list-style:none;margin:0;padding:0;min-height:50px}.mobile-nav-menu li{flex:1;text-align:center;position:relative;margin:0}.mobile-nav-menu a{display:block;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;padding:8px 8px 6px 8px;margin:0;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.mobile-nav-menu a::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:0;height:2px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:2px 2px 0 0;transition:width .3s ease}.mobile-nav-menu a:hover{color:var(--accent-blue)}.mobile-nav-menu a:hover::after{width:60%}.mobile-nav-menu .current-menu-item a,.mobile-nav-menu .current_page_item a{color:var(--accent-blue)}.mobile-nav-menu .current-menu-item a::after,.mobile-nav-menu .current_page_item a::after{width:60%}body{padding-bottom:calc(50px + env(safe-area-inset-bottom))!important;margin-bottom:0!important}}