@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap");.skip-links{display:none}.scroll-anchor.current-section{color:#e8eb25 !important;background:rgba(59,130,246,0.1) !important;border-color:rgba(59,130,246,0.3) !important;font-weight:600 !important}.nav-menu a[target="_blank"]{display:flex;align-items:center;gap:0.25rem}.nav-menu a[target="_blank"] svg{transition:transform 0.2s ease;opacity:0.7}.nav-menu a[target="_blank"]:hover svg{transform:translate(0.125rem, -0.125rem);opacity:1}#featured-section,#news-section,#video-section{scroll-margin-top:6.25rem}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.scroll-anchor{transition:none !important}}@media (max-width: 63.9375rem){.nav-menu.active .scroll-anchor{border-radius:1rem;margin-bottom:0.5rem;transition:all 0.3s ease}.nav-menu.active .scroll-anchor:hover{transform:translateX(0.5rem);box-shadow:0 0.25rem 0.9375rem rgba(59,130,246,0.2)}}#foot{background:linear-gradient(135deg, #1e3a8a, rgba(30,58,138,0.95), rgba(30,64,175,0.9));color:#fff;position:relative;overflow:hidden;padding:2rem 0;margin-top:auto;text-align:center}#foot::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%, rgba(96,165,250,0.1) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(59,130,246,0.08) 0%, transparent 50%);animation:footer-flow 20s ease-in-out infinite;pointer-events:none}#foot .footer-container{max-width:75rem;margin:0 auto;padding:0 1rem;position:relative;z-index:2}@media (min-width: 48rem){#foot .footer-container{padding:0 1.5rem}}@media (min-width: 64rem){#foot .footer-container{padding:0 2rem}}#foot .footer-divider{margin-bottom:2rem;height:0.0625rem;background:linear-gradient(90deg, transparent, rgba(96,165,250,0.5), rgba(59,130,246,0.7), rgba(96,165,250,0.5), transparent)}#foot .footer-content{margin-bottom:2rem}#foot .footer-brand{display:flex;justify-content:center;margin-bottom:2rem}#foot .footer-brand .footer-logo{display:flex;align-items:center;gap:1.5rem}@media (max-width: 47.9375rem){#foot .footer-brand .footer-logo{flex-direction:column;gap:1rem}}#foot .footer-brand .footer-logo img{height:3rem;width:auto;transition:transform 0.3s ease;filter:brightness(1.1)}@media (min-width: 48rem){#foot .footer-brand .footer-logo img{height:3.5rem}}@media (min-width: 64rem){#foot .footer-brand .footer-logo img{height:4rem}}#foot .footer-brand .footer-logo img:hover{transform:scale(1.05)}#foot .footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}@media (max-width: 47.9375rem){#foot .footer-links{gap:0.75rem}}#foot .footer-links .footer-link{color:rgba(255,255,255,0.9);text-decoration:none;font-size:0.875rem;padding:0.5rem 1rem;border-radius:1.5rem;border:0.0625rem solid rgba(96,165,250,0.3);background:rgba(96,165,250,0.1);transition:all 0.3s ease}@media (min-width: 48rem){#foot .footer-links .footer-link{font-size:1rem;padding:0.75rem 1.25rem}}#foot .footer-links .footer-link:hover{color:#fff;background:rgba(96,165,250,0.2);border-color:rgba(96,165,250,0.5);transform:translateY(-0.125rem)}#foot .footer-links .footer-link:focus{outline:0.125rem solid rgba(96,165,250,0.6);outline-offset:0.125rem}#foot .footer-statement{padding:1.5rem 1rem;background:rgba(96,165,250,0.1);border-radius:1rem;border:0.0625rem solid rgba(96,165,250,0.2);max-width:50rem;margin:0 auto}#foot .footer-statement .statement-icon{font-size:1.5rem;margin-bottom:0.75rem;display:block}#foot .footer-statement .statement-text{font-size:0.875rem;color:rgba(255,255,255,0.9);line-height:1.6;margin:0}@media (min-width: 48rem){#foot .footer-statement .statement-text{font-size:1rem}}@keyframes footer-flow{0%, 100%{transform:translateX(0) translateY(0) scale(1)}33%{transform:translateX(0.625rem) translateY(-0.3125rem) scale(1.02)}66%{transform:translateX(-0.3125rem) translateY(-0.625rem) scale(1.01)}}@media (max-width: 47.9375rem){#foot{padding:1.5rem 0}#foot .footer-divider{margin-bottom:1.5rem}#foot .footer-content{margin-bottom:1.5rem}#foot .footer-brand .footer-logo img{height:2.5rem}#foot .footer-links{margin-bottom:1.5rem}#foot .footer-statement{padding:1rem}}@media (prefers-reduced-motion: reduce){#foot::before{animation:none !important}.footer-brand .footer-logo img:hover{transform:none}.footer-link:hover{transform:none}}@media (prefers-contrast: high){#foot{background:#111827 !important;border-top:0.1875rem solid #fff}#foot .footer-divider{background:#fff !important}#foot .footer-link{border-color:#fff !important;background:transparent !important}#foot .footer-link:hover{background:#fff !important;color:#111827 !important}#foot .footer-statement{background:rgba(255,255,255,0.1) !important;border-color:#fff !important}}@media print{#foot{background:none !important;color:#111827 !important;border-top:0.125rem solid #111827 !important;padding:1rem 0 !important}#foot::before{display:none !important}#foot .footer-brand .footer-logo img{filter:grayscale(100%) !important}#foot .footer-links{display:none !important}}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:100%}body{font-family:"Inter","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:1rem;line-height:1.5;color:#1f2937;background-color:#fff;margin:0;padding:0;-webkit-font-smoothing:antialiased}.sr-only{position:absolute !important;width:0.0625rem !important;height:0.0625rem !important;padding:0 !important;margin:-0.0625rem !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.skip-links{position:absolute;top:-6.25rem;left:0;z-index:10000}.skip-links .skip-link{position:absolute;top:0;left:1rem;background:#2563eb;color:#fff;padding:.75rem 1rem;border-radius:0.5rem;font-weight:500;text-decoration:none;transition:top 0.3s ease}.skip-links .skip-link:focus{top:1rem}.section-container{max-width:75rem;margin:0 auto;padding:0 1rem}@media (min-width: 48rem){.section-container{padding:0 1.5rem}}@media (min-width: 64rem){.section-container{padding:0 2rem}}.site-header{position:sticky;top:0;z-index:1000;background:rgba(22,75,123,0.98);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);border-bottom:0.0625rem solid rgba(22,75,123,0.1);transition:all 0.3s ease}.site-header.scrolled{background:rgba(255,255,255,0.98);box-shadow:0 0.25rem 1.25rem rgba(22,75,123,0.08)}.main-nav .container{max-width:75rem;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:4.5rem;position:relative}@media (min-width: 48rem){.main-nav .container{padding:0 1.5rem;height:5rem}}@media (min-width: 64rem){.main-nav .container{padding:0 2rem}}.nav-brand{flex-shrink:0;display:flex;align-items:center;gap:.75rem}@media (max-width: 64rem){.nav-brand h1 img{height:80px;margin-top:20px}}.nav-brand:hover::before{transform:scale(1.1) rotate(5deg)}.nav-brand .site-title{margin:0;font-size:1.125rem;font-weight:700}@media (min-width: 48rem){.nav-brand .site-title{font-size:1.25rem}}.nav-brand .site-title a{color:#1f2937;text-decoration:none;transition:all 0.3s ease;letter-spacing:-0.02em;display:inline-block}.nav-brand .site-title a:hover{color:#2563eb;transform:translateY(-0.0625rem)}.nav-brand .site-title a:focus-visible{outline:0.125rem solid #3b82f6;outline-offset:0.25rem;border-radius:0.375rem}.nav-menu{display:none;list-style:none;margin:0;padding:0;align-items:center;gap:.5rem}@media (min-width: 64rem){.nav-menu{display:flex}}.nav-menu li{position:relative}.nav-menu li a{display:flex;align-items:center;padding:.75rem 1.25rem;font-family:"Inter","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:1rem;font-weight:500;color:#fff;text-decoration:none;border-radius:2rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);min-height:2.75rem;position:relative;white-space:nowrap;background:transparent;border:0.0625rem solid transparent}.nav-menu li a:hover{color:#25eb9f;background:rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.15);transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.1)}.nav-menu li a:focus-visible{outline:0.125rem solid #3b82f6;outline-offset:0.125rem;color:#2563eb;background:rgba(59,130,246,0.06)}.nav-menu li a[aria-current="page"]{color:#fff;background:linear-gradient(135deg, rgba(59,130,246,0.38), rgba(59,130,246,0.34));border-color:rgba(59,130,246,0.2);font-weight:600}.nav-menu li a[aria-current="page"]::after{content:'';position:absolute;bottom:-0.0625rem;left:50%;width:60%;height:0.1875rem;background:linear-gradient(135deg, #3b82f6, #2563eb);transform:translateX(-50%);border-radius:0.125rem}.nav-menu.active{display:flex;flex-direction:column;position:fixed;top:4.5rem;left:0;right:0;max-height:calc(100vh - 4.5rem);background:rgba(22,75,123,0.98);backdrop-filter:blur(1.25rem);-webkit-backdrop-filter:blur(1.25rem);padding:2rem 1.5rem;gap:.75rem;animation:slideInFromTop 0.4s cubic-bezier(0.4, 0, 0.2, 1);overflow-y:auto;z-index:999;border-bottom-left-radius:1.5rem;border-bottom-right-radius:1.5rem;box-shadow:0 1.25rem 2.5rem rgba(59,130,246,0.15)}@media (min-width: 48rem){.nav-menu.active{top:5rem;max-height:calc(100vh - 5rem)}}@media (min-width: 64rem){.nav-menu.active{display:flex;position:static;flex-direction:row;background:none;padding:0;animation:none;gap:.5rem;overflow-y:visible;max-height:none;border-radius:0;box-shadow:none}}.nav-menu.active li{width:100%}@media (min-width: 64rem){.nav-menu.active li{width:auto}}.nav-menu.active li a{justify-content:center;padding:1rem 1.5rem;margin-bottom:.5rem;background:#043554;border:0.0625rem solid rgba(59,130,246,0.1);border-radius:1rem;font-size:1.125rem;font-weight:500;box-shadow:0 0.125rem 0.5rem rgba(59,130,246,0.08);text-align:center}@media (min-width: 64rem){.nav-menu.active li a{justify-content:center;margin-bottom:0;background:transparent;border:0.0625rem solid transparent;border-radius:2rem;font-size:1rem;box-shadow:none}}.nav-menu.active li a:hover{background:linear-gradient(135deg, rgba(59,130,246,0.08), rgba(59,130,246,0.04));border-color:rgba(59,130,246,0.2);transform:translateY(-0.1875rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.15)}@media (min-width: 64rem){.nav-menu.active li a:hover{background:rgba(59,130,246,0.06);border-color:rgba(59,130,246,0.15);transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.1)}}.nav-toggle{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;background:#fff;border:0.0625rem solid rgba(59,130,246,0.15);cursor:pointer;border-radius:1rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;box-shadow:0 0.125rem 0.5rem rgba(59,130,246,0.08)}@media (min-width: 64rem){.nav-toggle{display:none}}.nav-toggle:hover{background:rgba(59,130,246,0.04);border-color:rgba(59,130,246,0.25);transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.25rem rgba(59,130,246,0.15)}.nav-toggle:focus-visible{outline:0.125rem solid #3b82f6;outline-offset:0.125rem;background:rgba(59,130,246,0.04);border-color:rgba(59,130,246,0.25)}.nav-toggle:active{transform:translateY(0) scale(0.95)}.nav-toggle .hamburger{position:relative;width:1.25rem;height:0.875rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.nav-toggle .hamburger .line{display:block;width:100%;height:0.125rem;background:#2563eb;border-radius:0.0625rem;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-origin:center}.nav-toggle .hamburger .line:nth-child(2){width:80%}.nav-toggle.active{background:#2563eb;border-color:#2563eb}.nav-toggle.active .hamburger .line{background:#fff}.nav-toggle.active .hamburger .line:nth-child(1){transform:rotate(45deg) translate(0.1875rem, 0.1875rem);width:100%}.nav-toggle.active .hamburger .line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.active .hamburger .line:nth-child(3){transform:rotate(-45deg) translate(0.1875rem, -0.1875rem);width:100%}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(0.25rem);-webkit-backdrop-filter:blur(0.25rem);z-index:998;opacity:0;visibility:hidden;transition:all 0.3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}@media (min-width: 64rem){.mobile-menu-overlay{display:none}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;font-family:"Inter","Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;border:0.125rem solid transparent;border-radius:2rem;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);min-height:3.25rem;position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);transition:left 0.5s ease}.btn:hover::before{left:100%}.btn:focus{outline:0.1875rem solid rgba(34,197,94,0.3);outline-offset:0.125rem}.btn .btn-icon{width:1.125rem;height:1.125rem;transition:transform 0.3s ease}.btn:hover .btn-icon{transform:translateX(0.25rem) scale(1.1)}.btn.btn-primary{background:linear-gradient(135deg, #60a5fa, #2563eb);color:#fff;box-shadow:0 0.5rem 2rem rgba(34,197,94,0.2)}.btn.btn-primary:hover{background:linear-gradient(135deg, #3b82f6, #1d4ed8);transform:translateY(-0.1875rem);box-shadow:0 1rem 3rem rgba(34,197,94,0.3)}.btn.btn-primary:active{transform:translateY(-0.0625rem)}.btn.btn-secondary{background:rgba(255,255,255,0.95);backdrop-filter:blur(0.75rem);color:#2563eb;border-color:rgba(34,197,94,0.3);box-shadow:0 0.5rem 2rem rgba(0,0,0,0.1)}.btn.btn-secondary:hover{background:#eff6ff;border-color:#60a5fa;transform:translateY(-0.1875rem);box-shadow:0 1rem 3rem rgba(34,197,94,0.15)}.btn.btn-outline{background:transparent;color:#2563eb;border-color:#60a5fa}.btn.btn-outline:hover{background:#2563eb;color:#fff;border-color:#2563eb;transform:translateY(-0.1875rem);box-shadow:0 1rem 3rem rgba(34,197,94,0.2)}.btn.btn-ghost{background:rgba(255,255,255,0.05);backdrop-filter:blur(0.75rem);color:#4b5563;border-color:rgba(107,114,128,0.3)}.btn.btn-ghost:hover{background:rgba(107,114,128,0.1);color:#1f2937;border-color:#9ca3af;transform:translateY(-0.1875rem)}.btn.btn-large{padding:1.25rem 2.5rem;font-size:1.125rem;min-height:3.75rem;font-weight:700}.btn.btn-large .btn-icon{width:1.25rem;height:1.25rem}.hero-banner{position:relative;height:100vh;min-height:37.5rem;color:#fff;overflow:hidden;display:flex;align-items:center}.hero-banner.responsive-banner{background:none}.hero-banner.responsive-banner .banner-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero-banner.responsive-banner .banner-background .banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-banner.responsive-banner .hero-container{position:relative;z-index:2;width:100%}.hero-banner.hero-with-bg:not(.responsive-banner){background-image:linear-gradient(135deg, rgba(34,197,94,0.8), rgba(22,163,74,0.9));background-size:cover;background-position:center;background-attachment:fixed}@media (max-width: 48rem){.hero-banner.hero-with-bg:not(.responsive-banner){background-attachment:scroll}}.hero-banner .hero-container{position:relative;z-index:2;height:100%;display:flex;align-items:center;padding:5rem 0}.hero-banner .hero-content{max-width:75rem;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;width:100%}@media (min-width: 48rem){.hero-banner .hero-content{padding:0 1.5rem}}@media (min-width: 64rem){.hero-banner .hero-content{grid-template-columns:1fr;padding:0 2rem}}.hero-banner .hero-text{text-align:center}@media (min-width: 64rem){.hero-banner .hero-text{text-align:center}}.hero-banner .hero-text .hero-subtitle{font-size:1.125rem;font-weight:500;color:rgba(255,255,255,0.9);margin-bottom:1.5rem;letter-spacing:0.05em;text-transform:uppercase}.hero-banner .hero-text .hero-title{font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:2rem;text-shadow:0 0.25rem 1.25rem rgba(0,0,0,0.5)}@media (min-width: 48rem){.hero-banner .hero-text .hero-title{font-size:3rem}}@media (min-width: 64rem){.hero-banner .hero-text .hero-title{font-size:3.75rem}}.hero-banner .hero-text .text-highlight{background:linear-gradient(135deg, #fed7aa, #f97316);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-top:.5rem}.hero-banner .hero-text .hero-description{font-size:1.125rem;line-height:1.6;color:rgba(255,255,255,0.9);margin-bottom:2.5rem;max-width:37.5rem;margin-left:auto;margin-right:auto;text-shadow:0 0.125rem 0.75rem rgba(0,0,0,0.3)}@media (min-width: 48rem){.hero-banner .hero-text .hero-description{font-size:1.25rem}}.hero-banner .hero-text .hero-buttons{display:flex;flex-direction:column;gap:1rem;align-items:center}@media (min-width: 48rem){.hero-banner .hero-text .hero-buttons{flex-direction:row;gap:1.5rem;justify-content:center}}section{padding:5rem 0;position:relative}.section-header{text-align:center;margin-bottom:4rem;max-width:50rem;margin-left:auto;margin-right:auto}.section-header .section-subtitle{font-size:.875rem;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}.section-header .section-title{font-size:2.25rem;font-weight:700;color:#111827;margin-bottom:1.5rem}@media (min-width: 48rem){.section-header .section-title{font-size:3rem}}.section-header .section-description{font-size:1.125rem;color:#4b5563;line-height:1.6;max-width:37.5rem;margin:0 auto}.section-cta{text-align:center;margin-top:4rem}.stats-section{background:linear-gradient(135deg, #1e3a8a, #1e40af);color:#fff;position:relative;overflow:hidden}.stats-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(59,130,246,0.2) 0%, transparent 70%);animation:ocean-current 20s linear infinite}.stats-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(0.125rem 0.125rem at 1.25rem 1.875rem, rgba(255,255,255,0.15), transparent),radial-gradient(0.0625rem 0.0625rem at 2.5rem 4.375rem, rgba(255,255,255,0.1), transparent),radial-gradient(0.0625rem 0.0625rem at 5.625rem 2.5rem, rgba(255,255,255,0.1), transparent),radial-gradient(0.125rem 0.125rem at 8.125rem 5rem, rgba(255,255,255,0.15), transparent);background-repeat:repeat;background-size:9.375rem 6.25rem;animation:float-particles 30s linear infinite;pointer-events:none}.stats-section .section-container{position:relative;z-index:2}.stats-section .section-header .section-subtitle{color:#93c5fd}.stats-section .section-header .section-title{color:#fff}.stats-section .section-header .section-title::after{background:linear-gradient(90deg, #60a5fa, #2563eb, #fdba74)}.stats-section .stats-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:1.5rem}@media (min-width: 48rem){.stats-section .stats-grid{grid-template-columns:repeat(4, 1fr)}}.stats-section .stat-card{background:rgba(255,255,255,0.95);backdrop-filter:blur(1.25rem);border-radius:2rem;padding:2rem;text-align:center;box-shadow:0 0.5rem 2rem rgba(30,64,175,0.2);border:0.0625rem solid rgba(59,130,246,0.2);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;opacity:1;transform:translateY(0)}body.js-enabled .stats-section .stat-card{opacity:0;transform:translateY(1.875rem)}body.js-enabled .stats-section .stat-card.animate-in{opacity:1;transform:translateY(0)}.stats-section .stat-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg, transparent, rgba(59,130,246,0.1), transparent);transform:rotate(45deg);transition:all 0.6s ease;opacity:0}.stats-section .stat-card:hover{transform:translateY(-0.5rem) scale(1.02);box-shadow:0 1.25rem 3.75rem rgba(59,130,246,0.3);border-color:rgba(59,130,246,0.4)}.stats-section .stat-card:hover::before{opacity:1;animation:ocean-shimmer 1.5s ease-out}.stats-section .stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 0.75rem 1.875rem rgba(59,130,246,0.4)}.stats-section .stat-card:hover .stat-number{color:#1d4ed8}.stats-section .stat-card .stat-icon{width:5rem;height:5rem;margin:0 auto 1.5rem;background:linear-gradient(135deg, #60a5fa, #2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all 0.3s ease;box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.3);position:relative}.stats-section .stat-card .stat-icon::after{content:'';position:absolute;inset:-0.25rem;border-radius:50%;border:0.125rem solid rgba(59,130,246,0.3);opacity:0;transform:scale(0.8);transition:all 0.3s ease}.stats-section .stat-card .stat-icon svg{width:2rem;height:2rem}.stats-section .stat-card:hover .stat-icon::after{opacity:1;transform:scale(1.2);animation:ripple 1.5s ease-out}.stats-section .stat-card .stat-number{font-size:2.25rem;font-weight:800;color:#2563eb;line-height:1;display:inline;transition:color 0.3s ease}@media (min-width: 48rem){.stats-section .stat-card .stat-number{font-size:3rem}}.stats-section .stat-card .stat-unit{font-size:1.5rem;font-weight:700;color:#3b82f6;margin-left:.25rem}.stats-section .stat-card .stat-label{font-size:1.125rem;color:#1d4ed8;font-weight:600;margin-top:.75rem;letter-spacing:0.03125rem}.featured-section{background:linear-gradient(135deg, rgba(239,246,255,0.8), rgba(219,234,254,0.6), rgba(191,219,254,0.4));position:relative;overflow:hidden}.featured-section::before{content:'';position:absolute;top:-50%;left:-30%;width:160%;height:200%;background:radial-gradient(ellipse at center, rgba(59,130,246,0.06) 0%, rgba(96,165,250,0.04) 30%, transparent 70%);animation:ocean-float 25s ease-in-out infinite;transform:rotate(-15deg)}.featured-section::after{content:'';position:absolute;bottom:-20%;right:-20%;width:100%;height:100%;background:radial-gradient(circle, rgba(249,115,22,0.08) 0%, rgba(251,146,60,0.04) 40%, transparent 70%);animation:coral-drift 30s ease-in-out infinite reverse}.featured-section .section-container{position:relative;z-index:2}.featured-section .section-header .section-subtitle{color:#2563eb;background:linear-gradient(135deg, rgba(59,130,246,0.1), rgba(147,197,253,0.1));padding:.5rem 1rem;border-radius:2rem;display:inline-block;border:0.0625rem solid rgba(59,130,246,0.2)}.featured-section .section-header .section-title{color:#1e40af;background:linear-gradient(135deg, #1e40af, #2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-section .section-header .section-description{color:rgba(30,64,175,0.8)}.activity-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 48rem){.activity-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 64rem){.activity-grid{grid-template-columns:repeat(3, 1fr)}}.activity-card{background:#fff;border-radius:2rem;box-shadow:0 0.75rem 2.5rem rgba(30,64,175,0.12);border:0.0625rem solid rgba(59,130,246,0.15);overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;opacity:1;transform:translateY(0)}body.js-enabled .activity-card{opacity:0;transform:translateY(1.875rem)}body.js-enabled .activity-card.animate-in{opacity:1;transform:translateY(0)}.activity-card::before{content:'';position:absolute;top:0;left:0;right:0;height:0.25rem;background:linear-gradient(90deg, #60a5fa, #2563eb, #fdba74);opacity:0;transition:opacity 0.3s ease}.activity-card:hover{transform:translateY(-0.75rem) scale(1.02);box-shadow:0 1.5625rem 5rem rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.3)}.activity-card:hover::before{opacity:1}.activity-card:hover .activity-img{transform:scale(1.08)}.activity-card:hover .card-badge{transform:scale(1.05);background:linear-gradient(135deg, #3b82f6, #2563eb);color:#fff}.activity-card .card-image{position:relative;overflow:hidden;height:16.25rem}.activity-card .card-image .activity-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.activity-card .card-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3.75rem;background:linear-gradient(transparent, rgba(30,64,175,0.1));pointer-events:none}.activity-card .card-image .card-badge{position:absolute;top:1rem;left:1rem;background:rgba(255,255,255,0.95);backdrop-filter:blur(0.75rem);color:#2563eb;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 0.25rem 1.25rem rgba(59,130,246,0.15);border:0.0625rem solid rgba(59,130,246,0.2)}.activity-card .card-image .card-badge::before{content:'🌊';margin-right:.25rem}.activity-card .card-content{padding:0.5rem 2rem;position:relative}.activity-card .card-content .activity-date{display:inline-flex;align-items:center;font-size:.875rem;color:#3b82f6;margin-bottom:1rem;font-weight:500}.activity-card .card-content .activity-date::before{content:'📅';margin-right:.5rem}.activity-card .card-content .activity-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;line-height:1.3;color:#111827}.activity-card .card-content .activity-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.activity-card .card-content .activity-title a:hover{color:#2563eb}.activity-card .card-content .activity-desc{color:#4b5563;line-height:1.7;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem}.activity-card .card-content .read-more-link{display:inline-flex;align-items:center;gap:.5rem;color:#2563eb;font-weight:600;text-decoration:none;transition:all 0.3s ease;padding:.75rem 1.5rem;border-radius:2rem;background:rgba(59,130,246,0.08);border:0.0625rem solid rgba(59,130,246,0.2)}.activity-card .card-content .read-more-link:hover{background:#2563eb;color:#fff;transform:translateX(0.25rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.25)}.activity-card .card-content .read-more-link::after{content:'→';transition:transform 0.3s ease}.activity-card .card-content .read-more-link:hover::after{transform:translateX(0.25rem)}.activity-card .card-content .read-more-link:focus-visible{outline:0.125rem solid #3b82f6;outline-offset:0.125rem;border-radius:0.25rem}.news-section{background:linear-gradient(135deg, #f8fafc, #f1f5f9);position:relative;overflow:hidden}.news-section::before{content:'';position:absolute;top:-30%;left:-30%;width:150%;height:150%;background:radial-gradient(circle, rgba(99,102,241,0.05) 0%, transparent 70%);animation:float 12s ease-in-out infinite reverse}.news-section .section-container{position:relative;z-index:2}.news-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 48rem){.news-grid{grid-template-columns:repeat(2, 1fr)}}.news-card{background:#fff;border-radius:2rem;box-shadow:0 0.75rem 2.5rem rgba(249,115,22,0.12);border:0.0625rem solid rgba(249,115,22,0.15);overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;opacity:1;transform:translateY(0)}body.js-enabled .news-card{opacity:0;transform:translateY(1.875rem)}body.js-enabled .news-card.animate-in{opacity:1;transform:translateY(0)}.news-card::before{content:'';position:absolute;top:0;left:0;right:0;height:0.25rem;background:linear-gradient(90deg, #fdba74, #f97316, #ea580c);opacity:0;transition:opacity 0.3s ease}.news-card:hover{transform:translateY(-0.75rem) scale(1.02);box-shadow:0 1.5625rem 5rem rgba(249,115,22,0.2);border-color:rgba(249,115,22,0.3)}.news-card:hover::before{opacity:1}.news-card:hover .news-img{transform:scale(1.08)}.news-card:hover .news-category{transform:scale(1.05);background:linear-gradient(135deg, #f97316, #ea580c)}.news-card .news-image{position:relative;overflow:hidden;height:16.25rem}.news-card .news-image .news-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.news-card .news-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3.75rem;background:linear-gradient(transparent, rgba(249,115,22,0.1));pointer-events:none}.news-card .news-image .news-category{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg, #fdba74, #f97316);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:600;transition:all 0.3s ease;box-shadow:0 0.25rem 1.25rem rgba(249,115,22,0.3)}.news-card .news-image .news-category::before{content:'🐠';margin-right:.25rem}.news-card .news-content{padding:2rem}.news-card .news-content .news-date{display:inline-flex;align-items:center;font-size:.875rem;color:#f97316;margin-bottom:.5rem;font-weight:500}.news-card .news-content .news-date::before{content:'🕒';margin-right:.5rem}.news-card .news-content .news-tag{display:inline-block;background:linear-gradient(135deg, rgba(249,115,22,0.1), rgba(234,88,12,0.1));color:#ea580c;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-left:.5rem;margin-bottom:1rem;border:0.0625rem solid rgba(249,115,22,0.2)}.news-card .news-content .news-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;line-height:1.3;color:#111827}.news-card .news-content .news-title a{color:inherit;text-decoration:none;transition:color 0.3s ease}.news-card .news-content .news-title a:hover{color:#ea580c}.news-card .news-content .news-desc{color:#4b5563;line-height:1.7;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem}.news-card .news-content .read-more-link{display:inline-flex;align-items:center;gap:.5rem;color:#ea580c;font-weight:600;text-decoration:none;transition:all 0.3s ease;padding:.75rem 1.5rem;border-radius:2rem;background:rgba(249,115,22,0.08);border:0.0625rem solid rgba(249,115,22,0.2)}.news-card .news-content .read-more-link:hover{background:#f97316;color:#fff;transform:translateX(0.25rem);box-shadow:0 0.5rem 1.5625rem rgba(249,115,22,0.25)}.news-card .news-content .read-more-link::after{content:'→';transition:transform 0.3s ease}.news-card .news-content .read-more-link:hover::after{transform:translateX(0.25rem)}.news-card .news-content .read-more-link:focus-visible{outline:0.125rem solid #f97316;outline-offset:0.125rem;border-radius:0.25rem}.news-list-format{background:linear-gradient(135deg, #f8fafc, #f1f5f9)}.news-list-container{max-width:62.5rem;margin:0 auto}.news-list-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 48rem){.news-list-layout{grid-template-columns:1fr 1.5fr;gap:3rem}}.news-featured-image{position:relative}.featured-news-card{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 0.75rem 2.5rem rgba(59,130,246,0.15);transition:all 0.3s ease}.featured-news-card:hover{transform:translateY(-0.3125rem);box-shadow:0 1.25rem 3.75rem rgba(59,130,246,0.25)}.featured-img{width:100%;height:18.75rem;object-fit:cover;transition:transform 0.3s ease}.featured-news-card:hover .featured-img{transform:scale(1.05)}.featured-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(30,64,175,0.9));backdrop-filter:blur(0.75rem);padding:2rem;color:white}.featured-category{display:inline-block;background:rgba(249,115,22,0.9);padding:0.5rem 1rem;border-radius:1rem;font-size:0.75rem;font-weight:600;margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em}.featured-title{font-size:1.25rem;font-weight:700;margin-bottom:0.5rem;line-height:1.3}.featured-title a{color:white;text-decoration:none;transition:color 0.3s ease}.featured-title a:hover{color:#bfdbfe}.featured-date{font-size:0.875rem;color:rgba(255,255,255,0.8)}.news-list-items{display:flex;flex-direction:column;gap:0.75rem}.news-list-item{background:white;border-radius:1rem;overflow:hidden;border:0.0625rem solid rgba(59,130,246,0.1);transition:all 0.3s ease}.news-list-item:hover{transform:translateX(0.3125rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.2)}.news-item-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:all 0.3s ease}.news-item-link:hover{background:linear-gradient(135deg, rgba(59,130,246,0.04), rgba(239,246,255,0.8))}.news-item-content{flex:1}.news-item-title{font-size:1rem;font-weight:600;color:#1e40af;margin-bottom:0.25rem;line-height:1.4;transition:color 0.3s ease}.news-item-link:hover .news-item-title{color:#2563eb}.news-item-date{font-size:0.75rem;color:#64748b}.news-item-arrow{margin-left:1rem;color:#94a3b8;transition:all 0.3s ease}.news-item-link:hover .news-item-arrow{color:#2563eb;transform:translateX(0.1875rem)}.video-section{background:linear-gradient(135deg, #1e3a8a, rgba(30,58,138,0.95), rgba(30,64,175,0.9));color:#fff;position:relative;overflow:hidden}.video-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%, rgba(96,165,250,0.15) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(59,130,246,0.1) 0%, transparent 50%),radial-gradient(circle at 40% 80%, rgba(37,99,235,0.08) 0%, transparent 50%);animation:deep-ocean-flow 40s ease-in-out infinite}.video-section::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(0.125rem 0.125rem at 1.5625rem 2.1875rem, rgba(147,197,253,0.4), transparent),radial-gradient(0.0625rem 0.0625rem at 2.8125rem 4.6875rem, rgba(191,219,254,0.3), transparent),radial-gradient(0.0625rem 0.0625rem at 5.9375rem 2.8125rem, rgba(219,234,254,0.2), transparent),radial-gradient(0.125rem 0.125rem at 8.4375rem 5.3125rem, rgba(239,246,255,0.3), transparent);background-repeat:repeat;background-size:10rem 7.5rem;animation:float-particles 35s linear infinite;pointer-events:none}.video-section .section-container{position:relative;z-index:3}.video-section .section-header .section-subtitle{color:rgba(191,219,254,0.9);background:rgba(59,130,246,0.15);padding:.5rem 1rem;border-radius:2rem;display:inline-block;border:0.0625rem solid rgba(96,165,250,0.3);backdrop-filter:blur(0.75rem)}.video-section .section-header .section-title{color:#fff;text-shadow:0 0.25rem 1.25rem rgba(30,64,175,0.5);background:linear-gradient(135deg, #fff, rgba(191,219,254,0.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.video-section .section-header .section-description{color:rgba(255,255,255,0.9);text-shadow:0 0.125rem 0.75rem rgba(30,64,175,0.3)}.video-section .video-container{max-width:56.25rem;margin:0 auto;position:relative;background:rgba(255,255,255,0.98);backdrop-filter:blur(1.25rem);border:0.0625rem solid rgba(59,130,246,0.2);border-radius:1.5rem;overflow:hidden;box-shadow:0 1.5625rem 3.125rem rgba(30,64,175,0.3)}.video-section .video-container .video-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-section .video-container .video-wrapper .video-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-section .video-container .video-wrapper .video-player video{width:100%;height:100%;object-fit:cover}.video-section .video-container .video-wrapper .video-player iframe{width:100%;height:100%}.video-section .video-container .video-wrapper .video-player h3{font-size:1.125rem;font-weight:600;color:#1e40af;margin-bottom:1rem}.video-section .video-container .video-wrapper .video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(0,0,0,0.7));padding:1.5rem 1rem 1rem;display:flex;align-items:center;gap:1rem;transition:opacity 0.3s ease}.video-section .video-container .video-wrapper .video-controls .play-btn{background:#3b82f6;border:none;border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all 0.2s ease}.video-section .video-container .video-wrapper .video-controls .play-btn:hover{background:#2563eb;transform:scale(1.05)}.video-section .video-container .video-wrapper .video-controls .play-btn:focus{outline:0.125rem solid #fff;outline-offset:0.125rem}.video-section .video-container .video-wrapper .video-controls .play-btn svg{width:1.25rem;height:1.25rem}.video-section .video-container .video-wrapper .video-controls .progress-bar{flex:1;height:0.25rem;background:rgba(255,255,255,0.3);border-radius:0.125rem;cursor:pointer}.video-section .video-container .video-wrapper .video-controls .progress-bar .progress{height:100%;background:#3b82f6;border-radius:0.125rem;transition:width 0.1s ease}.video-section .video-container .video-wrapper .video-controls .time-display{font-size:.875rem;color:#fff;font-weight:500}.video-section .video-container .video-wrapper .video-controls .volume-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.video-section .video-container .video-wrapper .video-controls .volume-btn:hover{color:#93c5fd}.video-section .video-container .video-wrapper .video-controls .volume-btn svg{width:1.25rem;height:1.25rem}.video-section .video-container .video-wrapper .video-controls .fullscreen-btn{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem}.video-section .video-container .video-wrapper .video-controls .fullscreen-btn:hover{color:#93c5fd}.video-section .video-container .video-wrapper .video-controls .fullscreen-btn svg{width:1.25rem;height:1.25rem}.video-section .video-container .video-playlist{background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(239,246,255,0.9));border-top:0.0625rem solid rgba(59,130,246,0.1);padding:1.5rem}.video-section .video-container .video-playlist .playlist-title{font-size:1.125rem;font-weight:600;color:#1e40af;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.video-section .video-container .video-playlist .playlist-title svg{width:1.25rem;height:1.25rem;color:#2563eb}.video-section .video-container .video-playlist .playlist-items{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.video-section .video-container .video-playlist .playlist-items::-webkit-scrollbar{height:0.375rem}.video-section .video-container .video-playlist .playlist-items::-webkit-scrollbar-track{background:#f3f4f6;border-radius:0.1875rem}.video-section .video-container .video-playlist .playlist-items::-webkit-scrollbar-thumb{background:#93c5fd;border-radius:0.1875rem}.video-section .video-container .video-playlist .playlist-items::-webkit-scrollbar-thumb:hover{background:#3b82f6}.video-section .video-container .video-playlist .playlist-items .playlist-item{flex:0 0 auto;width:12.5rem;background:#f9fafb;border-radius:0.75rem;overflow:hidden;cursor:pointer;transition:all 0.2s ease;border:0.125rem solid transparent}.video-section .video-container .video-playlist .playlist-items .playlist-item:hover{transform:translateY(-0.125rem);box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);border-color:rgba(59,130,246,0.3)}.video-section .video-container .video-playlist .playlist-items .playlist-item.active{border-color:#3b82f6;background:linear-gradient(135deg, rgba(59,130,246,0.08), rgba(147,197,253,0.06));box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.15)}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-thumb{width:100%;height:7rem;background:#e5e7eb;display:flex;align-items:center;justify-content:center;position:relative}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-thumb img{width:100%;height:100%;object-fit:cover}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-thumb .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.7);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-thumb .play-overlay svg{width:1rem;height:1rem;color:#fff}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-info{padding:.75rem}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-info .playlist-item-title{font-size:.875rem;font-weight:500;color:#111827;line-height:1.3;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-section .video-container .video-playlist .playlist-items .playlist-item .playlist-info .playlist-item-duration{font-size:.75rem;color:#6b7280}.video-placeholder{position:relative;width:100%;height:100%;background:linear-gradient(135deg, #f0f9ff, #e0f2fe);display:flex;align-items:center;justify-content:center;min-height:25rem;border-radius:1rem;overflow:hidden}.video-placeholder .placeholder-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.video-placeholder .placeholder-overlay{position:relative;z-index:2;text-align:center;background:rgba(30,64,175,0.9);backdrop-filter:blur(0.75rem);padding:2rem;border-radius:1rem;color:white;max-width:25rem;margin:0 1rem}.video-placeholder .placeholder-overlay h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:white}.video-placeholder .placeholder-overlay p{margin-bottom:1.5rem;color:rgba(255,255,255,0.9)}.video-container.no-videos{background:linear-gradient(135deg, #f8fafc, #f1f5f9);border-radius:1.5rem;padding:4rem 2rem}.empty-state{text-align:center;max-width:25rem;margin:0 auto}.empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:0.7}.empty-state h3{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.empty-state p{color:#64748b;margin-bottom:2rem;line-height:1.6}.playlist-item-desc{font-size:0.75rem;color:#6b7280;line-height:1.3;margin-top:0.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cta-section{background:linear-gradient(135deg, #1e40af, #1e3a8a);color:#fff;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(96,165,250,0.15) 0%, transparent 70%);animation:ocean-current 30s linear infinite}.cta-section::after{content:'';position:absolute;bottom:-30%;right:-30%;width:150%;height:150%;background:radial-gradient(circle, rgba(249,115,22,0.1) 0%, transparent 60%);animation:coral-glow 40s linear infinite reverse}.cta-section .section-container{position:relative;z-index:2}.cta-section .cta-content{text-align:center;max-width:56.25rem;margin:0 auto;position:relative}.cta-section .cta-content::before{content:'';position:absolute;inset:-2rem;background:rgba(255,255,255,0.05);backdrop-filter:blur(1.25rem);border-radius:2rem;border:0.0625rem solid rgba(96,165,250,0.2);z-index:-1;box-shadow:inset 0 0.0625rem 0 rgba(255,255,255,0.1),0 1.25rem 2.5rem rgba(30,64,175,0.2)}.cta-section .cta-content .cta-title{font-size:2.25rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg, #fff, rgba(96,165,250,0.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0.25rem 1.25rem rgba(59,130,246,0.3)}@media (min-width: 48rem){.cta-section .cta-content .cta-title{font-size:3.75rem}}.cta-section .cta-content .cta-title::after{content:attr(data-text);position:absolute;left:0;top:0;z-index:-1;background:linear-gradient(135deg, #93c5fd, #fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:blur(1.25rem);opacity:0.5}.cta-section .cta-content .cta-description{font-size:1.25rem;line-height:1.7;color:rgba(255,255,255,0.9);margin-bottom:3rem;max-width:43.75rem;margin-left:auto;margin-right:auto;text-shadow:0 0.125rem 0.75rem rgba(30,64,175,0.2)}.cta-section .cta-content .cta-buttons{display:flex;flex-direction:column;gap:1.5rem;align-items:center;margin-bottom:5rem}@media (min-width: 48rem){.cta-section .cta-content .cta-buttons{flex-direction:row;justify-content:center;gap:2rem}}.cta-section .cta-content .cta-buttons .btn{min-width:12.5rem;box-shadow:0 0.75rem 2.5rem rgba(30,64,175,0.3)}.cta-section .cta-content .cta-buttons .btn.btn-primary{background:linear-gradient(135deg, #fff, rgba(255,255,255,0.9));color:#1d4ed8}.cta-section .cta-content .cta-buttons .btn.btn-primary:hover{background:#fff;transform:translateY(-0.3125rem);box-shadow:0 1.25rem 3.75rem rgba(96,165,250,0.4)}.cta-section .cta-content .cta-buttons .btn.btn-secondary{background:rgba(255,255,255,0.1);backdrop-filter:blur(0.75rem);color:#fff;border-color:rgba(96,165,250,0.4)}.cta-section .cta-content .cta-buttons .btn.btn-secondary:hover{background:rgba(96,165,250,0.2);border-color:rgba(96,165,250,0.6);transform:translateY(-0.3125rem)}.cta-section .cta-content .partners{position:relative}.cta-section .cta-content .partners::before{content:'';position:absolute;top:-1rem;left:50%;transform:translateX(-50%);width:5rem;height:0.1875rem;background:linear-gradient(90deg, transparent, rgba(96,165,250,0.6), #fdba74, rgba(96,165,250,0.6), transparent);border-radius:0.125rem}.cta-section .cta-content .partners .partners-title{font-size:.875rem;font-weight:600;color:rgba(255,255,255,0.8);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:2rem}.cta-section .cta-content .partners .partners-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.cta-section .cta-content .partners .partners-list .partner{color:rgba(255,255,255,0.8);font-size:1rem;font-weight:500;transition:all 0.3s ease;padding:.5rem 1rem;border-radius:1rem;background:rgba(96,165,250,0.1);backdrop-filter:blur(0.75rem);border:0.0625rem solid rgba(96,165,250,0.2)}.cta-section .cta-content .partners .partners-list .partner:hover{color:#fff;background:rgba(96,165,250,0.15);border-color:rgba(96,165,250,0.3);transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.2)}.response-declaration{text-align:center;margin-bottom:3rem}.declaration-title{font-size:2.5rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg, #fff, rgba(96,165,250,0.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0.25rem 1.25rem rgba(59,130,246,0.3)}@media (min-width: 48rem){.declaration-title{font-size:3.75rem}}.declaration-text{font-size:1.25rem;line-height:1.7;color:rgba(255,255,255,0.9);margin-bottom:3rem;max-width:43.75rem;margin-left:auto;margin-right:auto;text-shadow:0 0.125rem 0.75rem rgba(30,64,175,0.2)}.response-counter-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem}@media (min-width: 48rem){.response-counter-section{flex-direction:row;justify-content:center;gap:2rem}}.response-btn{display:inline-flex;align-items:center;gap:0.75rem;padding:1rem 2rem;background:linear-gradient(135deg, #fff, rgba(255,255,255,0.95));color:#1e40af;border:none;border-radius:2rem;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0.75rem 2.5rem rgba(30,64,175,0.3);position:relative;overflow:hidden;min-width:12.5rem;justify-content:center;min-height:3.5rem}.response-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(59,130,246,0.2), transparent);transition:left 0.5s ease}.response-btn:hover{background:#ffffff;transform:translateY(-0.1875rem) scale(1.05);box-shadow:0 1.25rem 3.75rem rgba(96,165,250,0.4)}.response-btn:hover::before{left:100%}.response-btn:hover .btn-icon{transform:scale(1.2)}.response-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.response-btn.clicked{background:linear-gradient(135deg, #22c55e, #16a34a);color:white}.response-btn.clicked .btn-text::after{content:' ✓'}.response-btn .btn-icon{transition:transform 0.3s ease;width:1.25rem;height:1.25rem}.response-counter{display:flex;align-items:center;gap:0.5rem;background:rgba(255,255,255,0.1);backdrop-filter:blur(0.75rem);padding:1rem 1.5rem;border-radius:2rem;border:0.0625rem solid rgba(96,165,250,0.3);font-weight:600;color:white;min-height:3.5rem}.counter-label{font-size:1rem;color:rgba(255,255,255,0.9)}.counter-number{font-size:1.5rem;font-weight:800;color:#22c55e;text-shadow:0 0.125rem 0.75rem rgba(34,197,94,0.3);transition:all 0.3s ease}.counter-number.animate{transform:scale(1.2);color:#16a34a}.counter-unit{font-size:1rem;color:rgba(255,255,255,0.8)}.thank-you-message{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1000;background:rgba(255,255,255,0.98);backdrop-filter:blur(1.25rem);border-radius:1.5rem;padding:2.5rem;text-align:center;box-shadow:0 1.5625rem 3.125rem rgba(59,130,246,0.3);border:0.0625rem solid rgba(59,130,246,0.2);max-width:25rem;animation:thankYouSlideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.thank-you-content{color:#1e40af}.thank-you-icon{font-size:3rem;margin-bottom:1rem;animation:thankYouGrow 0.6s ease-out 0.2s both}.thank-you-message h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#1e40af}.thank-you-message p{color:#64748b;line-height:1.6;margin:0;font-size:1rem}@keyframes wave{0%, 100%{transform:translateX(0) scaleY(1)}50%{transform:translateX(-1.25rem) scaleY(1.1)}}@keyframes bubble-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-6.25rem) scale(1);opacity:0}}@keyframes ocean-current{0%{transform:rotate(0deg) translateX(0)}25%{transform:rotate(90deg) translateX(1.25rem)}50%{transform:rotate(180deg) translateX(0)}75%{transform:rotate(270deg) translateX(-1.25rem)}100%{transform:rotate(360deg) translateX(0)}}@keyframes float-particles{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-0.75rem) translateX(0.75rem)}50%{transform:translateY(0) translateX(1.25rem)}75%{transform:translateY(0.75rem) translateX(0.75rem)}100%{transform:translateY(0) translateX(0)}}@keyframes ocean-shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}100%{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes ripple{0%{transform:scale(0.8);opacity:1}100%{transform:scale(2);opacity:0}}@keyframes deep-ocean-flow{0%, 100%{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(1.875rem) translateY(-1.25rem) scale(1.1)}50%{transform:translateX(0) translateY(-2.5rem) scale(1)}75%{transform:translateX(-1.875rem) translateY(-1.25rem) scale(1.1)}}@keyframes ripple-effect{0%, 100%{transform:scale(1);opacity:0}50%{transform:scale(1.5);opacity:1}}@keyframes coral-glow{0%, 100%{transform:scale(1) rotate(0deg);opacity:0.1}50%{transform:scale(1.2) rotate(180deg);opacity:0.15}}@keyframes ocean-float{0%, 100%{transform:translateY(0rem) translateX(0rem) rotate(0deg)}33%{transform:translateY(-1.25rem) translateX(0.9375rem) rotate(2deg)}66%{transform:translateY(-0.75rem) translateX(-0.75rem) rotate(-1deg)}}@keyframes coral-sway{0%, 100%{transform:translateX(0rem) scaleX(1)}50%{transform:translateX(0.75rem) scaleX(1.1)}}@keyframes coral-drift{0%, 100%{transform:translateY(0rem) rotate(0deg)}50%{transform:translateY(-1.5625rem) rotate(5deg)}}@keyframes float{0%, 100%{transform:translateY(0rem)}50%{transform:translateY(-1.25rem)}}@keyframes slideInFromTop{from{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes thankYouSlideIn{from{opacity:0;transform:translate(-50%, -50%) scale(0.8) translateY(1.25rem)}to{opacity:1;transform:translate(-50%, -50%) scale(1) translateY(0)}}@keyframes thankYouGrow{from{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0deg)}}.nav-menu.active li{opacity:0;animation:fadeInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards}.nav-menu.active li:nth-child(1){animation-delay:.2s}.nav-menu.active li:nth-child(2){animation-delay:.3s}.nav-menu.active li:nth-child(3){animation-delay:.4s}.nav-menu.active li:nth-child(4){animation-delay:.5s}.nav-menu.active li:nth-child(5){animation-delay:.6s}.nav-menu.active li:nth-child(6){animation-delay:.7s}@media (min-width: 64rem){.nav-menu.active li{opacity:1;animation:none}}@keyframes fadeInUp{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}body.menu-open{overflow:hidden}@media (min-width: 64rem){body.menu-open{overflow:auto}}body.keyboard-navigation .nav-menu a:focus,body.keyboard-navigation .nav-toggle:focus,body.keyboard-navigation .nav-brand a:focus{outline:0.1875rem solid #3b82f6 !important;outline-offset:0.125rem !important}body.keyboard-navigation *:focus{outline:0.125rem solid #3b82f6 !important;outline-offset:0.125rem !important}@media (prefers-contrast: high){.site-header{border-bottom:0.125rem solid #111827}.nav-menu a{border:0.125rem solid transparent}.nav-menu a:hover,.nav-menu a:focus,.nav-menu a[aria-current="page"]{border-color:#111827}.nav-toggle{border:0.1875rem solid #111827}.nav-toggle .hamburger .line{background:#111827 !important}.btn{border-width:0.1875rem !important}.activity-card,.news-card,.stat-card{border:0.125rem solid #111827 !important}.video-container{border:0.1875rem solid #fff !important}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.site-header,.nav-menu a,.nav-toggle,.hamburger .line{transition:none !important}.nav-menu.active{animation:none !important}.nav-menu.active li{animation:none !important;opacity:1 !important}body.js-enabled .activity-card,body.js-enabled .news-card,body.js-enabled .stat-card{opacity:1 !important;transform:translateY(0) !important}.stats-section::before,.featured-section::before,.featured-section::after,.news-section::before,.video-section::before,.video-section::after,.cta-section::before,.cta-section::after{animation:none !important}.btn::before{display:none !important}.activity-card::before,.news-card::before,.stat-card::before{display:none !important}.thank-you-message,.thank-you-icon{animation:none !important}.response-btn::before{display:none}.counter-number.animate{transform:none}}@media (min-width: 48rem) and (max-width: 63.9375rem){.main-nav .container{height:4.75rem}.nav-brand .site-title{font-size:1.25rem}.nav-menu.active{padding:1.5rem 1.25rem}.nav-menu.active li a{font-size:1.125rem;padding:1rem 1.5rem}.news-list-layout{gap:1.5rem}.featured-img{height:12.5rem}.featured-overlay{padding:1.5rem}.featured-title{font-size:1.125rem}.news-item-link{padding:0.875rem 1rem}.news-item-title{font-size:0.875rem}.declaration-title{font-size:2rem}.declaration-text{font-size:1.125rem}.response-btn{min-width:11.25rem;padding:0.875rem 1.5rem;font-size:1rem}.response-counter{padding:0.875rem 1.25rem}.counter-number{font-size:1.25rem}}@media (max-width: 29.9375rem){.main-nav .container{height:4.25rem;padding:0 .75rem}.nav-brand::before{font-size:1.5rem}.nav-brand .site-title{font-size:1.125rem}.nav-toggle{width:2.5rem;height:2.5rem}.nav-toggle .hamburger{width:1.125rem;height:0.75rem}.nav-menu.active{padding:1.5rem 1rem}.nav-menu.active li a{padding:1rem 1.25rem;font-size:1rem}.thank-you-message{margin:0 1rem;padding:2rem;max-width:calc(100% - 2rem)}}@media (max-width: 47.9375rem){.hidden-mobile{display:none !important}}@media (min-width: 48rem) and (max-width: 63.9375rem){.hidden-tablet{display:none !important}}@media (min-width: 64rem){.hidden-desktop{display:none !important}}@media print{.site-header{position:static !important;box-shadow:none !important;border-bottom:0.125rem solid #111827 !important}.nav-toggle,.mobile-menu-overlay{display:none !important}.nav-menu{display:flex !important;position:static !important;background:none !important;box-shadow:none !important}.nav-menu li a{color:#111827 !important;background:none !important}section::before,section::after{display:none !important}.btn{background:#f3f4f6 !important;color:#111827 !important;border:0.125rem solid #111827 !important}}.announcement-section{background:linear-gradient(135deg, rgba(30,64,175,0.95), rgba(30,58,138,0.9));color:white;position:relative;overflow:hidden;padding:4rem 0}.announcement-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(96,165,250,0.15) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(59,130,246,0.1) 0%, transparent 50%);animation:announcement-flow 25s ease-in-out infinite;pointer-events:none}.announcement-section .section-header{margin-bottom:2rem}.announcement-section .section-subtitle{color:rgba(191,219,254,0.9);background:rgba(59,130,246,0.2);padding:0.5rem 1rem;border-radius:2rem;display:inline-block;border:0.0625rem solid rgba(96,165,250,0.3);backdrop-filter:blur(0.75rem)}.announcement-section .section-title{color:white;text-shadow:0 0.25rem 1.25rem rgba(30,64,175,0.5);margin-bottom:0}.announcement-container{max-width:68.75rem;margin:0 auto;position:relative;z-index:2}.announcement-card{background:rgba(255,255,255,0.98);backdrop-filter:blur(1.25rem);border-radius:2rem;overflow:hidden;box-shadow:0 1.5625rem 3.125rem rgba(30,64,175,0.3);border:0.0625rem solid rgba(59,130,246,0.2);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.announcement-card:hover{transform:translateY(-0.3125rem);box-shadow:0 2.1875rem 4.375rem rgba(30,64,175,0.4);border-color:rgba(59,130,246,0.3)}.announcement-layout{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}@media (min-width: 48rem){.announcement-layout{grid-template-columns:25rem 1fr}}@media (min-width: 64rem){.announcement-layout{grid-template-columns:28.125rem 1fr}}.announcement-image{position:relative;overflow:hidden;background:linear-gradient(135deg, #f0f9ff, #e0f2fe);aspect-ratio:16/9;min-height:17.5rem}@media (min-width: 48rem){.announcement-image{aspect-ratio:unset;min-height:21.875rem;height:100%;display:flex;align-items:center;justify-content:center}}.announcement-img{width:100%;height:100%;object-fit:contain;transition:transform 0.4s ease;background:rgba(239,246,255,0.3)}.announcement-card:hover .announcement-img{transform:scale(1.02)}@media (min-width: 48rem){.announcement-img{border-radius:1rem;margin:1rem;width:calc(100% - 2rem);height:calc(100% - 2rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.15)}}.announcement-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg, #ef4444, #dc2626);color:white;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;box-shadow:0 0.25rem 1.25rem rgba(239,68,68,0.3);animation:pulse-glow 2s ease-in-out infinite;z-index:3}.announcement-content{padding:2rem;color:#1e40af;display:flex;flex-direction:column;justify-content:center;min-height:21.875rem}@media (min-width: 48rem){.announcement-content{padding:2.5rem 3rem;min-height:25rem}}.announcement-meta{display:flex;flex-direction:column;gap:0.5rem;margin-bottom:1.5rem}@media (min-width: 48rem){.announcement-meta{flex-direction:row;align-items:center;gap:1rem}}.announcement-date{font-size:0.875rem;font-weight:600;color:#3b82f6;display:flex;align-items:center;gap:0.5rem}.announcement-category{display:inline-block;background:linear-gradient(135deg, rgba(59,130,246,0.1), rgba(147,197,253,0.1));color:#2563eb;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600;border:0.0625rem solid rgba(59,130,246,0.2);text-transform:uppercase;letter-spacing:0.05em}.announcement-title{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.3;color:#1e40af;margin:0.3125rem 0}@media (min-width: 48rem){.announcement-title{font-size:2rem}}@media (min-width: 64rem){.announcement-title{font-size:2.25rem}}.announcement-title a{color:inherit;text-decoration:none;transition:color 0.3s ease;display:inline-block}.announcement-title a:hover{color:#2563eb;transform:translateX(0.1875rem)}.announcement-text{font-size:1rem;line-height:1.7;color:#475569;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.announcement-text h2{margin:0}.announcement-text img{display:none !important}@media (min-width: 48rem){.announcement-text{font-size:1.125rem;-webkit-line-clamp:5}}@media (min-width: 64rem){.announcement-text{font-size:1.25rem;-webkit-line-clamp:4}}.announcement-actions{margin-top:auto}.read-full-link{display:inline-flex;align-items:center;gap:0.5rem;color:#1e40af;font-weight:700;font-size:1rem;text-decoration:none;transition:all 0.3s ease;padding:0.75rem 1.5rem;border-radius:2rem;background:linear-gradient(135deg, rgba(59,130,246,0.08), rgba(147,197,253,0.05));border:0.125rem solid rgba(59,130,246,0.2);position:relative;overflow:hidden}.read-full-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(59,130,246,0.1), transparent);transition:left 0.5s ease}.read-full-link:hover::before{left:100%}.read-full-link:hover{background:linear-gradient(135deg, #1e40af, #2563eb);color:white;border-color:#1e40af;transform:translateY(-0.125rem);box-shadow:0 0.75rem 1.875rem rgba(30,64,175,0.3)}.read-full-link svg{transition:transform 0.3s ease}.read-full-link:hover svg{transform:translateX(0.1875rem) scale(1.1)}@media (max-width: 47.9375rem){.announcement-section{padding:3rem 0}.announcement-content{padding:1.5rem;min-height:auto}.announcement-title{font-size:1.25rem;margin:0.3125rem 0}.announcement-text{font-size:0.875rem;-webkit-line-clamp:3}.read-full-link{padding:0.75rem 1.25rem;font-size:0.875rem}.announcement-image{min-height:12.5rem}}@media (min-width: 75rem){.announcement-container{max-width:75rem}.announcement-layout{grid-template-columns:31.25rem 1fr}.announcement-content{padding:3rem 3.5rem;min-height:28.125rem}}@keyframes announcement-flow{0%, 100%{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(1.25rem) translateY(-0.75rem) scale(1.05)}50%{transform:translateX(0) translateY(-1.25rem) scale(1)}75%{transform:translateX(-1.25rem) translateY(-0.75rem) scale(1.05)}}@keyframes pulse-glow{0%, 100%{box-shadow:0 0.25rem 1.25rem rgba(239,68,68,0.3);transform:scale(1)}50%{box-shadow:0 0.5rem 2.5rem rgba(239,68,68,0.5);transform:scale(1.02)}}@media (prefers-reduced-motion: reduce){.announcement-section::before{animation:none !important}.announcement-badge{animation:none !important}.read-full-link::before{display:none}.announcement-card:hover .announcement-img{transform:none}}*{box-sizing:border-box}body{font-family:"Inter","Noto Sans TC","Microsoft JhengHei",sans-serif;line-height:1.6;color:#1f2937;background-color:#fff;margin:0;padding:0}#main-content,.insideSection,#portfoliolist{display:block !important;visibility:visible !important;opacity:1 !important}.skip-links{position:absolute;top:-6.25rem;left:0;z-index:10000}.skip-links .skip-link{position:absolute;top:0;left:1rem;background:#2563eb;color:#fff;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:top 0.3s ease;box-shadow:0 0.25rem 0.75rem rgba(59,130,246,0.4)}.skip-links .skip-link:focus{top:1rem}.skip-links .skip-link:hover{background:#1d4ed8}.breadCrumb{background:linear-gradient(135deg, rgba(239,246,255,0.9), rgba(219,234,254,0.7), rgba(191,219,254,0.5));border-bottom:0.0625rem solid rgba(59,130,246,0.15);padding:1rem 0;position:relative;overflow:hidden}.breadCrumb #crumbs{max-width:75rem;margin:0 auto;padding:0 1rem;list-style:none;display:flex;align-items:center;gap:.5rem;position:relative;z-index:2;flex-wrap:wrap}@media (min-width: 48rem){.breadCrumb #crumbs{padding:0 1.5rem}}@media (min-width: 64rem){.breadCrumb #crumbs{padding:0 2rem}}.breadCrumb #crumbs li{display:flex;align-items:center;gap:.5rem}.breadCrumb #crumbs li a{color:#2563eb;text-decoration:none;font-weight:500;font-size:.875rem;padding:.5rem .75rem;border-radius:.75rem;transition:all 0.3s ease;background:rgba(255,255,255,0.8);border:0.0625rem solid rgba(59,130,246,0.15)}@media (min-width: 48rem){.breadCrumb #crumbs li a{font-size:1rem;padding:.75rem 1rem}}.breadCrumb #crumbs li a:hover{background:rgba(255,255,255,0.95);color:#1d4ed8;transform:translateY(-0.0625rem);box-shadow:0 0.25rem 0.75rem rgba(59,130,246,0.15)}.breadCrumb #crumbs li a:focus{outline:0.125rem solid #3b82f6;outline-offset:0.125rem}.breadCrumb #crumbs li b{color:#1e40af;font-weight:700;font-size:.875rem;padding:.5rem 1rem;background:linear-gradient(135deg, rgba(255,255,255,0.95), rgba(239,246,255,0.9));border-radius:.75rem;border:0.0625rem solid rgba(59,130,246,0.25);box-shadow:0 0.125rem 0.5rem rgba(59,130,246,0.1)}@media (min-width: 48rem){.breadCrumb #crumbs li b{font-size:1rem;padding:.75rem 1.25rem}}.breadCrumb #crumbs li i{color:#60a5fa;font-size:.875rem;margin:0 .25rem;opacity:0.7}@media (min-width: 48rem){.breadCrumb #crumbs li i{font-size:1rem}}.insideSection{background:linear-gradient(180deg, #fff 0%, rgba(239,246,255,0.3) 50%, #fff 100%);min-height:100vh;position:relative}.insideSection.other-products-section{padding:2rem 0 3rem}@media (min-width: 48rem){.insideSection.other-products-section{padding:3rem 0 4rem}}@media (min-width: 64rem){.insideSection.other-products-section{padding:4rem 0 5rem}}.event-detail-container{max-width:75rem;margin:0 auto;padding:0 1rem}@media (min-width: 48rem){.event-detail-container{padding:0 1.5rem}}@media (min-width: 64rem){.event-detail-container{padding:0 2rem}}.event-header{background:#fff;border-radius:1.5rem;padding:2.5rem 1.5rem;margin-bottom:2rem;box-shadow:0 0.75rem 1.875rem rgba(59,130,246,0.1);border:0.0625rem solid rgba(59,130,246,0.1);position:relative;overflow:hidden}@media (max-width: 47.9375rem){.event-header{padding:2rem 1rem}}.event-header::before{content:'';position:absolute;top:0;left:0;right:0;height:0.25rem;background:linear-gradient(90deg, #3b82f6, #f97316, #22c55e);z-index:2}.event-header .event-meta{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 48rem){.event-header .event-meta{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:2.5rem}}.event-header .event-meta .event-date{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg, #3b82f6, #2563eb);color:#fff;padding:.75rem 1.5rem;border-radius:1.5rem;font-weight:600;font-size:.875rem;box-shadow:0 0.25rem 0.9375rem rgba(59,130,246,0.25);width:fit-content}@media (min-width: 48rem){.event-header .event-meta .event-date{font-size:1rem;padding:1rem 2rem}}.event-header .event-meta .event-status{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg, #22c55e, #16a34a);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-weight:600;font-size:.75rem;width:fit-content;box-shadow:0 0.25rem 0.9375rem rgba(34,197,94,0.25)}@media (min-width: 48rem){.event-header .event-meta .event-status{font-size:.875rem;padding:.75rem 1.25rem}}.event-header h1{font-size:1.5rem;font-weight:700;color:#1e40af;line-height:1.3;margin-bottom:1.5rem}@media (min-width: 48rem){.event-header h1{font-size:1.875rem;margin-bottom:2rem}}@media (min-width: 64rem){.event-header h1{font-size:2.25rem}}.tagGroup{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tagGroup a{background:linear-gradient(135deg, rgba(255,255,255,0.9), rgba(239,246,255,0.8));color:#2563eb;padding:.5rem 1rem;border-radius:1rem;text-decoration:none;font-weight:500;font-size:.875rem;border:0.0625rem solid rgba(59,130,246,0.2);transition:all 0.3s ease}@media (min-width: 48rem){.tagGroup a{padding:.75rem 1.25rem;font-size:1rem}}.tagGroup a:hover{background:linear-gradient(135deg, #3b82f6, #2563eb);color:#fff;transform:translateY(-0.125rem);box-shadow:0 0.375rem 1.25rem rgba(59,130,246,0.25)}.tagGroup a:focus{outline:0.125rem solid #3b82f6;outline-offset:0.125rem}.event-content{display:grid;grid-template-columns:1fr;gap:2rem}.event-main-content{background:#fff;border-radius:1.5rem;padding:2rem;box-shadow:0 0.75rem 1.875rem rgba(59,130,246,0.1);border:0.0625rem solid rgba(59,130,246,0.1)}@media (max-width: 47.9375rem){.event-main-content{padding:1.5rem}}@media (min-width: 48rem) and (max-width: 63.9375rem){.event-main-content{padding:2rem}}.event-images{margin-bottom:2.5rem}.event-images .main-image{position:relative;border-radius:1rem;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 0.9375rem 2.1875rem rgba(59,130,246,0.15);background:#f3f4f6}.event-images .main-image img{width:100%;height:auto;min-height:18.75rem;max-height:31.25rem;object-fit:cover;transition:transform 0.3s ease}.event-images .main-image img:hover{transform:scale(1.02)}.event-images .additional-images{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 48rem){.event-images .additional-images{grid-template-columns:repeat(2, 1fr)}}.event-images .additional-images .mainpic2,.event-images .additional-images .mainpic3{border-radius:.75rem;overflow:hidden;box-shadow:0 0.5rem 1.25rem rgba(59,130,246,0.1);transition:transform 0.3s ease;background:#f3f4f6}.event-images .additional-images .mainpic2:hover,.event-images .additional-images .mainpic3:hover{transform:translateY(-0.1875rem)}.event-images .additional-images .mainpic2 img,.event-images .additional-images .mainpic3 img{width:100%;height:12.5rem;object-fit:cover}@media (min-width: 48rem){.event-images .additional-images .mainpic2 img,.event-images .additional-images .mainpic3 img{height:13.75rem}}.event-description{margin-bottom:2.5rem}.event-description h2{font-size:1.25rem;font-weight:700;color:#1d4ed8;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:0.125rem solid #bfdbfe}@media (min-width: 48rem){.event-description h2{font-size:1.5rem;margin-bottom:1.5rem}}.event-description .description-content{font-size:1rem;line-height:1.7;color:#374151}@media (min-width: 48rem){.event-description .description-content{font-size:1.125rem}}.event-description .description-content p{margin-bottom:1rem}@media (min-width: 48rem){.event-description .description-content p{margin-bottom:1.5rem}}.event-description .description-content h3,.event-description .description-content h4,.event-description .description-content h5,.event-description .description-content h6{color:#2563eb;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.event-description .description-content ul,.event-description .description-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.event-description .description-content ul li,.event-description .description-content ol li{margin-bottom:.5rem;line-height:1.6}.event-description .description-content strong{color:#2563eb;font-weight:700}.event-description .description-content em{color:#ea580c;font-style:italic}.event-description .description-content a{color:#2563eb;text-decoration:underline}.event-description .description-content a:hover{color:#1d4ed8}.blogger-content{margin-bottom:2rem}.blogger-content:empty{display:none}.blogger-content *{max-width:100% !important}.blogger-content img{max-width:100% !important;height:auto !important;border-radius:.75rem;box-shadow:0 0.5rem 1.25rem rgba(59,130,246,0.15);margin:1rem 0}.blogger-content h1,.blogger-content h2,.blogger-content h3,.blogger-content h4,.blogger-content h5,.blogger-content h6{color:#1d4ed8 !important;margin-top:1.5rem !important;margin-bottom:.75rem !important;font-weight:700 !important}.blogger-content p{line-height:1.7 !important;margin-bottom:1rem !important;color:#374151 !important;font-size:1rem !important}.blogger-content ul,.blogger-content ol{margin:1rem 0 !important;padding-left:1.5rem !important}.blogger-content li{margin-bottom:.5rem !important;line-height:1.6 !important;color:#374151 !important}.blogger-content a{color:#2563eb !important;text-decoration:underline !important}.blogger-content a:hover{color:#1d4ed8 !important}.blogger-content span[style],.blogger-content div[style],.blogger-content p[style]{background:none !important;color:inherit !important;font-size:inherit !important}.blogger-content b[style],.blogger-content strong[style]{background:none !important;color:#2563eb !important;font-weight:700 !important}.event-memo{margin-top:2rem;padding:1.5rem;border-radius:1rem;border-left:0.25rem solid #3b82f6;background:linear-gradient(135deg, rgba(59,130,246,0.08), rgba(239,246,255,0.6))}.event-memo.alert-info{border-left-color:#3b82f6;color:#1d4ed8}.event-memo.alert-warning{border-left-color:#f97316;color:#ea580c;background:linear-gradient(135deg, rgba(249,115,22,0.08), rgba(255,237,213,0.6))}.event-memo.alert-success{border-left-color:#22c55e;color:#059669;background:linear-gradient(135deg, rgba(34,197,94,0.08), rgba(220,252,231,0.6))}.event-memo h3{font-size:1.125rem;font-weight:700;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.event-memo .memo-content{line-height:1.6}.event-memo .memo-content p{margin-bottom:.75rem}.event-sidebar{display:flex;flex-direction:column;gap:1.5rem}.event-sidebar .sidebar-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.1);border:0.0625rem solid rgba(59,130,246,0.1);transition:transform 0.3s ease}.event-sidebar .sidebar-section:hover{transform:translateY(-0.125rem);box-shadow:0 0.75rem 2.1875rem rgba(59,130,246,0.15)}.event-sidebar .sidebar-section .sidebar-title{font-size:1.125rem;font-weight:700;color:#1d4ed8;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:0.125rem solid rgba(59,130,246,0.1)}@media (max-width: 47.9375rem){.event-sidebar .sidebar-section .sidebar-title{font-size:1rem}}.event-sidebar .sidebar-section .info-item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:rgba(59,130,246,0.03);border-radius:.75rem;border:0.0625rem solid rgba(59,130,246,0.08)}.event-sidebar .sidebar-section .info-item:last-child{margin-bottom:0}.event-sidebar .sidebar-section .info-item .info-icon{color:#3b82f6;font-weight:600;min-width:2.5rem;font-size:1rem;text-align:center}.event-sidebar .sidebar-section .info-item .info-content{flex:1;color:#374151;line-height:1.5;font-size:.875rem}@media (min-width: 48rem){.event-sidebar .sidebar-section .info-item .info-content{font-size:1rem}}.event-sidebar .sidebar-section .info-item .info-content strong{color:#2563eb;font-weight:600;display:block;margin-bottom:.25rem}.event-sidebar .sidebar-section .info-item .info-content a{color:#2563eb;text-decoration:none;font-weight:500}.event-sidebar .sidebar-section .info-item .info-content a:hover{color:#1d4ed8;text-decoration:underline}#divSponsor .btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;margin-bottom:.75rem;background:linear-gradient(135deg, #3b82f6, #2563eb);color:#fff;text-decoration:none;border-radius:1.5rem;font-weight:600;font-size:.875rem;transition:all 0.3s ease;border:none;cursor:pointer;box-shadow:0 0.375rem 1.25rem rgba(59,130,246,0.25)}@media (min-width: 48rem){#divSponsor .btn{font-size:1rem;padding:1rem 1.5rem}}#divSponsor .btn:hover{background:linear-gradient(135deg, #2563eb, #1d4ed8);transform:translateY(-0.125rem);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.35)}#divSponsor .btn:focus{outline:0.1875rem solid rgba(59,130,246,0.5);outline-offset:0.125rem}#divSponsor .btn.btn-main{background:linear-gradient(135deg, #f97316, #ea580c)}#divSponsor .btn.btn-main:hover{background:linear-gradient(135deg, #ea580c, #dc2626)}#divSponsor .btn.buy{background:linear-gradient(135deg, #22c55e, #16a34a)}#divSponsor .btn.buy:hover{background:linear-gradient(135deg, #16a34a, #15803d)}#divSponsor .btn:last-child{margin-bottom:0}.share-buttons{display:flex;flex-direction:column;gap:.5rem}@media (max-width: 47.9375rem){.share-buttons{flex-direction:row;flex-wrap:wrap}}.share-buttons .share-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.75rem;text-decoration:none;font-weight:500;font-size:.875rem;transition:all 0.3s ease;border:none;cursor:pointer;background:#fff;width:100%;justify-content:flex-start;box-shadow:0 0.125rem 0.5rem rgba(0,0,0,0.05);border:0.0625rem solid #e5e7eb}@media (max-width: 47.9375rem){.share-buttons .share-btn{flex:1;justify-content:center}.share-buttons .share-btn span{display:none}}.share-buttons .share-btn.facebook{color:#1877f2}.share-buttons .share-btn.facebook:hover{background:#1877f2;color:#fff;transform:translateY(-0.0625rem)}.share-buttons .share-btn.line{color:#00c300}.share-buttons .share-btn.line:hover{background:#00c300;color:#fff;transform:translateY(-0.0625rem)}.share-buttons .share-btn.copy{color:#4b5563}.share-buttons .share-btn.copy:hover{background:#4b5563;color:#fff;transform:translateY(-0.0625rem)}.mainlink{max-width:75rem;margin:3rem auto 0;padding:0 1rem}@media (min-width: 48rem){.mainlink{padding:0 1.5rem}}@media (min-width: 64rem){.mainlink{padding:0 2rem}}.mainlink .link{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:2rem;background:linear-gradient(135deg, rgba(239,246,255,0.9), rgba(255,255,255,0.95));border-radius:1.5rem;border:0.0625rem solid rgba(59,130,246,0.15);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.1)}@media (min-width: 48rem){.mainlink .link{flex-direction:row;justify-content:center;padding:2.5rem}}@media (max-width: 47.9375rem){.mainlink .link{padding:1.5rem}}.mainlink .link .am-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#374151;border:0.125rem solid #d1d5db;border-radius:1.5rem;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;cursor:pointer;min-width:7.5rem;justify-content:center;box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.05)}@media (max-width: 47.9375rem){.mainlink .link .am-btn{padding:.5rem 1rem;font-size:.875rem;min-width:6.25rem}}.mainlink .link .am-btn:hover{background:#f9fafb;color:#1f2937;border-color:#9ca3af;transform:translateY(-0.125rem);box-shadow:0 0.375rem 1.25rem rgba(107,114,128,0.2)}.mainlink .link .am-btn.am-btn-primary{background:linear-gradient(135deg, #3b82f6, #2563eb);color:#fff;border-color:#2563eb;box-shadow:0 0.375rem 1.25rem rgba(59,130,246,0.25)}.mainlink .link .am-btn.am-btn-primary:hover{background:linear-gradient(135deg, #2563eb, #1d4ed8);border-color:#1d4ed8;box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.35)}.mainlink .link .am-btn:focus{outline:0.1875rem solid rgba(59,130,246,0.5);outline-offset:0.125rem}.mainlink.animate-on-scroll{transform:translateY(1.25rem);transition:all 0.6s ease}.mainlink.animate-on-scroll.fade-in{opacity:1;transform:translateY(0)}.toast-notification{position:fixed;top:5rem;right:1.25rem;z-index:9999;max-width:21.875rem;min-width:17.5rem;background:#fff;border-radius:1rem;box-shadow:0 0.9375rem 2.1875rem rgba(59,130,246,0.15);border:0.0625rem solid rgba(59,130,246,0.15);transform:translateX(100%);transition:all 0.4s ease;opacity:0}.toast-notification.toast-show{transform:translateX(0);opacity:1}@media (max-width: 47.9375rem){.toast-notification{left:1.25rem;right:1.25rem;top:4.375rem;max-width:none;min-width:auto;transform:translateY(-100%)}.toast-notification.toast-show{transform:translateY(0)}}.toast-notification .toast-content{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem}@media (max-width: 47.9375rem){.toast-notification .toast-content{padding:.75rem 1rem}}.toast-notification .toast-icon{font-size:1.125rem;flex-shrink:0}.toast-notification .toast-message{flex:1;color:#1f2937;font-weight:500;line-height:1.4;font-size:.875rem}@media (min-width: 48rem){.toast-notification .toast-message{font-size:1rem}}.toast-notification .toast-close{background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.375rem;transition:all 0.3s ease;flex-shrink:0}.toast-notification .toast-close:hover{color:#4b5563;background:rgba(107,114,128,0.1)}.toast-notification .toast-close:focus{outline:0.125rem solid #3b82f6;outline-offset:0.0625rem}.toast-notification.toast-success{border-left:0.25rem solid #22c55e}.toast-notification.toast-success .toast-icon{color:#16a34a}.toast-notification.toast-error{border-left:0.25rem solid #ef4444}.toast-notification.toast-error .toast-icon{color:#dc2626}.toast-notification.toast-info{border-left:0.25rem solid #3b82f6}.toast-notification.toast-info .toast-icon{color:#2563eb}@media (min-width: 48rem) and (max-width: 63.9375rem){.event-header{padding:2rem 1.25rem}.event-header h1{font-size:1.5rem}.event-header .event-meta .event-date{font-size:.875rem;padding:.5rem 1rem}.event-header .event-meta .event-status{font-size:.75rem;padding:.5rem .75rem}.event-main-content{padding:1.5rem}.event-images .main-image img{min-height:15.625rem;max-height:25rem}.event-images .additional-images .mainpic2 img,.event-images .additional-images .mainpic3 img{height:11.25rem}.sidebar-section{padding:1.25rem}.sidebar-section .sidebar-title{font-size:1rem}}@media (max-width: 47.9375rem){.breadCrumb{padding:.75rem 0}.breadCrumb #crumbs{padding:0 .75rem}.breadCrumb #crumbs li a{padding:.25rem .5rem;font-size:.75rem}.breadCrumb #crumbs li b{padding:.25rem .5rem;font-size:.75rem}.breadCrumb #crumbs li i{font-size:.75rem;margin:0 .25rem}.event-header{padding:1.5rem .75rem}.event-header .event-meta{gap:.75rem}.event-header .event-meta .event-date{padding:.5rem .75rem;font-size:.75rem}.event-header .event-meta .event-status{padding:.25rem .5rem;font-size:0.75rem}.event-header h1{font-size:1.25rem;margin-bottom:1rem}.event-header .tagGroup{gap:.5rem}.event-header .tagGroup a{padding:.25rem .5rem;font-size:.75rem}.event-content{grid-template-columns:1fr;gap:1.5rem}.event-main-content{padding:1rem}.event-main-content .event-images{margin-bottom:1.5rem}.event-main-content .event-images .main-image{margin-bottom:1rem}.event-main-content .event-images .main-image img{min-height:12.5rem;max-height:18.75rem}.event-main-content .event-images .additional-images{grid-template-columns:1fr;gap:.75rem}.event-main-content .event-images .additional-images .mainpic2 img,.event-main-content .event-images .additional-images .mainpic3 img{height:9.375rem}.event-main-content .event-description{margin-bottom:1.5rem}.event-main-content .event-description h2{font-size:1.125rem;margin-bottom:.75rem}.event-main-content .event-description .description-content{font-size:.875rem}.event-main-content .event-description .description-content h3{font-size:1rem}.event-main-content .event-description .description-content h4{font-size:.875rem}.event-main-content .blogger-content{margin-bottom:1rem}.event-main-content .blogger-content h1{font-size:1.25rem !important}.event-main-content .blogger-content h2{font-size:1.125rem !important}.event-main-content .blogger-content h3{font-size:1rem !important}.event-main-content .blogger-content p{font-size:.875rem !important;margin-bottom:.75rem !important}.event-sidebar{gap:1rem}.event-sidebar .sidebar-section{padding:1rem}.event-sidebar .sidebar-section .sidebar-title{font-size:1rem;margin-bottom:.75rem}.event-sidebar .sidebar-section .info-item{padding:.5rem;flex-direction:column;gap:.5rem}.event-sidebar .sidebar-section .info-item .info-icon{min-width:auto;font-size:.875rem;text-align:left}.event-sidebar .sidebar-section .info-item .info-content{font-size:.875rem}#divSponsor .btn{padding:.5rem .75rem;font-size:.875rem;margin-bottom:.5rem}.mainlink{margin-top:2rem;padding:0 .75rem}.mainlink .link{padding:1rem}.mainlink .link .am-btn{padding:.5rem .75rem;font-size:.875rem;min-width:5rem}.event-memo{padding:1rem;margin-top:1.5rem}.event-memo h3{font-size:1rem;margin-bottom:.5rem}}@media (prefers-contrast: high){.breadCrumb{background:#fff;border-bottom:0.125rem solid #000}.breadCrumb #crumbs li a{border:0.125rem solid #000;color:#000;background:#fff}.breadCrumb #crumbs li a:hover{background:#000;color:#fff}.breadCrumb #crumbs li b{border:0.125rem solid #000;background:#fff;color:#000}.event-header,.event-main-content,.sidebar-section{border:0.125rem solid #000;background:#fff}.event-date,.event-status{background:#000;color:#fff;border:0.125rem solid #000}.tagGroup a{border:0.125rem solid #000;color:#000;background:#fff}.tagGroup a:hover{background:#000;color:#fff}#divSponsor .btn{border:0.125rem solid #000;background:#000;color:#fff}.share-btn{border:0.125rem solid #000;background:#fff;color:#000}.share-btn:hover{background:#000;color:#fff}.mainlink .link{background:#fff;border:0.125rem solid #000}.mainlink .link .am-btn{border:0.125rem solid #000;background:#fff;color:#000}.mainlink .link .am-btn:hover{background:#000;color:#fff}.mainlink .link .am-btn.am-btn-primary{background:#000;color:#fff}.toast-notification{border:0.125rem solid #000;background:#fff}.toast-notification .toast-message{color:#000}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}.mainlink.animate-on-scroll{opacity:1;transform:translateY(0)}.toast-notification{transition:none}}body.keyboard-navigation .breadCrumb #crumbs li a:focus,body.keyboard-navigation .tagGroup a:focus,body.keyboard-navigation #divSponsor .btn:focus,body.keyboard-navigation .share-btn:focus,body.keyboard-navigation .mainlink .am-btn:focus{outline:0.1875rem solid #3b82f6 !important;outline-offset:0.125rem !important;z-index:10;position:relative}body.keyboard-navigation .info-item a:focus{outline:0.125rem solid #3b82f6 !important;outline-offset:0.0625rem !important}@media print{.breadCrumb,.mainlink,#divSponsor,.share-buttons,.toast-notification{display:none !important}.event-header,.event-main-content,.sidebar-section{box-shadow:none !important;border:0.0625rem solid #000 !important;border-radius:0 !important}.event-content{grid-template-columns:1fr !important}.event-header h1{color:#000 !important;page-break-after:avoid}.event-date,.event-status{background:#fff !important;color:#000 !important;border:0.0625rem solid #000 !important}.tagGroup a{background:#fff !important;color:#000 !important;border:0.0625rem solid #000 !important}.event-main-content{page-break-inside:avoid}.event-main-content .event-images img{max-height:15.625rem !important;page-break-inside:avoid}.event-sidebar{background:#fff !important;border:0.0625rem solid #000 !important;page-break-inside:avoid}*{color:#000 !important;background:#fff !important}.event-images img,.blogger-content img{filter:grayscale(100%) !important}}.page-header{background:linear-gradient(135deg, rgba(30,64,175,0.95), rgba(59,130,246,0.9));color:white;padding:3rem 0 4rem;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(96,165,250,0.15) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(59,130,246,0.1) 0%, transparent 50%);animation:header-flow 25s ease-in-out infinite;pointer-events:none}.header-content{position:relative;z-index:2}.breadcrumb-nav{margin-bottom:2rem}.breadcrumb{display:flex;align-items:center;gap:0.5rem;list-style:none;margin:0;padding:0;font-size:0.875rem}.breadcrumb li{display:flex;align-items:center;gap:0.5rem}.breadcrumb li:not(:last-child)::after{content:'→';color:rgba(255,255,255,0.6);margin-left:0.5rem}.breadcrumb a{color:rgba(255,255,255,0.9);text-decoration:none;padding:0.25rem 0.5rem;border-radius:0.5rem;transition:all 0.3s ease}.breadcrumb a:hover{background:rgba(255,255,255,0.15);color:white}.breadcrumb span[aria-current="page"]{color:white;font-weight:600}.page-title-section{text-align:center;max-width:800px;margin:0 auto}.page-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px rgba(30,64,175,0.5)}@media (min-width: 768px){.page-title{font-size:3.5rem}}.search-keyword{background:linear-gradient(135deg, #fed7aa, #fdba74);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-description{font-size:1.125rem;color:rgba(255,255,255,0.9);line-height:1.6;margin:0}.listing-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:white;border-radius:1rem;box-shadow:0 4px 20px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.15)}@media (min-width: 768px){.listing-header{flex-direction:row;align-items:center;justify-content:space-between}}.stats-info{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;color:#64748b;font-size:0.875rem}.search-highlight{background:linear-gradient(135deg, rgba(59,130,246,0.1), rgba(147,197,253,0.1));color:#1e40af;padding:0.25rem 0.75rem;border-radius:1rem;font-weight:600;border:1px solid rgba(59,130,246,0.2)}.count-number{font-weight:700;color:#1e40af}.listing-controls{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;background:#f8fafc;border-radius:0.5rem;padding:0.25rem;border:1px solid #e2e8f0}.toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:0.375rem;color:#64748b;cursor:pointer;transition:all 0.3s ease}.toggle-btn:hover{background:white;color:#1e40af;box-shadow:0 2px 8px rgba(59,130,246,0.15)}.toggle-btn.active{background:#1e40af;color:white;box-shadow:0 4px 12px rgba(30,64,175,0.25)}.articles-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem;min-height:400px}@media (min-width: 768px){.articles-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.articles-grid{grid-template-columns:repeat(3, 1fr)}}.articles-grid.list-view{grid-template-columns:1fr}.articles-grid.list-view .article-card{display:flex;flex-direction:row;max-width:none}.articles-grid.list-view .card-image{flex:0 0 300px;height:200px}.articles-grid.list-view .card-content{flex:1;display:flex;flex-direction:column;justify-content:space-between}.article-card{background:white;border-radius:1.5rem;box-shadow:0 8px 30px rgba(59,130,246,0.12);border:1px solid rgba(59,130,246,0.15);overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateY(30px)}.article-card.animate-in{opacity:1;transform:translateY(0)}.article-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.3)}.card-image{position:relative;overflow:hidden;height:220px}.article-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.article-card:hover .article-img{transform:scale(1.05)}.article-badge{position:absolute;top:1rem;left:1rem;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.75rem;font-weight:700;color:white;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,0.3);background:linear-gradient(135deg, #8b5cf6, #7c3aed);display:flex;align-items:center;gap:0.5rem}.card-content{padding:1.5rem}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.article-date{display:flex;align-items:center;font-size:0.875rem;color:#64748b;font-weight:500}.reading-time{display:flex;align-items:center;font-size:0.75rem;color:#94a3b8;font-weight:500}.article-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.article-title a{color:#1e40af;text-decoration:none;transition:color 0.3s ease}.article-title a:hover{color:#2563eb}.article-desc{color:#64748b;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;flex-direction:column;gap:1rem}.article-tags{display:flex;flex-wrap:wrap;gap:0.5rem}.article-tags .tag{background:rgba(139,92,246,0.1);color:#7c3aed;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;border:1px solid rgba(139,92,246,0.2)}.article-tags .tag:hover{background:#7c3aed;color:white;transform:translateY(-1px)}.read-more-link{display:inline-flex;align-items:center;gap:0.5rem;color:#7c3aed;font-weight:600;text-decoration:none;transition:all 0.3s ease;align-self:flex-start}.read-more-link:hover{color:#8b5cf6;transform:translateX(4px)}.read-more-link svg{transition:transform 0.3s ease}.read-more-link:hover svg{transform:translateX(4px)}.load-more-section{text-align:center;margin:3rem 0}.load-more-btn{min-width:200px;position:relative}.load-more-btn.loading{pointer-events:none}.load-more-btn.loading .btn-icon{animation:spin 1s linear infinite}.load-more-description{margin-top:1rem;color:#64748b;font-size:0.875rem}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:1.5rem}.loading-spinner{position:relative;width:60px;height:60px}.spinner-ring{position:absolute;width:100%;height:100%;border:3px solid rgba(59,130,246,0.2);border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){animation-delay:0.3s;border-top-color:#60a5fa}.spinner-ring:nth-child(3){animation-delay:0.6s;border-top-color:#93c5fd}.loading-text{color:#64748b;font-weight:500}.empty-state,.error-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.empty-content,.error-content{text-align:center;max-width:400px}.empty-icon,.error-icon{font-size:4rem;margin-bottom:1.5rem;opacity:0.7}.empty-title,.error-content h3{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.empty-description,.error-content p{color:#64748b;margin-bottom:2rem;line-height:1.6}.empty-link{color:#1e40af;text-decoration:none;font-weight:600}.empty-link:hover{color:#2563eb;text-decoration:underline}.end-message{text-align:center;padding:2rem;margin-top:2rem;background:linear-gradient(135deg, rgba(139,92,246,0.08), rgba(196,181,253,0.05));border-radius:1rem;border:1px solid rgba(139,92,246,0.2)}.end-message p{color:#7c3aed;font-weight:600;margin:0}.related-links{background:linear-gradient(135deg, #f8fafc, #f1f5f9);padding:4rem 0}.related-links .section-title{text-align:center;font-size:2rem;font-weight:700;color:#1e40af;margin-bottom:3rem}.links-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.links-grid{grid-template-columns:repeat(3, 1fr)}}.link-card{background:white;padding:2rem;border-radius:1rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.15);text-align:center}.link-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.3)}.link-icon{font-size:3rem;margin-bottom:1rem}.link-card h3{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:0.75rem}.link-card p{color:#64748b;line-height:1.5;margin:0}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes header-flow{0%, 100%{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(20px) translateY(-12px) scale(1.05)}50%{transform:translateX(0) translateY(-20px) scale(1)}75%{transform:translateX(-20px) translateY(-12px) scale(1.05)}}@media (max-width: 767px){.page-header{padding:2rem 0 3rem}.page-title{font-size:2rem}.listing-header{padding:1rem}.stats-info{font-size:0.75rem;gap:0.5rem}.articles-grid{gap:1.5rem}.articles-grid.list-view .article-card{flex-direction:column}.articles-grid.list-view .card-image{flex:none;height:200px}.article-card{border-radius:1rem}.card-content{padding:1.25rem}.article-meta{gap:0.5rem}.related-links{padding:3rem 0}.related-links .section-title{font-size:1.5rem;margin-bottom:2rem}.link-card{padding:1.5rem}}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;border:2px solid transparent;border-radius:2rem;cursor:pointer;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);min-height:44px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, #3b82f6, #2563eb);color:white;box-shadow:0 8px 32px rgba(59,130,246,0.2)}.btn-primary:hover{background:linear-gradient(135deg, #2563eb, #1d4ed8);transform:translateY(-3px);box-shadow:0 16px 48px rgba(59,130,246,0.3)}.btn-large{padding:1rem 2rem;font-size:1.125rem;min-height:52px}.btn-text{transition:all 0.3s ease}.btn-icon{transition:transform 0.3s ease}.btn:hover .btn-icon{transform:translateX(4px) scale(1.1)}.section-container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.section-container{padding:0 1.5rem}}@media (min-width: 1024px){.section-container{padding:0 2rem}}.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}body.keyboard-navigation .article-card:focus-within,body.keyboard-navigation .link-card:focus,body.keyboard-navigation .toggle-btn:focus,body.keyboard-navigation .btn:focus{outline:3px solid #3b82f6 !important;outline-offset:2px !important}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.article-card{opacity:1 !important;transform:translateY(0) !important}.loading-spinner .spinner-ring{animation:none !important;border-top-color:#3b82f6 !important}}.topic-toggle{display:flex;background:#f8fafc;border-radius:0.5rem;padding:0.25rem;border:1px solid #e2e8f0;gap:0.25rem;margin-right:1rem}.topic-btn{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:transparent;border:none;border-radius:0.375rem;color:#64748b;cursor:pointer;transition:all 0.3s ease;font-size:0.875rem;font-weight:500;white-space:nowrap}.topic-btn:hover{background:white;color:#1e40af;box-shadow:0 2px 8px rgba(59,130,246,0.15)}.topic-btn.active{background:#1e40af;color:white;box-shadow:0 4px 12px rgba(30,64,175,0.25)}.topic-icon{font-size:1rem}.topic-text{font-weight:600}.topic-count{background:rgba(255,255,255,0.2);padding:0.125rem 0.5rem;border-radius:1rem;font-size:0.75rem;font-weight:700;min-width:1.5rem;text-align:center}.topic-btn.active .topic-count{background:rgba(255,255,255,0.3)}.articles-container{width:100%;min-height:200px}.articles-container[style*="display: none"]{display:none !important}.articles-container .articles-grid{display:grid !important;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.articles-container .articles-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.articles-container .articles-grid{grid-template-columns:repeat(3, 1fr)}}.article-card{display:block !important;background:white;border-radius:1.5rem;box-shadow:0 8px 30px rgba(59,130,246,0.12);border:1px solid rgba(59,130,246,0.15);overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:1 !important;transform:translateY(0) !important}.card-image,.card-content{display:block !important}.card-badge{position:absolute;top:1rem;left:1rem;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.75rem;font-weight:700;color:white;z-index:2;box-shadow:0 4px 20px rgba(0,0,0,0.3);display:flex;align-items:center;gap:0.5rem}.announcement-badge{background:linear-gradient(135deg, #ef4444, #dc2626) !important}.activity-badge{background:linear-gradient(135deg, #3b82f6, #2563eb) !important}.article-badge{background:linear-gradient(135deg, #8b5cf6, #7c3aed) !important}.priority-tag{background:linear-gradient(135deg, #ef4444, #dc2626);color:white;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600}.activity-tag{background:linear-gradient(135deg, #3b82f6, #2563eb);color:white;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600}@media (max-width: 767px){.listing-controls{flex-direction:column;gap:1rem}.topic-toggle{margin-right:0;margin-bottom:1rem;flex-wrap:wrap}.topic-btn{padding:0.375rem 0.75rem;font-size:0.75rem}.topic-text{display:none}}@media (min-width: 768px) and (max-width: 1023px){.topic-btn{padding:0.5rem 0.875rem}}.debug-info{background:#f0f0f0 !important;padding:1rem !important;margin:1rem 0 !important;border:2px solid #ccc !important;border-radius:0.5rem;font-family:monospace;font-size:0.875rem;display:block !important;visibility:visible !important;opacity:1 !important}.debug-info h4{color:#333 !important;margin-bottom:0.5rem !important}.debug-info ul{margin:0 !important;padding-left:1.5rem !important}.debug-info li{margin-bottom:0.25rem !important;color:#666 !important}.test-card{border:2px solid red !important;margin:12px !important;padding:12px !important;background:white !important;display:block !important}.test-header{background:yellow !important;padding:5px !important;margin-bottom:12px !important;font-weight:bold !important;color:black !important}.force-visible{display:block !important;visibility:visible !important;opacity:1 !important;position:static !important;width:auto !important;height:auto !important;overflow:visible !important}.articles-listing{position:relative;z-index:1}.articles-container{position:relative;z-index:2}.article-card{position:relative;z-index:3}.video-header{background:linear-gradient(135deg, #1e3a8a, #1e40af, #2563eb);position:relative;overflow:hidden}.video-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%, rgba(245,158,11,0.15) 0%, transparent 50%),radial-gradient(circle at 70% 80%, rgba(59,130,246,0.1) 0%, transparent 50%);animation:video-header-flow 30s ease-in-out infinite;pointer-events:none}.page-title .video-icon{display:inline-block;font-size:1.2em;margin-right:0.5rem;animation:video-pulse 2s ease-in-out infinite}.videos-listing .listing-header{background:linear-gradient(135deg, rgba(255,255,255,0.98), rgba(219,234,254,0.95));border:1px solid rgba(59,130,246,0.2)}.video-count-icon{font-size:1.2em;margin-right:0.5rem;color:#f59e0b}.view-hint{display:flex;align-items:center;font-size:0.875rem;color:#64748b;font-style:italic}.videos-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}@media (min-width: 768px){.videos-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.videos-grid{grid-template-columns:repeat(3, 1fr)}}.videos-grid.list-view{grid-template-columns:1fr;gap:1.5rem}.videos-grid.list-view .video-card{display:flex;flex-direction:row;max-height:200px}.videos-grid.list-view .video-thumbnail{flex:0 0 350px;height:200px}.videos-grid.list-view .video-content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}@media (max-width: 767px){.videos-grid.list-view .video-card{flex-direction:column;max-height:none}.videos-grid.list-view .video-thumbnail{flex:none;height:220px}}.video-card{background:white;border-radius:1.5rem;box-shadow:0 8px 30px rgba(30,64,175,0.12);border:1px solid rgba(59,130,246,0.15);overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);opacity:0;transform:translateY(30px);position:relative}.video-card.animate-in{opacity:1;transform:translateY(0)}.video-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(30,64,175,0.25);border-color:rgba(59,130,246,0.3)}.video-card:hover .video-img{transform:scale(1.05)}.video-card:hover .play-button{transform:scale(1.2);background:rgba(245,158,11,0.95)}.video-card:hover .video-overlay{background:rgba(30,64,175,0.8)}.video-thumbnail{position:relative;overflow:hidden;height:220px;background:linear-gradient(135deg, #f0f9ff, #e0f2fe)}.video-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:0}.video-card:hover .video-overlay{opacity:1}.play-button{width:60px;height:60px;background:rgba(255,255,255,0.95);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e40af;transition:all 0.3s ease;box-shadow:0 8px 25px rgba(0,0,0,0.3)}.play-button svg{width:24px;height:24px;margin-left:2px}.video-duration{position:absolute;bottom:0.75rem;right:0.75rem;background:rgba(0,0,0,0.8);color:white;padding:0.25rem 0.75rem;border-radius:1rem;font-size:0.75rem;font-weight:600;backdrop-filter:blur(12px)}.video-badge{position:absolute;top:1rem;left:1rem;background:linear-gradient(135deg, #f59e0b, #f59e0b);color:white;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.75rem;font-weight:700;box-shadow:0 4px 20px rgba(245,158,11,0.3);display:flex;align-items:center;gap:0.5rem;z-index:2;animation:badge-glow 3s ease-in-out infinite}.video-badge .badge-icon{font-size:1rem}.video-content{padding:1.5rem}.video-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.video-date{display:flex;align-items:center;font-size:0.875rem;color:#64748b;font-weight:500}.video-type{display:flex;align-items:center;font-size:0.75rem;color:#f59e0b;font-weight:600;background:rgba(245,158,11,0.1);padding:0.25rem 0.75rem;border-radius:1rem;border:1px solid rgba(245,158,11,0.2)}.video-title{font-size:1.125rem;font-weight:700;margin-bottom:1rem;line-height:1.3}.video-title a{color:#1e40af;text-decoration:none;transition:color 0.3s ease}.video-title a:hover{color:#3b82f6}.video-desc{color:#64748b;line-height:1.6;margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.video-actions{margin-top:auto}.watch-video-link{display:inline-flex;align-items:center;gap:0.5rem;color:#1e40af;font-weight:700;font-size:1rem;text-decoration:none;transition:all 0.3s ease;padding:0.75rem 1.5rem;border-radius:2rem;background:linear-gradient(135deg, rgba(30,64,175,0.08), rgba(59,130,246,0.05));border:2px solid rgba(30,64,175,0.2);position:relative;overflow:hidden}.watch-video-link .action-icon{font-size:1.2em;animation:pulse-play 2s ease-in-out infinite}.watch-video-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(30,64,175,0.1), transparent);transition:left 0.5s ease}.watch-video-link:hover{background:linear-gradient(135deg, #1e40af, #3b82f6);color:white;border-color:#1e40af;transform:translateY(-2px);box-shadow:0 12px 30px rgba(30,64,175,0.3)}.watch-video-link:hover::before{left:100%}.watch-video-link:hover svg{transform:translateX(3px) scale(1.1)}.watch-video-link svg{transition:transform 0.3s ease}.videos-listing .empty-state{min-height:500px}.videos-listing .empty-state .empty-icon{color:#f59e0b;animation:video-empty-float 3s ease-in-out infinite}.videos-listing .empty-state .empty-title{color:#1e40af}@keyframes video-header-flow{0%, 100%{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(30px) translateY(-15px) scale(1.05)}50%{transform:translateX(0) translateY(-30px) scale(1)}75%{transform:translateX(-30px) translateY(-15px) scale(1.05)}}@keyframes video-pulse{0%, 100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes badge-glow{0%, 100%{box-shadow:0 4px 20px rgba(245,158,11,0.3)}50%{box-shadow:0 8px 40px rgba(245,158,11,0.5)}}@keyframes pulse-play{0%, 100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes video-empty-float{0%, 100%{transform:translateY(0px)}50%{transform:translateY(-12px)}}@media (max-width: 767px){.video-header{padding:2rem 0 3rem}.page-title{font-size:2rem}.videos-grid{gap:1.5rem}.video-card{border-radius:1rem}.video-thumbnail{height:200px}.video-content{padding:1.25rem}.video-meta{gap:0.5rem;flex-direction:column;align-items:flex-start}.video-title{font-size:1rem}.video-desc{-webkit-line-clamp:2}.watch-video-link{padding:0.75rem 1.25rem;font-size:0.875rem}.play-button{width:50px;height:50px}.play-button svg{width:20px;height:20px}.video-badge{padding:0.375rem 0.75rem;font-size:0.75rem}}@media (min-width: 768px) and (max-width: 1023px){.videos-grid{grid-template-columns:repeat(2, 1fr);gap:1.75rem}.video-thumbnail{height:200px}.video-title{font-size:1.125rem}.videos-grid.list-view .video-thumbnail{flex:0 0 280px;height:180px}}@media (min-width: 1200px){.videos-grid{grid-template-columns:repeat(3, 1fr)}.videos-grid.list-view{grid-template-columns:1fr}}body.keyboard-navigation .video-card:focus-within,body.keyboard-navigation .watch-video-link:focus,body.keyboard-navigation .video-link:focus{outline:3px solid #3b82f6 !important;outline-offset:2px !important}body.keyboard-navigation .toggle-btn:focus{outline:3px solid #3b82f6 !important;outline-offset:2px !important}@media (prefers-contrast: high){.video-card{border:2px solid #1e40af !important;background:white}.video-badge{border:2px solid white;background:#1e40af !important}.watch-video-link{border:3px solid #1e40af !important;background:white !important;color:#1e40af !important}.watch-video-link:hover{background:#1e40af !important;color:white !important}.play-button{border:3px solid white;background:white !important;color:#1e40af !important}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.video-card{opacity:1 !important;transform:translateY(0) !important}.video-header::before{animation:none !important}.page-title .video-icon,.video-badge,.watch-video-link .action-icon,.empty-icon{animation:none !important}.watch-video-link::before{display:none}.video-card:hover .video-img,.video-card:hover .play-button{transform:none}}@media print{.video-header{background:white !important;color:black !important}.video-header::before{display:none !important}.video-card{box-shadow:none !important;border:1px solid black !important;break-inside:avoid;margin-bottom:1rem}.video-overlay,.play-button{display:none !important}.video-badge{background:white !important;color:black !important;border:1px solid black !important}.watch-video-link{background:white !important;color:black !important;border:1px solid black !important}.video-img{filter:grayscale(100%) !important}}.video-card.loading .video-thumbnail{background:linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}.video-card.loading .video-img{opacity:0}@keyframes loading-shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.video-img.error-image{object-fit:contain;background:#f8fafc;border:2px dashed #cbd5e1}.video-card::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle, rgba(30,64,175,0.1) 0%, transparent 70%);transform:translate(-50%, -50%);transition:all 0.6s ease;border-radius:50%;z-index:1;pointer-events:none}.video-card:hover::before{width:300px;height:300px}.video-stats{display:flex;align-items:center;gap:1rem;font-size:0.75rem;color:#94a3b8;margin-top:0.5rem}.video-views,.video-likes{display:flex;align-items:center;gap:0.25rem}.video-secondary-actions{display:flex;align-items:center;gap:0.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.action-btn{display:flex;align-items:center;gap:0.25rem;padding:0.375rem 0.75rem;background:transparent;border:1px solid #e2e8f0;border-radius:1rem;color:#64748b;font-size:0.75rem;cursor:pointer;transition:all 0.3s ease}.action-btn:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.action-btn.active{background:#3b82f6;border-color:#3b82f6;color:white}.videos-container{width:100%;min-height:200px}.videos-grid{display:grid !important}.video-card{display:block !important;opacity:1 !important;transform:translateY(0) !important}.video-detail-section{background:linear-gradient(135deg, rgba(30,64,175,0.02), rgba(59,130,246,0.03), rgba(147,197,253,0.02));min-height:100vh}.video-detail-container{max-width:1400px;margin:0 auto;padding:0 1rem}@media (min-width: 768px){.video-detail-container{padding:0 1.5rem}}@media (min-width: 1024px){.video-detail-container{padding:0 2rem}}.video-header{background:white;border-radius:1.5rem;padding:2rem 1.5rem;margin-bottom:2rem;box-shadow:0 12px 30px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.1);position:relative;overflow:hidden}@media (min-width: 768px){.video-header{padding:2.5rem 2rem}}@media (min-width: 1024px){.video-header{padding:3rem 2.5rem}}.video-header::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg, #3b82f6, #f59e0b, #10b981);z-index:2}.video-meta{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 768px){.video-meta{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:2rem}}.video-badge{background:linear-gradient(135deg, #3b82f6, #2563eb);color:white;padding:0.5rem 1rem;border-radius:1.5rem;font-size:0.75rem;font-weight:700;display:inline-flex;align-items:center;gap:0.5rem;width:fit-content;box-shadow:0 4px 15px rgba(59,130,246,0.25);text-transform:uppercase;letter-spacing:0.05em}@media (min-width: 768px){.video-badge{font-size:0.875rem;padding:0.75rem 1.25rem}}.video-date{color:#6b7280;font-size:0.875rem;font-weight:500;display:flex;align-items:center;gap:0.5rem}@media (min-width: 768px){.video-date{font-size:1rem}}.video-title{font-size:1.5rem;font-weight:800;color:#1e40af;line-height:1.3;margin-bottom:1.5rem}@media (min-width: 768px){.video-title{font-size:2rem;margin-bottom:2rem}}@media (min-width: 1024px){.video-title{font-size:2.5rem}}.video-content-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 1024px){.video-content-layout{grid-template-columns:2fr 1fr;gap:3rem}}.video-main-content{background:white;border-radius:1.5rem;padding:1.5rem;box-shadow:0 12px 30px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.1)}.video-main-content .event-meta .event-date{font-size:.875rem;padding:.5rem 1rem}.video-main-content .event-meta .event-status{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, #22c55e, #16a34a);color:#ffffff;padding:0.5rem 1rem;border-radius:1rem;font-weight:600;font-size:0.75rem;width:fit-content}@media (min-width: 768px){.video-main-content{padding:2rem}}@media (min-width: 1024px){.video-main-content{padding:2.5rem}}.video-player-section{margin-bottom:2.5rem}.video-player-wrapper{position:relative;background:#f8fafc;border-radius:1rem;overflow:hidden;box-shadow:0 8px 25px rgba(59,130,246,0.15)}.video-iframe-container{position:relative;width:100%;height:0;padding-bottom:56.25%}.video-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-loading,.video-error{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg, #f0f9ff, #e0f2fe);color:#1e40af;text-align:center;padding:2rem;z-index:10}.loading-spinner i{font-size:2rem;margin-bottom:1rem;color:#3b82f6}.error-icon i{font-size:3rem;margin-bottom:1rem;color:#ef4444}.video-error h3{font-size:1.25rem;font-weight:700;margin-bottom:0.5rem;color:#dc2626}.video-error p{margin-bottom:1.5rem;color:#6b7280;line-height:1.6}.video-controls-info{padding:1rem;background:rgba(59,130,246,0.05);border-top:1px solid rgba(59,130,246,0.1)}.video-accessibility-note p{font-size:0.875rem;color:#6b7280;margin:0;display:flex;align-items:center;gap:0.5rem}.video-description-section{margin-bottom:2.5rem}.video-description-section h2{font-size:1.25rem;font-weight:700;color:#1e40af;margin-bottom:1rem;padding-bottom:0.75rem;border-bottom:2px solid rgba(59,130,246,0.2)}@media (min-width: 768px){.video-description-section h2{font-size:1.5rem;margin-bottom:1.5rem}}.video-description-content{font-size:1rem;line-height:1.7;color:#374151}@media (min-width: 768px){.video-description-content{font-size:1.125rem}}.video-description-content p{margin-bottom:1rem}.video-description-content h3,.video-description-content h4{color:#1e40af;margin-top:1.5rem;margin-bottom:0.75rem;font-weight:600}.video-supplement{margin-bottom:2rem}.video-supplement:empty{display:none}.video-related-links{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(59,130,246,0.15)}.video-related-links h2{font-size:1.125rem;font-weight:700;color:#1e40af;margin-bottom:1rem}.external-link-btn{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg, #3b82f6, #2563eb);color:white;padding:0.75rem 1.5rem;border-radius:1.5rem;text-decoration:none;font-weight:600;transition:all 0.3s ease;box-shadow:0 6px 20px rgba(59,130,246,0.25)}.external-link-btn:hover{background:linear-gradient(135deg, #2563eb, #1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,0.35);color:white}.video-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-title{font-size:1.125rem;font-weight:700;color:#1e40af;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem;padding:1rem;background:white;border-radius:1rem;box-shadow:0 4px 15px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.1)}.related-videos-list{background:white;border-radius:1rem;padding:1rem;box-shadow:0 8px 25px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.1)}.related-video-item{margin-bottom:1rem;border-radius:0.75rem;overflow:hidden;transition:all 0.3s ease;border:1px solid rgba(59,130,246,0.1)}.related-video-item:last-child{margin-bottom:0}.related-video-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.2)}.video-link{display:flex;text-decoration:none;color:inherit;padding:0.75rem;gap:0.75rem}.video-thumbnail{position:relative;flex-shrink:0;width:80px;height:60px;border-radius:0.5rem;overflow:hidden;background:#f3f4f6}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:rgba(0,0,0,0.7);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:white;font-size:0.75rem}.video-info{flex:1;min-width:0}.video-title{font-size:0.875rem;font-weight:600;color:#1e40af;line-height:1.3;margin-bottom:0.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-meta{font-size:0.75rem;color:#6b7280}.loading-placeholder{display:flex;flex-direction:column;gap:1rem}.placeholder-item{display:flex;gap:0.75rem;padding:0.75rem;background:#f9fafb;border-radius:0.75rem;animation:pulse 1.5s ease-in-out infinite}.placeholder-thumb{width:80px;height:60px;background:#e5e7eb;border-radius:0.5rem;flex-shrink:0}.placeholder-info{flex:1;display:flex;flex-direction:column;gap:0.5rem}.placeholder-title{height:0.875rem;background:#d1d5db;border-radius:0.25rem;width:100%}.placeholder-meta{height:0.75rem;background:#e5e7eb;border-radius:0.25rem;width:60%}@keyframes pulse{0%, 100%{opacity:1}50%{opacity:0.5}}.no-related{text-align:center;color:#6b7280;font-style:italic;padding:2rem}.video-share-section{background:white;border-radius:1rem;padding:1rem;box-shadow:0 8px 25px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.1)}.share-title{font-size:1rem;font-weight:700;color:#1e40af;margin-bottom:1rem;display:flex;align-items:center;gap:0.5rem}.share-buttons{display:flex;flex-direction:column;gap:0.5rem}.share-btn{display:flex;align-items:center;gap:0.5rem;padding:0.75rem 1rem;border-radius:0.75rem;text-decoration:none;font-weight:500;font-size:0.875rem;transition:all 0.3s ease;border:none;cursor:pointer;background:#f8fafc;width:100%;justify-content:flex-start;box-shadow:0 2px 8px rgba(0,0,0,0.05);border:1px solid #e2e8f0}.share-btn.facebook{color:#1877f2}.share-btn.facebook:hover{background:#1877f2;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(24,119,242,0.25)}.share-btn.line{color:#00c300}.share-btn.line:hover{background:#00c300;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,195,0,0.25)}.share-btn.copy{color:#6b7280}.share-btn.copy:hover{background:#6b7280;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(107,114,128,0.25)}@media (max-width: 767px){.video-detail-container{padding:0 0.75rem}.video-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.video-title{font-size:1.25rem;margin-bottom:1rem}.video-main-content{padding:1rem}.video-description-section h2{font-size:1.125rem}.video-description-content{font-size:0.875rem}.sidebar-title{font-size:1rem;padding:0.75rem}.related-videos-list,.video-share-section{padding:0.75rem}.video-link{padding:0.5rem;gap:0.5rem}.video-thumbnail{width:60px;height:45px}.video-title{font-size:0.75rem}.share-btn{padding:0.75rem 0.875rem;font-size:0.8125rem}}@media (min-width: 768px) and (max-width: 1023px){.video-content-layout{grid-template-columns:1fr;gap:2rem}.video-sidebar{flex-direction:row;gap:1rem}.video-sidebar>*{flex:1}.share-buttons{flex-direction:row;flex-wrap:wrap}.share-btn{flex:1;min-width:120px}}@media (min-width: 1200px){.video-content-layout{grid-template-columns:2.2fr 1fr;gap:3.5rem}.video-header{padding:3.5rem 3rem}.video-main-content{padding:3rem}.video-title{font-size:1.25rem}}body.keyboard-navigation .video-link:focus,body.keyboard-navigation .share-btn:focus,body.keyboard-navigation .external-link-btn:focus{outline:3px solid #3b82f6 !important;outline-offset:2px !important;z-index:10;position:relative}@media (prefers-contrast: high){.video-header,.video-main-content,.related-videos-list,.video-share-section{border:2px solid #000000 !important}.video-badge{background:#000000 !important;color:#ffffff !important}.video-title,.sidebar-title,.share-title{color:#000000 !important}.share-btn{border:2px solid #000000 !important;background:#ffffff !important;color:#000000 !important}.share-btn:hover{background:#000000 !important;color:#ffffff !important}}@media (prefers-reduced-motion: reduce){.related-video-item,.share-btn,.external-link-btn{transition:none !important}.related-video-item:hover,.share-btn:hover,.external-link-btn:hover{transform:none !important}.placeholder-item{animation:none !important}.loading-spinner i{animation:none !important}}@media print{.video-sidebar,.share-buttons,.video-controls-info{display:none !important}.video-content-layout{grid-template-columns:1fr !important}.video-player-wrapper{background:#f0f0f0 !important;border:2px solid #000000 !important}.video-iframe-container::after{content:'影音內容需要在網頁版本中觀看';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#ffffff;padding:1rem;border:1px solid #000000;text-align:center;font-weight:bold}.video-header,.video-main-content{box-shadow:none !important;border:1px solid #000000 !important}}.page-header{background:linear-gradient(135deg, rgba(30,64,175,0.95), rgba(59,130,246,0.9));color:white;padding:3rem 0 4rem;position:relative;overflow:hidden}@media (max-width: 767px){.page-header{padding:2rem 0 3rem}}.page-header::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%, rgba(96,165,250,0.15) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(59,130,246,0.1) 0%, transparent 50%);animation:header-flow 25s ease-in-out infinite;pointer-events:none}.page-header .header-content{position:relative;z-index:2}.breadcrumb-nav{margin-bottom:2rem}.breadcrumb-nav .breadcrumb{display:flex;align-items:center;gap:.5rem;list-style:none;margin:0;padding:0;font-size:.875rem}@media (min-width: 768px){.breadcrumb-nav .breadcrumb{font-size:1rem}}.breadcrumb-nav .breadcrumb li{display:flex;align-items:center;gap:.5rem}.breadcrumb-nav .breadcrumb li:not(:last-child)::after{content:'→';color:rgba(255,255,255,0.6);margin-left:.5rem}.breadcrumb-nav .breadcrumb li a{color:rgba(255,255,255,0.9);text-decoration:none;padding:.25rem .5rem;border-radius:.5rem;transition:all 0.3s ease}.breadcrumb-nav .breadcrumb li a:hover{background:rgba(255,255,255,0.15);color:white}.breadcrumb-nav .breadcrumb li span[aria-current="page"]{color:white;font-weight:600}.page-title-section{text-align:center;max-width:800px;margin:0 auto}.page-title-section .page-title{font-size:1.875rem;font-weight:800;margin-bottom:1rem;text-shadow:0 4px 20px rgba(30,64,175,0.5)}@media (min-width: 768px){.page-title-section .page-title{font-size:2.25rem;margin-bottom:1.5rem}}.page-title-section .page-description{font-size:1.125rem;color:rgba(255,255,255,0.9);line-height:1.6;margin:0}@media (min-width: 768px){.page-title-section .page-description{font-size:1.25rem}}.listing-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:white;border-radius:1rem;box-shadow:0 4px 20px rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.15)}@media (min-width: 768px){.listing-header{flex-direction:row;align-items:center;justify-content:space-between;padding:2rem}}.listing-header .section-title{font-size:1.5rem;font-weight:700;color:#1e40af;margin:0}@media (min-width: 768px){.listing-header .section-title{font-size:1.875rem}}.listing-stats{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.listing-stats .stats-info{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.listing-stats .stats-info .total-count{font-weight:500}.listing-stats .stats-info .total-count .count-number{font-weight:700;color:#2563eb}.listing-controls{display:flex;align-items:center;gap:1rem}.topic-toggle{display:flex;background:#f9fafb;border-radius:.75rem;padding:.25rem;border:1px solid #e5e7eb;gap:.25rem}@media (max-width: 767px){.topic-toggle{flex-wrap:wrap;width:100%}}.topic-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:.5rem;color:#4b5563;cursor:pointer;transition:all 0.3s ease;font-size:.875rem;font-weight:500;white-space:nowrap;min-height:44px}@media (min-width: 768px){.topic-btn{font-size:1rem;padding:.75rem 1.25rem}}.topic-btn:hover{background:white;color:#2563eb;box-shadow:0 2px 8px rgba(59,130,246,0.15)}.topic-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.topic-btn.active{background:#2563eb;color:white;box-shadow:0 4px 12px rgba(30,64,175,0.25)}.topic-btn .topic-icon{font-size:1rem}@media (min-width: 768px){.topic-btn .topic-icon{font-size:1.125rem}}.topic-btn .topic-text{font-weight:600}@media (max-width: 479px){.topic-btn .topic-text{display:none}}.topic-btn .topic-count{background:rgba(255,255,255,0.2);padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:700;min-width:1.5rem;text-align:center}@media (min-width: 768px){.topic-btn .topic-count{font-size:.875rem;padding:.25rem .75rem}}.topic-btn.active .topic-count{background:rgba(255,255,255,0.3)}.news-list-container{max-width:1000px;margin:0 auto 3rem;position:relative;display:block !important;visibility:visible !important;opacity:1 !important}.news-list-container[style*="display: none"]{display:none !important}.news-list-layout{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}@media (min-width: 768px){.news-list-layout{grid-template-columns:1fr 1.5fr;gap:3rem}}.news-featured-image{position:relative}.news-featured-image .featured-news-card{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 12px 40px rgba(59,130,246,0.15);transition:all 0.3s ease}.news-featured-image .featured-news-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px rgba(59,130,246,0.25)}.news-featured-image .featured-news-card .featured-img{width:100%;height:300px;object-fit:cover;transition:transform 0.3s ease}@media (min-width: 768px){.news-featured-image .featured-news-card .featured-img{height:350px}}.news-featured-image .featured-news-card:hover .featured-img{transform:scale(1.05)}.news-featured-image .featured-news-card .featured-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(30,64,175,0.9));backdrop-filter:blur(12px);padding:1rem;color:white}@media (max-width: 767px){.news-featured-image .featured-news-card .featured-overlay{padding:1.5rem}}.news-featured-image .featured-news-card .featured-overlay .featured-category{display:inline-block;background:rgba(249,115,22,0.9);padding:.5rem 1rem;border-radius:1rem;font-size:.75rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:0.05em}@media (min-width: 768px){.news-featured-image .featured-news-card .featured-overlay .featured-category{font-size:.875rem}}.news-featured-image .featured-news-card .featured-overlay .featured-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}@media (min-width: 768px){.news-featured-image .featured-news-card .featured-overlay .featured-title{font-size:1.25rem}}.news-featured-image .featured-news-card .featured-overlay .featured-title a{color:white;text-decoration:none;transition:color 0.3s ease}.news-featured-image .featured-news-card .featured-overlay .featured-title a:hover{color:rgba(191,219,254,0.9)}.news-featured-image .featured-news-card .featured-overlay .featured-date{font-size:.875rem;color:rgba(255,255,255,0.8)}@media (min-width: 768px){.news-featured-image .featured-news-card .featured-overlay .featured-date{font-size:1rem}}.news-list-items{display:flex;flex-direction:column;gap:.75rem}@media (min-width: 768px){.news-list-items{gap:1rem}}.news-list-item{background:white;border-radius:1rem;overflow:hidden;border:1px solid rgba(59,130,246,0.1);transition:all 0.3s ease}.news-list-item:hover{transform:translateX(5px);box-shadow:0 8px 25px rgba(59,130,246,0.12);border-color:rgba(59,130,246,0.2)}.news-list-item .news-item-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:all 0.3s ease;min-height:60px}@media (max-width: 767px){.news-list-item .news-item-link{padding:.75rem 1rem}}.news-list-item .news-item-link:hover{background:linear-gradient(135deg, rgba(59,130,246,0.04), rgba(239,246,255,0.8))}.news-list-item .news-item-link:focus{outline:2px solid #3b82f6;outline-offset:2px}.news-list-item .news-item-link .news-item-content{flex:1}.news-list-item .news-item-link .news-item-content .news-item-title{font-size:1rem;font-weight:600;color:#1d4ed8;margin-bottom:.25rem;line-height:1.4;transition:color 0.3s ease;margin-top:0}@media (min-width: 768px){.news-list-item .news-item-link .news-item-content .news-item-title{font-size:1.125rem}}.news-list-item .news-item-link .news-item-content .news-item-date{font-size:.75rem;color:#6b7280}@media (min-width: 768px){.news-list-item .news-item-link .news-item-content .news-item-date{font-size:.875rem}}.news-list-item .news-item-link .news-item-arrow{margin-left:1rem;color:#9ca3af;transition:all 0.3s ease;flex-shrink:0}.news-list-item .news-item-link .news-item-arrow svg{width:16px;height:16px}@media (min-width: 768px){.news-list-item .news-item-link .news-item-arrow svg{width:20px;height:20px}}.news-list-item .news-item-link:hover .news-item-title{color:#2563eb}.news-list-item .news-item-link:hover .news-item-arrow{color:#2563eb;transform:translateX(3px)}.empty-state{display:flex;align-items:center;justify-content:center;min-height:400px;padding:2rem}.empty-state .empty-content{text-align:center;max-width:400px}.empty-state .empty-content .empty-icon{font-size:4rem;margin-bottom:1.5rem;opacity:0.7;color:#60a5fa}@media (max-width: 767px){.empty-state .empty-content .empty-icon{font-size:3rem;margin-bottom:1rem}}.empty-state .empty-content .empty-title{font-size:1.5rem;font-weight:700;color:#1d4ed8;margin-bottom:1rem}@media (max-width: 767px){.empty-state .empty-content .empty-title{font-size:1.25rem}}.empty-state .empty-content .empty-description{color:#4b5563;margin-bottom:2rem;line-height:1.6}.empty-state .empty-content .empty-description .empty-link{color:#2563eb;text-decoration:none;font-weight:600}.empty-state .empty-content .empty-description .empty-link:hover{color:#1d4ed8;text-decoration:underline}@keyframes header-flow{0%, 100%{transform:translateX(0) translateY(0) scale(1)}25%{transform:translateX(20px) translateY(-12px) scale(1.05)}50%{transform:translateX(0) translateY(-20px) scale(1)}75%{transform:translateX(-20px) translateY(-12px) scale(1.05)}}@media (max-width: 479px){.listing-header{padding:1rem}.listing-header .section-title{font-size:1.25rem}.listing-controls{flex-direction:column;align-items:stretch;gap:.75rem}.topic-toggle{justify-content:center}.topic-btn{flex:1;justify-content:center;padding:.5rem .75rem}.news-list-layout{gap:1.5rem}.news-featured-image .featured-news-card .featured-img{height:200px}}@media (min-width: 768px) and (max-width: 1023px){.listing-header .section-title{font-size:1.5rem}.news-list-layout{gap:2.5rem}.news-featured-image .featured-news-card .featured-img{height:280px}}@media (min-width: 1200px){.news-list-container{max-width:1200px}.listing-header{padding:2.5rem}.news-list-layout{gap:4rem}}body.keyboard-navigation .topic-btn:focus,body.keyboard-navigation .news-item-link:focus,body.keyboard-navigation .featured-title a:focus{outline:3px solid #3b82f6 !important;outline-offset:2px !important;z-index:10;position:relative}@media (prefers-contrast: high){.page-header{background:#fff !important;color:#000 !important;border-bottom:3px solid #000}.page-header::before{display:none !important}.listing-header,.news-list-item,.featured-news-card{border:2px solid #000 !important;background:#fff !important}.topic-btn{border:2px solid #000 !important;color:#000 !important;background:#fff !important}.topic-btn:hover,.topic-btn.active{background:#000 !important;color:#fff !important}.news-item-title,.featured-title a{color:#000 !important}.featured-overlay{background:rgba(0,0,0,0.9) !important}.featured-overlay .featured-title a{color:#fff !important}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.page-header::before{animation:none !important}.news-list-item:hover,.featured-news-card:hover,.featured-img{transform:none !important}.news-item-arrow{transition:none !important}}@media print{.page-header{background:#fff !important;color:#000 !important;box-shadow:none !important}.page-header::before{display:none !important}.listing-header{box-shadow:none !important;border:1px solid #000 !important}.topic-toggle{display:none !important}.news-list-item{box-shadow:none !important;border:1px solid #000 !important;break-inside:avoid}.news-item-arrow{display:none !important}.featured-news-card{box-shadow:none !important;border:1px solid #000 !important}.featured-img{filter:grayscale(100%) !important}.featured-overlay{background:rgba(0,0,0,0.8) !important}}.news-list-container,.news-list-layout,.news-list-items,.news-list-item{display:block !important;visibility:visible !important;opacity:1 !important}.news-list-layout{display:grid !important}.news-list-items{display:flex !important;flex-direction:column}.news-item-link{display:flex !important;pointer-events:auto !important}.debug-news{border:2px solid red !important;background:yellow !important}.debug-news::before{content:'DEBUG: 新聞項目';display:block !important;background:red !important;color:white !important;padding:4px !important;font-weight:bold !important}*{box-sizing:border-box}#main-content,.insideSection{display:block !important;visibility:visible !important;opacity:1 !important}.skip-links{position:absolute;top:-6.25rem;left:0;z-index:10000}.skip-links .skip-link{position:absolute;top:0;left:1rem;background:#2563eb;color:#ffffff;padding:0.75rem 1rem;border-radius:0.5rem;font-weight:600;text-decoration:none;transition:top 0.3s ease;box-shadow:0 0.25rem 0.75rem rgba(59,130,246,0.4)}.skip-links .skip-link:focus{top:1rem}.skip-links .skip-link:hover{background:#1d4ed8}.page-header{background:linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);color:#ffffff;padding:3rem 0 4rem;position:relative;overflow:hidden}.page-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle, rgba(96,165,250,0.15) 0%, transparent 70%);animation:ocean-current 30s linear infinite}.page-header::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(0.125rem 0.125rem at 1.25rem 1.875rem, rgba(255,255,255,0.15), transparent),radial-gradient(0.0625rem 0.0625rem at 2.5rem 4.375rem, rgba(255,255,255,0.1), transparent),radial-gradient(0.0625rem 0.0625rem at 5.625rem 2.5rem, rgba(255,255,255,0.1), transparent);background-repeat:repeat;background-size:9.375rem 6.25rem;animation:float-particles 30s linear infinite;pointer-events:none}.page-header .section-container{position:relative;z-index:2}.page-header .header-content{max-width:75rem;margin:0 auto;padding:0 1rem}@media (min-width: 48rem){.page-header .header-content{padding:0 1.5rem}}@media (min-width: 64rem){.page-header .header-content{padding:0 2rem}}.breadcrumb-nav{margin-bottom:2rem}.breadcrumb-nav .breadcrumb{list-style:none;padding:0;margin:0;display:flex;align-items:center;gap:0.5rem;flex-wrap:wrap}.breadcrumb-nav .breadcrumb li{display:flex;align-items:center;gap:0.5rem}.breadcrumb-nav .breadcrumb li:not(:last-child)::after{content:'>';color:rgba(255,255,255,0.6);font-weight:500;margin-left:0.5rem}.breadcrumb-nav .breadcrumb li a{color:rgba(255,255,255,0.9);text-decoration:none;font-weight:500;font-size:0.875rem;padding:0.5rem 0.75rem;border-radius:0.75rem;transition:all 0.3s ease;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2)}@media (min-width: 48rem){.breadcrumb-nav .breadcrumb li a{font-size:1rem;padding:0.75rem 1rem}}.breadcrumb-nav .breadcrumb li a:hover{background:rgba(255,255,255,0.2);color:#ffffff;transform:translateY(-0.0625rem);box-shadow:0 0.25rem 0.75rem rgba(255,255,255,0.2)}.breadcrumb-nav .breadcrumb li a:focus{outline:0.125rem solid rgba(255,255,255,0.8);outline-offset:0.125rem}.breadcrumb-nav .breadcrumb li span{color:#ffffff;font-weight:700;font-size:0.875rem;padding:0.5rem 1rem;background:rgba(255,255,255,0.15);border-radius:0.75rem;border:1px solid rgba(255,255,255,0.3)}@media (min-width: 48rem){.breadcrumb-nav .breadcrumb li span{font-size:1rem;padding:0.75rem 1.25rem}}.page-title-section{text-align:center}.page-title-section .page-title{font-size:1.875rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 0.25rem 1.25rem rgba(30,64,175,0.5)}@media (min-width: 48rem){.page-title-section .page-title{font-size:2.25rem;margin-bottom:2rem}}@media (min-width: 64rem){.page-title-section .page-title{font-size:3rem}}.page-title-section .page-title span{background:linear-gradient(135deg, #fff, rgba(191,219,254,0.9));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-title-section .page-description{font-size:1.125rem;color:rgba(255,255,255,0.9);max-width:37.5rem;margin:0 auto;line-height:1.6;text-shadow:0 0.125rem 0.625rem rgba(30,64,175,0.3)}@media (min-width: 48rem){.page-title-section .page-description{font-size:1.25rem}}.page-title-section .page-description span{font-weight:500}.articles-listing{background:linear-gradient(180deg, #fff 0%, rgba(239,246,255,0.3) 50%, #fff 100%);padding:4rem 0;position:relative}.articles-listing .section-container{max-width:75rem;margin:0 auto;padding:0 1rem}@media (min-width: 48rem){.articles-listing .section-container{padding:0 1.5rem}}@media (min-width: 64rem){.articles-listing .section-container{padding:0 2rem}}.iframe-container{position:relative;width:100%;max-width:75rem;margin:0 auto;background:#ffffff;border-radius:1.5rem;box-shadow:0 0.625rem 1.875rem rgba(59,130,246,0.15);border:0.0625rem solid rgba(59,130,246,0.1);overflow:hidden}.iframe-container::before{content:'';display:block;width:100%;padding-bottom:83.33%}@media (min-width: 48rem){.iframe-container::before{padding-bottom:70%}}@media (min-width: 64rem){.iframe-container::before{padding-bottom:83.33%}}.iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:1.5rem;background:#f9fafb}.iframe-container iframe[src=""]{background:linear-gradient(135deg, #f3f4f6, #f9fafb)}.iframe-container iframe[src=""]::after{content:'載入中...';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#6b7280;font-size:1.125rem;font-weight:600}.iframe-container .loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, rgba(239,246,255,0.95), rgba(255,255,255,0.9));display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;z-index:10;transition:opacity 0.3s ease}.iframe-container .loading-overlay.hidden{opacity:0;pointer-events:none}.iframe-container .loading-overlay .loading-spinner{width:3rem;height:3rem;border:0.25rem solid rgba(59,130,246,0.2);border-top:0.25rem solid #2563eb;border-radius:50%;animation:spin 1s linear infinite}.iframe-container .loading-overlay .loading-text{color:#2563eb;font-size:1.125rem;font-weight:600;text-align:center}.iframe-container:hover{transform:translateY(-0.25rem);box-shadow:0 1.25rem 2.5rem rgba(59,130,246,0.2);border-color:rgba(59,130,246,0.2)}iframe[src*="drive.google.com"]{width:100% !important;height:auto !important;min-height:37.5rem;max-width:100% !important;border:none !important;border-radius:1rem !important;box-shadow:0 1.25rem 1.5625rem -0.3125rem rgba(0,0,0,0.1) !important;background:#ffffff !important}@media (min-width: 48rem){iframe[src*="drive.google.com"]{min-height:50rem}}@media (min-width: 64rem){iframe[src*="drive.google.com"]{min-height:62.5rem}}.iframe-error{display:none;text-align:center;padding:3rem;background:linear-gradient(135deg, rgba(239,68,68,0.05), rgba(252,165,165,0.03));border:0.125rem dashed rgba(239,68,68,0.3);border-radius:1.5rem;color:#dc2626}.iframe-error .error-icon{font-size:2.25rem;margin-bottom:1rem;opacity:0.7}.iframe-error .error-title{font-size:1.25rem;font-weight:700;margin-bottom:0.75rem}.iframe-error .error-message{font-size:1rem;color:#7f1d1d;margin-bottom:1.5rem;line-height:1.6}.iframe-error .retry-button{background:linear-gradient(135deg, #dc2626, #b91c1c);color:#ffffff;border:none;padding:0.75rem 1.5rem;border-radius:1rem;font-weight:600;cursor:pointer;transition:all 0.3s ease}.iframe-error .retry-button:hover{background:linear-gradient(135deg, #b91c1c, #991b1b);transform:translateY(-0.125rem)}.iframe-error .direct-link{display:inline-flex;align-items:center;gap:0.5rem;margin-top:1rem;color:#dc2626;text-decoration:none;font-weight:600;padding:0.75rem 1.25rem;background:rgba(239,68,68,0.08);border-radius:1rem;border:0.0625rem solid rgba(239,68,68,0.2);transition:all 0.3s ease}.iframe-error .direct-link:hover{background:#dc2626;color:#ffffff;border-color:#dc2626;transform:translateY(-0.125rem);box-shadow:0 0.25rem 0.75rem rgba(220,38,38,0.25)}.iframe-error .direct-link i{font-size:0.875rem}.usage-instructions{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg, rgba(34,197,94,0.05), rgba(74,222,128,0.03));border-radius:1.5rem;border:0.0625rem solid rgba(34,197,94,0.15);box-shadow:0 0.5rem 1.5625rem rgba(34,197,94,0.08)}@media (min-width: 48rem){.usage-instructions{padding:2rem}}.usage-instructions .instructions-title{font-size:1.125rem;font-weight:700;color:#15803d;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem}@media (min-width: 48rem){.usage-instructions .instructions-title{font-size:1.25rem}}.usage-instructions .instructions-title i{color:#16a34a;font-size:1.25rem}@media (min-width: 48rem){.usage-instructions .instructions-title i{font-size:1.5rem}}.usage-instructions .instructions-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 48rem){.usage-instructions .instructions-list{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media (min-width: 64rem){.usage-instructions .instructions-list{grid-template-columns:repeat(2, 1fr)}}.usage-instructions .instructions-list li{display:flex;align-items:flex-start;gap:0.75rem;padding:1rem;background:rgba(255,255,255,0.8);border-radius:1rem;border:0.0625rem solid rgba(34,197,94,0.1);transition:all 0.3s ease;line-height:1.6}.usage-instructions .instructions-list li:hover{background:rgba(255,255,255,0.95);border-color:rgba(34,197,94,0.2);transform:translateY(-0.125rem);box-shadow:0 0.25rem 0.75rem rgba(34,197,94,0.15)}.usage-instructions .instructions-list li i{color:#16a34a;font-size:1.125rem;margin-top:0.125rem;flex-shrink:0;width:1.5rem;text-align:center}.usage-instructions .instructions-list li span{color:#374151;font-size:1rem;font-weight:500}@media (max-width: 47.9375rem){.usage-instructions .instructions-list li span{font-size:0.875rem}}.mainlink{max-width:75rem;margin:3rem auto 0;padding:0 1rem}@media (min-width: 48rem){.mainlink{padding:0 1.5rem}}@media (min-width: 64rem){.mainlink{padding:0 2rem}}.mainlink .link{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:2rem;background:linear-gradient(135deg, rgba(239,246,255,0.9), rgba(255,255,255,0.95));border-radius:1.5rem;border:0.0625rem solid rgba(59,130,246,0.15);box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.1)}@media (min-width: 48rem){.mainlink .link{flex-direction:row;justify-content:center;padding:2.5rem}}@media (max-width: 47.9375rem){.mainlink .link{padding:1.5rem}}.mainlink .link .am-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#ffffff;color:#374151;border:0.125rem solid #d1d5db;border-radius:1.5rem;text-decoration:none;font-weight:600;font-size:1rem;transition:all 0.3s ease;cursor:pointer;min-width:7.5rem;justify-content:center;box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.05)}@media (max-width: 47.9375rem){.mainlink .link .am-btn{padding:0.5rem 1rem;font-size:0.875rem;min-width:6.25rem}}.mainlink .link .am-btn:hover{background:#f9fafb;color:#1f2937;border-color:#9ca3af;transform:translateY(-0.125rem);box-shadow:0 0.375rem 1.25rem rgba(107,114,128,0.2)}.mainlink .link .am-btn.am-btn-secondary{background:linear-gradient(135deg, #3b82f6, #2563eb);color:#ffffff;border-color:#2563eb;box-shadow:0 0.375rem 1.25rem rgba(59,130,246,0.25)}.mainlink .link .am-btn.am-btn-secondary:hover{background:linear-gradient(135deg, #2563eb, #1d4ed8);border-color:#1d4ed8;box-shadow:0 0.5rem 1.5625rem rgba(59,130,246,0.35)}.mainlink .link .am-btn:focus{outline:0.1875rem solid rgba(59,130,246,0.5);outline-offset:0.125rem}.mainlink.animate-on-scroll{opacity:0;transform:translateY(1.25rem);transition:all 0.6s ease}.mainlink.animate-on-scroll.fade-in{opacity:1;transform:translateY(0)}.iframe-fallback{padding:3rem;text-align:center;background:linear-gradient(135deg, #f9fafb, #fff);border-radius:1rem}.iframe-fallback h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.iframe-fallback p{color:#4b5563;margin-bottom:1rem;line-height:1.6}.iframe-fallback p:last-child{margin-bottom:0}.iframe-fallback a{color:#2563eb;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.25rem;background:rgba(59,130,246,0.08);border-radius:1rem;border:0.0625rem solid rgba(59,130,246,0.2);transition:all 0.3s ease}.iframe-fallback a:hover{background:#2563eb;color:#ffffff;border-color:#2563eb;transform:translateY(-0.125rem);box-shadow:0 0.25rem 0.75rem rgba(59,130,246,0.25)}.iframe-fallback a i{font-size:0.875rem}.sr-only{position:absolute !important;width:0.0625rem !important;height:0.0625rem !important;padding:0 !important;margin:-0.0625rem !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}@keyframes ocean-current{0%{transform:rotate(0deg) translateX(0)}25%{transform:rotate(90deg) translateX(1.25rem)}50%{transform:rotate(180deg) translateX(0)}75%{transform:rotate(270deg) translateX(-1.25rem)}100%{transform:rotate(360deg) translateX(0)}}@keyframes float-particles{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-0.625rem) translateX(0.625rem)}50%{transform:translateY(0) translateX(1.25rem)}75%{transform:translateY(0.625rem) translateX(0.625rem)}100%{transform:translateY(0) translateX(0)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){.page-header{background:#000000;color:#ffffff;border-bottom:0.125rem solid #ffffff}.breadcrumb li a,.breadcrumb li span{border:0.125rem solid #ffffff;background:#000000;color:#ffffff}.iframe-container{border:0.125rem solid #000000;background:#ffffff}.mainlink .am-btn{border:0.125rem solid #000000;background:#ffffff;color:#000000}.mainlink .am-btn:hover{background:#000000;color:#ffffff}.mainlink .am-btn.am-btn-secondary{background:#000000;color:#ffffff;border-color:#ffffff}}@media (prefers-reduced-motion: reduce){*{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.page-header::before,.page-header::after{animation:none !important}.mainlink.animate-on-scroll{opacity:1;transform:translateY(0)}.loading-spinner{animation:none !important;border:0.25rem solid #2563eb}}body.keyboard-navigation .breadcrumb a:focus,body.keyboard-navigation .am-btn:focus{outline:0.1875rem solid #3b82f6 !important;outline-offset:0.125rem !important;z-index:10;position:relative}@media (max-width: 47.9375rem){.page-header{padding:2rem 0 2.5rem}.page-header .breadcrumb{flex-direction:column;align-items:flex-start;gap:0.5rem}.page-header .breadcrumb li:not(:last-child)::after{display:none}.page-title-section .page-title{font-size:1.5rem;margin-bottom:1rem}.page-title-section .page-description{font-size:1rem}.articles-listing{padding:3rem 0}}@media (min-width: 75rem){.iframe-container{max-width:80rem}.page-header .header-content,.articles-listing .section-container,.mainlink{max-width:80rem}}.font-size-tip{background:linear-gradient(135deg, #fef3c7, #fcd34d);border:1px solid #f59e0b;border-radius:0.75rem;padding:1rem;margin-bottom:1rem}.font-size-tip .tip-title{font-weight:700;color:#92400e;margin-bottom:0.5rem}.font-size-tip .tip-content{font-size:0.875rem;color:#78350f;line-height:1.5}
/*# sourceMappingURL=all.css.map */
g {
  opacity: 0; }

