*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#171716;background:#fff;font-family:Arial,'Noto Sans TC',sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit}a:focus-visible{outline:3px solid #ad4b35;outline-offset:4px}.wrap{width:min(1560px,calc(100% - 96px));margin-inline:auto}.reviewbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#272727;color:white;padding:10px 3%;font-size:13px}.reviewbar small{color:#ccc;margin-left:10px}.reviewbar nav{display:flex;gap:5px;flex-wrap:wrap}.reviewbar a{padding:9px 12px;border:1px solid #666;text-decoration:none;white-space:nowrap}.reviewbar a[aria-current]{background:#fff;color:#111}.site-header{padding:28px 0 0}.top{display:flex;align-items:center;justify-content:space-between;min-height:50px}.logo{font-size:29px;letter-spacing:.2em;font-weight:600}.logo em{font:italic 52px Georgia;line-height:0;vertical-align:-.2em}.hamb,.utilities{font-size:13px;letter-spacing:.04em}.hamb b{font-size:12px;font-weight:400;margin-left:8px}.sitenav{display:flex;justify-content:center;gap:clamp(20px,4vw,68px);border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:18px 0;margin-top:24px;font-size:14px;letter-spacing:.08em}.hero{position:relative;margin-top:46px}.hero-visual img{width:100%}.eyebrow,.meta{font-size:11px;font-weight:700;letter-spacing:.16em}.hero h1{font-family:'Songti TC',serif;font-size:clamp(30px,3.2vw,54px);line-height:1.35;margin:22px 0}.hero-sub{line-height:1.8;color:#5f5d59}.hero-link,.section-more{font-size:12px;font-weight:700;letter-spacing:.06em}.hero-index{font-size:10px;letter-spacing:.18em;color:#666}.latest,.feature,.categories,.learn{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid currentColor;padding-bottom:20px;margin-bottom:32px}.section-head h2{font-family:'Songti TC',serif;font-size:clamp(28px,2.5vw,42px);margin:10px 0 0}.section-head i{font:italic 22px Georgia;color:#777;margin-left:10px}.stories,.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 28px}.story-image img{width:100%}.story h3,.watch h3{font-size:19px;line-height:1.55;margin:12px 0}.meta{margin-top:16px;color:#795144}.meta span{color:#999}.byline{font-size:11px;letter-spacing:.07em;color:#777}.newsletter{background:#e9e6df}.newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:56px}.newsletter h2,.campaign h2,.about h2{font-family:'Songti TC',serif;font-size:clamp(27px,3vw,44px);line-height:1.3;margin:12px 0}.newsletter p,.campaign p,.about p{line-height:1.8}.outline-button{display:inline-block;border:1px solid;padding:16px 24px;font-size:13px;white-space:nowrap}.feature-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px}.feature-main img{width:100%}.feature-main h3{font:30px/1.4 'Songti TC',serif}.feature-main p{line-height:1.7}.feature-side{display:grid;gap:28px}.feature-side .story{display:grid;grid-template-columns:45% 1fr;gap:18px;align-items:start}.feature-side .meta{margin:0}.feature-side h3{font-size:16px}.watch{background:#1a1a1a;color:#fff;padding-block:90px}.watch-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.watch-grid img{width:100%}.watch-grid h3{font-size:16px}.pod{display:grid;grid-template-columns:38% 1fr;gap:18px;align-content:start}.pod p,.pod a{font-size:12px;line-height:1.9}.campaign{text-align:center;padding-block:100px;border-bottom:1px solid #ccc}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.learn-grid article{padding:30px;border-top:2px solid}.learn-grid article span{font:italic 22px Georgia;color:#888}.learn-grid h3{font-size:22px}.learn-grid p,.learn-grid a{font-size:14px;line-height:1.8}.about{padding:40px 0 100px;max-width:800px;text-align:center}.about p{color:#555}.about span{font-size:13px}footer{background:#eeeae4;padding:55px 0;color:#333}.footer-inner{display:flex;align-items:center;gap:40px;flex-wrap:wrap}.footer-inner p,.footer-inner div:not(.logo){font-size:12px;line-height:1.8}.footer-inner small{width:100%;color:#777}
/* 01: generous portrait-led editorial */
.design-1 .hero{display:grid;grid-template-columns:1.55fr 1fr;gap:7%;align-items:center}.design-1 .hero-copy{padding-right:8%}.design-1 .hero-index{position:absolute;right:0;bottom:0}.design-1 .latest .stories{grid-template-columns:repeat(3,1fr)}.design-1 .story h3{font-family:'Songti TC',serif}.design-1 .hero-visual{background:#eae8e3}
/* 02: bold fashion newsroom */
.design-2{font-family:Arial,'Noto Sans TC',sans-serif}.design-2 .logo{font-weight:900;letter-spacing:-.04em;font-size:34px}.design-2 .hero{display:grid;grid-template-columns:1fr 1fr;background:#eee}.design-2 .hero-copy{grid-column:1;grid-row:1;padding:8%;align-self:center}.design-2 .hero-visual{grid-column:2;grid-row:1}.design-2 .hero h1{font-family:Arial,sans-serif;font-weight:900;font-size:clamp(34px,3.6vw,60px);letter-spacing:-.04em}.design-2 .hero-index{position:absolute;bottom:20px;left:4%}.design-2 .stories{grid-template-columns:repeat(4,1fr)}.design-2 .latest .s0{grid-column:span 2;grid-row:span 2}.design-2 .story h3{font-weight:900}.design-2 .section-head h2{font:900 clamp(32px,3vw,50px) Arial}.design-2 .newsletter{background:#e8e8e8}.design-2 .feature{background:#fff}
/* 03: modular cultural mosaic */
.design-3 .hero{display:grid;grid-template-columns:1.2fr .8fr;background:#e8e9df}.design-3 .hero-copy{padding:8%;align-self:center}.design-3 .hero-index{position:absolute;right:2%;bottom:20px}.design-3 .hero h1{font-family:Arial,sans-serif;font-weight:800}.design-3 .latest{background:#fff}.design-3 .stories{grid-template-columns:repeat(4,1fr);gap:2px;background:#171716;border:1px solid #171716}.design-3 .latest .story{padding:20px;background:#fff}.design-3 .latest .s0{grid-column:span 2;grid-row:span 2;background:#e2ecdc}.design-3 .latest .s3{background:#f4e7b9}.design-3 .newsletter{background:#e9bc56}.design-3 .section-head h2{font-family:Arial;font-weight:900}.design-3 .feature-main{background:#edf0e8;padding:20px}.design-3 .learn-grid article:nth-child(2){background:#f4e7b9}
/* 04: cinematic black and white */
.design-4{background:#f6f5f1}.design-4 .hero{background:#101010;color:white;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:0}.design-4 .hero-copy{padding:8%;align-self:center}.design-4 .hero-sub{color:#c7c7c7}.design-4 .hero-index{position:absolute;bottom:18px;right:4%;color:#ccc}.design-4 .hero-visual img{filter:saturate(.75)}.design-4 .stories{grid-template-columns:repeat(2,1fr)}.design-4 .latest .story{display:grid;grid-template-columns:48% 1fr;gap:24px;align-items:center}.design-4 .latest .story h3{font-family:'Songti TC',serif;font-size:22px}.design-4 .newsletter{background:#252525;color:white}.design-4 .feature{background:#f6f5f1}.design-4 .feature-main{display:flex;flex-direction:column-reverse}.design-4 .section-head h2{font-family:'Songti TC',serif}
/* 05: asymmetric magazine index */
.design-5 .hero{display:grid;grid-template-columns:1fr 2fr;border-top:4px solid;padding-top:18px;gap:35px}.design-5 .hero-copy{grid-column:1;grid-row:1;align-self:center;padding-top:54px}.design-5 .hero-visual{grid-column:2;grid-row:1}.design-5 .hero-index{position:absolute;top:26px;left:0}.design-5 .hero h1{font-family:'Songti TC',serif;font-size:clamp(28px,2.6vw,44px)}.design-5 .stories{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.design-5 .latest .story{display:grid;grid-template-columns:34% 1fr;gap:24px;padding:22px 0;border-bottom:1px solid #aaa;align-items:start}.design-5 .latest .story .meta{margin-top:0}.design-5 .latest .s0{grid-column:span 2;grid-template-columns:55% 1fr}.design-5 .latest .s0 h3{font:32px/1.4 'Songti TC',serif}.design-5 .newsletter{background:#ebe7df}.design-5 .section-head h2{font-family:'Songti TC',serif}.design-5 .feature-grid{grid-template-columns:1.5fr 1fr}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.reviewbar{position:relative;display:block}.reviewbar nav{display:flex;flex-wrap:nowrap;overflow:auto;margin-top:8px;padding-bottom:4px}.reviewbar a{font-size:12px}.reviewbar small{display:none}.top{min-height:44px}.logo{font-size:21px}.hamb b,.utilities{display:none}.sitenav{justify-content:flex-start;overflow:auto;white-space:nowrap;gap:24px;margin-top:12px;padding:15px 0}.hero,.design-1 .hero,.design-2 .hero,.design-3 .hero,.design-4 .hero,.design-5 .hero{display:flex;flex-direction:column;align-items:stretch;margin-top:20px;gap:0}.design-4 .hero{width:100%}.hero-copy,.design-1 .hero-copy,.design-2 .hero-copy,.design-3 .hero-copy,.design-4 .hero-copy,.design-5 .hero-copy{padding:24px 18px 45px}.hero h1,.design-2 .hero h1,.design-5 .hero h1{font-size:28px}.hero-index,.design-1 .hero-index,.design-2 .hero-index,.design-3 .hero-index,.design-4 .hero-index,.design-5 .hero-index{position:static;padding:0 18px 20px}.latest,.feature,.categories,.learn{padding-block:60px}.section-head{align-items:start;gap:12px}.section-head h2{font-size:28px}.section-head i{font-size:17px}.section-more{font-size:11px;text-align:right}.stories,.category-grid,.design-1 .latest .stories,.design-2 .stories,.design-3 .stories,.design-4 .stories,.design-5 .stories{grid-template-columns:1fr 1fr;gap:28px 14px}.story h3,.design-4 .latest .story h3{font-size:15px}.design-2 .s0,.design-3 .s0,.design-5 .latest .s0{grid-column:span 2;grid-row:auto}.design-3 .stories{gap:1px}.design-3 .latest .story{padding:12px}.design-4 .story,.design-5 .story,.design-5 .latest .s0{display:block}.design-5 .latest .s0 h3{font-size:21px}.newsletter-inner{display:block}.newsletter .outline-button{margin-top:15px}.feature-grid,.design-5 .feature-grid{grid-template-columns:1fr}.feature-side{grid-template-columns:1fr 1fr}.feature-side .story{display:block}.feature-side .meta{margin-top:12px}.watch{padding-block:60px}.watch-grid{grid-template-columns:1fr 1fr}.pod{grid-column:span 2;grid-template-columns:110px 1fr}.campaign{padding-block:60px}.learn-grid{grid-template-columns:1fr}.learn-grid article{padding:20px 0}.about{padding-bottom:60px}.footer-inner{display:block}.footer-inner>*{margin-bottom:20px}}
@media(min-width:761px){.design-3 .hero{display:flex;flex-direction:column;align-items:stretch;background:#efdfaa}.design-3 .hero-copy{order:-1;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:24px;padding:32px 40px}.design-3 .hero-copy .eyebrow{align-self:start}.design-3 .hero h1{font-size:clamp(30px,3vw,48px);margin:0}.design-3 .hero-copy .hero-sub{margin:0}.design-3 .hero-link{grid-column:3}.design-3 .hero-index{position:static;padding:16px 40px}.design-4 .hero{display:block;padding-bottom:1px}.design-4 .hero-visual{max-width:1560px;margin:auto}.design-4 .hero-copy{max-width:1560px;margin:auto;padding:30px 0 45px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start}.design-4 .hero h1{margin:0;font-size:clamp(30px,3vw,48px)}.design-4 .hero-index{position:static;max-width:1560px;margin:auto;padding:0 0 22px}.design-4 .hero-link{grid-column:3}.design-4 .hero-sub{margin:0}}
.nowrap{white-space:nowrap}@media(max-width:760px){.top{display:grid;grid-template-columns:1fr auto 1fr}.top .hamb{justify-self:start}.top .logo{justify-self:center}.top:after{content:''}.sitenav,.reviewbar nav{scrollbar-width:none}.sitenav::-webkit-scrollbar,.reviewbar nav::-webkit-scrollbar{display:none}}
/* 06 / 人物觀點：依人物版參考延伸的左右封面與觀點導覽 */
.design-6{background:#f7f6f2}.design-6 .site-header{padding-top:20px}.design-6 .hero{display:grid;grid-template-columns:45% 55%;align-items:center;gap:0}.design-6 .hero-copy{grid-area:1/1;padding:30px 10% 42px 2%;border-top:1px solid #aaa}.design-6 .hero-visual{grid-area:1/2}.design-6 .hero h1{font-family:'Songti TC',serif;font-size:clamp(30px,2.8vw,48px);line-height:1.38;margin:22px 0}.design-6 .hero-copy .eyebrow:after{content:'';display:inline-block;width:55px;height:3px;background:#b5e642;vertical-align:middle;margin-left:20px}.design-6 .hero-link{display:inline-block;background:#c7f83c;padding:16px 24px;margin-top:12px}.design-6 .hero-index{position:absolute;right:0;bottom:-26px}.viewpoint-strip{display:grid;grid-template-columns:1.3fr repeat(3,1fr);border-top:1px solid #999;border-bottom:1px solid #bbb;margin-top:50px;padding:22px 0}.viewpoint-strip>div{padding:0 24px;border-left:1px solid #ccc}.viewpoint-strip>div:first-child{padding-left:0;border:0}.viewpoint-strip strong{display:block;font:700 18px/1.5 'Songti TC',serif}.viewpoint-strip small{display:block;color:#666;font-size:11px;line-height:1.7;margin-bottom:5px}.design-6 .latest{padding-top:55px}.design-6 .latest .stories{grid-template-columns:repeat(3,1fr);gap:36px 28px}.design-6 .latest .story{border-top:1px solid #ccc;padding-top:16px}.design-6 .story h3{font-family:'Songti TC',serif}.design-6 .newsletter{background:#e4def1}.design-6 .feature-grid{grid-template-columns:1.1fr 1fr}.design-6 .watch{background:#252521}
/* 07 / 文化策展：文字、封面、編輯索引三欄 */
.design-7{background:#f8f7f4}.design-7 .hero{display:grid;grid-template-columns:1.05fr 1.65fr .9fr;gap:28px;align-items:start;border-top:1px solid #aaa;padding-top:26px}.design-7 .hero-copy{grid-area:1/1;padding:5px 0}.design-7 .hero-visual{grid-area:1/2}.design-7 .hero h1{font-family:'Songti TC',serif;font-size:clamp(27px,2.35vw,41px);line-height:1.42}.design-7 .hero-link{display:inline-block;background:#3153aa;color:#fff;padding:15px 22px}.design-7 .hero-index{display:none}.curator-index{grid-area:1/3;min-width:0}.curator-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-bottom:1px solid #999;padding-bottom:13px}.curator-head strong{font:700 20px Georgia;letter-spacing:.08em}.curator-head span{font-size:11px}.curator-list{min-width:0}.index-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;padding:13px 0;border-bottom:1px solid #ddd}.index-num{font:21px Georgia}.index-item div{border-left:1px solid #ddd;padding-left:12px}.index-item small{display:block;font-size:10px;color:#6177a6;margin-bottom:5px}.index-item small:last-child{color:#888;margin:8px 0 0}.index-item strong{font-size:13px;line-height:1.4;display:block}.design-7 .latest{padding-top:65px}.design-7 .latest .stories{gap:35px 0}.design-7 .latest .story{padding:0 22px;border-left:1px solid #ccc}.design-7 .latest .story:nth-child(3n+1){padding-left:0;border-left:0}.design-7 .latest .story:nth-child(3n){padding-right:0}.design-7 .story h3{font-family:'Songti TC',serif}.design-7 .meta{color:#3153aa}.design-7 .newsletter{background:#e9e8e4}.design-7 .watch{background:#292a2a}
@media(max-width:760px){.design-6 .hero,.design-7 .hero{display:flex;flex-direction:column;gap:0;margin-top:20px}.design-6 .hero-visual,.design-7 .hero-visual{order:0;width:100%}.design-6 .hero-copy,.design-7 .hero-copy{order:1;width:100%;padding:24px 0 28px;border:0}.design-6 .hero h1,.design-7 .hero h1{font-size:28px}.design-6 .hero-index{position:static;order:2;padding:0 0 15px}.viewpoint-strip{grid-template-columns:1fr 1fr;gap:18px 0;margin-top:15px}.viewpoint-strip>div{padding:0 12px}.viewpoint-strip>div:nth-child(3){border-left:0;padding-left:0}.viewpoint-strip strong{font-size:15px}.design-6 .latest .stories{grid-template-columns:1fr 1fr;gap:24px 14px}.design-7 .curator-index{order:2;width:100%;margin:5px 0 0}.design-7 .index-item{padding:10px 0}.design-7 .latest .stories{grid-template-columns:1fr 1fr;gap:25px 14px}.design-7 .latest .story,.design-7 .latest .story:nth-child(3n+1),.design-7 .latest .story:nth-child(3n){border:0;padding:0}.design-6 .feature-grid{grid-template-columns:1fr}}
/* 客戶圈選：編輯模組的側欄與策展影音引言 */
@media(min-width:761px){.design-6 .rail-section{display:grid;grid-template-columns:minmax(170px,19%) 1fr;column-gap:36px}.design-6 .rail-section>.editorial-rail{grid-column:1;grid-row:1 / span 3;border-right:1px solid #ccc;padding:4px 25px 25px 0;display:flex;flex-direction:column;align-items:start}.design-6 .rail-section>.section-head,.design-6 .rail-section>.stories,.design-6 .rail-section>.feature-grid,.design-6 .rail-section>.category-grid,.design-6 .rail-section>.watch-grid{grid-column:2}.design-6 .editorial-rail small{font-size:10px;letter-spacing:.14em;color:#777}.design-6 .editorial-rail h2{font:700 24px 'Songti TC',serif;margin:16px 0}.design-6 .editorial-rail p{font-size:13px;line-height:1.8;color:#777}.design-6 .editorial-rail span{margin-top:auto;padding-top:30px;font-size:12px;border-bottom:2px solid #c7ef57}.design-6 .rail-section>.section-head h2{font-size:25px}.design-6 .watch .editorial-rail{border-color:#666}.design-6 .watch .editorial-rail small,.design-6 .watch .editorial-rail p{color:#bbb}.design-7 .watch-grid{grid-template-columns:1fr 1.5fr 1fr;align-items:start}.design-7 .curator-quote{grid-row:1;grid-column:1;padding:15px 26px 15px 0;border-right:1px solid #666}.design-7 .curator-quote span{font:40px Georgia}.design-7 .curator-quote p{font:26px/1.6 'Songti TC',serif}.design-7 .curator-quote small{font-size:11px;color:#bbb}.design-7 .watch-grid>article:nth-child(2){grid-column:2}.design-7 .watch-grid>article:nth-child(3){grid-column:3}.design-7 .watch-grid>.pod{grid-column:2 / 4;max-width:600px}}
@media(max-width:760px){.design-6 .editorial-rail{border-bottom:1px solid #ccc;margin-bottom:24px;padding-bottom:16px}.design-6 .editorial-rail small{font-size:10px;letter-spacing:.12em}.design-6 .editorial-rail h2{font:700 22px 'Songti TC',serif;margin:10px 0}.design-6 .editorial-rail p{font-size:13px;line-height:1.7}.design-6 .editorial-rail span{font-size:12px}.design-6 .rail-section>.section-head{display:none}.design-7 .curator-quote{grid-column:1 / -1;border-bottom:1px solid #666;padding-bottom:15px}.design-7 .curator-quote span{font:28px Georgia}.design-7 .curator-quote p{font:22px/1.5 'Songti TC',serif;margin:0 0 12px}.design-7 .curator-quote small{color:#bbb}}
@media (min-width:761px) and (max-width:1100px){.design-7 .hero{grid-template-columns:1fr 1.35fr}.design-7 .curator-index{grid-area:2/1;overflow:hidden}.design-7 .curator-list{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x proximity;padding:10px 0;scrollbar-width:none}.design-7 .curator-list::-webkit-scrollbar{display:none}.design-7 .index-item{flex:0 0 82%;scroll-snap-align:start;border-top:1px solid #ddd;border-bottom:0}.design-6 .rail-section{grid-template-columns:140px 1fr;column-gap:22px}.design-6 .latest .stories{grid-template-columns:repeat(2,1fr)}}

/* 策展封面採橫幅裁切，讓文字、影像與索引形成同一閱讀高度。 */
.design-7 .hero-visual img{aspect-ratio:4/3;object-fit:cover;object-position:50% 38%}
@media (min-width:761px) and (max-width:1100px){.design-7 .hero{grid-template-rows:auto auto;align-items:start}.design-7 .hero-visual{grid-area:1/2/3/3}.design-7 .curator-index{grid-area:2/1;display:block}.design-7 .curator-index .index-item{padding:9px 0}.design-7 .hero h1{margin:15px 0}.design-7 .hero-link{margin:12px 0 20px}}
@media(min-width:761px){.design-2 .hero-visual{align-self:stretch}.design-2 .hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center}}
/* 07：統一本期選讀圖幅，並讓主題與影音群組自然對齊 */
.design-7 .latest .story-image img{aspect-ratio:3 / 2;width:100%;object-fit:cover;object-position:center}
.design-7 .feature-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:36px}
.design-7 .feature-main img{aspect-ratio:16 / 9;object-fit:cover;object-position:center}
.design-7 .feature-main .eyebrow{margin:18px 0 0}
.design-7 .feature-main h3{margin:12px 0;font-size:clamp(24px,2vw,30px)}
.design-7 .feature-main p:last-child{margin:0;color:#5c5b58}
.design-7 .feature-side{align-content:start;gap:0}
.design-7 .feature-side .story{grid-template-columns:43% minmax(0,1fr);gap:20px;padding:0 0 22px;border-bottom:1px solid #d6d3cc}
.design-7 .feature-side .story + .story{padding:22px 0 0;border-bottom:0}
.design-7 .feature-side .story-image img{aspect-ratio:3 / 2;object-fit:cover}
.design-7 .feature-side h3{margin:9px 0;font-size:17px;line-height:1.5}
.design-7 .watch{background:#ebeae5;color:#191919}
.design-7 .watch .section-head i{color:#666}
.design-7 .watch-grid{display:grid;grid-template-columns:minmax(190px,.8fr) 1fr 1fr;gap:28px;align-items:start}
.design-7 .curator-quote{grid-area:auto;padding:0 28px 0 0;border-right:1px solid #bbb}
.design-7 .curator-quote span{font:36px Georgia;line-height:1}
.design-7 .curator-quote p{font:clamp(21px,1.8vw,27px)/1.55 'Songti TC',serif;margin:12px 0 24px}
.design-7 .curator-quote small{font-size:11px;color:#666}
.design-7 .watch-grid>article:nth-child(2),.design-7 .watch-grid>article:nth-child(3){grid-column:auto}
.design-7 .watch-grid>article:not(.pod) img{aspect-ratio:16 / 9;object-fit:cover}
.design-7 .watch-grid>article:not(.pod) h3{margin:12px 0 0;font-family:'Songti TC',serif;font-size:18px;line-height:1.5}
.design-7 .watch-grid>.pod{grid-column:1 / -1;display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;max-width:none;border-top:1px solid #bbb;padding-top:24px}
.design-7 .watch-grid>.pod img{width:110px}
.design-7 .watch-grid>.pod h3{margin:6px 0}.design-7 .watch-grid>.pod p{margin:5px 0}
@media(max-width:760px){.design-7 .feature-grid{grid-template-columns:1fr;gap:24px}.design-7 .feature-side .story{grid-template-columns:40% minmax(0,1fr);align-items:start}.design-7 .feature-side{display:grid;grid-template-columns:1fr}.design-7 .watch-grid{grid-template-columns:1fr 1fr;gap:20px 14px}.design-7 .curator-quote{grid-column:1 / -1;border-right:0;border-bottom:1px solid #bbb;padding:0 0 18px}.design-7 .curator-quote p{font-size:22px;margin:8px 0}.design-7 .watch-grid>article:not(.pod) h3{font-size:15px}.design-7 .watch-grid>.pod{grid-column:1 / -1;grid-template-columns:86px minmax(0,1fr);gap:16px}.design-7 .watch-grid>.pod img{width:86px}}
/* 全方案視覺檢查：保持圖片與文字群組一致，避免網格被拉伸。 */
.reviewbar nav{flex-wrap:nowrap;overflow-x:auto;max-width:100%;scrollbar-width:thin}.reviewbar>span{flex-shrink:0}
.stories,.category-grid{align-items:start}
.stories .story-image img,.category-grid .story-image img{width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:center}
.story-info{min-width:0}.story h3{overflow-wrap:anywhere}.story .byline{line-height:1.5}
.feature-grid{align-items:start}.feature-side{align-content:start;grid-auto-rows:max-content}.feature-side .story{min-width:0}.feature-side .story-image img{width:100%;aspect-ratio:3 / 2;object-fit:cover}
.watch-grid>article:not(.pod) img{width:100%;aspect-ratio:16 / 9;object-fit:cover}.watch-grid>article{min-width:0}.watch-grid h3{line-height:1.5}
.latest,.feature,.categories,.learn{padding-block:72px}.design-7 .feature{padding-bottom:48px}.design-7 .categories{padding-top:32px}
@media(min-width:761px){.design-6 .hero-visual{align-self:stretch}.design-6 .hero-visual img{height:100%;width:100%;object-fit:cover;object-position:center}.design-3 .hero-visual img,.design-4 .hero-visual img{max-height:560px;aspect-ratio:5 / 2;object-fit:cover;object-position:50% 40%}.design-3 .hero-copy{padding-block:24px}.design-4 .hero-copy{padding-top:24px;padding-bottom:28px}}
@media(max-width:760px){.latest,.feature,.categories,.learn{padding-block:48px}.design-7 .feature{padding-bottom:30px}.design-7 .categories{padding-top:24px}.reviewbar>span{display:block}.reviewbar nav{max-width:100%}.feature-side .story{min-width:0}.design-7 .curator-index{overflow:hidden}.design-7 .curator-list{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px;scrollbar-width:none}.design-7 .curator-list::-webkit-scrollbar{display:none}.design-7 .index-item{flex:0 0 82%;scroll-snap-align:start;border-top:1px solid #ddd;border-bottom:0;padding:14px 0}.design-7 .curator-head{margin-bottom:12px}}
@media(min-width:761px){
.design-2 .stories,.design-3 .stories{align-items:stretch}
.design-2 .stories .s0,.design-3 .stories .s0{grid-column:span 2;grid-row:auto}
.design-2 .stories .s5,.design-3 .stories .s5{grid-column:span 2}
.design-3 .stories .story{height:100%}
.design-5 .stories .s5{grid-column:span 2;grid-template-columns:34% 1fr}
.design-4 .hero-copy,.design-4 .hero-index{width:min(1560px,calc(100% - 96px))}
.design-6 .rail-section>.section-head>div{display:none}
.design-6 .rail-section>.section-head{justify-content:flex-end;min-height:32px}
}
@media(max-width:760px){.design-5 .stories .s5{grid-column:span 2}.design-3 .stories .s0{grid-row:auto}}
@media(min-width:761px){.design-2 .stories .s0 .story-image img,.design-2 .stories .s5 .story-image img,.design-3 .stories .s0 .story-image img,.design-3 .stories .s5 .story-image img{aspect-ratio:3 / 1}.design-5 .stories .s5{grid-template-columns:17% 1fr}}
@media(max-width:760px){.design-3 .stories .s5{grid-column:span 2}}
.design-7 .curator-quote p{margin-top:0}
/* 策展選讀：同欄寬與一致圖幅，避免兩側與中欄尺寸不一。 */
.design-7 .latest .stories{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.design-7 .latest .story,.design-7 .latest .story:nth-child(3n+1),.design-7 .latest .story:nth-child(3n){padding:0;border:0;min-width:0}
@media(max-width:760px){.design-7 .latest .stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}}
/* 桌機封面節奏：03 改為左右拼構，04 讓故事資訊進入電影式首屏。 */
@media(min-width:1101px){
.design-3 .hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);align-items:stretch}
.design-3 .hero-visual{grid-column:1;grid-row:1}
.design-3 .hero-visual img{height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 42%}
.design-3 .hero-copy{grid-column:2;grid-row:1;display:block;order:initial;padding:clamp(36px,4.5vw,68px)}
.design-3 .hero-copy .eyebrow{display:block;margin-bottom:24px}
.design-3 .hero h1{font-size:clamp(34px,3vw,48px);margin:0 0 24px}
.design-3 .hero-copy .hero-sub{margin:0 0 24px}
.design-3 .hero-link{display:block}
.design-3 .hero-index{position:absolute;right:32px;bottom:22px;padding:0}
.design-4 .hero{position:relative;height:clamp(560px,44vw,640px);overflow:hidden;padding:0}
.design-4 .hero-visual{height:100%;max-width:none}
.design-4 .hero-visual img{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:50% 30%}
.design-4 .hero-copy{position:absolute;inset:0;width:100%;max-width:none;margin:0;align-self:stretch;display:grid;grid-template-columns:.85fr 1.7fr .9fr;align-content:end;gap:28px;padding:150px max(48px,calc((100% - 1560px)/2)) 42px;background:linear-gradient(to bottom,transparent 25%,rgba(10,10,10,.88) 100%)}
.design-4 .hero-copy .eyebrow{align-self:end}
.design-4 .hero h1{font-size:clamp(32px,3vw,46px);margin:0}
.design-4 .hero-sub{align-self:end;margin:0}
.design-4 .hero-link{grid-column:3;margin:0}
.design-4 .hero-index{position:absolute;top:26px;right:max(48px,calc((100% - 1560px)/2));bottom:auto;width:auto;max-width:none;padding:0}
}

/* 熱搜新篇：02 的六張縮圖使用同一視覺高度，保留寬度變化但統一文字起點。 */
.design-2 .latest .story-image img{height:clamp(180px,15vw,240px);aspect-ratio:auto;object-fit:cover}

/* 主題企劃：讓主卡與兩則次卡形成收合的內容群，不用無效留白撐高。 */
@media(min-width:761px){
.feature-grid{align-items:stretch}
.feature-main>img{width:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:center}
.feature-side{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:24px;align-content:stretch;height:100%}
.feature-side .story{height:100%;min-height:0}
.design-1 .feature-side .story,.design-2 .feature-side .story,.design-3 .feature-side .story,.design-4 .feature-side .story,.design-5 .feature-side .story{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;align-items:start}
.design-1 .feature-side .story-image img,.design-2 .feature-side .story-image img,.design-3 .feature-side .story-image img,.design-4 .feature-side .story-image img,.design-5 .feature-side .story-image img{height:auto;aspect-ratio:16 / 9;object-fit:cover}
.design-1 .feature-side .story-info,.design-2 .feature-side .story-info,.design-3 .feature-side .story-info,.design-4 .feature-side .story-info,.design-5 .feature-side .story-info{padding-top:14px}
.design-6 .feature-side .story,.design-7 .feature-side .story{grid-template-columns:43% minmax(0,1fr);align-items:stretch}
.design-6 .feature-side .story-image,.design-7 .feature-side .story-image{height:100%;min-height:0}
.design-6 .feature-side .story-image img,.design-7 .feature-side .story-image img{height:100%;aspect-ratio:auto;object-fit:cover}
}

/* 精選影音：影片是同一層級，Podcast 改為獨立的橫向節目帶。 */
@media(min-width:761px){
.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.watch-grid>.pod{grid-column:1 / -1;grid-template-columns:112px minmax(0,1fr);gap:22px;max-width:none;border-top:1px solid rgba(255,255,255,.35);padding-top:24px}
.watch-grid>.pod img{width:112px;height:112px;object-fit:cover}
.design-7 .watch-grid>.pod{border-color:#bbb}
}

@media(min-width:1101px){
.watch-grid>.pod>div{display:grid;grid-template-columns:180px minmax(260px,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:32px}
.watch-grid>.pod .eyebrow{grid-column:1;grid-row:1;margin:0}
.watch-grid>.pod h3{grid-column:1;grid-row:2;margin:6px 0 0}
.watch-grid>.pod p:not(.eyebrow){grid-column:2;grid-row:1 / 3;margin:0}
.watch-grid>.pod a{grid-column:3;grid-row:1 / 3;justify-self:end;white-space:nowrap}
}

/* 07 桌機索引不得擔高 Hero；讓中央圖片決定區塊高度。 */
@media(min-width:1101px){
.design-7 .curator-index{align-self:stretch;display:grid;grid-template-rows:auto minmax(0,1fr)}
.design-7 .curator-list{display:grid;grid-template-rows:repeat(5,minmax(0,1fr))}
.design-7 .curator-head{padding-bottom:8px}
.design-7 .curator-head strong{font-size:18px}
.design-7 .index-item{grid-template-columns:29px minmax(0,1fr);gap:6px;padding:7px 0;align-items:center}
.design-7 .index-num{font-size:18px}
.design-7 .index-item div{padding-left:9px}
.design-7 .index-item small{font-size:9px;line-height:1.25;margin-bottom:3px}
.design-7 .index-item small:last-child{display:none}
.design-7 .index-item strong{font-size:12px;line-height:1.28}
}

/* 06：以間距分組影音與 Podcast，減少裝飾性分隔。 */
.design-3 .latest .stories{gap:1px}
/* 03：不同寬度的文章圖採同一高度，讓每列的分類文字對齊。 */
@media(min-width:761px){
.design-3 .latest .stories .story-image img{width:100%;height:clamp(170px,15vw,240px);aspect-ratio:auto;object-fit:cover}
}
@media(max-width:760px){
.design-3 .latest .stories .story-image img{width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}
}
@media(min-width:761px){
.design-6 .watch .editorial-rail{border-right:0}
.design-6 .watch .editorial-rail span{border-bottom:0}
.design-6 .watch .section-head{border-bottom:0;padding-bottom:0;margin-bottom:26px}
/* 主要照片與右側第二張照片共用下緣。 */
:is(.design-1,.design-2,.design-3,.design-5) .feature-main{display:grid;grid-template-rows:auto 190px}
:is(.design-1,.design-2,.design-3,.design-5) .feature-main>img{height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
:is(.design-1,.design-2,.design-3,.design-5) .feature-side{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) 190px;gap:0}
.design-3 .feature-side{grid-template-rows:minmax(0,1fr) auto minmax(0,1fr) 210px}
:is(.design-1,.design-2,.design-3,.design-5) .feature-side .story{display:contents}
:is(.design-1,.design-2,.design-3,.design-5) .feature-side .story-image{min-height:0}
:is(.design-1,.design-2,.design-3,.design-5) .feature-side .story-image img{height:100%;aspect-ratio:auto}
:is(.design-1,.design-2,.design-3,.design-5) .feature-side .story-info{padding:14px 0 20px}
}
/* 08：影像封面、直式故事列、圖文交錯。 */
.design-8 .hero{width:100%;max-width:none;display:grid;min-height:clamp(500px,65vw,850px);background:#171716;color:white}
.design-8 .hero-visual,.design-8 .hero-copy{grid-area:1/1}
.design-8 .hero-visual img{width:100%;height:100%;object-fit:cover}
.design-8 .hero-copy{z-index:1;align-self:end;padding:80px max(48px,calc((100% - 1560px)/2));background:linear-gradient(transparent,rgba(0,0,0,.85))}
.design-8 .hero-copy h1{max-width:850px}.design-8 .hero-sub{color:#eee}.design-8 .hero-index{display:none}
.design-8 .stories{grid-template-columns:repeat(4,minmax(0,1fr))}
.design-8 .latest .story-image img{width:100%;aspect-ratio:3/4;object-fit:cover}
.design-8 .latest .story:nth-child(n+5){display:grid;grid-template-columns:1fr 1fr;grid-column:span 2;gap:24px;align-items:center}
.design-8 .latest .story:nth-child(n+5) img{aspect-ratio:3/2}
.design-8 .feature-grid{grid-template-columns:1.4fr 1fr}
.design-8 .feature-side .story{align-items:start}
.reference-gallery{width:min(100% - 32px,1200px);margin:32px auto}
.reference-gallery figure{margin:0 0 64px;scroll-margin-top:90px}
.reference-gallery figcaption{font-size:1.2rem;margin-bottom:16px}
.reference-gallery img{width:100%}
@media(min-width:761px){
  .design-8 .feature-grid{align-items:start;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .design-8 .feature-side{height:auto;grid-template-rows:none;grid-auto-rows:auto;align-content:start;gap:24px}
  .design-8 .feature-side .story{height:auto;grid-template-columns:minmax(0,1fr);gap:12px}
  .design-8 .feature-side .story-image img{aspect-ratio: 2 / 1;object-fit:cover}
}
@media(max-width:760px){.design-8 .hero{min-height:0;display:flex;flex-direction:column}.design-8 .hero-visual img{aspect-ratio:4/3}.design-8 .hero-copy{padding:24px 18px 32px;background:#171716}.design-8 .stories{grid-template-columns:1fr 1fr;gap:28px 14px}.design-8 .latest .story:nth-child(n+5){grid-column:span 2;gap:14px}.design-8 .feature-grid{grid-template-columns:1fr}}

@media(min-width:761px) and (max-width:1100px){
.design-2 .latest .stories{grid-template-columns:repeat(2,minmax(0,1fr))}
.design-2 .latest .story-image img{height:clamp(170px,26vw,240px)}
}

@media(max-width:760px){
.design-2 .latest .story-image img{height:clamp(140px,42vw,190px);aspect-ratio:auto}
}

/* 09–11 share the editorial content, with distinct compositions. */
:is(.design-9,.design-10,.design-11) :is(section,.story){scroll-margin-top:110px}
:is(.design-9,.design-10,.design-11) .sitenav a{text-decoration:none}
:is(.design-9,.design-10,.design-11) .sitenav a:hover{text-decoration:underline}
.design-9 .hero{width:100%;display:grid;background:#241a16;color:white}
.design-9 .hero-visual,.design-9 .hero-copy{grid-area:1/1}
.design-9 .hero-visual img{aspect-ratio:2.35;object-fit:cover;object-position:50% 38%}
.design-9 .hero-copy{z-index:1;align-content:center;padding:clamp(28px,5vw,96px);background:linear-gradient(90deg,#201611f5,transparent 95%)}
.design-9 .hero-copy h1{max-width:15em}
.design-9 .hero-sub{color:#fff}
.design-9 .hero-index{display:none}
.design-9 footer{background:#24201e;color:white}
.design-9 footer small{color:#ddd}
.design-10{background:#f4f2ed}
.design-10 .hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.design-10 .curator-index{min-width:0;width:100%;margin:0}
.design-10 .curator-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
.design-10 .index-item strong{overflow-wrap:anywhere}
.design-10 .hero-visual img{aspect-ratio:4/5;object-fit:cover}
.design-10 .hero-index{display:none}
.design-10 .index-item{text-decoration:none}
.design-10 .hero-link{display:inline-block;background:#234995;color:white;padding:12px 16px}
.design-10 footer{background:#e5e9f0}
.design-11 .hero{display:grid;gap:24px;align-items:center}
.design-11 .hero-visual img{aspect-ratio:4/3;object-fit:cover}
.design-11 .hero-link{display:inline-block;background:#ceef55;padding:12px 16px}
.design-11 .viewpoint-strip a{text-decoration:none}
.design-11 .newsletter,.design-11 footer{background:#e6dff0}
.design-11 .site-header .logo{font-weight:800;letter-spacing:.12em}
.design-11 footer .footer-inner{border-top:1px solid #8b8099;padding-top:24px}
.design-10 .site-header .top{justify-content:start}
.design-10 .site-header :is(.hamb,.utilities){display:none}
@media(min-width:901px){
  .design-9 .site-header,.design-11 .site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-block:16px}
  :is(.design-9,.design-11) .site-header :is(.hamb,.utilities){display:none}
  :is(.design-9,.design-11) .sitenav{margin:0;border:0;gap:24px}
  .design-9 .latest{display:grid;grid-template-columns:1fr 4fr;gap:32px;align-items:start}
  .design-9 .latest .section-head{display:block}
  .design-9 .latest .stories{grid-template-columns:repeat(4,minmax(0,1fr))}
  .design-9 .latest .s0{grid-column:span 2;grid-row:span 2}
  .design-9 .latest .s1,.design-9 .latest .s2{grid-column:span 2}
  .design-10 .hero{grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) minmax(0,.9fr);align-items:start}
  .design-10 .hero-copy,.design-11 .hero-copy{grid-area:1/1}
  .design-10 .hero-visual,.design-11 .hero-visual{grid-area:1/2}
  .design-11 .hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr)}
  .design-11 .latest .story{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:16px}
  .design-11 .latest .story-image img{aspect-ratio:2/3;object-fit:cover}
}
@media(max-width:900px){
  .design-10 .hero > *{grid-area:auto}
  :is(.design-9,.design-10,.design-11) .sitenav{justify-content:start;overflow:auto;white-space:nowrap;gap:20px}
  .design-9 .hero-visual,.design-9 .hero-copy{grid-area:auto}
  .design-9 .hero-copy{background:none}
  .design-9 .hero-visual img{aspect-ratio:16/10}
  :is(.design-10,.design-11) .hero-visual img{aspect-ratio:16/10}
  :is(.design-9,.design-10,.design-11) .stories{grid-template-columns:repeat(2,minmax(0,1fr))}
}