.bloglist-container{background:#e6e6e6;border-radius:10px;margin:20px 0;padding-bottom:20px}.bloglist-container h3{color:var(--accent-sec);justify-content:center;align-items:center;padding:20px 20px 10px;display:flex}.bloglist-container h3 svg{color:var(--accent-sec);margin-top:3px;margin-left:5px;font-size:20px;rotate:-90deg}.list-blog-collection .list-blog-content{border-bottom:1px solid #ccc;padding:20px 20px 10px}.list-blog-collection .list-blog-content:hover{cursor:pointer;background:#ccc}.list-blog-collection h5{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-weight:500;display:-webkit-box;overflow:hidden}.list-blog-collection p{color:hsl(from var(--accent-ter)h s calc(l + 20));margin-top:10px}
.journal-container{background:#172d82;justify-content:center;align-items:center;margin:40px 80px;padding:40px;display:flex}.journal-part1{width:40%}.journal-part1 img{width:140px}.journal-part1 h1{color:#fff;margin:30px 0;font-size:42px}.journal-part2{width:60%}.journal-part2 img{width:100%}@media (max-width:1024px){.journal-container{margin:40px 20px}.journal-part1 h1{font-size:28px}}@media (max-width:768px){.journal-container{flex-direction:column}.journal-part1,.journal-part2{width:100%}.journal-part2 img{margin-top:50px}}
.media-container h3{text-align:center;margin-bottom:30px}.media-container h3 i{color:var(--primary)}.mediablogcard-container{grid-template-columns:1fr 1fr 1fr;gap:20px 40px;display:grid}.media-blog-card{cursor:pointer;transition:transform .3s}.media-blog-card:hover{transform:translateY(-5px)}.media-blog-card img{object-fit:cover;aspect-ratio:16/9;border-radius:10px;width:100%;height:228px;transition:transform .3s}.media-blog-card:hover img{transform:scale(1.02)}.media-blog-card h4{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin-top:5px;line-height:1.4;display:-webkit-box;overflow:hidden}.media-blog-card p{color:var(--accent-ter);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;min-height:4.5em;margin-top:10px;font-size:16px;line-height:1.5;display:-webkit-box;overflow:hidden}.media-swiper-mode{position:relative}.media-swiper .swiper-slide{height:auto}.media-swiper .swiper-button-next,.media-swiper .swiper-button-prev{background:#fffffff2;border:1px solid #0000001a;border-radius:50%;margin:0 10px;padding:10px;transition:all .3s;box-shadow:0 2px 12px #00000026}.media-swiper .swiper-button-next:after,.media-swiper .swiper-button-prev:after{color:var(--accent-sec);font-weight:700}.media-swiper .swiper-button-next:hover,.media-swiper .swiper-button-prev:hover{border-color:var(--primary);background:#fff;transform:scale(1.05);box-shadow:0 4px 20px #0003}.media-swiper .swiper-button-next.swiper-button-disabled,.media-swiper .swiper-button-prev.swiper-button-disabled{opacity:.4;cursor:not-allowed;background:#ffffff80}.media-swiper .swiper-button-prev{left:0}.media-swiper .swiper-button-next{right:0}.media-swiper .swiper-pagination{bottom:0}.media-swiper .swiper-pagination .swiper-pagination-bullet{background:var(--accent-ter);opacity:.3;width:10px;height:10px;transition:all .3s}.media-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity:1;background:var(--primary);border-radius:5px;width:24px}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:200px;height:30px;margin:0 auto 30px;animation:1.5s infinite skeleton-loading}.skeleton-media-card{width:100%}.skeleton-thumbnail{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;width:100%;height:260px;animation:1.5s infinite skeleton-loading}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:80%;height:20px;margin-top:10px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1024px){.mediablogcard-container{grid-template-columns:1fr 1fr;gap:20px 30px}.media-swiper{padding:0 40px 50px}.media-swiper .swiper-button-next,.media-swiper .swiper-button-prev{width:45px;height:45px}.media-swiper .swiper-button-next:after,.media-swiper .swiper-button-prev:after{font-size:18px}}@media (max-width:768px){.mediablogcard-container{grid-template-columns:1fr;gap:40px 0}.media-swiper{padding:0 10px 50px}.media-swiper .swiper-button-next,.media-swiper .swiper-button-prev{width:15px;height:15px;margin:0}.media-swiper .swiper-button-next:after,.media-swiper .swiper-button-prev:after{font-size:16px}.media-swiper .swiper-button-prev{left:5px}.media-swiper .swiper-button-next{right:5px}}@media (max-width:480px){.media-container h3{font-size:18px}.media-swiper{padding:0 5px 45px}.media-swiper .swiper-button-next,.media-swiper .swiper-button-prev{width:15px;height:15px;margin:0}.media-swiper .swiper-button-next:after,.media-swiper .swiper-button-prev:after{font-size:14px}.media-swiper .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px}.media-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px}.skeleton-title{width:150px;height:24px}}
.channel-container{background:#f9f7f4;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;margin:30px 80px;padding:20px;display:flex}.channel-container h3{color:var(--accent-sec);margin:20px 0}.channel-container h3 i{color:var(--primary)}.channel-hero{justify-content:center;width:100%;margin:30px 0;display:flex}.channel-hero img{aspect-ratio:16/9;object-fit:cover;border-radius:10px;width:100%}.channel-hero iframe{aspect-ratio:16/9;border-radius:10px;width:80vw;max-width:920px}.carousel-wrapper{align-items:center;gap:15px;width:100%;display:flex;position:relative}.carousel-arrow{cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000026}.carousel-arrow:hover:not(.disabled){background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #0003}.carousel-arrow.disabled{opacity:.5;cursor:not-allowed;background:#ffffff80}.carousel-arrow-left{margin-right:5px}.carousel-arrow-right{margin-left:5px}.channel-contents{scroll-behavior:smooth;gap:40px;width:100%;padding:10px 0;display:flex;overflow:hidden}.channel-content-card{cursor:pointer;flex-shrink:0;width:250px;min-width:250px;transition:transform .3s}.channel-content-card:hover{transform:translateY(-5px)}.channel-content-card img{object-fit:cover;border-radius:10px;width:100%;height:140px;transition:all .3s}.channel-content-card:hover img{box-shadow:0 4px 15px #0003}.channel-content-card p{margin-top:10px;font-size:14px;line-height:1.4}.channel-content-card h5{color:var(--accent-ter)}.thumbnail-container{border-radius:10px;position:relative;overflow:hidden}.now-playing-overlay{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:600;display:flex;position:absolute;top:0;left:0}.external-link-overlay{color:#fff;opacity:0;background:#000c;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:opacity .3s;display:flex;position:absolute;top:8px;right:8px}.channel-content-card:hover .external-link-overlay{opacity:1}@media (max-width:1440px){.channel-hero iframe{width:85vw}}@media (max-width:1200px){.channel-container{margin:30px 40px}.channel-hero iframe{width:90vw}}@media (max-width:1024px){.channel-container{margin:30px 20px;padding:15px}.channel-hero iframe{width:95vw}.channel-contents{gap:20px}.channel-content-card{width:200px;min-width:200px}.carousel-arrow{width:40px;height:40px}}@media (max-width:768px){.channel-container{margin:20px 15px;padding:15px}.channel-hero{margin:20px 0}.channel-hero iframe{width:100%;height:auto}.carousel-wrapper{gap:10px}.channel-contents{gap:15px}.channel-content-card{width:180px;min-width:180px}.channel-content-card img{height:120px}.channel-content-card p{font-size:13px}.carousel-arrow{width:35px;height:35px}}@media (max-width:480px){.channel-container{margin:15px 10px;padding:12px}.channel-container h3{text-align:center;font-size:18px}.channel-hero iframe{width:100%}.carousel-wrapper{gap:8px}.channel-contents{gap:12px}.channel-content-card{width:160px;min-width:160px}.channel-content-card img{height:100px}.channel-content-card p{font-size:12px;line-height:1.3}.carousel-arrow{width:32px;height:32px}.now-playing-overlay{font-size:12px}.external-link-overlay{width:25px;height:25px;top:5px;right:5px}}@media (max-width:360px){.channel-content-card{width:140px;min-width:140px}.channel-content-card img{height:90px}}.skeleton-title{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:200px;height:28px;margin-bottom:20px;animation:1.5s infinite skeleton-loading}.skeleton-hero-video{aspect-ratio:16/9;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;width:80vw;max-width:920px;animation:1.5s infinite skeleton-loading}.skeleton-arrow{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:45px;height:45px;animation:1.5s infinite skeleton-loading}.skeleton-channel-card{flex-shrink:0;width:250px;min-width:250px}.skeleton-thumbnail{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:10px;width:100%;height:140px;margin-bottom:10px;animation:1.5s infinite skeleton-loading}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:100%;height:16px;margin-bottom:8px;animation:1.5s infinite skeleton-loading}.skeleton-text-short{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:4px;width:70%;height:16px;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.carousel-arrow{display:none}.carousel-wrapper{gap:0}.channel-contents{scrollbar-width:thin;scrollbar-color:#0000004d #0000;padding-bottom:15px;overflow:auto hidden}.channel-contents::-webkit-scrollbar{height:6px}.channel-contents::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.channel-contents::-webkit-scrollbar-thumb{background:#0000004d;border-radius:3px}.channel-contents::-webkit-scrollbar-thumb:hover{background:#00000080}.skeleton-arrow{display:none}.skeleton-channel-card{width:180px;min-width:180px}.skeleton-thumbnail{height:120px}.skeleton-hero-video{width:95vw}}@media (max-width:480px){.skeleton-hero-video{width:100%}.skeleton-title{width:150px;height:24px}.skeleton-channel-card{width:160px;min-width:160px}.skeleton-thumbnail{height:100px}.skeleton-text,.skeleton-text-short{height:14px}}@media (max-width:360px){.skeleton-channel-card{width:140px;min-width:140px}.skeleton-thumbnail{height:90px}}
.write-container{justify-content:center;align-items:center;gap:20px;margin:40px 80px;padding:40px;display:flex}.write-part1{background:#172d82;padding:40px}.write-part1 img{width:140px}.write-part1 h1{color:#fff;margin:30px 0;font-size:42px}.write-part1 p{color:#fff;margin:0 0 40px}.write-part2{background:#172d82;justify-content:center;align-items:center;width:60%;padding:40px;display:flex}@media (max-width:1024px){.write-container{margin:40px 20px}.write-part1 h1{font-size:28px}}@media (max-width:768px){.write-container{flex-direction:column}.write-part1,.write-part2{width:100%}.write-part2 img{margin-top:50px}}@media (max-width:450px){.write-container{padding:0}}