@keyframes loading-shimmer {
  0% {
    background-position: -200% 0; }
  100% {
    background-position: 200% 0; } }
/* 錯誤狀態樣式 */
.video-img.error-image {
  object-fit: contain;
  background: #f8fafc;
  border: 2px dashed #cbd5e1; }

/* 特殊效果 - 懸浮時的漣漪效果 */
.video-card::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: radial-gradient(circle, rgba(30, 64, 175, 0.1) 0%, transparent 70%);
  transform: translate(-50%, -50%);
  transition: all 0.6s ease;
  border-radius: 50%;
  z-index: 1;
  pointer-events: none; }
.video-card:hover::before {
  width: 300px;
  height: 300px; }

/* 影片長度計算輔助樣式 */
.video-stats {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.75rem;
  color: #94a3b8;
  margin-top: 0.5rem; }

.video-views,
.video-likes {
  display: flex;
  align-items: center;
  gap: 0.25rem; }

/* 共享與收藏功能樣式 */
.video-secondary-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e2e8f0; }

.action-btn {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.375rem 0.75rem;
  background: transparent;
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  color: #64748b;
  font-size: 0.75rem;
  cursor: pointer;
  transition: all 0.3s ease; }
  .action-btn:hover {
    background: #f8fafc;
    border-color: #3b82f6;
    color: #3b82f6; }
  .action-btn.active {
    background: #3b82f6;
    border-color: #3b82f6;
    color: white; }

/* 確保所有影音卡片都能正常顯示 */
.videos-container {
  width: 100%;
  min-height: 200px; }

.videos-grid {
  display: grid !important; }

.video-card {
  display: block !important;
  opacity: 1 !important;
  transform: translateY(0) !important; }

/*videoDetail*/
/* ===== 影音專區專用樣式 ===== */
.video-detail-section {
  background: linear-gradient(135deg, rgba(30, 64, 175, 0.02), rgba(59, 130, 246, 0.03), rgba(147, 197, 253, 0.02));
  min-height: 100vh; }

.video-detail-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1rem; }

