.navbar[data-v-d2010ab6]{background-size:cover;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:.5rem 0}.navbar[data-v-d2010ab6]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.9);z-index:-1}.navbar .container[data-v-d2010ab6]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.img_logo[data-v-d2010ab6]{width:100%;height:80px;-o-object-fit:cover;object-fit:cover;margin-right:3px}.nav-brand[data-v-d2010ab6]{font-size:1.2rem;font-weight:500;color:#2c3e50;display:flex}.nav-menu[data-v-d2010ab6]{display:flex;gap:2rem}.nav-link[data-v-d2010ab6]{text-decoration:none;color:#333;font-weight:500;transition:color .3s;padding:.5rem 0}.nav-link.active[data-v-d2010ab6],.nav-link[data-v-d2010ab6]:hover{color:#3498db}.auth-buttons[data-v-d2010ab6]{display:flex;gap:1rem}.btn-login[data-v-d2010ab6],.btn-register[data-v-d2010ab6]{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.btn-login[data-v-d2010ab6]{background:#fff;color:#3498db;border:1px solid #3498db}.btn-register[data-v-d2010ab6]{background:#3498db;color:#fff}.mobile-menu-btn[data-v-d2010ab6]{display:none;flex-direction:column;background:none;border:none;cursor:pointer}.mobile-menu-btn span[data-v-d2010ab6]{width:25px;height:3px;background:#333;margin:3px 0;transition:.3s}.mobile-menu[data-v-d2010ab6]{display:none;background:#fff;padding:1rem 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);position:absolute;top:100%;left:0;right:0;z-index:999}.mobile-nav-link[data-v-d2010ab6]{display:block;padding:.8rem 0;text-decoration:none;color:#333;border-bottom:1px solid #eee}.mobile-nav-link[data-v-d2010ab6]:last-child{border-bottom:none}@media (max-width:768px){.auth-buttons[data-v-d2010ab6],.nav-menu[data-v-d2010ab6]{display:none}.mobile-menu-btn[data-v-d2010ab6]{display:flex}.mobile-menu[data-v-d2010ab6]{display:block}}@media (max-width:480px){.navbar .container[data-v-d2010ab6]{padding:0 15px}.mobile-menu[data-v-d2010ab6]{padding:1rem 15px}}.footer[data-v-441f5106]{background:#2c3e50;color:#fff;padding:2rem 0}.footer .container[data-v-441f5106]{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content[data-v-441f5106]{display:flex;justify-content:space-between;align-items:center}.footer-links a[data-v-441f5106]{color:#fff;text-decoration:none;margin-left:1rem;transition:color .3s}.footer-links a[data-v-441f5106]:hover{color:#3498db}@media (max-width:768px){.footer-content[data-v-441f5106]{flex-direction:column;gap:1rem;text-align:center}.footer-links a[data-v-441f5106]{margin:0 .5rem}}@media (max-width:480px){.footer .container[data-v-441f5106]{padding:0 15px}}.container[data-v-a8c4ca84]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-banner[data-v-a8c4ca84]{position:relative;height:200px;overflow:hidden}.banner-bg[data-v-a8c4ca84]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:brightness(.8)}.breadcrumb[data-v-a8c4ca84]{position:absolute;bottom:20px;left:20px;color:#fff;font-size:.9rem;text-shadow:0 1px 2px rgba(0,0,0,.1)}.breadcrumb a[data-v-a8c4ca84]{color:#fff;text-decoration:none;transition:all .3s ease;padding:2px 4px;border-radius:3px}.breadcrumb a[data-v-a8c4ca84]:hover{color:#3498db;background:hsla(0,0%,100%,.2)}.main-content[data-v-a8c4ca84]{padding:3rem 0;min-height:calc(100vh - 400px);background:#fff}.tab-nav[data-v-a8c4ca84]{display:flex;background:#f8fafc;border-radius:12px;padding:4px;margin-bottom:2rem;box-shadow:0 2px 8px rgba(0,0,0,.05)}.tab-btn[data-v-a8c4ca84]{flex:1;padding:1rem 1.5rem;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#718096;display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-btn[data-v-a8c4ca84]:hover{background:#e2e8f0;color:#3498db}.tab-btn.active[data-v-a8c4ca84]{background:#3498db;color:#fff;box-shadow:0 2px 8px rgba(52,152,219,.2)}.tab-btn i[data-v-a8c4ca84]{font-size:.9rem}.tab-content[data-v-a8c4ca84]{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 20px rgba(0,0,0,.05)}.tab-panel[data-v-a8c4ca84]{transition:opacity .3s ease}.section-header[data-v-a8c4ca84]{text-align:center;margin-bottom:2.5rem}.section-title[data-v-a8c4ca84]{font-size:1.8rem;font-weight:700;color:#2d3748;position:relative;display:inline-block}.section-title[data-v-a8c4ca84]:after,.section-title[data-v-a8c4ca84]:before{content:"〰️";color:#3498db;margin:0 1rem;font-size:1.2rem;vertical-align:middle}.section-divider[data-v-a8c4ca84]{width:60px;height:3px;background:#3498db;margin:1rem auto 0;border-radius:2px}.intro-content[data-v-a8c4ca84]{color:#4a5568;line-height:1.8;font-size:1rem;margin-bottom:2.5rem}.intro-content p[data-v-a8c4ca84]{margin-bottom:1.5rem;text-align:justify}.intro-image[data-v-a8c4ca84]{text-align:center}.intro-image img[data-v-a8c4ca84]{max-width:100%;border-radius:8px;box-shadow:0 4px 15px rgba(0,0,0,.1)}.timeline[data-v-a8c4ca84]{max-width:800px;margin:0 auto}.timeline-item[data-v-a8c4ca84]{display:flex;margin-bottom:2rem;position:relative}.timeline-item[data-v-a8c4ca84]:before{content:"";position:absolute;left:80px;top:40px;bottom:-40px;width:2px;background:#e2e8f0;z-index:0}.timeline-item[data-v-a8c4ca84]:last-child:before{display:none}.timeline-year[data-v-a8c4ca84]{width:120px;flex-shrink:0;font-size:1.2rem;font-weight:700;color:#3498db;background:#e8f4fc;border-radius:20px;padding:.5rem 1rem;text-align:center;position:relative;z-index:1}.timeline-content[data-v-a8c4ca84]{flex:1;padding-left:2rem;padding-top:.3rem}.timeline-content h3[data-v-a8c4ca84]{color:#2d3748;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.timeline-content p[data-v-a8c4ca84]{color:#718096;line-height:1.6}.video-grid[data-v-a8c4ca84]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.video-card[data-v-a8c4ca84]{background:#f8fafc;border-radius:8px;overflow:hidden;transition:all .3s ease}.video-card[data-v-a8c4ca84]:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.video-thumbnail[data-v-a8c4ca84]{position:relative;height:180px;overflow:hidden}.video-thumbnail img[data-v-a8c4ca84]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail img[data-v-a8c4ca84]{transform:scale(1.05)}.play-button[data-v-a8c4ca84]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(52,152,219,.9);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .3s ease}.video-card:hover .play-button[data-v-a8c4ca84]{background:#3498db;transform:translate(-50%,-50%) scale(1.1)}.video-title[data-v-a8c4ca84]{padding:1rem 1rem .5rem;font-size:1rem;font-weight:600;color:#2d3748}.video-date[data-v-a8c4ca84]{padding:0 1rem 1rem;color:#a0aec0;font-size:.9rem}.float-buttons[data-v-a8c4ca84]{position:fixed;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.8rem;z-index:999}.float-btn[data-v-a8c4ca84]{writing-mode:vertical-rl;text-orientation:mixed;padding:1rem .6rem;border:none;border-radius:8px;background:#fff;color:#4a5568;box-shadow:0 4px 12px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;font-size:.9rem;font-weight:500;border:1px solid #e2e8f0}.float-btn[data-v-a8c4ca84]:hover{transform:translateX(-4px);box-shadow:0 6px 20px rgba(52,152,219,.3)}.float-btn-top[data-v-a8c4ca84],.float-btn[data-v-a8c4ca84]:hover{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.about—detail[data-v-a8c4ca84]{text-indent:2rem}@media (max-width:768px){.hero-banner[data-v-a8c4ca84]{height:150px}.breadcrumb[data-v-a8c4ca84]{bottom:15px;left:15px;font-size:.8rem}.tab-nav[data-v-a8c4ca84]{flex-direction:column}.tab-btn[data-v-a8c4ca84]{justify-content:flex-start}.section-title[data-v-a8c4ca84]{font-size:1.5rem}.section-title[data-v-a8c4ca84]:after,.section-title[data-v-a8c4ca84]:before{display:none}.timeline-item[data-v-a8c4ca84]{flex-direction:column}.timeline-item[data-v-a8c4ca84]:before{left:20px;top:120px;bottom:-20px}.timeline-year[data-v-a8c4ca84]{margin-bottom:1rem}.timeline-content[data-v-a8c4ca84]{padding-left:1.5rem;padding-top:0}.video-grid[data-v-a8c4ca84]{grid-template-columns:1fr}}@media (max-width:480px){.container[data-v-a8c4ca84]{padding:0 15px}.tab-content[data-v-a8c4ca84]{padding:1.5rem}}