.news-hero{background-image:url(/images/hero_news.jpg);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:320px;display:flex;position:relative;overflow:hidden}.news-hero:before{content:"";z-index:0;background:linear-gradient(135deg,#1a2870e0 0%,#293986cc 50%,#1a6aaabf 100%);position:absolute;inset:0}.news-hero-content{z-index:1;text-align:center;color:#fff;position:relative}.news-hero-content h1{letter-spacing:-1px;margin:0 0 .4rem;font-family:Raleway,sans-serif;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.news-hero-content p{opacity:.8;letter-spacing:3px;font-size:1.1rem;font-weight:400}.news-filter-bar{z-index:9;background:#fff;border-bottom:1px solid #e8edf5;padding:1.25rem 0;position:sticky;top:60px}.news-filter-inner{flex-wrap:wrap;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:flex}.news-search-wrap{flex:1;align-items:center;min-width:200px;max-width:360px;display:flex;position:relative}.news-search-wrap svg{color:#aab3cc;pointer-events:none;margin:auto 0;display:block;position:absolute;top:0;bottom:0;left:12px}.news-search{color:#151a34;background:#f8f9fc;border:1.5px solid #dde3f0;border-radius:10px;outline:none;width:100%;padding:9px 12px 9px 38px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.news-search:focus{background:#fff;border-color:#293986}.news-search::placeholder{color:#aab3cc}.filter-tags{flex-wrap:wrap;gap:.5rem;display:flex}.filter-tag{color:#69718f;cursor:pointer;background:#fff;border:1.5px solid #dde3f0;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s}.filter-tag:hover{color:#293986;border-color:#293986}.filter-tag.active{color:#fff;background:#293986;border-color:#293986}.news-result-count{color:#aab3cc;white-space:nowrap;margin-left:auto;font-size:.82rem}.news-page{background:#f2f4f8;min-height:100vh}.news-list-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem 5rem}.news-list-grid{grid-template-columns:repeat(4,1fr);gap:35px;margin-bottom:3rem;display:grid}@media (max-width:1024px){.news-list-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.news-list-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.news-list-grid{grid-template-columns:1fr}}.news-empty-state{text-align:center;color:#aab3cc;grid-column:1/-1;padding:5rem 2rem}.news-empty-state svg{opacity:.4;margin-bottom:1rem;margin-inline:auto;display:block}.news-empty-state p{font-size:1rem}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.page-btn{color:#69718f;cursor:pointer;background:#fff;border:1.5px solid #dde3f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.page-btn:hover{color:#293986;border-color:#293986}.page-btn.active{color:#fff;background:linear-gradient(90deg,#293986 0% 80%,#1fc9ff 100%);border-color:#0000}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-ellipsis{text-align:center;color:#aab3cc;width:40px;font-size:.88rem}.sk-block{background:linear-gradient(90deg,#dde3ef 25%,#edf0f7 50%,#dde3ef 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite sk-shine}@keyframes sk-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.news-skeleton-grid{grid-template-columns:repeat(4,1fr);gap:35px;margin-bottom:3rem;display:grid}@media (max-width:1024px){.news-skeleton-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:720px){.news-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.news-skeleton-grid{grid-template-columns:1fr}}.news-skeleton-card{flex-direction:column;gap:12px;display:flex}.news-skeleton-img{aspect-ratio:4.5/2;border-radius:10px;width:100%}.news-skeleton-line{border-radius:6px;height:13px}.filter-select{color:#293986;cursor:pointer;background:#fff;border:1.5px solid #dde3f0;border-radius:10px;outline:none;padding:8px 16px;font-family:inherit;font-size:.88rem;transition:border-color .2s}.filter-select:focus{border-color:#293986}.article-page{background:#f2f4f8;min-height:100vh}.article-hero{background-image:url(/images/hero_article_news.webp);background-position:50%;background-size:cover;align-items:flex-end;width:100%;height:auto;min-height:320px;display:flex;position:relative}.article-hero:before{content:"";background:linear-gradient(#14236466 0%,#142364b3 100%);position:absolute;inset:0}.article-hero-content{z-index:1;width:100%;max-width:780px;margin:0 auto;padding:6rem 1.5rem 4rem;position:relative}.article-hero-tag{color:#fff;-webkit-backdrop-filter:blur(6px);background:#fff3;border:1px solid #fff6;border-radius:12px;margin-bottom:.75rem;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.article-hero-title{color:#fff;text-shadow:0 2px 12px #0000004d;margin:0;font-family:Raleway,Noto Sans TC,sans-serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:800;line-height:1.3}.article-card-wrap{z-index:2;max-width:780px;margin:-48px auto 0;padding:0 1.5rem 6rem;position:relative}.article-card{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border-radius:20px;padding:2.5rem 2.5rem 3rem;box-shadow:0 8px 40px #2939861a}.article-back{color:#b0b8cc;align-items:center;gap:6px;margin-bottom:1.75rem;font-size:.83rem;text-decoration:none;transition:color .2s;display:inline-flex}.article-back svg{transition:transform .2s}.article-back:hover{color:#69718f}.article-back:hover svg{transform:translate(-3px)}.article-card-top{border-bottom:1px solid #e2e7f2;align-items:flex-start;gap:1.75rem;margin-bottom:2rem;padding-bottom:1.75rem;display:flex}.article-cover{aspect-ratio:2;object-fit:cover;z-index:1;border-radius:5px;flex-shrink:0;width:340px;margin-top:-3.5rem;position:relative;box-shadow:0 4px 20px #2939862e}.article-meta-col{flex:1;min-width:0;padding-top:.25rem}.article-date{color:#69718f;margin:0;font-size:.82rem}.article-youtube{aspect-ratio:16/9;background:#000;border-radius:10px;margin:1.5rem 0;overflow:hidden}.article-youtube iframe{border:none;width:100%;height:100%;display:block}.article-body{color:#121212;font-size:1.05rem;line-height:1.9}.article-body h1{color:#293986;margin:1.5rem 0 .5rem;font-size:1.8rem;font-weight:800}.article-body h2{color:#293986;margin:1.25rem 0 .5rem;font-size:1.4rem;font-weight:700}.article-body h3{color:#293986;margin:1rem 0 .4rem;font-size:1.15rem;font-weight:700}.article-body p{margin:.5rem 0}.article-body ul,.article-body ol{margin:.5rem 0;padding-left:1.5rem}.article-body li{margin-bottom:.25rem}.article-body a{color:#293986;text-decoration:underline}.article-body img{border-radius:10px;max-width:100%;margin:1rem 0;display:block}.article-body blockquote{color:#69718f;border-left:3px solid #293986;margin:1rem 0;padding-left:1rem;font-style:italic}.article-body strong{font-weight:700}.article-body em{font-style:italic}@media (max-width:600px){.article-hero{height:auto;min-height:240px}.article-card{padding:1.5rem 1.25rem 2rem}.article-hero-title{font-size:1.35rem}.article-card-wrap{margin-top:-32px;padding:0 1rem 4rem}.article-card-top{flex-direction:column-reverse;gap:1rem}.article-cover{width:100%;margin-top:0}.article-meta-col{padding-top:0}}