@media (min-width: 768px) {
  .video-detail-container {
    padding: 0 1.5rem; } }
@media (min-width: 1024px) {
  .video-detail-container {
    padding: 0 2rem; } }
/* 影音標題區域 */
.video-header {
  background: white;
  border-radius: 1.5rem;
  padding: 2rem 1.5rem;
  margin-bottom: 2rem;
  box-shadow: 0 12px 30px rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.1);
  position: relative;
  overflow: hidden; }

@media (min-width: 768px) {
  .video-header {
    padding: 2.5rem 2rem; } }
@media (min-width: 1024px) {
  .video-header {
    padding: 3rem 2.5rem; } }
.video-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #3b82f6, #f59e0b, #10b981);
  z-index: 2; }

.video-meta {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem; }

@media (min-width: 768px) {
  .video-meta {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem; } }
.video-badge {
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  width: fit-content;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.25);
  text-transform: uppercase;
  letter-spacing: 0.05em; }

@media (min-width: 768px) {
  .video-badge {
    font-size: 0.875rem;
    padding: 0.75rem 1.25rem; } }
.video-date {
  color: #6b7280;
  font-size: 0.875rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem; }

@media (min-width: 768px) {
  .video-date {
    font-size: 1rem; } }
.video-title {
  font-size: 1.5rem;
  font-weight: 800;
  color: #1e40af;
  line-height: 1.3;
  margin-bottom: 1.5rem; }

