@charset "UTF-8";
:root{--bg:#0b0a0a;--panel:#141211;--gold:#c9a773;--gold-light:#e6d1a6;--muted:#a49c90;--text:#eee7dc;--line:#b7965e35;--rose:#c78b9d;--member-color:#ca8097;--member-color-2:#ca8097;color-scheme:dark;font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;font-size:15px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);line-height:1.85}body:has(dialog[open]){overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold-light);outline-offset:5px}img{display:block;max-width:100%}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Noto Serif TC","PMingLiU","Songti TC",serif;font-weight:500;line-height:1.5}em{font-style:normal;color:var(--gold)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:var(--gold-light);color:#14110d;padding:12px;z-index:200}.skip-link:focus{top:15px}.site-header{height:88px;position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#0a0908ef;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:17px;font-size:13px;letter-spacing:2px;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:2px}.brand-monogram{font-family:Georgia,serif;font-size:34px;font-weight:bold;letter-spacing:-3px;position:relative;color:var(--gold-light)}.brand-monogram>span{font-size:12px;position:absolute;top:-6px;left:26px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;letter-spacing:1px}.site-header nav a{transition:color .2s;position:relative}.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--gold-light)}.site-header nav a[aria-current]:after{content:"";position:absolute;bottom:-12px;left:50%;width:3px;height:3px;background:var(--gold);border-radius:50%}.nav-join{border:1px solid #9f804c88;padding:9px 15px}.nav-join span{margin-left:8px}.menu-toggle{display:none}.hero{min-height:900px;height:100svh;max-height:1200px;position:relative;overflow:hidden;padding-top:88px;background:#10100f}.hero-location{position:absolute;left:4.5%;right:4.5%;top:115px;font-size:10px;letter-spacing:2px;display:flex;gap:10px;align-items:center;color:var(--muted);z-index:2}.hero-location>span:last-child{margin-left:auto;font-family:Georgia,serif}.status-dot{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #d7ad6d}.gate-scene{position:absolute;inset:160px 7% 88px;perspective:1400px;border:1px solid #90714570;box-shadow:0 0 0 9px #080808,0 0 0 10px #bda16a50,0 0 0 22px #171511,0 0 0 23px #a9874240,0 0 100px #000,inset 0 0 100px #000}.gate-frame{position:absolute;inset:0;display:flex;transform-style:preserve-3d}.gate-leaf{width:50%;height:100%;position:relative;background:repeating-linear-gradient(0deg,#fff0 0px,#ffffff03 1px,#0000 2px,#0000 4px),linear-gradient(95deg,#090a09,#282620 8%,#141513 18%,#20211d 50%,#0d0f0e 84%,#373025 96%,#11110f);border:1px solid #9b7b4870;box-shadow:inset 0 0 0 6px #0c0d0b,inset 0 0 0 7px #7a653944,inset 0 0 80px #000;transition:transform 1.8s cubic-bezier(.66,0,.2,1);backface-visibility:hidden}.gate-left{transform-origin:0 50%}.gate-right{transform-origin:100% 50%;background-position:right}.gate-panel{position:absolute;inset:27px 32px;border:1px solid #b1925b55;box-shadow:inset 0 0 0 3px #080909,inset 0 0 0 4px #70603d55,inset 0 0 40px #000}.gate-panel:before,.gate-panel:after{content:"✧";color:#937744;position:absolute;font-size:32px;left:calc(50% - 14px)}.gate-panel:before{top:6px}.gate-panel:after{bottom:6px}.gate-handle{position:absolute;top:45%;height:90px;width:9px;border-radius:5px;background:linear-gradient(90deg,#352a17,#d3b77b,#574222);box-shadow:3px 3px 10px #000}.gate-left .gate-handle{right:21px}.gate-right .gate-handle{left:21px}.gate-light{position:absolute;top:20%;height:45%;width:2px;background:#e7c484;box-shadow:0 0 15px 4px #ac7e4040,0 0 50px 12px #be803820;pointer-events:none}.light-left{left:-33px}.light-right{right:-33px}.floor-lines{position:absolute;left:-20%;right:-20%;height:120px;bottom:-120px;transform:rotateX(60deg);transform-origin:top;background:repeating-linear-gradient(90deg,#0000 0,#0000 19.8%,#a0875430 20%),linear-gradient(#9d7e3420,#0000)}.tunnel{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#c796433b 0,#16110b 15%,#050606 55%)}.tunnel i{position:absolute;border:2px solid #b7995770;box-shadow:0 0 12px #a97b2c40,inset 0 0 20px #000;inset:8% 10%}.tunnel i:nth-child(2){inset:17% 21%}.tunnel i:nth-child(3){inset:25% 31%}.tunnel i:nth-child(4){inset:33% 40%}.tunnel-end{position:absolute;inset:43% 0;text-align:center;color:var(--gold);font-size:40px;text-shadow:0 0 30px #e8bc70}.hero-copy{position:relative;z-index:2;width:fit-content;margin:auto;padding:45px 25px 30px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .6s,transform .8s}.logo-seal{height:210px;width:210px;position:relative;margin-bottom:10px}.logo-seal img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 16px #000)}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);margin-bottom:17px}.hero h1{font-size:clamp(40px,4.1vw,65px);letter-spacing:8px;line-height:1.5;text-shadow:0 3px 25px #000}.hero h1 em{background:linear-gradient(120deg,#e3c691,#a67a4a,#e1c48c);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-subtitle{font-size:13px;color:#c5bcad;letter-spacing:2px;margin:17px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:35px;min-height:50px;padding:13px 28px;font-size:13px;letter-spacing:2px;transition:background .2s,box-shadow .2s,transform .2s;border:1px solid var(--gold)}.button:hover{transform:translateY(-2px)}.button-gold{color:#17120c;background:linear-gradient(110deg,#deca9f,#b6935a);box-shadow:0 3px 25px #0004}.button-gold:hover{background:var(--gold-light);box-shadow:0 0 25px #c6a16325}.button-outline{color:var(--gold-light);background:#100e0c}.entry-note{font-size:10px;color:#9a8e7b;margin-top:14px;letter-spacing:2px}.hero-bottom{position:absolute;bottom:22px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:2px}.hero-bottom a{color:var(--gold-light)}.hero-bottom a span{padding-left:12px}.hero.is-open .gate-left{transform:rotateY(-102deg)}.hero.is-open .gate-right{transform:rotateY(102deg)}.hero.is-open .hero-copy{opacity:0;transform:translateZ(0) scale(.96);pointer-events:none}.section{padding:70px max(5%,calc((100vw - 1320px)/2));position:relative;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-bottom:70px;gap:20px}.section-index{font-family:Georgia,serif;color:var(--gold);font-size:18px;letter-spacing:2px;white-space:nowrap}.section-index span{font-family:"Microsoft JhengHei",sans-serif;font-size:11px;letter-spacing:3px;margin-left:10px}.small-note{font-size:11px;letter-spacing:1px;color:var(--muted)}.about{padding-top:80px;padding-bottom:100px;background:radial-gradient(ellipse at 10% 75%,#5c392718,transparent 50%)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.about h2{font-size:clamp(36px,4vw,58px);letter-spacing:5px;line-height:1.7}.about h2 em{color:var(--rose)}.about-art{max-width:390px;aspect-ratio:1;margin-top:40px;background:radial-gradient(#271e17,#0b0a09 70%);position:relative;padding:15px;border:1px solid var(--line)}.about-art:before{content:"";position:absolute;inset:8px;border:1px solid #b7985e22}.about-art img{height:100%;width:100%;object-fit:contain}.art-corner{position:absolute;width:25px;height:25px;border-color:var(--gold);border-style:solid}.corner-a{top:-1px;left:-1px;border-width:1px 0 0 1px}.corner-b{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.about-caption{font-size:10px;color:var(--muted);letter-spacing:2px;margin-top:20px}.about-text{padding-top:16px}.about-text h3{font-size:27px;letter-spacing:2px;margin-bottom:25px}.about-text>p:not(.eyebrow){color:#bdb6ab;font-size:13px;line-height:2.2;margin-bottom:22px}.about-text .about-principle{font-family:"PMingLiU",serif;font-size:21px!important;color:var(--gold-light)!important;border-left:2px solid var(--gold);padding:6px 0 6px 22px;margin:32px 0!important}.text-link{display:inline-flex;align-items:center;gap:30px;color:var(--gold);font-size:12px;letter-spacing:2px;padding:12px 0;border-bottom:1px solid #af8b5355}.center-heading{text-align:center;position:relative;margin-bottom:45px}.ornament{display:block;font-size:24px;color:var(--gold);margin-bottom:20px}.center-heading h2{font-size:clamp(30px,3vw,46px);letter-spacing:4px}.center-heading p:not(.eyebrow){color:var(--muted);font-size:12px;letter-spacing:2px;margin-top:15px}.members-section{isolation:isolate;overflow:hidden;padding-bottom:90px;background:#0d0b0d;--member-color:#ca8097;--member-color-2:#ca8097}.member-ambient{position:absolute;z-index:-1;inset:10% -20% -5%;opacity:.19;background:radial-gradient(ellipse at 40% 65%,var(--member-color),transparent 42%),radial-gradient(ellipse at 70% 65%,var(--member-color-2),transparent 45%);filter:blur(70px);transition:background .5s}.member-carousel{position:relative}.carousel-stage{height:590px;position:relative;max-width:990px;margin:auto;perspective:1500px;touch-action:pan-y;user-select:none}.member-card{position:absolute;left:50%;top:10px;width:350px;height:540px;transform:translateX(-50%);transition:transform .6s,opacity .5s,filter .5s;transform-style:preserve-3d;--card-color:var(--member-color)}.member-card[data-position="-1"]{transform:translateX(calc(-50% - 295px)) scale(.86) rotateY(12deg);opacity:.45;filter:brightness(.68);z-index:1}.member-card[data-position="1"]{transform:translateX(calc(-50% + 295px)) scale(.86) rotateY(-12deg);opacity:.45;filter:brightness(.68);z-index:1}.member-card[data-position="0"]{z-index:3;filter:drop-shadow(0 0 16px color-mix(in srgb,var(--member-color) 25%,transparent))}.card-inner{height:100%;width:100%;position:relative;transition:transform .65s;transform-style:preserve-3d}.member-card.is-flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(145deg,#28221e,#0e0d0f 20%,#181518);border:1px solid color-mix(in srgb,var(--card-color) 65%,#555);padding:13px;box-shadow:inset 0 0 0 4px #050405,inset 0 0 0 5px #ae929325,0 20px 35px #0009;border-radius:5px}.card-back{transform:rotateY(180deg);padding:36px 28px;overflow:auto;background:radial-gradient(ellipse at 80% 10%,color-mix(in srgb,var(--card-color) 18%,#151116),#141014 70%)}.card-id{position:absolute;top:24px;left:25px;z-index:2;font-family:Georgia,serif;font-size:11px;letter-spacing:3px;padding:4px 8px;background:#090609c9;border:1px solid #c9ab7844;color:var(--gold-light)}.card-photo{height:405px;position:relative;overflow:hidden;background:#080608;box-shadow:inset 0 0 24px #000}.card-photo:after{content:"";position:absolute;inset:0;pointer-events:none;border:7px solid #0d0c0e55;box-shadow:inset 0 4px 18px #000a,inset 0 0 0 1px #ddc3a444;background:linear-gradient(0deg,#05030599,transparent 25%)}.card-photo img{width:100%;height:100%;object-fit:contain;object-position:center;background:#0c0a0d}.card-flip-target{position:absolute;inset:0;z-index:2;width:100%;border-radius:4px}.card-front .card-flip-target:focus-visible{outline-offset:6px}.card-name{padding:13px 12px 2px;display:flex;justify-content:space-between;align-items:center}.card-name h3{font-size:27px;letter-spacing:4px}.card-name small{color:#c0a9aa;font-family:Georgia,serif;font-size:15px;letter-spacing:1px}.card-title{margin:0 12px;color:var(--muted);font-size:10px;letter-spacing:1px}.card-turn-hint{position:absolute;bottom:12px;right:23px;font-size:9px;color:var(--gold)}.card-back>small{font-family:Georgia,serif;font-size:10px;letter-spacing:3px;color:var(--gold)}.card-back h3{font-size:32px;margin-top:10px;letter-spacing:4px}.card-back h3 small{font-size:16px;color:var(--card-color);font-family:Georgia,serif;letter-spacing:1px;display:block}.card-back .member-quote{font-family:"PMingLiU",serif;font-size:18px;line-height:1.9;margin:22px 0;color:var(--text)}.member-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.member-tags span{padding:3px 8px;border:1px solid color-mix(in srgb,var(--card-color) 40%,transparent);font-size:10px;color:#d5c5c9}.card-back .short-intro{color:var(--muted);font-size:12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.card-actions .button{width:100%;min-height:41px;padding:8px;font-size:11px;gap:15px}.social-links{display:flex;gap:10px;margin:17px 0;align-items:center}.social-links a{height:35px;width:35px;display:grid;place-items:center;border:1px solid #ae9b7c66;color:var(--gold-light);border-radius:50%}.social-links svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.social-links .threads-icon{font-size:22px;line-height:1}.flip-back{font-size:11px;color:var(--muted);padding:5px 0}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:30px}.circle-button{width:43px;height:43px;border:1px solid var(--line);border-radius:50%;font-size:18px;color:var(--gold-light);flex-shrink:0;display:grid;place-items:center;background:#0d0b0bcc}.circle-button:hover{border-color:var(--gold);background:#272016}.member-dots{display:flex;gap:12px}.member-dots button{width:8px;height:8px;background:#74645b;border-radius:50%;padding:0;position:relative}.member-dots button:before{content:"";position:absolute;inset:-10px}.member-dots button[aria-pressed="true"]{background:var(--member-color);box-shadow:0 0 0 4px #fff1}.carousel-hint{font-size:10px;text-align:center;color:var(--muted);margin-top:18px;letter-spacing:2px}.den-section{background:#0b0c0c;padding-bottom:90px}.gallery-section{background:radial-gradient(ellipse at 80% 0,#51352a1c,transparent 40%);padding-bottom:95px}.gallery-entrance{display:flex;align-items:center;gap:30px;padding:32px 35px 48px;border:1px solid var(--line);border-bottom:4px double #a9884b70;position:relative;background:linear-gradient(110deg,#211a14aa,#100e0d,#271d1733);margin-bottom:38px}.gallery-entrance:before{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid #b9975733}.gallery-entrance>span:first-child{font-size:40px;color:var(--gold)}.gallery-entrance h2{font-size:36px;letter-spacing:4px}.gallery-entrance .eyebrow{margin-bottom:8px;font-size:10px}.gallery-count{margin-left:auto;font:32px Georgia,serif;color:var(--gold);display:flex;gap:13px;align-items:center}.gallery-count small{font:9px "Microsoft JhengHei",sans-serif;writing-mode:vertical-rl;letter-spacing:2px;color:var(--muted)}.gallery-count i{font-size:18px;color:#766247;margin:0 12px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:25px}.gallery-tabs{display:flex;gap:32px}.gallery-tabs button{padding:12px 0 18px;font-size:13px;color:var(--muted);letter-spacing:2px;border-bottom:2px solid transparent}.gallery-tabs button[aria-selected="true"]{border-bottom-color:var(--gold);color:var(--gold-light)}.gallery-tabs button span{font:10px Georgia,serif;border:1px solid #84705466;padding:3px 6px;margin-left:7px}.member-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.member-filters button{min-width:66px;border:1px solid var(--line);padding:7px 15px;letter-spacing:1px;font-size:11px;color:var(--muted)}.member-filters button[aria-pressed="true"]{background:var(--gold);color:#15100b;border-color:var(--gold)}.masonry{columns:3;column-gap:24px}.artwork{break-inside:avoid;margin:0 0 25px;position:relative}.artwork>button{display:block;width:100%;padding:0;text-align:left;background:#131112;border:1px solid var(--line)}.artwork-image{overflow:hidden;position:relative}.artwork img{width:100%;height:auto;transition:transform .6s,filter .6s}.artwork button:hover img{transform:scale(1.025);filter:brightness(1.06)}.artwork-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;font-size:10px;letter-spacing:1px}.artwork-meta span:first-child{font-family:Georgia,serif;color:var(--gold)}.artwork-meta span:last-child{color:#b6ada2}.art-zoom{position:absolute;bottom:12px;right:12px;width:28px;height:28px;border:1px solid #e2c59470;border-radius:50%;display:grid;place-items:center;background:#080707b3;color:#e2c594}.collab-note{font-size:11px;color:var(--muted);margin:5px 0 28px;letter-spacing:1px}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.collab-card{padding:0;border:1px solid var(--line);text-align:left;background:linear-gradient(150deg,#201919,#0f0d0d);overflow:hidden}.collab-cover{aspect-ratio:4/3;background:#0b0909;padding:10px;position:relative}.collab-cover img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.collab-card:hover img{transform:scale(1.025)}.collab-card-info{padding:20px 20px 24px}.collab-card-info small{font:9px Georgia,serif;letter-spacing:2px;color:var(--gold)}.collab-card-info h3{font-size:23px;letter-spacing:2px;margin:7px 0}.collab-card-info p{font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.join-section{background:radial-gradient(ellipse at 50% 45%,#74274020,transparent 60%),#0d0a0b;padding-bottom:100px}.join-section .center-heading{margin-bottom:55px}.join-section .center-heading h2{font-size:clamp(32px,3.3vw,48px);line-height:1.7}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.access-card{border:1px solid #9e814657;position:relative;padding:25px 28px;min-height:300px;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,#c4a16b03 3px,#c4a16b03 4px),linear-gradient(135deg,#28221a,#0e0d0b 75%);border-radius:8px;box-shadow:0 15px 30px #0004}.access-card:before{content:"";inset:7px;position:absolute;border:1px solid #c0a16a22;border-radius:4px;pointer-events:none}.access-top{display:flex;justify-content:space-between;color:#c0a16b;font-size:9px;letter-spacing:2px;margin-bottom:29px}.access-top>span:last-child{font-size:23px;line-height:1}.access-card h3{font-size:27px;color:var(--gold-light);letter-spacing:3px;margin-bottom:17px}.access-card>p{font-size:12px;line-height:2;color:#afa696;margin-bottom:45px}.access-bottom{position:absolute;bottom:24px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;color:#9b8667;font-size:8px;letter-spacing:3px}.access-bottom i{font-size:25px;font-style:normal;letter-spacing:-2px}.join-action{text-align:center;margin-top:60px}.join-action>p{font-family:"PMingLiU",serif;font-size:21px;letter-spacing:2px;margin-bottom:27px}.join-action small{display:block;color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:20px}footer{padding:45px 5% 130px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;letter-spacing:1px;color:var(--muted)}.footer-brand{font-family:Georgia,serif;font-size:16px;color:var(--gold-light);letter-spacing:2px}.footer-brand span{font-family:"Microsoft JhengHei",sans-serif;font-size:9px;display:block;letter-spacing:4px;margin-top:4px}.music-player{position:fixed;right:24px;bottom:22px;width:270px;background:#13100ff2;border:1px solid #a38a5a88;z-index:35;box-shadow:0 8px 30px #0009;backdrop-filter:blur(20px);border-radius:6px;padding:12px 15px}.music-main{display:flex;align-items:center;gap:13px}.vinyl{height:53px;width:53px;flex-shrink:0;padding:0;display:grid;place-items:center;border-radius:50%;background:repeating-radial-gradient(#0c0b0c 0,#0c0b0c 2px,#36302e 3px,#151214 4px);border:1px solid #4d4238;box-shadow:0 2px 8px #000;animation:record-spin 7s linear infinite;animation-play-state:paused}.vinyl.is-playing{animation-play-state:running}.vinyl-label{background:radial-gradient(#c4a276,#8f624a);border-radius:50%;width:23px;height:23px;display:grid;place-items:center;color:#18110e;font-size:9px}.track-info{flex:1;min-width:0;line-height:1.7}.track-info small{font-size:8px;letter-spacing:2px;color:var(--gold)}.track-info strong{display:block;font-size:12px;font-weight:400;letter-spacing:2px}.track-info>span{font-size:8px;color:var(--muted)}.icon-button{width:25px;height:34px;font-size:20px;color:var(--gold)}#music-controls{border-top:1px solid var(--line);margin-top:12px;padding-top:13px}.music-control-row{display:flex;align-items:center;gap:10px}.compact-button{font-size:9px;color:var(--muted);padding:5px 7px;border:1px solid var(--line);white-space:nowrap}.compact-button[aria-pressed="true"]{color:var(--gold-light);border-color:#c8a66c99}.volume-label{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:6px;flex:1}.volume-label input{width:68px;min-width:0;accent-color:var(--gold);height:28px}.music-help{font-size:8px;color:var(--muted);margin-top:8px}.entry-dialog, .profile-dialog,.exhibition-dialog,.lightbox{background:#100d0e;color:var(--text);border:1px solid var(--line);padding:0;max-height:90svh;box-shadow:0 20px 100px #0009;overscroll-behavior:contain}.entry-dialog::backdrop,.profile-dialog::backdrop,.exhibition-dialog::backdrop,.lightbox::backdrop{background:#030203de;backdrop-filter:blur(9px)}.dialog-close{position:absolute;right:15px;top:12px;z-index:5;width:42px;height:42px;font-size:28px;line-height:1;color:var(--gold-light);background:#100c0dde;border:1px solid var(--line)}.entry-dialog{padding:50px 45px;text-align:center;width:510px;max-width:calc(100vw - 32px);background:radial-gradient(ellipse at 50% 0,#49312240,transparent 65%),#100d0e}.entry-dialog h2{font-size:31px;letter-spacing:2px;margin-bottom:18px}.entry-dialog>p:not(.eyebrow){font-size:13px;color:var(--muted)}.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:30px 0 22px}.entry-options .button{padding:12px 16px;gap:15px;font-size:12px}.entry-dialog>small{color:var(--muted);font-size:9px}.profile-dialog{width:960px;max-width:calc(100vw - 50px)}.profile-layout{display:grid;grid-template-columns:38% 1fr}.profile-portrait{position:sticky;top:0;height:670px;max-height:90svh;background:#080608;align-self:start;padding:15px}.profile-portrait img{width:100%;height:100%;object-fit:contain}.profile-details{padding:45px 45px 35px;background:radial-gradient(at 80% 0,color-mix(in srgb,var(--profile-color,#ca8097) 14%,transparent),transparent 50%)}.profile-details .eyebrow{font-family:Georgia,serif;font-size:10px}.profile-details h2{font-size:38px;letter-spacing:4px}.profile-details h2 small{font-family:Georgia,serif;font-size:21px;color:var(--profile-color);letter-spacing:1px}.profile-title{font-size:12px;color:var(--gold-light);margin-top:10px}.profile-quote{font-family:"PMingLiU",serif;font-size:20px;line-height:1.8;margin:27px 0;color:#e4c9d0;border-left:1px solid var(--profile-color);padding-left:20px}.profile-details h3{font-family:"Microsoft JhengHei",sans-serif;font-size:12px;color:var(--gold);letter-spacing:2px;margin:28px 0 10px}.profile-details p,.profile-details li{font-size:12px;line-height:2.1;color:#bfb4b6;white-space:pre-line}.profile-details ul{padding-left:18px;margin:0}.profile-details .button{font-size:11px;margin-top:20px}.lightbox{width:100vw;height:100svh;max-width:100vw;max-height:100svh;border:0;background:#070607f5;overflow:hidden}.lightbox-bar{height:75px;display:flex;align-items:center;padding:10px 80px 10px 30px;border-bottom:1px solid var(--line)}.lightbox-bar p{font-size:12px;color:var(--gold-light);letter-spacing:2px}.lightbox-view{height:calc(100% - 125px);padding:20px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px}.lightbox-view img{max-height:100%;max-width:calc(100% - 140px);width:auto;height:auto;object-fit:contain;margin:auto}.lightbox-hint{text-align:center;font-size:10px;letter-spacing:2px;color:var(--muted);padding-top:5px}.exhibition-dialog{width:950px;max-width:calc(100vw - 50px)}.exhibition-intro{padding:60px 50px 35px;background:radial-gradient(at 0 0,color-mix(in srgb,var(--exhibit-color,#ca8097) 20%,transparent),transparent 70%);border-bottom:1px solid var(--line)}.exhibition-intro h2{font-size:40px;letter-spacing:3px;margin:15px 0}.exhibition-intro .eyebrow{font-family:Georgia,serif}.exhibition-intro p{font-size:12px;color:var(--muted)}.exhibition-images{padding:30px 50px;display:grid;gap:30px}.exhibition-images figure{margin:0}.exhibition-images button{padding:0;display:block;width:100%}.exhibition-images img{width:100%;height:auto}.exhibition-images figcaption{font-size:10px;margin-top:12px;color:var(--muted)}.exhibition-foot{padding:0 50px 35px}.noscript-note{padding:25px;background:#30261a;color:var(--gold-light)}@keyframes record-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.hero-copy{padding-top:70px}.logo-seal{width:250px;height:250px}}
@media(max-height:850px) and (min-width:801px){.hero{min-height:800px}.logo-seal{width:165px;height:165px}.hero-copy{padding-top:58px}.hero h1{font-size:46px}.hero-subtitle{margin:10px 0 20px}.hero-copy>.eyebrow{margin-bottom:10px}}
@media(max-width:1100px){.site-header nav{gap:17px;font-size:10px}.brand{font-size:11px;gap:12px}.brand small{font-size:8px}.section{padding-left:5%;padding-right:5%}.about-layout{gap:6%}.gallery-count{gap:8px;font-size:26px}.gallery-count i{margin:0 5px}.access-card{padding:22px}.access-card>p{font-size:11px}.access-bottom{left:22px;right:22px}}
@media(max-width:800px){html{scroll-padding-top:72px}.site-header{height:72px;padding:0 6%;}.brand{font-size:11px}.brand-monogram{font-size:30px}.menu-toggle{display:flex;flex-direction:column;gap:7px;width:40px;height:40px;justify-content:center;align-items:center;border:1px solid var(--line)}.menu-toggle span{width:18px;height:1px;background:var(--gold-light);transition:transform .2s}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-header nav{position:absolute;top:72px;left:0;right:0;display:none;background:#0e0b0cf7;padding:20px 6% 30px;box-shadow:0 20px 30px #0007;font-size:13px}.site-header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav a{padding:13px 0;border-bottom:1px solid var(--line)}.site-header nav a[aria-current]:after{display:none}.site-header nav .nav-join{padding:13px 16px;margin-top:15px}.hero{padding-top:72px;min-height:850px;max-height:1000px}.hero-location{top:97px;font-size:8px;left:6%;right:6%}.gate-scene{inset:142px 7% 78px}.gate-panel{inset:16px 15px}.gate-handle{display:none}.hero-copy{padding:57px 22px 15px}.logo-seal{width:200px;height:200px;margin-bottom:18px}.hero h1{font-size:43px;letter-spacing:5px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero-subtitle{font-size:10px;letter-spacing:1px;margin:20px 0 28px}.hero-bottom{font-size:8px;letter-spacing:1px;bottom:22px}.hero-bottom>span:last-child{display:none}.gate-light{width:1px}.light-left{left:-16px}.light-right{right:-16px}.section{padding:50px 6% 65px}.section-heading{margin-bottom:45px;padding-top:18px}.section-index{font-size:16px}.section-index span{font-size:10px;letter-spacing:2px}.section-heading>.small-note{display:none}.about-layout{grid-template-columns:1fr;gap:40px}.about h2{font-size:39px;letter-spacing:4px}.about-editorial{display:grid;grid-template-columns:1fr 45%;align-items:center;gap:20px}.about-art{margin:0}.about-caption{grid-column:1/-1;font-size:8px;margin-top:0}.about-text{padding-top:0}.about-text h3{font-size:25px}.about-text .eyebrow{font-size:10px}.about-text>p:not(.eyebrow){font-size:12px}.center-heading h2{font-size:31px;letter-spacing:2px}.center-heading p:not(.eyebrow){font-size:10px;letter-spacing:1px}.ornament{margin-bottom:13px}.carousel-stage{height:555px;margin-left:-6vw;margin-right:-6vw}.member-card{width:310px;height:510px}.card-photo{height:375px}.member-card[data-position="-1"]{transform:translateX(calc(-50% - 250px)) scale(.84) rotateY(12deg)}.member-card[data-position="1"]{transform:translateX(calc(-50% + 250px)) scale(.84) rotateY(-12deg)}.card-back{padding:28px 25px}.card-back .member-quote{font-size:17px;margin:17px 0}.card-back h3{font-size:28px}.card-actions{margin-top:14px}.social-links{margin:12px 0}.gallery-entrance{padding:28px 23px;gap:15px}.gallery-entrance>span:first-child{font-size:28px}.gallery-entrance h2{font-size:28px;letter-spacing:2px}.gallery-count{display:none}.gallery-entrance .eyebrow{font-size:8px;letter-spacing:2px}.gallery-instruction{display:none}.gallery-tabs{gap:28px}.gallery-tabs button{font-size:12px}.member-filters{gap:7px;margin-bottom:24px}.member-filters button{font-size:10px;padding:6px 10px;min-width:48px}.masonry{columns:2;column-gap:13px}.artwork{margin-bottom:15px}.artwork-meta{padding:9px 10px;font-size:8px;letter-spacing:0}.collab-grid{grid-template-columns:repeat(2,1fr);gap:15px}.collab-card-info{padding:14px}.collab-card-info h3{font-size:20px;letter-spacing:1px}.collab-card-info small{font-size:8px;letter-spacing:1px}.collab-card-info p{font-size:9px}.collab-note{font-size:10px}.join-section .center-heading h2{font-size:31px}.join-section .center-heading .eyebrow{font-size:9px;letter-spacing:1px}.rules{grid-template-columns:1fr;gap:17px;max-width:530px;margin:auto}.access-card{min-height:245px;padding:26px}.access-top{margin-bottom:18px}.access-card h3{font-size:26px}.access-card>p{font-size:12px;margin-bottom:35px}.access-bottom{left:26px;right:26px}.join-action{margin-top:40px}.join-action>p{font-size:17px;line-height:1.9;letter-spacing:1px}.join-action small{font-size:9px}.music-player{right:14px;bottom:14px;width:245px;padding:9px 12px}.vinyl{height:43px;width:43px}.track-info strong{font-size:11px}.track-info>span{font-size:7px}.track-info small{font-size:7px}.music-main{gap:10px}footer{padding:35px 6% 115px;flex-wrap:wrap;gap:20px}footer>p{display:none}footer>.text-link{margin-left:auto;font-size:10px}.profile-dialog{max-width:100vw;max-height:100svh;height:100svh;width:100vw;border:0;margin:0}.profile-layout{grid-template-columns:1fr}.profile-portrait{position:relative;height:410px;max-height:50svh;padding:10px}.profile-portrait img{object-fit:contain}.profile-details{padding:32px 26px}.profile-details h2{font-size:32px}.profile-quote{font-size:18px}.exhibition-dialog{max-width:100vw;max-height:100svh;width:100vw;height:100svh;margin:0;border:0}.exhibition-intro{padding:65px 25px 25px}.exhibition-intro h2{font-size:32px}.exhibition-images{padding:25px}.exhibition-foot{padding:0 25px 35px}.lightbox-bar{padding-left:18px;height:70px}.lightbox-bar p{font-size:10px;letter-spacing:1px}.lightbox-view{padding:10px 6px;gap:4px;height:calc(100% - 120px)}.lightbox-view .circle-button{width:32px;height:40px;border-radius:3px;font-size:16px}.lightbox-view img{max-width:calc(100% - 80px)}.entry-dialog{padding:50px 23px 35px}.entry-dialog h2{font-size:27px}.entry-dialog>.eyebrow{font-size:9px}.entry-dialog>p:not(.eyebrow){font-size:12px}.entry-options{gap:10px}.entry-dialog>small{font-size:8px}.lightbox-hint{font-size:9px}}
@media(max-width:380px){.hero h1{font-size:37px}.hero-subtitle{font-size:9px}.hero .eyebrow{font-size:8px}.about h2{font-size:32px}.member-card{width:280px;height:485px}.card-photo{height:350px}.carousel-stage{height:525px}.card-back{padding:25px 20px}.member-tags span{font-size:9px}.gallery-entrance h2{font-size:23px}.gallery-entrance{padding:25px 18px}.gallery-entrance .eyebrow{font-size:7px}.gallery-tabs{gap:18px}.artwork-meta{font-size:7px;padding:9px 7px}.collab-card-info h3{font-size:17px}.collab-card-info p{font-size:8px}.center-heading h2{font-size:27px}.join-section .center-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.vinyl{animation:none!important}}
/* 完整代表色同步、長檔案關閉控制與觸控目標。 */
.gate-handle{top:76%}
.dialog-toolbar{position:sticky;top:0;height:0;z-index:6}
.member-ambient{background:radial-gradient(ellipse at 30% 65%,var(--member-color),transparent 42%),radial-gradient(ellipse at 50% 60%,var(--member-color-mid,var(--member-color)),transparent 44%),radial-gradient(ellipse at 75% 65%,var(--member-color-2),transparent 45%)}
.member-filters button{min-height:40px}
.social-links a{width:40px;height:40px}
@media(max-width:800px){.member-filters button{min-height:40px}.circle-button{min-height:44px;min-width:44px}.social-links a{width:44px;height:44px}.dialog-close{width:44px;height:44px}}

/* 作品館三分類與實際數量。 */
.gallery-count{flex-shrink:0;gap:10px}
.gallery-count .gallery-stat{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
.gallery-count b{font-weight:400}
.gallery-count i{margin:0 3px}
.gallery-tabs button{white-space:nowrap}
.gallery-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 10%,#b0936010,transparent 60%),#100e0e;color:var(--muted)}
.gallery-empty>span{font-size:24px;color:var(--gold)}
.gallery-empty p{font-size:14px;letter-spacing:4px}
@media(max-width:1100px){.gallery-tabs{gap:24px}.gallery-instruction{display:none}}
@media(max-width:800px){.gallery-entrance{flex-wrap:wrap}.gallery-count{display:flex;flex-basis:100%;justify-content:flex-start;margin-left:0;gap:13px;font-size:23px;border-top:1px solid var(--line);padding-top:18px;margin-top:5px}.gallery-count .gallery-stat{flex-direction:column;align-items:flex-start;gap:3px}.gallery-count small{writing-mode:horizontal-tb;letter-spacing:1px;font-size:8px}.gallery-count i{font-size:15px;margin:0 3px}.gallery-toolbar{display:block}.gallery-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:10px;width:100%}.gallery-tabs button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 2px 15px;font-size:11px;letter-spacing:.5px}.gallery-tabs button span{margin-left:0;min-width:23px;font-size:9px;padding:2px 5px}.gallery-empty{min-height:210px}}
@media(max-width:380px){.gallery-count{font-size:21px;gap:10px}.gallery-count .gallery-stat{gap:3px}.gallery-tabs{gap:5px}.gallery-tabs button{font-size:10px;letter-spacing:.3px}}