/* 配色從這裡修改。預設為松綠、香檳金與奶油白。 */
:root{--pine:#172b32;--pine-soft:#25434a;--gold:#c49a62;--gold-light:#ead5ae;--cream:#f8f5ed;--paper:#fffcf6;--ink:#26343a;--muted:#69757a;--line:#e5dfd3;--berry:#8e5154;--shadow:0 16px 44px rgba(23,43,50,.12)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:10px;background:#fff;padding:10px;z-index:100}.skip-link:focus{top:10px}
.container{width:min(100% - 64px,1260px);margin:auto}.section{padding:112px 0}.section-label{margin:0 0 28px;letter-spacing:.23em;font-size:11px;font-weight:700;color:#a77b4d}.section h2{font-family:Georgia,"Noto Serif TC",serif;font-weight:500;letter-spacing:.025em;font-size:clamp(29px,3.6vw,46px);line-height:1.5;margin:0}
.site-header{background:rgba(23,43,50,.97);color:var(--cream);height:76px;position:relative;z-index:10}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-family:Georgia,serif;font-size:18px;letter-spacing:.15em;line-height:1.15;font-weight:bold}.brand-icon{font-size:31px;color:var(--gold-light)}.brand small{display:block;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.3em;font-weight:normal;margin-top:5px;color:#e6cfab}.site-header nav{display:flex;gap:35px;font-size:12px;letter-spacing:.09em}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--gold-light)}
.hero{background:var(--pine);color:var(--cream);overflow:hidden;position:relative}.hero-grid{min-height:620px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding-top:30px;padding-bottom:45px;position:relative;z-index:1}.hero-copy{padding:18px 0 30px}.eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:.25em;font-size:11px;color:var(--gold-light);margin:0 0 50px}.eyebrow .line{height:1px;width:32px;background:var(--gold-light)}.hero-kicker{font-family:Georgia,serif;font-size:12px;letter-spacing:.2em;color:#afbfc0;margin:0 0 18px}.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(35px,4.5vw,64px);font-weight:400;line-height:1.55;letter-spacing:.055em;margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--gold-light)}.hero-intro{font-size:14px;line-height:2.2;color:#d1dbd8;max-width:430px;margin:0 0 34px}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:54px;background:var(--gold-light);color:var(--pine);font-size:12px;letter-spacing:.13em;padding:12px 23px;transition:background .2s,transform .2s}.hero-cta:hover{background:#f5e2bb;transform:translateY(-2px)}.hero-cta span{font-size:18px}
.hero-art{width:min(100%,500px);aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center}.orbit{border:1px solid rgba(225,205,163,.18);border-radius:50%;position:absolute;inset:6%}.orbit-inner{inset:20%;border-color:rgba(225,205,163,.21)}.glow{position:absolute;width:60%;height:60%;border-radius:50%;background:radial-gradient(circle,rgba(208,169,103,.16),transparent 70%)}.ornament{position:absolute;border-radius:50%;background:linear-gradient(140deg,#f0d9af,#bd8850 57%,#76553d);box-shadow:inset -10px -17px 25px rgba(56,28,20,.2),0 10px 35px rgba(0,0,0,.2)}.ornament::before{content:"";position:absolute;border-radius:4px 4px 0 0;width:20%;height:11%;left:40%;top:-8%;border:2px solid #d7b98f;border-bottom:0}.ornament-1{width:38%;aspect-ratio:1;left:13%;top:14%}.ornament-2{width:23%;aspect-ratio:1;right:9%;top:27%;background:linear-gradient(145deg,#c38581,#82484b)}.ornament-3{width:14%;aspect-ratio:1;right:25%;bottom:15%;background:linear-gradient(145deg,#debd91,#7e8b80)}.hero-art-text{z-index:2;text-align:center;color:#fbecd0;text-shadow:0 2px 20px rgba(0,0,0,.35);transform:translateY(18px)}.hero-art-text>span{display:block;font-size:clamp(65px,10vw,132px);font-family:Georgia,serif;line-height:1;letter-spacing:.02em}.hero-art-text small{display:block;letter-spacing:.4em;font:11px/1.8 Georgia,serif;margin-top:20px}.hero-star{position:absolute;color:#eddaa9;font-size:32px}.star-1{left:12%;bottom:19%}.star-2{right:24%;top:8%;font-size:19px}.star-3{right:4%;bottom:22%;font-size:14px}.hero-spark{position:absolute;color:#b1a480;font-size:24px;opacity:.7}.hero-spark-a{left:2%;top:12%}.hero-spark-b{right:5%;bottom:22%}.hero-bottom{border-top:1px solid rgba(245,225,190,.13);color:#a9bcb9;font-size:10px;letter-spacing:.24em}.hero-bottom .container{display:flex;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-right{padding-top:54px}.about-right>p{font-size:15px;line-height:2.3;color:#59676a;max-width:560px;margin:0}.stat-row{display:flex;gap:60px;margin-top:42px;padding-top:29px;border-top:1px solid var(--line)}.stat-row div{display:flex;flex-direction:column}.stat-row strong{font:38px/1.2 Georgia,serif;color:var(--pine)}.stat-row span{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:10px}
.gallery-section{background:var(--cream)}.gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}.gallery-heading h2 span{font-size:28px;color:var(--gold);vertical-align:top}.gallery-heading p{margin:14px 0 0;color:var(--muted);font-size:13px}.rule{width:100px;height:1px;background:var(--gold);margin-bottom:15px}.sample-note{padding:15px 20px;margin-top:35px;background:#f0e5cb;border-left:3px solid #ba8b49;font-size:12px;line-height:1.8;color:#6d522f}.sample-note span{margin-right:6px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:42px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{border:1px solid #d9d0c0;background:transparent;color:#536266;padding:8px 17px;font-size:12px;letter-spacing:.06em;transition:all .2s}.filter-btn[aria-pressed="true"],.filter-btn:hover{background:var(--pine);border-color:var(--pine);color:#fff}.search-box{display:flex;align-items:center;gap:9px;border:1px solid #d9d0c0;padding:8px 12px;background:#fff;min-width:245px;color:#677779}.search-box input{border:0;outline:none;background:transparent;width:100%;min-width:0;font-size:12px;color:var(--ink)}.search-box input:focus-visible{outline:none}.search-box:focus-within{outline:2px solid var(--gold);outline-offset:2px}.result-count{font-size:11px;letter-spacing:.08em;color:var(--muted);margin:21px 0}
.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 19px}.art-card{min-width:0}.art-open{display:block;width:100%;text-align:left;border:0;padding:0;background:transparent;color:inherit}.art-thumb{width:100%;aspect-ratio:4/5;display:block;position:relative;overflow:hidden;background:#e4dfd3;border:1px solid #ded6c7}.art-thumb img{width:100%;height:100%;object-fit:contain;display:block;background:#fdfcf9;transition:transform .35s ease}.art-open:hover .art-thumb img{transform:scale(1.035)}.placeholder{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;color:#f6e9d1;background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.22),transparent 45%),linear-gradient(140deg,#617577,#1a3640);position:relative;overflow:hidden}.placeholder::before,.placeholder::after{content:"";position:absolute;inset:10%;border:1px solid rgba(255,238,207,.3);transform:rotate(24deg)}.placeholder::after{inset:25%;transform:rotate(58deg);border-radius:50%}.placeholder.p1{background:linear-gradient(135deg,#8d5b60,#d0aba0)}.placeholder.p2{background:linear-gradient(135deg,#5c776e,#c0bfa0)}.placeholder.p3{background:linear-gradient(135deg,#8d7b61,#d6bf9a)}.placeholder .placeholder-symbol{z-index:1;font:clamp(50px,7vw,90px)/1 Georgia,serif}.placeholder .placeholder-number{z-index:1;letter-spacing:.28em;font:11px Georgia,serif}.art-thumb::after{content:"↗";position:absolute;right:10px;bottom:10px;background:#fffefaee;color:var(--pine);height:30px;width:30px;display:grid;place-items:center;font-size:16px;opacity:0;transform:translateY(5px);transition:.2s}.art-open:hover .art-thumb::after,.art-open:focus-visible .art-thumb::after{opacity:1;transform:translateY(0)}.art-meta{padding:13px 1px 0}.art-order{color:#a27f57;letter-spacing:.1em;font:11px Georgia,serif}.art-title{font-size:14px;line-height:1.5;display:block;font-weight:700;margin:4px 0 1px;overflow-wrap:anywhere}.art-author{color:var(--muted);font-size:12px;display:block;overflow-wrap:anywhere}.art-type{display:inline-block;font-size:10px;border:1px solid #ded5c5;color:#877357;padding:0 6px;margin-top:8px}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state>div{font-size:48px;color:var(--gold)}.empty-state h3{color:var(--ink);font-size:19px}.empty-state button{border:1px solid var(--pine);color:var(--pine);background:transparent;padding:9px 15px}
.thanks-section{background:#253b43;color:#f5f1e9;text-align:center}.thanks-inner{max-width:700px}.thanks-symbol{font-size:51px;line-height:1;color:var(--gold-light);margin-bottom:32px}.thanks-section .section-label{color:#cfb58b}.thanks-section h2{color:var(--gold-light)}.thanks-section p:not(.section-label){color:#d2dcd8;line-height:2.25;font-size:14px;margin:25px auto 28px}.text-link{display:inline-block;color:var(--gold-light);padding-bottom:7px;border-bottom:1px solid var(--gold-light);font-size:13px}.site-footer{background:var(--pine);color:#aec1bb}.footer-inner{min-height:90px;display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;font-size:10px;letter-spacing:.07em;padding-top:20px;padding-bottom:20px}.site-footer a:hover{color:#fff}
.art-dialog{position:fixed;inset:0;max-height:min(94dvh,960px);height:min(94dvh,960px);width:min(96vw,1180px);max-width:1180px;padding:0;margin:auto;border:0;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0005;overflow:hidden}.art-dialog::backdrop{background:rgba(11,23,28,.82);backdrop-filter:blur(4px)}.dialog-layout{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 320px}.dialog-image-area{background:#e2e1dc;min-width:0;position:relative;overflow:auto;overscroll-behavior:contain}.dialog-image-area img{display:block;width:auto;max-width:100%;height:auto;margin:auto;min-height:1px}.dialog-image-area .placeholder{min-height:100%;height:100%}.dialog-image-area img[src=""]{display:none}.dialog-close{position:sticky;top:12px;left:calc(100% - 52px);z-index:2;background:#fffcf4;color:#18303a;border:0;width:37px;height:37px;display:grid;place-items:center;margin:12px 12px -49px auto;font-size:16px;box-shadow:0 3px 13px #0003}.dialog-info{padding:35px 25px 23px;display:flex;flex-direction:column;justify-content:space-between;gap:25px;overflow:auto}.dialog-eyebrow{font:12px Georgia,serif;letter-spacing:.12em;color:var(--gold);margin:0 0 15px}.dialog-info h2{font-size:25px;font-weight:600;line-height:1.5;margin:0 0 9px;overflow-wrap:anywhere}.dialog-artist{font-size:13px;color:var(--muted);margin:0}.dialog-divider{height:1px;background:var(--line);margin:30px 0}.dialog-info #dialog-note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:2;color:#5e6b6b;margin:0}.dialog-links{margin-top:25px;display:grid;gap:10px}.dialog-links a{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border:1px solid #c7bbab;font-size:12px;transition:background .2s}.dialog-links a:first-child{background:var(--pine);color:#fff;border-color:var(--pine)}.dialog-links a:hover{background:#dfd4c0;color:var(--pine)}.dialog-navigation{display:flex;justify-content:space-between;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:18px;font-size:11px}.dialog-navigation button{border:0;background:transparent;padding:5px;color:var(--pine);font-size:11px}.dialog-navigation button:disabled{opacity:.25;cursor:not-allowed}.dialog-navigation span{color:var(--muted);font:12px Georgia,serif}
@media(max-width:1080px){.art-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{min-height:560px}.about-grid{gap:55px}.dialog-layout{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:760px){.container{width:min(100% - 36px,640px)}.section{padding:74px 0}.site-header{height:68px}.brand{font-size:15px}.brand-icon{font-size:25px}.site-header nav{gap:14px;font-size:11px}.site-header nav a:first-child{display:none}.hero-grid{grid-template-columns:1fr;gap:0;min-height:0;padding-top:60px}.hero-copy{padding:0}.hero h1{font-size:clamp(34px,7vw,48px)}.eyebrow{margin-bottom:28px}.hero-intro{margin-bottom:25px}.hero-art{width:min(85%,350px);margin:-5px auto 0}.hero-bottom{font-size:9px}.about-grid{grid-template-columns:1fr;gap:16px}.about-right{padding-top:0}.stat-row{gap:38px}.gallery-heading{align-items:start}.rule{display:none}.toolbar{margin-top:30px}.search-box{width:100%}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.art-title{font-size:13px}.art-author{font-size:11px}.art-meta{padding-top:9px}.footer-inner{justify-content:center;text-align:center}.art-dialog{width:96vw;height:96dvh;max-height:96dvh}.dialog-layout{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.dialog-info{padding:15px 20px;max-height:32dvh;gap:12px}.dialog-info-inner{overflow:auto}.dialog-divider{margin:12px 0}.dialog-info h2{font-size:18px}.dialog-eyebrow{margin-bottom:5px}.dialog-links{margin-top:9px;display:flex;flex-wrap:wrap}.dialog-links a{padding:6px 10px}.dialog-navigation{padding-top:8px}.dialog-image-area img{max-width:100%}.dialog-image-area .placeholder{min-height:300px}.dialog-close{left:calc(100% - 48px)}}
@media(max-width:400px){.hero-kicker{font-size:10px}.hero h1{font-size:32px}.stat-row{gap:24px}.stat-row strong{font-size:30px}.site-header nav{gap:9px;font-size:10px}.brand small{letter-spacing:.14em}.filter-btn{padding:7px 11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* ────────────────────────────────────────
   三主題展覽擴充：插畫漫畫 / 文章 / Cosplay
   ──────────────────────────────────────── */
.filter-btn{white-space:nowrap}
.art-thumb{isolation:isolate}
.category-pill,.pages-pill{position:absolute;z-index:1;left:10px;top:10px;border-radius:2px;padding:4px 9px;background:rgba(21,39,45,.88);color:#fffaf0;font-size:10px;letter-spacing:.08em;line-height:1.5}
.pages-pill{left:auto;right:10px;background:#fff9ef;color:#2a3d43;font-weight:700}
.story-snippet{position:absolute;inset:auto 12% 11% 12%;z-index:1;max-height:39%;overflow:hidden;color:#384b4f;font-family:"Noto Serif TC",Georgia,serif;font-size:12px;line-height:2.15;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;white-space:pre-line}
.art-card.category-text .art-thumb{background:#e7dac4}
.text-placeholder{background:linear-gradient(145deg,#f2e8d5,#d2c5ac);color:#5e655c;justify-content:flex-start;padding-top:19%;text-align:center}
.text-placeholder .placeholder-symbol{font-size:40px;margin-bottom:4px}
.text-placeholder .placeholder-category{letter-spacing:.21em;font-size:10px;color:#677477}
.art-card.category-cos .art-thumb{background:#dbded8}
.dialog-stage{min-height:0;position:relative;overscroll-behavior:contain}
.dialog-content{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.dialog-content .detail-photo{display:block;width:auto;max-width:100%;height:auto;min-height:1px;margin:auto;object-fit:contain}
.dialog-content .placeholder{min-height:410px}
.dialog-type{font-size:12px;font-weight:700;color:#9d7b56;letter-spacing:.08em;margin:7px 0 0}
.dialog-credits{white-space:pre-wrap;color:#677477;font-size:12px;line-height:1.8;margin:9px 0 0;overflow-wrap:anywhere}
.photo-controls{position:sticky;z-index:2;bottom:16px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(19,36,41,.88);border-radius:40px;color:#fff;width:max-content;padding:4px 9px;box-shadow:0 9px 20px #0004;backdrop-filter:blur(9px)}
.photo-controls button{border:0;background:transparent;color:#fff;cursor:pointer;min-width:37px;min-height:37px;font-size:18px}
.photo-controls button:disabled{opacity:.25;cursor:default}
.photo-controls span{font:12px Georgia,serif;min-width:42px;text-align:center}
.reading-mode{background:#f9f6ef}
.reading-mode .dialog-content{min-height:100%;display:block}
.article-reader{padding:clamp(55px,7vw,100px) clamp(28px,6vw,75px) 88px;width:100%;max-width:800px;margin:auto;color:#283839}
.article-kicker{font:12px Georgia,serif;letter-spacing:.15em;color:#af8d5d;margin:0 0 21px}
.article-heading{font-family:"Noto Serif TC",serif;font-size:clamp(26px,2.6vw,38px);line-height:1.6;margin:0;font-weight:600;overflow-wrap:anywhere}
.article-byline{font-size:12px;letter-spacing:.12em;color:#7a8480;padding-bottom:25px;margin:22px 0 33px;border-bottom:1px solid #d9d3c9}
.article-body{font-family:"Noto Serif TC",Georgia,serif;font-size:17px;line-height:2.25;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}
.article-illustrations{display:grid;gap:23px;margin-top:45px}
.article-illustrations img{display:block;width:100%;height:auto;max-width:100%}
.article-finale{text-align:center;font-size:12px;letter-spacing:.14em;color:#a18a67;padding-top:70px}
.image-error{padding:70px 25px;color:#5b6870;text-align:center}
@media(max-width:760px){
  .toolbar{align-items:stretch;flex-direction:column}
  .filters{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:3px 2px 7px;scrollbar-width:thin}
  .filter-btn{flex-shrink:0}
  .category-pill,.pages-pill{font-size:9px;padding:3px 7px;left:7px;top:7px}
  .pages-pill{left:auto;right:7px}
  .story-snippet{font-size:10px;line-height:1.85;inset:auto 9% 7% 9%;-webkit-line-clamp:4}
  .text-placeholder .placeholder-category{font-size:8px}
  .art-dialog.reading-dialog .dialog-layout{grid-template-rows:minmax(0,1fr) auto}
  .article-reader{padding:62px 27px 70px}
  .article-body{font-size:16px;line-height:2.15}
  .dialog-info{max-height:34dvh}
  .dialog-credits{font-size:11px}
  .photo-controls{bottom:9px;margin-bottom:9px}
}


/* ── V3：作者與 SNS 優先，僅文章顯示作品標題；連結低調呈現 ── */
.art-meta{display:block;padding-top:11px}
.art-order{display:block;margin-bottom:4px}
.art-author{display:block;color:var(--ink);font-size:16px;line-height:1.55;font-weight:700;letter-spacing:.012em;overflow-wrap:anywhere}
.art-title{color:#37494d;font-size:13px;line-height:1.65;font-weight:500;margin:4px 0 6px}
.art-card-links{min-height:26px;padding:1px 1px 0;display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.art-sns{display:inline-block;color:#69777a;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
a.art-sns:hover,a.art-sns:focus-visible{color:var(--pine);text-decoration:underline;text-decoration-color:#bd9b71;text-underline-offset:3px}
.art-post-link{margin-left:auto;font-size:10px;line-height:1.7;letter-spacing:.02em;color:#837c70;white-space:nowrap;border-bottom:1px solid transparent}
.art-post-link:hover,.art-post-link:focus-visible{color:#4c5e5f;border-color:#a59b8b}
.dialog-info .dialog-artist{font-size:clamp(20px,2vw,25px);font-weight:700;line-height:1.5;color:var(--ink);margin:0 0 4px;overflow-wrap:anywhere}
.dialog-info h2{font-family:"Noto Serif TC",serif;font-size:18px;font-weight:500;line-height:1.6;color:#57686b;margin:0 0 14px}
.dialog-sns{font-size:13px;line-height:1.8;color:#718084;margin:0}
.dialog-sns a:hover{color:#263e45;text-decoration:underline;text-underline-offset:4px}
.dialog-info .dialog-divider{margin:26px 0 18px}
.dialog-links{margin:0;display:flex;gap:12px;flex-wrap:wrap}
.dialog-links a,.dialog-links a:first-child{display:inline-flex;justify-content:flex-start;padding:6px 0;background:transparent;color:#758180;border:0;border-bottom:1px solid #c7c8bf;font-size:11px;line-height:1.6;letter-spacing:.02em;transition:color .2s,border-color .2s}
.dialog-links a:hover,.dialog-links a:first-child:hover{background:transparent;color:var(--pine);border-color:var(--gold)}
@media(max-width:760px){
 .art-author{font-size:14px}
 .art-title{font-size:12px}
 .art-sns{font-size:11px}
 .art-post-link{font-size:10px}
 .art-card-links{gap:3px 7px}
 .dialog-info .dialog-artist{font-size:20px}
 .dialog-info h2{font-size:16px}
 .dialog-info .dialog-divider{margin:12px 0}
 .dialog-links{margin-top:0}
}