@media (min-width: 768px) {
  .video-title {
    font-size: 2rem;
    margin-bottom: 2rem; } }
@media (min-width: 1024px) {
  .video-title {
    font-size: 2.5rem; } }
/* 影音內容佈局 */
.video-content-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: start; }

@media (min-width: 1024px) {
  .video-content-layout {
    grid-template-columns: 2fr 1fr;
    gap: 3rem; } }
/* 主要影音內容 */
.video-main-content {
  background: white;
  border-radius: 1.5rem;
  padding: 1.5rem;
  box-shadow: 0 12px 30px rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.1); }
  .video-main-content .event-meta .event-date {
    font-size: 0.875rem;
    padding: 0.5rem 1rem; }
  .video-main-content .event-meta .event-status {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background: linear-gradient(135deg, #22c55e, #16a34a);
    color: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-weight: 600;
    font-size: 0.75rem;
    width: fit-content; }

@media (min-width: 768px) {
  .video-main-content {
    padding: 2rem; } }
@media (min-width: 1024px) {
  .video-main-content {
    padding: 2.5rem; } }
/* 影音播放器 */
.video-player-section {
  margin-bottom: 2.5rem; }

.video-player-wrapper {
  position: relative;
  background: #f8fafc;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.15); }

.video-iframe-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  /* 16:9 比例 */ }

.video-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

/* 影音載入和錯誤狀態 */
.video-loading,
.video-error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
  color: #1e40af;
  text-align: center;
  padding: 2rem;
  z-index: 10; }

