/*
Theme Name: 智尚時裝（時裝評論單欄）
Template: nvbase
Description: style.111.net.tw 專屬外觀：時裝評論刊物的單欄閱讀版面——駝色＋深墨綠、奶油底、優雅襯線；本期評論、羅馬數字評論目次、本月免費展覽精選（文化部藝文資訊－展覽，依閉幕日排、Google 地圖查看）、最新選讀、分欄選讀、附錄。
Version: 1.0.0
*/
:root{
	--camel:#b07d48; --camel-d:#8a5c2c; --camel-l:#e8d3b4; --camel-xl:#f3e6d0;
	--green:#1e3d32; --green2:#2b5244; --green-l:#dfe9e2;
	--cream:#f8f2e6; --paper:#fffcf6; --ink:#2b2620; --muted:#7a6e5f; --rule:#e3d5bd;
	--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;
	--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
	--latin:"Cormorant Garamond","Times New Roman",serif;
	--col:720px; --wide:1040px;
}
*{box-sizing:border-box}
html{overflow-x:hidden}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.85 var(--sans)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--camel-d)}
img{max-width:100%;display:block}
[hidden]{display:none!important}

/* ---------- 刊頭 ---------- */
.sy-top{background:var(--green);color:#efe6d4;font-size:12.5px;letter-spacing:.08em}
.sy-top-in{max-width:var(--wide);margin:0 auto;padding:6px 24px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sy-top-tag{color:var(--camel-l)}
.sy-mast{position:relative;max-width:var(--wide);margin:0 auto;padding:38px 24px 26px;text-align:center}
.sy-mast-kicker{margin:0;font:italic 500 18px/1 var(--latin);letter-spacing:.18em;color:var(--camel-d)}
.sy-name{display:inline-block;margin:14px 0 8px;font:700 clamp(40px,6.4vw,72px)/1.15 var(--serif);letter-spacing:.22em;color:var(--green);padding-left:.22em}
.sy-name:hover{color:var(--green2)}
.sy-mast-sub{margin:0 auto;max-width:420px;display:flex;align-items:center;gap:14px;font:500 14px var(--serif);color:var(--muted);letter-spacing:.14em}
.sy-mast-sub::before,.sy-mast-sub::after{content:"";flex:1;height:1px;background:var(--camel)}
.sy-burger{display:none}
.sy-nav{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper)}
.sy-nav-in{max-width:var(--wide);margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 4px}
.sy-nav-in>a{position:relative;padding:12px 16px;font:500 15.5px var(--serif);letter-spacing:.14em;color:var(--green)}
.sy-nav-in>a::after{content:"";position:absolute;left:50%;right:50%;bottom:7px;height:1px;background:var(--camel);transition:left .2s,right .2s}
.sy-nav-in>a:hover::after,.sy-nav-in>a.on::after{left:16px;right:16px}
.sy-nav-in>a.on{color:var(--camel-d)}
.sy-nav-search{margin-left:10px}
.nv-search{display:flex;border:1px solid var(--rule);background:#fff;border-radius:2px;overflow:hidden}
.nv-search input{flex:1;min-width:0;width:170px;border:0;padding:7px 12px;font:inherit;font-size:14px;color:var(--ink);background:transparent;outline:none}
.nv-search button{border:0;background:var(--green);color:#fff;padding:0 14px;font:500 13.5px var(--sans);letter-spacing:.1em;cursor:pointer}
.nv-search button:hover{background:var(--camel-d)}

/* ---------- 單欄骨架 ---------- */
.sy-home{max-width:var(--col);margin:0 auto;padding:0 24px 30px}
.sy-sec{margin:56px 0 0}
.sy-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 22px;padding-bottom:10px;border-bottom:1px solid var(--ink)}
.sy-h span{font:700 24px/1.3 var(--serif);letter-spacing:.12em;color:var(--green)}
.sy-h i{font:italic 500 18px var(--latin);color:var(--camel-d);letter-spacing:.06em}
.sy-h-light{border-color:rgba(255,255,255,.5)}
.sy-h-light span{color:#fff}
.sy-h-light i{color:var(--camel-l)}

/* 本期評論 */
.sy-lead{padding:46px 0 0;text-align:center}
.sy-kicker{margin:0 0 14px;display:flex;justify-content:center;gap:12px;font:500 13px var(--sans);letter-spacing:.24em}
.sy-kicker span{color:#fff;background:var(--camel);padding:2px 12px}
.sy-kicker em{font-style:normal;color:var(--camel-d);padding:2px 0;border-bottom:1px solid var(--camel)}
.sy-lead-title{margin:0;font:700 clamp(27px,3.7vw,38px)/1.5 var(--serif);color:var(--green);letter-spacing:.03em}
.sy-lead-title a:hover{color:var(--camel-d)}
.sy-lead-dek{margin:18px auto 0;max-width:620px;font:400 17px/1.95 var(--serif);color:#4b443a}
.sy-byline{margin:16px 0 0;display:flex;justify-content:center;gap:18px;font-size:13px;color:var(--muted);letter-spacing:.06em}
.sy-byline span::before{content:"·";margin-right:18px;color:var(--camel)}
.sy-lead-fig{display:block;margin:30px 0 0 calc(50% - min(520px,50vw - 30px));width:min(1040px,100vw - 60px)}
.sy-lead-fig figure{margin:0;padding:10px;background:var(--paper);border:1px solid var(--rule)}
.sy-lead-fig img{width:100%;aspect-ratio:16/9;object-fit:cover}

/* 評論目次 */
.sy-toc ol{list-style:none;margin:0;padding:0}
.sy-toc li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1px solid var(--rule)}
.sy-toc li.has-img{grid-template-columns:54px minmax(0,1fr) 150px}
.sy-no{font:600 30px/1 var(--latin);color:var(--camel);text-align:right;padding-top:4px}
.sy-toc-cat{margin:0;font-size:12.5px;letter-spacing:.14em;color:var(--camel-d)}
.sy-toc h3{margin:4px 0 6px;font:700 20px/1.55 var(--serif);color:var(--ink)}
.sy-toc h3 a:hover{color:var(--green2)}
.sy-toc-ex{margin:0;font-size:14.5px;line-height:1.75;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sy-toc-fig img{width:150px;aspect-ratio:1/1;object-fit:cover;filter:saturate(.92)}
/* 新聞稿常拿品牌 logo 當圖：完整顯示、不裁切 */
.sy-toc-fig img[src*="logo" i],.nv-card-media img[src*="logo" i]{object-fit:contain;background:#fff;padding:12px;border:1px solid var(--rule)}

/* 本月免費展覽精選（深墨綠帶） */
.sy-exh{margin:60px calc(50% - 50vw) 0;background:var(--green);color:#f3ecdf}
.sy-exh-in{max-width:var(--col);margin:0 auto;padding:46px 24px 40px}
.sy-exh-lede{margin:-6px 0 18px;font:400 15.5px/1.9 var(--serif);color:#e6dccb}
.sy-exh-lede strong{color:var(--camel-l);font-weight:700}
.sy-exh-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:14px}
.sy-exh-tools label{display:flex;align-items:center;gap:10px}
.sy-exh-tools select{font:inherit;font-size:14px;padding:6px 10px;border:1px solid var(--camel);background:var(--green2);color:#fff;border-radius:2px;max-width:100%}
.sy-exh-count{color:var(--camel-l);font-size:13px}
.sy-exh-list{list-style:none;margin:0;padding:0}
.sy-exh-list>li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:20px 0;border-top:1px solid rgba(232,211,180,.28)}
.sy-exh-date{text-align:center;border-right:1px solid rgba(232,211,180,.35);padding-right:16px}
.sy-exh-date b{display:block;font:600 34px/1 var(--latin);color:#fff;font-variant-numeric:lining-nums}
.sy-exh-date span{display:block;margin-top:4px;font-size:12px;letter-spacing:.3em;color:var(--camel-l)}
.sy-exh-date em{display:inline-block;margin-top:8px;font-style:normal;font-size:12px;padding:1px 8px;border:1px solid var(--camel-l);color:var(--camel-l)}
.sy-exh-date em.soon{background:var(--camel);border-color:var(--camel);color:#fff}
.sy-exh-meta{margin:0;font-size:12.5px;letter-spacing:.08em;color:#cfc3ad}
.sy-exh-city{display:inline-block;margin-right:10px;padding:0 8px;background:var(--camel-xl);color:var(--green);font-weight:700}
.sy-exh-body h3{margin:6px 0 4px;font:700 18.5px/1.55 var(--serif);color:#fff}
.sy-exh-body h3 a:hover{color:var(--camel-l)}
.sy-exh-place{margin:0;font-size:14px;color:#e6dccb}
.sy-exh-place span{color:#bfb39d}
.sy-exh-desc{margin:6px 0 0;font-size:13.5px;line-height:1.75;color:#cfc3ad}
.sy-exh-links{margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px}
.sy-exh-links a{color:var(--camel-l);border-bottom:1px solid rgba(232,211,180,.5)}
.sy-exh-links a:hover{color:#fff;border-color:#fff}
.sy-exh-empty{padding:20px 0;color:var(--camel-l)}
.sy-btn{display:block;margin:18px auto 0;padding:9px 30px;font:500 14px var(--sans);letter-spacing:.16em;background:transparent;color:#fff;border:1px solid var(--camel-l);cursor:pointer}
.sy-btn:hover{background:var(--camel);border-color:var(--camel)}
.nv-govcredit{margin:16px 0 0;font-size:12px;line-height:1.6;color:var(--muted)}
.nv-govcredit a{text-decoration:underline;text-underline-offset:2px}
.sy-exh .nv-govcredit{color:#bfb39d;border-top:1px solid rgba(232,211,180,.28);padding-top:12px}

/* 最新選讀 */
.sy-newest ul{list-style:none;margin:0;padding:0}
.sy-newest li{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px dotted var(--camel-l)}
.sy-newest time{font-size:12.5px;color:var(--muted);white-space:nowrap}
.sy-newest li a{font:500 16.5px/1.6 var(--serif)}
.sy-tag{font-size:12px;color:var(--camel-d);white-space:nowrap}

/* 分欄選讀 */
.sy-shelf-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px}
.sy-shelf h3{margin:0 0 6px;padding-bottom:6px;border-bottom:2px solid var(--camel)}
.sy-shelf h3 a{display:flex;justify-content:space-between;align-items:baseline;font:700 18px var(--serif);color:var(--green);letter-spacing:.14em}
.sy-shelf h3 span{font:400 12.5px var(--sans);letter-spacing:.06em;color:var(--camel-d)}
.sy-shelf ul{list-style:none;margin:0;padding:0}
.sy-shelf li{padding:8px 0;border-bottom:1px solid var(--rule);font:500 15px/1.65 var(--serif)}

/* 附錄（側欄：分類廣告＋即時數據外掛） */
.sidebar.nv-side{min-width:0;max-width:700px}
.sidebar.nv-side>*+*{margin-top:22px}
.sidebar.nv-side h2,.sidebar.nv-side h3{font-family:var(--serif);color:var(--green)}
.sy-appendix .sidebar{padding:18px 20px;background:var(--paper);border:1px solid var(--rule)}

/* ---------- 內頁（單欄） ---------- */
.nv-wrap{max-width:var(--col);margin:0 auto;padding:30px 24px 40px}
.nv-layout{display:block}
.nv-layout>.nv-side{margin-top:48px;padding:18px 20px;background:var(--paper);border:1px solid var(--rule);border-top:3px solid var(--camel)}
.nv-crumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.nv-crumb a{color:var(--camel-d)}
.nv-crumb .sep{margin:0 8px;color:var(--camel-l)}
.nv-article-head{text-align:center;padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--rule)}
.nv-article-cat{display:inline-block;font-size:13px;letter-spacing:.24em;color:#fff;background:var(--camel);padding:2px 12px}
.nv-article-title{margin:14px 0 12px;font:700 clamp(25px,3.4vw,34px)/1.5 var(--serif);color:var(--green)}
.nv-article-meta{display:flex;justify-content:center;gap:16px;font-size:13px;color:var(--muted)}
.nv-site{color:var(--camel-d)}
.nv-article-body{font:400 17.5px/2.05 var(--serif);color:#2f2a23;overflow-wrap:anywhere}
.nv-article-body p{margin:0 0 1.3em}
.nv-article-body img{height:auto;margin:1.2em auto}
.nv-article-body figure{margin:1.4em 0;max-width:100%}
.nv-article-body figcaption{font:13px/1.6 var(--sans);color:var(--muted);text-align:center}
.nv-article-body a{color:var(--camel-d);text-decoration:underline;text-underline-offset:3px}
.nv-article-body h2,.nv-article-body h3{color:var(--green);line-height:1.5}
.nv-article-body blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:2px solid var(--camel);color:#4b443a;font-style:normal}
.nv-article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:15px}
.nv-article-body td,.nv-article-body th{border:1px solid var(--rule);padding:6px 10px}
.nv-article-body iframe,.nv-article-body video{max-width:100%}
.nv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}
.nv-tags a{font-size:13px;padding:2px 10px;border:1px solid var(--camel-l);color:var(--camel-d)}
.nv-sec-title{margin:40px 0 18px;padding-bottom:8px;border-bottom:1px solid var(--ink);font:700 21px var(--serif);letter-spacing:.12em;color:var(--green)}
.nv-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.nv-card{min-width:0}
.nv-card-media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.nv-card-body{padding-top:8px}
.nv-card-cat{font-size:12px;letter-spacing:.14em;color:var(--camel-d)}
.nv-card-title{margin:2px 0 4px;font:700 16.5px/1.6 var(--serif)}
.nv-card-excerpt{margin:0;font-size:14px;line-height:1.75;color:var(--muted)}
.nv-card-time{font-size:12px;color:var(--muted)}
.nv-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px;padding-top:16px;border-top:1px solid var(--rule);font:500 15px/1.6 var(--serif)}
.nv-prevnext .next{text-align:right}
.nv-prevnext a{color:var(--green)}
.nv-page-head{text-align:center;margin-bottom:22px}
.nv-page-title{margin:0;font:700 32px/1.4 var(--serif);color:var(--green);letter-spacing:.14em}
.nv-page-title::after{content:"";display:block;width:56px;height:1px;margin:14px auto 0;background:var(--camel)}
.nv-page-desc{color:var(--muted)}
.nv-list .nv-list-item{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:22px;padding:22px 0;border-bottom:1px solid var(--rule)}
.nv-list .nv-list-item .nv-card-media{order:2}
.nv-list .nv-list-item .nv-card-media img{aspect-ratio:4/3}
.nv-list .nv-list-item .nv-card-body{padding:0}
.nv-list .nv-list-item:not(:has(.nv-card-media)){grid-template-columns:1fr}
.nv-list .nv-card-title{font-size:19px}
.nv-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:30px 0 0}
.nv-pagination .page-numbers{min-width:38px;padding:6px 12px;text-align:center;border:1px solid var(--rule);background:var(--paper);font-size:14px}
.nv-pagination .current{background:var(--green);color:#fff;border-color:var(--green)}
.nv-empty{text-align:center;color:var(--muted)}
.nv-404{text-align:center}
.nv-404 .nv-search{max-width:420px;margin:14px auto}
.nv-404 .nv-related-grid{text-align:left}

/* ---------- 頁尾 ---------- */
.sy-foot{margin-top:60px;background:var(--green);color:#e6dccb;text-align:center}
.sy-foot-in{max-width:var(--wide);margin:0 auto;padding:40px 24px 26px}
.sy-foot-name{font:700 28px var(--serif);letter-spacing:.24em;color:#fff}
.sy-foot-tag{margin:6px 0 18px;font-size:13px;letter-spacing:.16em;color:var(--camel-l)}
.sy-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 22px;padding:14px 0;border-top:1px solid rgba(232,211,180,.3);border-bottom:1px solid rgba(232,211,180,.3);font:500 14.5px var(--serif)}
.sy-foot-nav a:hover,.sy-copy a:hover{color:var(--camel-l)}
.sy-copy{margin:16px 0 0;font-size:12.5px;color:#bfb39d}

/* ---------- 手機 ---------- */
@media (max-width:760px){
	.sy-mast{padding:26px 16px 18px}
	.sy-name{letter-spacing:.12em;padding-left:.12em}
	.sy-burger{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:7px 16px;font:500 14px var(--sans);letter-spacing:.16em;color:var(--green);background:transparent;border:1px solid var(--green);cursor:pointer}
	.sy-burger span{width:14px;height:1px;background:currentColor;box-shadow:0 -4px 0 currentColor,0 4px 0 currentColor}
	.sy-nav{display:none}
	.sy-nav.is-open{display:block}
	.sy-nav-in{flex-direction:column;align-items:stretch;padding:6px 16px 14px}
	.sy-nav-in>a{padding:10px 4px;border-bottom:1px solid var(--rule);text-align:center}
	.sy-nav-in>a::after{display:none}
	.sy-nav-search{margin:12px 0 0}
	.sy-home,.nv-wrap{padding-left:16px;padding-right:16px}
	.sy-lead-fig{margin-left:0;width:100%}
	.sy-lead-fig figure{padding:6px}
	.sy-exh-in{padding-left:16px;padding-right:16px}
	.sy-toc li,.sy-toc li.has-img{grid-template-columns:36px minmax(0,1fr) 92px;gap:12px}
	.sy-toc li:not(.has-img){grid-template-columns:36px minmax(0,1fr)}
	.sy-no{font-size:22px}
	.sy-toc h3{font-size:17px}
	.sy-toc-fig img{width:92px}
	.sy-toc-ex{display:none}
	.sy-exh-list>li{grid-template-columns:72px minmax(0,1fr);gap:14px}
	.sy-exh-date{padding-right:10px}
	.sy-exh-date b{font-size:26px}
	.sy-exh-date em{font-size:11px;padding:1px 4px}
	.sy-newest li{grid-template-columns:minmax(0,1fr);gap:2px}
	.sy-newest li .sy-tag{display:none}
	.sy-shelf-grid,.nv-related-grid{grid-template-columns:1fr}
	.nv-list .nv-list-item{grid-template-columns:minmax(0,1fr) 104px;gap:14px}
	.nv-list .nv-card-excerpt{display:none}
	.nv-list .nv-card-title{font-size:16.5px}
	.nv-prevnext{grid-template-columns:1fr}
	.nv-prevnext .next{text-align:left}
	.nv-article-body{font-size:17px}
}