@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root,[data-theme=sand]{--bg:#fdfbf7;--bg-accent:#f4eee6;--surface:#fff9;--text:#4a403c;--text-soft:#85756e;--text-h:#1e1816;--border:#8c736926;--accent:#cd8566;--accent-strong:#b25d3b;--code-bg:#cd85661a;--shadow:0 30px 60px #32231c14, 0 12px 24px #32231c0a;--bg-gradient-1:#cd85661f;--bg-gradient-2:#87a8951a;--paifang-wood:#3c2a21;--paifang-plaque-bg-start:#1f1b1a;--paifang-plaque-bg-end:#382b26;--paifang-plaque-border:#a88351;--paifang-plaque-outline:#5a4429;--paifang-text-color:#dfb982;--paifang-shadow:#472e2366;--shimmer-1:#ece6df;--shimmer-2:#f4f0ec}[data-theme=celadon]{--bg:#f5f9f7;--bg-accent:#e6f0eb;--surface:#fff9;--text:#3c4a45;--text-soft:#6e857c;--text-h:#161e1b;--border:#698c7e26;--accent:#66cda8;--accent-strong:#3b9b77;--code-bg:#66cda81a;--shadow:0 30px 60px #1c322a14, 0 12px 24px #1c322a0a;--bg-gradient-1:#66cda81f;--bg-gradient-2:#87a8951a;--paifang-wood:#26332d;--paifang-plaque-bg-start:#1a221e;--paifang-plaque-bg-end:#26332d;--paifang-plaque-border:#669980;--paifang-plaque-outline:#334d40;--paifang-text-color:#b3d9c7;--paifang-shadow:#23473866;--shimmer-1:#dfece6;--shimmer-2:#ecf4f0}[data-theme=ink]{--bg:#f8f9fa;--bg-accent:#e9ecef;--surface:#fff9;--text:#495057;--text-soft:#868e96;--text-h:#212529;--border:#49505726;--accent:#868e96;--accent-strong:#495057;--code-bg:#4950571a;--shadow:0 30px 60px #21252914, 0 12px 24px #2125290a;--bg-gradient-1:#4950571f;--bg-gradient-2:#adb5bd1a;--paifang-wood:#212529;--paifang-plaque-bg-start:#151719;--paifang-plaque-bg-end:#2b3035;--paifang-plaque-border:#868e96;--paifang-plaque-outline:#495057;--paifang-text-color:#dee2e6;--paifang-shadow:#21252966;--shimmer-1:#e9ecef;--shimmer-2:#f8f9fa}body{min-width:320px;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% 0%, var(--bg-gradient-1), transparent 40%), radial-gradient(circle at 90% 20%, var(--bg-gradient-2), transparent 35%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-weight:400;line-height:1.7;transition:background .5s,color .5s}*{box-sizing:border-box}html{scroll-behavior:smooth}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff4d 1px,#0000 1px),linear-gradient(90deg,#ffffff4d 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000080,#0000);mask-image:linear-gradient(#00000080,#0000)}#root{width:min(1200px,100% - 40px);margin:0 auto;padding:40px 0 64px}h1,h2,p{margin:0}h1,h2{color:var(--text-h);font-family:Playfair Display,serif;font-weight:600;line-height:1.2}h1{letter-spacing:-.02em;margin-bottom:1.2rem;font-size:clamp(2.4rem,5vw,4.2rem)}h2{letter-spacing:-.01em;margin-bottom:.85rem;font-size:clamp(1.8rem,3vw,2.4rem)}code{background:var(--code-bg);color:var(--accent-strong);border-radius:6px;align-items:center;padding:.2rem .6rem;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:.9em;display:inline-flex}img{max-width:100%}@media (width<=900px){#root{width:min(100% - 24px,1200px);padding-top:24px}}.page-shell{flex-direction:column;gap:1.5rem;padding-top:0;display:flex}.theme-switcher{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#fff6;border-radius:20px;gap:.5rem;padding:.4rem;display:flex;position:absolute;top:1rem;right:1.5rem}.theme-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0;transition:transform .2s,border-color .2s,box-shadow .2s;box-shadow:inset 0 2px 4px #0000001a}.theme-btn:hover{transform:scale(1.15)}.theme-btn.active{border-color:var(--text-h);transform:scale(1.1);box-shadow:0 0 0 2px #fffc,inset 0 2px 4px #0000001a}.paifang-container{z-index:10;pointer-events:none;justify-content:center;align-items:center;width:100%;max-width:480px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.paifang-roof{flex-direction:column;flex:1;align-items:center;margin-bottom:0;display:flex;position:relative}.paifang-eaves{background:var(--paifang-wood);width:115%;height:16px;box-shadow:0 8px 24px var(--paifang-shadow);border-radius:8px;position:absolute;top:-8px}.paifang-eaves:before,.paifang-eaves:after{content:"";background:var(--paifang-wood);transform-origin:bottom;border-radius:50% 50% 0 0;width:24px;height:20px;position:absolute;top:-4px}.paifang-eaves:before{left:-15px;transform:rotate(-30deg)}.paifang-eaves:after{right:-15px;transform:rotate(30deg)}.paifang-plaque{background:linear-gradient(135deg, var(--paifang-plaque-bg-start) 0%, var(--paifang-plaque-bg-end) 100%);border:4px solid var(--paifang-plaque-border);box-shadow:inset 0 0 10px #000c, 0 8px 20px var(--paifang-shadow);z-index:2;outline:2px solid var(--paifang-plaque-outline);outline-offset:-8px;border-radius:4px;margin-top:10px;padding:.75rem 2.5rem;position:relative}.paifang-text{color:var(--paifang-text-color);text-shadow:2px 2px 4px #000c;letter-spacing:.15em;font-family:Ma Shan Zheng,Zhi Mang Xing,ZCOOL XiaoWei,serif;font-size:2.6rem;font-weight:400;display:block}@media (width<=600px){.paifang-text{padding:.25rem .5rem;font-size:1.8rem}.paifang-plaque{padding:.5rem 1rem}.paifang-container{max-width:320px;top:0}}.hero-section,.gallery-section{padding:1rem 2rem 2rem}.hero-section{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#ffffffb8;border-radius:24px;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:stretch;gap:1.5rem;margin:1rem 2rem 0;padding:4rem 2rem 2rem;display:grid;position:relative}.hero-copy{text-align:left;flex-direction:column;justify-content:center;padding:1rem;display:flex}.art-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#ffffffb8;border-radius:24px}.eyebrow{color:var(--accent-strong);letter-spacing:.25em;text-transform:uppercase;margin:0 0 1.25rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700}.hero-description,.section-description{max-width:42rem;color:var(--text-soft);font-size:1.05rem;line-height:1.7}.hero-description code{margin:0 .25rem}.hero-stats{gap:1rem;padding:1.25rem;display:grid}.stat-card{background:linear-gradient(135deg,#ffffffe6,#fff6);border:1px solid #fffc;border-radius:18px;flex-direction:column;justify-content:center;gap:.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px #472e2314}.stat-label{color:var(--text-soft);font-size:.95rem;font-weight:500}.stat-card strong{color:var(--text-h);font-family:Playfair Display,serif;font-size:1.75rem}.section-heading{text-align:left;margin-bottom:2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.art-card{cursor:pointer;flex-direction:column;margin:0;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.art-card:hover{border-color:#d58d724d;transform:translateY(-8px);box-shadow:0 20px 40px #472e231f}.art-image-wrapper{aspect-ratio:4/5;background:#ece6df;width:100%;position:relative;overflow:hidden}.art-image-wrapper.loading:before{content:"";background:linear-gradient(90deg, var(--shimmer-1) 0%, var(--shimmer-2) 50%, var(--shimmer-1) 100%);background-size:200% 100%;animation:1.5s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.art-image{object-fit:cover;z-index:1;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .5s;display:block;position:relative}.art-card:hover .art-image{transform:scale(1.05)}.art-meta{color:var(--text-h);text-align:center;background:linear-gradient(to bottom, transparent, var(--surface) 10%);z-index:2;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;padding:1.5rem 1.5rem 1.8rem;display:flex;position:relative}.art-title-wrapper{align-items:center;gap:.6rem;margin-top:.5rem;display:flex;position:relative}.art-title-wrapper:before{content:"";background:var(--accent);opacity:.5;border-radius:2px;width:30px;height:2px;transition:width .4s cubic-bezier(.16,1,.3,1),opacity .4s;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.art-card:hover .art-title-wrapper:before{opacity:.8;background:var(--accent-strong);width:80px}.art-title{color:var(--text-h);letter-spacing:.05em;font-family:Ma Shan Zheng,Zhi Mang Xing,serif;font-size:1.8rem;font-weight:400;transition:color .3s}.art-card:hover .art-title{color:var(--accent-strong)}.art-filename{color:var(--text-soft);overflow-wrap:anywhere;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.85rem}.lightbox-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#14100ed9;flex-direction:column;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.lightbox-close{color:#fffc;cursor:pointer;z-index:1010;background:0 0;border:none;padding:0;font-size:3rem;font-weight:300;line-height:1;transition:color .2s,transform .2s;position:absolute;top:1.5rem;right:2rem}.lightbox-nav{color:#ffffff80;cursor:pointer;z-index:1010;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:1rem;font-size:4rem;font-weight:200;line-height:1;transition:color .2s,transform .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{color:#fff;transform:translateY(-50%)scale(1.1)}.nav-prev{left:2rem}.nav-next{right:2rem}.lightbox-close:hover{color:#fff;transform:scale(1.1)}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) zoomIn;display:flex}.lightbox-image{object-fit:contain;border-radius:8px;max-width:100%;max-height:75vh;box-shadow:0 24px 64px #0006}.lightbox-caption{text-align:center;color:#fff;margin-top:1.5rem}.lightbox-caption h3{letter-spacing:.05em;margin:0 0 .5rem;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:500}.lightbox-caption p{color:#fff9;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=900px){.hero-section{grid-template-columns:1fr;margin:1.5rem 1rem 0;padding:4.5rem 1rem 1rem}.gallery-section{padding:1rem}.hero-copy,.hero-stats{padding:.5rem}.lightbox-close{top:1rem;right:1.5rem}.lightbox-image{max-height:65vh}}