.loading-spinner i {
  font-size: 2rem;
  margin-bottom: 1rem;
  color: #3b82f6; }

.error-icon i {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: #ef4444; }

.video-error h3 {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
  color: #dc2626; }

.video-error p {
  margin-bottom: 1.5rem;
  color: #6b7280;
  line-height: 1.6; }

/* 影音控制資訊 */
.video-controls-info {
  padding: 1rem;
  background: rgba(59, 130, 246, 0.05);
  border-top: 1px solid rgba(59, 130, 246, 0.1); }

.video-accessibility-note p {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem; }

/* 影音說明區域 */
.video-description-section {
  margin-bottom: 2.5rem; }

.video-description-section h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1e40af;
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 2px solid rgba(59, 130, 246, 0.2); }

@media (min-width: 768px) {
  .video-description-section h2 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem; } }
.video-description-content {
  font-size: 1rem;
  line-height: 1.7;
  color: #374151; }

@media (min-width: 768px) {
  .video-description-content {
    font-size: 1.125rem; } }
.video-description-content p {
  margin-bottom: 1rem; }

.video-description-content h3,
.video-description-content h4 {
  color: #1e40af;
  margin-top: 1.5rem;
  margin-bottom: 0.75rem;
  font-weight: 600; }

/* 補充內容 */
.video-supplement {
  margin-bottom: 2rem; }

.video-supplement:empty {
  display: none; }

/* 相關連結 */
.video-related-links {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(59, 130, 246, 0.15); }

.video-related-links h2 {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e40af;
  margin-bottom: 1rem; }

.external-link-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: linear-gradient(135deg, #3b82f6, #2563eb);
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 1.5rem;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.3s ease;
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.25); }

.external-link-btn:hover {
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.35);
  color: white; }

