:root{--ink:#303c4e;--muted:#7b8693;--gold:#a39573;--paper:#f5f6f8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans TC",Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}[hidden]{display:none!important}.preview-bar{padding:9px 28px;background:#e8e3d9;color:#554e40;display:flex;gap:18px;font-size:12px;align-items:center}.preview-bar a{margin-left:auto}.preview-bar span{opacity:.7}.blog{width:min(1200px,calc(100% - 64px));margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:42px 0 28px}.eyebrow{font-size:11px;letter-spacing:.2em;color:#928266}.intro h1{font-size:34px;line-height:1.4;margin:14px 0 12px;letter-spacing:.04em;font-family:"Noto Serif TC","PMingLiU",serif}.intro p{font-size:14px;color:#7b8693;margin:0;line-height:1.8}.intro-art{height:140px;width:280px;overflow:hidden;border-radius:10px;mask-image:linear-gradient(90deg,transparent,#000 25%)}.intro-art img{width:100%;height:100%;object-fit:cover}.toolbar{display:flex;align-items:center;gap:20px;border-bottom:1px solid #dde1e6;margin-bottom:24px}.filters{display:flex;gap:24px;overflow:auto;flex:1}.filters button{background:none;border:0;padding:17px 0;color:#7b8693;font-size:13px;white-space:nowrap;cursor:pointer;position:relative}.filters button.active{color:#303c4e;font-weight:600}.filters button.active:after{content:"";height:2px;position:absolute;bottom:8px;background:#a39573;left:0;right:0}.search{display:flex;gap:8px;align-items:center;color:#82909f}.search input{width:160px;border:0;background:none;outline:none;font-size:13px;padding:12px 0}.top-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.tile{display:block;position:relative;min-height:225px;overflow:hidden;border-radius:12px;background:#303c4e;box-shadow:0 2px 4px #2030400c}.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left;transition:transform .3s}.tile:hover img{transform:scale(1.04)}.shade{position:absolute;inset:0;background:linear-gradient(0deg,#101c2eef 0%,#101c2e77 40%,#101c2e08 80%)}.tag{position:absolute;left:16px;top:16px;border-radius:20px;background:#fffef4e8;color:#8a7b5d;padding:5px 11px;font-size:10px;letter-spacing:.08em}.tile-copy{position:absolute;bottom:17px;left:17px;right:17px;color:white}.tile h3{font-size:16px;line-height:1.65;margin:0 0 10px;font-family:"Noto Serif TC","PMingLiU",serif}.tile small{font-size:10px;color:#ffffff9c;letter-spacing:.1em}.feature-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.panel{border:1px solid #e8ebee;border-radius:14px;background:white;padding:22px;box-shadow:0 2px 6px #20304004}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 17px;border-bottom:1px solid #edf0f3;margin-bottom:20px}.panel-head h2{font-size:17px;margin:0;font-weight:600}.panel-head>span,.panel-head>a{font-size:10px;letter-spacing:.1em;background:#f1f2f4;border-radius:20px;padding:7px 12px;color:#8c96a2}.featured>img{width:100%;aspect-ratio:1.95;object-fit:cover;border-radius:9px;display:block}.feature-copy{padding:23px 1px 2px}.category{color:#978563;font-size:11px;letter-spacing:.08em}.feature-copy h3{font-size:26px;line-height:1.6;font-family:"Noto Serif TC","PMingLiU",serif;margin:12px 0}.feature-copy p{font-size:14px;line-height:1.9;color:#7b8592}.feature-meta{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:12px}.feature-meta small{color:#9ba3ac}.feature-meta>span{border-bottom:1px solid #b4a582;padding-bottom:8px}.recent-row{display:grid;grid-template-columns:88px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #edf0f3}.recent-row:last-child{border:0;padding-bottom:0}.recent-row>img{width:88px;height:75px;object-fit:cover;object-position:left;border-radius:7px}.recent-row h3{font-size:13px;line-height:1.7;margin:6px 0;color:#3e4857}.recent-row small{font-size:10px;color:#9fa7b0}.more{padding:38px 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.section-heading h2{font-size:21px;margin:0}.section-heading span{font-size:12px;color:#9aa2ac}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.article-card{background:white;border:1px solid #e6e9ee;border-radius:12px;overflow:hidden}.article-card>img{width:100%;aspect-ratio:1.7;object-fit:cover;object-position:left;display:block}.article-card>div{padding:20px}.article-card h3{font-size:18px;line-height:1.65;font-family:"Noto Serif TC","PMingLiU",serif;margin:10px 0}.article-card p{font-size:13px;color:#87909b;line-height:1.8;margin:0 0 22px}.article-card small{font-size:10px;color:#9aa3ae;display:flex;justify-content:space-between}.article-card small span{color:#657080}.endnote{display:flex;align-items:center;justify-content:space-between;background:#e9edf1;border-radius:14px;padding:30px 36px;margin:0 0 50px}.endnote h2{font-size:22px;margin:0 0 10px}.endnote p{font-size:13px;color:#7b8693;margin:0}.endnote a{background:#303c4e;color:white;font-size:12px;padding:13px 20px;border-radius:30px}.empty{text-align:center;padding:40px;color:#77818f}body.filtered .feature-layout{display:block}body.filtered .panel{margin-bottom:24px}body.filtered .top-grid:empty{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #b4a582;outline-offset:4px}@media(max-width:1000px){.filters{gap:16px;flex:0 0 100%;width:100%;min-width:0}.toolbar{flex-wrap:wrap}.search{width:100%;border-top:1px solid #e5e8ec}.search input{width:100%}.top-grid{grid-template-columns:repeat(2,1fr)}.feature-layout{grid-template-columns:1.6fr 1fr}.recent-row{grid-template-columns:66px 1fr}.recent-row>img{width:66px;height:65px}.more-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.preview-bar{padding:8px 16px;font-size:10px;gap:10px}.preview-bar span{display:none}.blog{width:calc(100% - 32px)}.intro{padding:28px 0 22px;display:block}.intro h1{font-size:27px}.intro p{font-size:12px}.intro-art{display:none}.toolbar{gap:0;margin-bottom:18px}.filters{gap:22px}.filters button{font-size:12px;padding-top:12px}.top-grid{gap:12px;margin-bottom:18px}.tile{min-height:220px;border-radius:9px}.tile-copy{left:12px;right:12px;bottom:13px}.tile h3{font-size:14px}.tag{left:12px;top:12px;font-size:9px}.feature-layout{display:block}.panel{padding:17px;border-radius:12px;margin-bottom:18px}.feature-copy h3{font-size:22px}.feature-copy p{font-size:13px}.recent-row{grid-template-columns:85px 1fr}.recent-row>img{width:85px;height:70px}.more{padding:20px 0 28px}.more-grid{grid-template-columns:1fr;gap:18px}.section-heading h2{font-size:19px}.section-heading span{font-size:10px}.endnote{padding:25px;display:block}.endnote a{display:inline-block;margin-top:22px}footer .foot{gap:25px}}
.article-card .card-cover{padding:0;position:relative;min-height:265px;isolation:isolate;background:#233044}
.card-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,25,43,.96),rgba(13,25,43,.75) 45%,rgba(13,25,43,.06) 100%);z-index:-1}
.card-cover .cover-title{position:absolute;bottom:23px;left:23px;right:23px}
.card-cover .category{color:#e4d8bc}
.card-cover h3{color:#fff;font-size:23px;line-height:1.55;margin:10px 0 0;text-wrap:pretty}
.article-card .card-summary{padding:22px}
.card-summary p{color:#606d7d;line-height:1.9;margin:0 0 22px}
.article-card small,.recent-row small,.feature-meta small{color:#707c8b}
.article-card small{font-size:12px}
.featured .feature-image{position:relative;isolation:isolate;min-height:370px;border-radius:9px;overflow:hidden;background:#233044}
.feature-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.feature-image:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(13,25,43,.95),rgba(13,25,43,.62) 48%,rgba(13,25,43,0) 100%)}
.feature-image .cover-title{position:absolute;bottom:28px;left:28px;right:28px}
.feature-image .category{color:#e4d8bc}
.feature-image h3{font:600 30px/1.55 "Noto Serif TC","PMingLiU",serif;color:#fff;margin:12px 0 0;text-wrap:pretty}
.feature-copy{padding-top:12px}.feature-copy p{color:#606d7d}
.feature-meta>span,.article-card small span{color:#877453}
.filters button{color:#606d7d}.intro p{color:#606d7d}
@media(max-width:650px){.article-card .card-cover{min-height:260px}.card-cover h3{font-size:23px}.featured .feature-image{min-height:320px}.feature-image .cover-title{left:22px;right:22px;bottom:22px}.feature-image h3{font-size:26px}.article-card .card-summary{padding:20px}.card-summary p{font-size:14px}.top-grid{grid-template-columns:1fr}.tile{min-height:215px}.tile h3{font-size:21px;line-height:1.6}.tile-copy{left:20px;right:20px;bottom:20px}.tag{left:20px;top:20px}.tile small{font-size:11px}}
.blog .intro{position:relative;isolation:isolate;overflow:hidden;background:#e8edf1;border:1px solid #e0e5ea;border-radius:12px;min-height:210px;margin:22px 0 14px;padding:28px 34px;display:flex;align-items:center}
.intro>div:first-child{position:relative;z-index:1;max-width:66%}
.blog .intro-art{position:absolute;inset:0 0 0 auto;width:62%;height:100%;border-radius:0;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 38%)}
.intro-art img{object-position:center 56%}
.blog .intro h1{margin:12px 0 10px;font-size:32px}
.blog .toolbar{margin-bottom:20px}
@media(max-width:650px){.blog .intro{min-height:185px;margin:14px 0 8px;padding:22px 20px}.intro>div:first-child{max-width:100%}.blog .intro-art{display:block;width:100%;opacity:.2;mask-image:linear-gradient(90deg,transparent,#000)}.blog .intro h1{font-size:27px;max-width:290px;text-wrap:balance}.blog .intro p{max-width:270px}.blog .intro .eyebrow{font-size:10px}}
.top-grid .tile img{object-position:85% center}
.top-grid .tile:nth-child(2) img{object-position:82% center}
.top-grid .tile:nth-child(3) img{object-position:95% center}
.top-grid .tile:nth-child(4) img{object-position:center}
.tile-copy h3{min-height:3lh;margin-bottom:10px}
.article-card{display:flex;flex-direction:column;height:100%}
.article-card .card-cover{height:300px;min-height:300px;flex:0 0 300px}
.card-cover .cover-title{top:105px;bottom:auto}
.card-cover .category{display:block;line-height:18px}
.card-cover h3{min-height:4lh}
.article-card .card-summary{display:flex;flex-direction:column;flex:1}
.article-card .card-summary small{margin-top:auto;align-items:center}
.recent-row h3{min-height:3lh}
@media(max-width:650px){.article-card .card-cover{height:300px;min-height:300px}.card-cover .cover-title{top:105px}.tile-copy h3{min-height:3lh}.top-grid .tile img{object-position:85% center}.top-grid .tile:nth-child(3) img{object-position:95% center}}

/* Plain categories grouped with headings, one line lower across all article cards. */
.top-grid .tile .tag{position:static;display:block;background:none;border:0;border-radius:0;padding:0;color:#e4d8bc;font-size:11px;line-height:18px;margin-bottom:10px}
.article-card .card-cover{height:336px;min-height:336px;flex-basis:336px}
.card-cover .cover-title{top:141px;bottom:auto}

/* Match the featured and question panels without oversized title reservations. */
.recent-panel .recent-row h3{min-height:0;margin:6px 0}
.recent-panel .recent-row>div{line-height:1.6}
@media(min-width:651px){body:not(.filtered) .feature-layout{align-items:stretch}body:not(.filtered) .recent-panel{display:flex;flex-direction:column}body:not(.filtered) .recent-panel .panel-head{flex:0 0 auto}body:not(.filtered) .recent-panel .recent-row{flex:1;align-content:center}}

.hub-policy{padding:26px 30px;margin:0 0 28px;border:1px solid #dce1e7;border-radius:12px}.hub-policy h2{font-size:18px;margin:0 0 12px}.hub-policy p{font-size:13px;line-height:1.9;color:#606d7d;margin:8px 0}.blog{padding-top:12px}.skipLink{z-index:1000}.nav{z-index:100}