/* 側邊欄 */
.video-sidebar {
  display: flex;
  flex-direction: column;
  gap: 1.5rem; }

.sidebar-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #1e40af;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  background: white;
  border-radius: 1rem;
  box-shadow: 0 4px 15px rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.1); }

/* 相關影音列表 */
.related-videos-list {
  background: white;
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.1); }

.related-video-item {
  margin-bottom: 1rem;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 1px solid rgba(59, 130, 246, 0.1); }

.related-video-item:last-child {
  margin-bottom: 0; }

.related-video-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.2); }

.video-link {
  display: flex;
  text-decoration: none;
  color: inherit;
  padding: 0.75rem;
  gap: 0.75rem; }

.video-thumbnail {
  position: relative;
  flex-shrink: 0;
  width: 80px;
  height: 60px;
  border-radius: 0.5rem;
  overflow: hidden;
  background: #f3f4f6; }

.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.play-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50%;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 0.75rem; }

.video-info {
  flex: 1;
  min-width: 0; }

.video-title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #1e40af;
  line-height: 1.3;
  margin-bottom: 0.25rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden; }

.video-meta {
  font-size: 0.75rem;
  color: #6b7280; }

/* 載入占位符 */
.loading-placeholder {
  display: flex;
  flex-direction: column;
  gap: 1rem; }

.placeholder-item {
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #f9fafb;
  border-radius: 0.75rem;
  animation: pulse 1.5s ease-in-out infinite; }

.placeholder-thumb {
  width: 80px;
  height: 60px;
  background: #e5e7eb;
  border-radius: 0.5rem;
  flex-shrink: 0; }

.placeholder-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.placeholder-title {
  height: 0.875rem;
  background: #d1d5db;
  border-radius: 0.25rem;
  width: 100%; }

.placeholder-meta {
  height: 0.75rem;
  background: #e5e7eb;
  border-radius: 0.25rem;
  width: 60%; }

@keyframes pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.5; } }
.no-related {
  text-align: center;
  color: #6b7280;
  font-style: italic;
  padding: 2rem; }

/* 分享功能 */
.video-share-section {
  background: white;
  border-radius: 1rem;
  padding: 1rem;
  box-shadow: 0 8px 25px rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.1); }

.share-title {
  font-size: 1rem;
  font-weight: 700;
  color: #1e40af;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem; }

.share-buttons {
  display: flex;
  flex-direction: column;
  gap: 0.5rem; }

.share-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  text-decoration: none;
  font-weight: 500;
  font-size: 0.875rem;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
  background: #f8fafc;
  width: 100%;
  justify-content: flex-start;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid #e2e8f0; }

.share-btn.facebook {
  color: #1877f2; }

.share-btn.facebook:hover {
  background: #1877f2;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(24, 119, 242, 0.25); }

.share-btn.line {
  color: #00c300; }

.share-btn.line:hover {
  background: #00c300;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 195, 0, 0.25); }

.share-btn.copy {
  color: #6b7280; }

.share-btn.copy:hover {
  background: #6b7280;
  color: white;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(107, 114, 128, 0.25); }

/* 響應式設計 */
@media (max-width: 767px) {
  .video-detail-container {
    padding: 0 0.75rem; }

  .video-header {
    padding: 1.5rem 1rem;
    margin-bottom: 1.5rem; }

  .video-title {
    font-size: 1.25rem;
    margin-bottom: 1rem; }

  .video-main-content {
    padding: 1rem; }

  .video-description-section h2 {
    font-size: 1.125rem; }

  .video-description-content {
    font-size: 0.875rem; }

  .sidebar-title {
    font-size: 1rem;
    padding: 0.75rem; }

  .related-videos-list,
  .video-share-section {
    padding: 0.75rem; }

  .video-link {
    padding: 0.5rem;
    gap: 0.5rem; }

  .video-thumbnail {
    width: 60px;
    height: 45px; }

  .video-title {
    font-size: 0.75rem; }

  .share-btn {
    padding: 0.75rem 0.875rem;
    font-size: 0.8125rem; } }
/* 平板尺寸優化 */
@media (min-width: 768px) and (max-width: 1023px) {
  .video-content-layout {
    grid-template-columns: 1fr;
    gap: 2rem; }

  .video-sidebar {
    flex-direction: row;
    gap: 1rem; }

  .video-sidebar > * {
    flex: 1; }

  .share-buttons {
    flex-direction: row;
    flex-wrap: wrap; }

  .share-btn {
    flex: 1;
    min-width: 120px; } }
/* 大螢幕優化 */
@media (min-width: 1200px) {
  .video-content-layout {
    grid-template-columns: 2.2fr 1fr;
    gap: 3.5rem; }

  .video-header {
    padding: 3.5rem 3rem; }

  .video-main-content {
    padding: 3rem; }

  .video-title {
    font-size: 1.25rem; } }
/* 無障礙增強 */
body.keyboard-navigation .video-link:focus,
body.keyboard-navigation .share-btn:focus,
body.keyboard-navigation .external-link-btn:focus {
  outline: 3px solid #3b82f6 !important;
  outline-offset: 2px !important;
  z-index: 10;
  position: relative; }

/* 高對比模式支援 */
@media (prefers-contrast: high) {
  .video-header,
  .video-main-content,
  .related-videos-list,
  .video-share-section {
    border: 2px solid #000000 !important; }

  .video-badge {
    background: #000000 !important;
    color: #ffffff !important; }

  .video-title,
  .sidebar-title,
  .share-title {
    color: #000000 !important; }

  .share-btn {
    border: 2px solid #000000 !important;
    background: #ffffff !important;
    color: #000000 !important; }

  .share-btn:hover {
    background: #000000 !important;
    color: #ffffff !important; } }
/* 減少動畫偏好 */
@media (prefers-reduced-motion: reduce) {
  .related-video-item,
  .share-btn,
  .external-link-btn {
    transition: none !important; }

  .related-video-item:hover,
  .share-btn:hover,
  .external-link-btn:hover {
    transform: none !important; }

  .placeholder-item {
    animation: none !important; }

  .loading-spinner i {
    animation: none !important; } }
/* 列印樣式 */
@media print {
  .video-sidebar,
  .share-buttons,
  .video-controls-info {
    display: none !important; }

  .video-content-layout {
    grid-template-columns: 1fr !important; }

  .video-player-wrapper {
    background: #f0f0f0 !important;
    border: 2px solid #000000 !important; }

  .video-iframe-container::after {
    content: '影音內容需要在網頁版本中觀看';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 1rem;
    border: 1px solid #000000;
    text-align: center;
    font-weight: bold; }

  .video-header,
  .video-main-content {
    box-shadow: none !important;
    border: 1px solid #000000 !important; } }
.page-header {
  background: linear-gradient(135deg, rgba(30, 64, 175, 0.95), rgba(59, 130, 246, 0.9));
  color: white;
  padding: 3rem 0 4rem;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .page-header {
      padding: 2rem 0 3rem; } }
  .page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 20% 30%, rgba(96, 165, 250, 0.15) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(59, 130, 246, 0.1) 0%, transparent 50%);
    animation: header-flow 25s ease-in-out infinite;
    pointer-events: none; }
  .page-header .header-content {
    position: relative;
    z-index: 2; }

.breadcrumb-nav {
  margin-bottom: 2rem; }
  .breadcrumb-nav .breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.875rem; }
    @media (min-width: 768px) {
      .breadcrumb-nav .breadcrumb {
        font-size: 1rem; } }
    .breadcrumb-nav .breadcrumb li {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .breadcrumb-nav .breadcrumb li:not(:last-child)::after {
        content: '→';
        color: rgba(255, 255, 255, 0.6);
        margin-left: 0.5rem; }
      .breadcrumb-nav .breadcrumb li a {
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none;
        padding: 0.25rem 0.5rem;
        border-radius: 0.5rem;
        transition: all 0.3s ease; }
        .breadcrumb-nav .breadcrumb li a:hover {
          background: rgba(255, 255, 255, 0.15);
          color: white; }
      .breadcrumb-nav .breadcrumb li span[aria-current="page"] {
        color: white;
        font-weight: 600; }

.page-title-section {
  text-align: center;
  max-width: 800px;
  margin: 0 auto; }
  .page-title-section .page-title {
    font-size: 1.875rem;
    font-weight: 800;
    margin-bottom: 1rem;
    text-shadow: 0 4px 20px rgba(30, 64, 175, 0.5); }
    @media (min-width: 768px) {
      .page-title-section .page-title {
        font-size: 2.25rem;
        margin-bottom: 1.5rem; } }
  .page-title-section .page-description {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin: 0; }
    @media (min-width: 768px) {
      .page-title-section .page-description {
        font-size: 1.25rem; } }

.listing-header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: white;
  border-radius: 1rem;
  box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.15); }
  @media (min-width: 768px) {
    .listing-header {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      padding: 2rem; } }
  .listing-header .section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1e40af;
    margin: 0; }
    @media (min-width: 768px) {
      .listing-header .section-title {
        font-size: 1.875rem; } }

.listing-stats {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem; }
  .listing-stats .stats-info {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #4b5563;
    font-size: 0.875rem; }
    .listing-stats .stats-info .total-count {
      font-weight: 500; }
      .listing-stats .stats-info .total-count .count-number {
        font-weight: 700;
        color: #2563eb; }

.listing-controls {
  display: flex;
  align-items: center;
  gap: 1rem; }

.topic-toggle {
  display: flex;
  background: #f9fafb;
  border-radius: 0.75rem;
  padding: 0.25rem;
  border: 1px solid #e5e7eb;
  gap: 0.25rem; }
  @media (max-width: 767px) {
    .topic-toggle {
      flex-wrap: wrap;
      width: 100%; } }

.topic-btn {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: transparent;
  border: none;
  border-radius: 0.5rem;
  color: #4b5563;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  min-height: 44px; }
  @media (min-width: 768px) {
    .topic-btn {
      font-size: 1rem;
      padding: 0.75rem 1.25rem; } }
  .topic-btn:hover {
    background: white;
    color: #2563eb;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.15); }
  .topic-btn:focus {
    outline: 2px solid #3b82f6;
    outline-offset: 2px; }
  .topic-btn.active {
    background: #2563eb;
    color: white;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25); }
  .topic-btn .topic-icon {
    font-size: 1rem; }
    @media (min-width: 768px) {
      .topic-btn .topic-icon {
        font-size: 1.125rem; } }
  .topic-btn .topic-text {
    font-weight: 600; }
    @media (max-width: 479px) {
      .topic-btn .topic-text {
        display: none; } }
  .topic-btn .topic-count {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    text-align: center; }
    @media (min-width: 768px) {
      .topic-btn .topic-count {
        font-size: 0.875rem;
        padding: 0.25rem 0.75rem; } }
  .topic-btn.active .topic-count {
    background: rgba(255, 255, 255, 0.3); }

.news-list-container {
  max-width: 1000px;
  margin: 0 auto 3rem;
  position: relative;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important; }
  .news-list-container[style*="display: none"] {
    display: none !important; }

.news-list-layout {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  align-items: start; }
  @media (min-width: 768px) {
    .news-list-layout {
      grid-template-columns: 1fr 1.5fr;
      gap: 3rem; } }

.news-featured-image {
  position: relative; }
  .news-featured-image .featured-news-card {
    position: relative;
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 12px 40px rgba(59, 130, 246, 0.15);
    transition: all 0.3s ease; }
    .news-featured-image .featured-news-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 20px 60px rgba(59, 130, 246, 0.25); }
    .news-featured-image .featured-news-card .featured-img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      transition: transform 0.3s ease; }
      @media (min-width: 768px) {
        .news-featured-image .featured-news-card .featured-img {
          height: 350px; } }
    .news-featured-image .featured-news-card:hover .featured-img {
      transform: scale(1.05); }
    .news-featured-image .featured-news-card .featured-overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(transparent, rgba(30, 64, 175, 0.9));
      backdrop-filter: blur(12px);
      padding: 1rem;
      color: white; }
      @media (max-width: 767px) {
        .news-featured-image .featured-news-card .featured-overlay {
          padding: 1.5rem; } }
      .news-featured-image .featured-news-card .featured-overlay .featured-category {
        display: inline-block;
        background: rgba(249, 115, 22, 0.9);
        padding: 0.5rem 1rem;
        border-radius: 1rem;
        font-size: 0.75rem;
        font-weight: 600;
        margin-bottom: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 0.05em; }
        @media (min-width: 768px) {
          .news-featured-image .featured-news-card .featured-overlay .featured-category {
            font-size: 0.875rem; } }
      .news-featured-image .featured-news-card .featured-overlay .featured-title {
        font-size: 1.125rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
        line-height: 1.3; }
        @media (min-width: 768px) {
          .news-featured-image .featured-news-card .featured-overlay .featured-title {
            font-size: 1.25rem; } }
        .news-featured-image .featured-news-card .featured-overlay .featured-title a {
          color: white;
          text-decoration: none;
          transition: color 0.3s ease; }
          .news-featured-image .featured-news-card .featured-overlay .featured-title a:hover {
            color: rgba(191, 219, 254, 0.9); }
      .news-featured-image .featured-news-card .featured-overlay .featured-date {
        font-size: 0.875rem;
        color: rgba(255, 255, 255, 0.8); }
        @media (min-width: 768px) {
          .news-featured-image .featured-news-card .featured-overlay .featured-date {
            font-size: 1rem; } }

.news-list-items {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; }
  @media (min-width: 768px) {
    .news-list-items {
      gap: 1rem; } }

.news-list-item {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid rgba(59, 130, 246, 0.1);
  transition: all 0.3s ease; }
  .news-list-item:hover {
    transform: translateX(5px);
    box-shadow: 0 8px 25px rgba(59, 130, 246, 0.12);
    border-color: rgba(59, 130, 246, 0.2); }
  .news-list-item .news-item-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    min-height: 60px; }
    @media (max-width: 767px) {
      .news-list-item .news-item-link {
        padding: 0.75rem 1rem; } }
    .news-list-item .news-item-link:hover {
      background: linear-gradient(135deg, rgba(59, 130, 246, 0.04), rgba(239, 246, 255, 0.8)); }
    .news-list-item .news-item-link:focus {
      outline: 2px solid #3b82f6;
      outline-offset: 2px; }
    .news-list-item .news-item-link .news-item-content {
      flex: 1; }
      .news-list-item .news-item-link .news-item-content .news-item-title {
        font-size: 1rem;
        font-weight: 600;
        color: #1d4ed8;
        margin-bottom: 0.25rem;
        line-height: 1.4;
        transition: color 0.3s ease;
        margin-top: 0; }
        @media (min-width: 768px) {
          .news-list-item .news-item-link .news-item-content .news-item-title {
            font-size: 1.125rem; } }
      .news-list-item .news-item-link .news-item-content .news-item-date {
        font-size: 0.75rem;
        color: #6b7280; }
        @media (min-width: 768px) {
          .news-list-item .news-item-link .news-item-content .news-item-date {
            font-size: 0.875rem; } }
    .news-list-item .news-item-link .news-item-arrow {
      margin-left: 1rem;
      color: #9ca3af;
      transition: all 0.3s ease;
      flex-shrink: 0; }
      .news-list-item .news-item-link .news-item-arrow svg {
        width: 16px;
        height: 16px; }
        @media (min-width: 768px) {
          .news-list-item .news-item-link .news-item-arrow svg {
            width: 20px;
            height: 20px; } }
    .news-list-item .news-item-link:hover .news-item-title {
      color: #2563eb; }
    .news-list-item .news-item-link:hover .news-item-arrow {
      color: #2563eb;
      transform: translateX(3px); }

.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  padding: 2rem; }
  .empty-state .empty-content {
    text-align: center;
    max-width: 400px; }
    .empty-state .empty-content .empty-icon {
      font-size: 4rem;
      margin-bottom: 1.5rem;
      opacity: 0.7;
      color: #60a5fa; }
      @media (max-width: 767px) {
        .empty-state .empty-content .empty-icon {
          font-size: 3rem;
          margin-bottom: 1rem; } }
    .empty-state .empty-content .empty-title {
      font-size: 1.5rem;
      font-weight: 700;
      color: #1d4ed8;
      margin-bottom: 1rem; }
      @media (max-width: 767px) {
        .empty-state .empty-content .empty-title {
          font-size: 1.25rem; } }
    .empty-state .empty-content .empty-description {
      color: #4b5563;
      margin-bottom: 2rem;
      line-height: 1.6; }
      .empty-state .empty-content .empty-description .empty-link {
        color: #2563eb;
        text-decoration: none;
        font-weight: 600; }
        .empty-state .empty-content .empty-description .empty-link:hover {
          color: #1d4ed8;
          text-decoration: underline; }

@keyframes header-flow {
  0%, 100% {
    transform: translateX(0) translateY(0) scale(1); }
  25% {
    transform: translateX(20px) translateY(-12px) scale(1.05); }
  50% {
    transform: translateX(0) translateY(-20px) scale(1); }
  75% {
    transform: translateX(-20px) translateY(-12px) scale(1.05); } }
@media (max-width: 479px) {
  .listing-header {
    padding: 1rem; }
    .listing-header .section-title {
      font-size: 1.25rem; }

  .listing-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem; }

  .topic-toggle {
    justify-content: center; }

  .topic-btn {
    flex: 1;
    justify-content: center;
    padding: 0.5rem 0.75rem; }

  .news-list-layout {
    gap: 1.5rem; }

  .news-featured-image .featured-news-card .featured-img {
    height: 200px; } }
@media (min-width: 768px) and (max-width: 1023px) {
  .listing-header .section-title {
    font-size: 1.5rem; }

  .news-list-layout {
    gap: 2.5rem; }

  .news-featured-image .featured-news-card .featured-img {
    height: 280px; } }
@media (min-width: 1200px) {
  .news-list-container {
    max-width: 1200px; }

  .listing-header {
    padding: 2.5rem; }

  .news-list-layout {
    gap: 4rem; } }
body.keyboard-navigation .topic-btn:focus,
body.keyboard-navigation .news-item-link:focus,
body.keyboard-navigation .featured-title a:focus {
  outline: 3px solid #3b82f6 !important;
  outline-offset: 2px !important;
  z-index: 10;
  position: relative; }

@media (prefers-contrast: high) {
  .page-header {
    background: #ffffff !important;
    color: #000000 !important;
    border-bottom: 3px solid #000000; }
    .page-header::before {
      display: none !important; }

  .listing-header,
  .news-list-item,
  .featured-news-card {
    border: 2px solid #000000 !important;
    background: #ffffff !important; }

  .topic-btn {
    border: 2px solid #000000 !important;
    color: #000000 !important;
    background: #ffffff !important; }
    .topic-btn:hover, .topic-btn.active {
      background: #000000 !important;
      color: #ffffff !important; }

  .news-item-title,
  .featured-title a {
    color: #000000 !important; }

  .featured-overlay {
    background: rgba(0, 0, 0, 0.9) !important; }
    .featured-overlay .featured-title a {
      color: #ffffff !important; } }
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; }

  .page-header::before {
    animation: none !important; }

  .news-list-item:hover,
  .featured-news-card:hover,
  .featured-img {
    transform: none !important; }

  .news-item-arrow {
    transition: none !important; } }
@media print {
  .page-header {
    background: #ffffff !important;
    color: #000000 !important;
    box-shadow: none !important; }
    .page-header::before {
      display: none !important; }

  .listing-header {
    box-shadow: none !important;
    border: 1px solid #000000 !important; }

  .topic-toggle {
    display: none !important; }

  .news-list-item {
    box-shadow: none !important;
    border: 1px solid #000000 !important;
    break-inside: avoid; }

  .news-item-arrow {
    display: none !important; }

  .featured-news-card {
    box-shadow: none !important;
    border: 1px solid #000000 !important; }

  .featured-img {
    filter: grayscale(100%) !important; }

  .featured-overlay {
    background: rgba(0, 0, 0, 0.8) !important; } }
.news-list-container,
.news-list-layout,
.news-list-items,
.news-list-item {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important; }

.news-list-layout {
  display: grid !important; }

.news-list-items {
  display: flex !important;
  flex-direction: column; }

.news-item-link {
  display: flex !important;
  pointer-events: auto !important; }

.debug-news {
  border: 2px solid red !important;
  background: yellow !important; }
  .debug-news::before {
    content: 'DEBUG: 新聞項目';
    display: block !important;
    background: red !important;
    color: white !important;
    padding: 4px !important;
    font-weight: bold !important; }

* {
  box-sizing: border-box; }

#main-content,
.insideSection {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important; }

.skip-links {
  position: absolute;
  top: -6.25rem;
  left: 0;
  z-index: 10000; }
  .skip-links .skip-link {
    position: absolute;
    top: 0;
    left: 1rem;
    background: #2563eb;
    color: #ffffff;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    transition: top 0.3s ease;
    box-shadow: 0 0.25rem 0.75rem rgba(59, 130, 246, 0.4); }
    .skip-links .skip-link:focus {
      top: 1rem; }
    .skip-links .skip-link:hover {
      background: #1d4ed8; }

.page-header {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);
  color: #ffffff;
  padding: 3rem 0 4rem;
  position: relative;
  overflow: hidden; }
  .page-header::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(96, 165, 250, 0.15) 0%, transparent 70%);
    animation: ocean-current 30s linear infinite; }
  .page-header::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(0.125rem 0.125rem at 1.25rem 1.875rem, rgba(255, 255, 255, 0.15), transparent), radial-gradient(0.0625rem 0.0625rem at 2.5rem 4.375rem, rgba(255, 255, 255, 0.1), transparent), radial-gradient(0.0625rem 0.0625rem at 5.625rem 2.5rem, rgba(255, 255, 255, 0.1), transparent);
    background-repeat: repeat;
    background-size: 9.375rem 6.25rem;
    animation: float-particles 30s linear infinite;
    pointer-events: none; }
  .page-header .section-container {
    position: relative;
    z-index: 2; }
  .page-header .header-content {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1rem; }
    @media (min-width: 48rem) {
      .page-header .header-content {
        padding: 0 1.5rem; } }
    @media (min-width: 64rem) {
      .page-header .header-content {
        padding: 0 2rem; } }

.breadcrumb-nav {
  margin-bottom: 2rem; }
  .breadcrumb-nav .breadcrumb {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap; }
    .breadcrumb-nav .breadcrumb li {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .breadcrumb-nav .breadcrumb li:not(:last-child)::after {
        content: '>';
        color: rgba(255, 255, 255, 0.6);
        font-weight: 500;
        margin-left: 0.5rem; }
      .breadcrumb-nav .breadcrumb li a {
        color: rgba(255, 255, 255, 0.9);
        text-decoration: none;
        font-weight: 500;
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
        border-radius: 0.75rem;
        transition: all 0.3s ease;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.2); }
        @media (min-width: 48rem) {
          .breadcrumb-nav .breadcrumb li a {
            font-size: 1rem;
            padding: 0.75rem 1rem; } }
        .breadcrumb-nav .breadcrumb li a:hover {
          background: rgba(255, 255, 255, 0.2);
          color: #ffffff;
          transform: translateY(-0.0625rem);
          box-shadow: 0 0.25rem 0.75rem rgba(255, 255, 255, 0.2); }
        .breadcrumb-nav .breadcrumb li a:focus {
          outline: 0.125rem solid rgba(255, 255, 255, 0.8);
          outline-offset: 0.125rem; }
      .breadcrumb-nav .breadcrumb li span {
        color: #ffffff;
        font-weight: 700;
        font-size: 0.875rem;
        padding: 0.5rem 1rem;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 0.75rem;
        border: 1px solid rgba(255, 255, 255, 0.3); }
        @media (min-width: 48rem) {
          .breadcrumb-nav .breadcrumb li span {
            font-size: 1rem;
            padding: 0.75rem 1.25rem; } }

.page-title-section {
  text-align: center; }
  .page-title-section .page-title {
    font-size: 1.875rem;
    font-weight: 800;
    margin-bottom: 1.5rem;
    text-shadow: 0 0.25rem 1.25rem rgba(30, 64, 175, 0.5); }
    @media (min-width: 48rem) {
      .page-title-section .page-title {
        font-size: 2.25rem;
        margin-bottom: 2rem; } }
    @media (min-width: 64rem) {
      .page-title-section .page-title {
        font-size: 3rem; } }
    .page-title-section .page-title span {
      background: linear-gradient(135deg, #ffffff, rgba(191, 219, 254, 0.9));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text; }
  .page-title-section .page-description {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.9);
    max-width: 37.5rem;
    margin: 0 auto;
    line-height: 1.6;
    text-shadow: 0 0.125rem 0.625rem rgba(30, 64, 175, 0.3); }
    @media (min-width: 48rem) {
      .page-title-section .page-description {
        font-size: 1.25rem; } }
    .page-title-section .page-description span {
      font-weight: 500; }

.articles-listing {
  background: linear-gradient(180deg, #ffffff 0%, rgba(239, 246, 255, 0.3) 50%, #ffffff 100%);
  padding: 4rem 0;
  position: relative; }
  .articles-listing .section-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1rem; }
    @media (min-width: 48rem) {
      .articles-listing .section-container {
        padding: 0 1.5rem; } }
    @media (min-width: 64rem) {
      .articles-listing .section-container {
        padding: 0 2rem; } }

.iframe-container {
  position: relative;
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 1.5rem;
  box-shadow: 0 0.625rem 1.875rem rgba(59, 130, 246, 0.15);
  border: 0.0625rem solid rgba(59, 130, 246, 0.1);
  overflow: hidden; }
  .iframe-container::before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 83.33%; }
    @media (min-width: 48rem) {
      .iframe-container::before {
        padding-bottom: 70%; } }
    @media (min-width: 64rem) {
      .iframe-container::before {
        padding-bottom: 83.33%; } }
  .iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 1.5rem;
    background: #f9fafb; }
    .iframe-container iframe[src=""] {
      background: linear-gradient(135deg, #f3f4f6, #f9fafb); }
      .iframe-container iframe[src=""]::after {
        content: '載入中...';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #6b7280;
        font-size: 1.125rem;
        font-weight: 600; }
  .iframe-container .loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(255, 255, 255, 0.9));
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    z-index: 10;
    transition: opacity 0.3s ease; }
    .iframe-container .loading-overlay.hidden {
      opacity: 0;
      pointer-events: none; }
    .iframe-container .loading-overlay .loading-spinner {
      width: 3rem;
      height: 3rem;
      border: 0.25rem solid rgba(59, 130, 246, 0.2);
      border-top: 0.25rem solid #2563eb;
      border-radius: 50%;
      animation: spin 1s linear infinite; }
    .iframe-container .loading-overlay .loading-text {
      color: #2563eb;
      font-size: 1.125rem;
      font-weight: 600;
      text-align: center; }
  .iframe-container:hover {
    transform: translateY(-0.25rem);
    box-shadow: 0 1.25rem 2.5rem rgba(59, 130, 246, 0.2);
    border-color: rgba(59, 130, 246, 0.2); }

iframe[src*="drive.google.com"] {
  width: 100% !important;
  height: auto !important;
  min-height: 37.5rem;
  max-width: 100% !important;
  border: none !important;
  border-radius: 1rem !important;
  box-shadow: 0 1.25rem 1.5625rem -0.3125rem rgba(0, 0, 0, 0.1) !important;
  background: #ffffff !important; }
  @media (min-width: 48rem) {
    iframe[src*="drive.google.com"] {
      min-height: 50rem; } }
  @media (min-width: 64rem) {
    iframe[src*="drive.google.com"] {
      min-height: 62.5rem; } }

.iframe-error {
  display: none;
  text-align: center;
  padding: 3rem;
  background: linear-gradient(135deg, rgba(239, 68, 68, 0.05), rgba(252, 165, 165, 0.03));
  border: 0.125rem dashed rgba(239, 68, 68, 0.3);
  border-radius: 1.5rem;
  color: #dc2626; }
  .iframe-error .error-icon {
    font-size: 2.25rem;
    margin-bottom: 1rem;
    opacity: 0.7; }
  .iframe-error .error-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem; }
  .iframe-error .error-message {
    font-size: 1rem;
    color: #7f1d1d;
    margin-bottom: 1.5rem;
    line-height: 1.6; }
  .iframe-error .retry-button {
    background: linear-gradient(135deg, #dc2626, #b91c1c);
    color: #ffffff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease; }
    .iframe-error .retry-button:hover {
      background: linear-gradient(135deg, #b91c1c, #991b1b);
      transform: translateY(-0.125rem); }
  .iframe-error .direct-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    color: #dc2626;
    text-decoration: none;
    font-weight: 600;
    padding: 0.75rem 1.25rem;
    background: rgba(239, 68, 68, 0.08);
    border-radius: 1rem;
    border: 0.0625rem solid rgba(239, 68, 68, 0.2);
    transition: all 0.3s ease; }
    .iframe-error .direct-link:hover {
      background: #dc2626;
      color: #ffffff;
      border-color: #dc2626;
      transform: translateY(-0.125rem);
      box-shadow: 0 0.25rem 0.75rem rgba(220, 38, 38, 0.25); }
    .iframe-error .direct-link i {
      font-size: 0.875rem; }

.usage-instructions {
  margin-top: 2rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(34, 197, 94, 0.05), rgba(74, 222, 128, 0.03));
  border-radius: 1.5rem;
  border: 0.0625rem solid rgba(34, 197, 94, 0.15);
  box-shadow: 0 0.5rem 1.5625rem rgba(34, 197, 94, 0.08); }
  @media (min-width: 48rem) {
    .usage-instructions {
      padding: 2rem; } }
  .usage-instructions .instructions-title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #15803d;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem; }
    @media (min-width: 48rem) {
      .usage-instructions .instructions-title {
        font-size: 1.25rem; } }
    .usage-instructions .instructions-title i {
      color: #16a34a;
      font-size: 1.25rem; }
      @media (min-width: 48rem) {
        .usage-instructions .instructions-title i {
          font-size: 1.5rem; } }
  .usage-instructions .instructions-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem; }
    @media (min-width: 48rem) {
      .usage-instructions .instructions-list {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem; } }
    @media (min-width: 64rem) {
      .usage-instructions .instructions-list {
        grid-template-columns: repeat(2, 1fr); } }
    .usage-instructions .instructions-list li {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding: 1rem;
      background: rgba(255, 255, 255, 0.8);
      border-radius: 1rem;
      border: 0.0625rem solid rgba(34, 197, 94, 0.1);
      transition: all 0.3s ease;
      line-height: 1.6; }
      .usage-instructions .instructions-list li:hover {
        background: rgba(255, 255, 255, 0.95);
        border-color: rgba(34, 197, 94, 0.2);
        transform: translateY(-0.125rem);
        box-shadow: 0 0.25rem 0.75rem rgba(34, 197, 94, 0.15); }
      .usage-instructions .instructions-list li i {
        color: #16a34a;
        font-size: 1.125rem;
        margin-top: 0.125rem;
        flex-shrink: 0;
        width: 1.5rem;
        text-align: center; }
      .usage-instructions .instructions-list li span {
        color: #374151;
        font-size: 1rem;
        font-weight: 500; }
        @media (max-width: 47.9375rem) {
          .usage-instructions .instructions-list li span {
            font-size: 0.875rem; } }

.mainlink {
  max-width: 75rem;
  margin: 3rem auto 0;
  padding: 0 1rem; }
  @media (min-width: 48rem) {
    .mainlink {
      padding: 0 1.5rem; } }
  @media (min-width: 64rem) {
    .mainlink {
      padding: 0 2rem; } }
  .mainlink .link {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    padding: 2rem;
    background: linear-gradient(135deg, rgba(239, 246, 255, 0.9), rgba(255, 255, 255, 0.95));
    border-radius: 1.5rem;
    border: 0.0625rem solid rgba(59, 130, 246, 0.15);
    box-shadow: 0 0.5rem 1.5625rem rgba(59, 130, 246, 0.1); }
    @media (min-width: 48rem) {
      .mainlink .link {
        flex-direction: row;
        justify-content: center;
        padding: 2.5rem; } }
    @media (max-width: 47.9375rem) {
      .mainlink .link {
        padding: 1.5rem; } }
    .mainlink .link .am-btn {
      display: inline-flex;
      align-items: center;
      gap: 0.5rem;
      padding: 0.75rem 1.5rem;
      background: #ffffff;
      color: #374151;
      border: 0.125rem solid #d1d5db;
      border-radius: 1.5rem;
      text-decoration: none;
      font-weight: 600;
      font-size: 1rem;
      transition: all 0.3s ease;
      cursor: pointer;
      min-width: 7.5rem;
      justify-content: center;
      box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.05); }
      @media (max-width: 47.9375rem) {
        .mainlink .link .am-btn {
          padding: 0.5rem 1rem;
          font-size: 0.875rem;
          min-width: 6.25rem; } }
      .mainlink .link .am-btn:hover {
        background: #f9fafb;
        color: #1f2937;
        border-color: #9ca3af;
        transform: translateY(-0.125rem);
        box-shadow: 0 0.375rem 1.25rem rgba(107, 114, 128, 0.2); }
      .mainlink .link .am-btn.am-btn-secondary {
        background: linear-gradient(135deg, #3b82f6, #2563eb);
        color: #ffffff;
        border-color: #2563eb;
        box-shadow: 0 0.375rem 1.25rem rgba(59, 130, 246, 0.25); }
        .mainlink .link .am-btn.am-btn-secondary:hover {
          background: linear-gradient(135deg, #2563eb, #1d4ed8);
          border-color: #1d4ed8;
          box-shadow: 0 0.5rem 1.5625rem rgba(59, 130, 246, 0.35); }
      .mainlink .link .am-btn:focus {
        outline: 0.1875rem solid rgba(59, 130, 246, 0.5);
        outline-offset: 0.125rem; }
  .mainlink.animate-on-scroll {
    opacity: 0;
    transform: translateY(1.25rem);
    transition: all 0.6s ease; }
    .mainlink.animate-on-scroll.fade-in {
      opacity: 1;
      transform: translateY(0); }

.iframe-fallback {
  padding: 3rem;
  text-align: center;
  background: linear-gradient(135deg, #f9fafb, #ffffff);
  border-radius: 1rem; }
  .iframe-fallback h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 1rem; }
  .iframe-fallback p {
    color: #4b5563;
    margin-bottom: 1rem;
    line-height: 1.6; }
    .iframe-fallback p:last-child {
      margin-bottom: 0; }
  .iframe-fallback a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    background: rgba(59, 130, 246, 0.08);
    border-radius: 1rem;
    border: 0.0625rem solid rgba(59, 130, 246, 0.2);
    transition: all 0.3s ease; }
    .iframe-fallback a:hover {
      background: #2563eb;
      color: #ffffff;
      border-color: #2563eb;
      transform: translateY(-0.125rem);
      box-shadow: 0 0.25rem 0.75rem rgba(59, 130, 246, 0.25); }
    .iframe-fallback a i {
      font-size: 0.875rem; }

.sr-only {
  position: absolute !important;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  padding: 0 !important;
  margin: -0.0625rem !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important; }

@keyframes ocean-current {
  0% {
    transform: rotate(0deg) translateX(0); }
  25% {
    transform: rotate(90deg) translateX(1.25rem); }
  50% {
    transform: rotate(180deg) translateX(0); }
  75% {
    transform: rotate(270deg) translateX(-1.25rem); }
  100% {
    transform: rotate(360deg) translateX(0); } }
@keyframes float-particles {
  0% {
    transform: translateY(0) translateX(0); }
  25% {
    transform: translateY(-0.625rem) translateX(0.625rem); }
  50% {
    transform: translateY(0) translateX(1.25rem); }
  75% {
    transform: translateY(0.625rem) translateX(0.625rem); }
  100% {
    transform: translateY(0) translateX(0); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(1.25rem); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@media (prefers-contrast: high) {
  .page-header {
    background: #000000;
    color: #ffffff;
    border-bottom: 0.125rem solid #ffffff; }

  .breadcrumb li a,
  .breadcrumb li span {
    border: 0.125rem solid #ffffff;
    background: #000000;
    color: #ffffff; }

  .iframe-container {
    border: 0.125rem solid #000000;
    background: #ffffff; }

  .mainlink .am-btn {
    border: 0.125rem solid #000000;
    background: #ffffff;
    color: #000000; }
    .mainlink .am-btn:hover {
      background: #000000;
      color: #ffffff; }
    .mainlink .am-btn.am-btn-secondary {
      background: #000000;
      color: #ffffff;
      border-color: #ffffff; } }
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important; }

  .page-header::before,
  .page-header::after {
    animation: none !important; }

  .mainlink.animate-on-scroll {
    opacity: 1;
    transform: translateY(0); }

  .loading-spinner {
    animation: none !important;
    border: 0.25rem solid #2563eb; } }
body.keyboard-navigation .breadcrumb a:focus,
body.keyboard-navigation .am-btn:focus {
  outline: 0.1875rem solid #3b82f6 !important;
  outline-offset: 0.125rem !important;
  z-index: 10;
  position: relative; }

@media (max-width: 47.9375rem) {
  .page-header {
    padding: 2rem 0 2.5rem; }
    .page-header .breadcrumb {
      flex-direction: column;
      align-items: flex-start;
      gap: 0.5rem; }
      .page-header .breadcrumb li:not(:last-child)::after {
        display: none; }

  .page-title-section .page-title {
    font-size: 1.5rem;
    margin-bottom: 1rem; }
  .page-title-section .page-description {
    font-size: 1rem; }

  .articles-listing {
    padding: 3rem 0; } }
@media (min-width: 75rem) {
  .iframe-container {
    max-width: 80rem; }

  .page-header .header-content,
  .articles-listing .section-container,
  .mainlink {
    max-width: 80rem; } }
.font-size-tip {
  background: linear-gradient(135deg, #fef3c7, #fcd34d);
  border: 1px solid #f59e0b;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 1rem; }
  .font-size-tip .tip-title {
    font-weight: 700;
    color: #92400e;
    margin-bottom: 0.5rem; }
  .font-size-tip .tip-content {
    font-size: 0.875rem;
    color: #78350f;
    line-height: 1.5; }

/*# sourceMappingURL=all.css.map */