/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:#050b0d;min-height:100%;margin:0}body{color:#ecf8f7;font-family:Arial,Helvetica,sans-serif}button{font:inherit}.gallery{isolation:isolate;color:#ecf8f7;background:#071316;height:100vh;min-height:640px;position:relative;overflow:hidden}.background-layer{z-index:0;filter:brightness(.65)contrast(1.2)saturate(.82);background-position:50%;background-size:cover;animation:1.6s both dissolve;position:absolute;inset:-5%;transform:scale(1.07)}@keyframes dissolve{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1.07)}}.background-layer:after{content:"";background:linear-gradient(90deg,#020e10db,#03131638 54%,#020809e0),linear-gradient(#000000a8,#0000 30%,#000000d1);position:absolute;inset:0}.noise{z-index:2;opacity:.075;pointer-events:none;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:absolute;inset:0}.decor-grid{z-index:3;pointer-events:none;opacity:.34;background-image:linear-gradient(#70e8dd12 1px,#0000 1px),linear-gradient(90deg,#70e8dd12 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:72px 20px 18px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.scanline{z-index:4;pointer-events:none;opacity:.42;background:linear-gradient(90deg,#0000,#70e8dd,#0000);height:1px;animation:8s ease-in-out infinite scan;position:absolute;top:24%;left:0;right:0;box-shadow:0 0 16px #70e8dd}@keyframes scan{0%,to{opacity:0;transform:translateY(0)}12%,70%{opacity:.42}50%{transform:translateY(48vh)}}.nav{z-index:12;color:#d3e6e4;letter-spacing:.12em;background:#071316de;border-bottom:1px solid #70e8dd47;justify-content:space-between;padding:16px 22px;font:10px/1 Arial,sans-serif;display:flex;position:absolute;inset:0 0 auto}.nav b{color:#70e8dd;letter-spacing:.08em;font-weight:500}.frame-meta{z-index:12;color:#d5f6f294;letter-spacing:.14em;pointer-events:none;font:9px monospace;position:absolute;bottom:24px;left:30px}.frame-meta b{color:#70e8dd;font-weight:400}.live-dot{background:#70e8dd;border-radius:50%;width:6px;height:6px;margin-right:7px;animation:1.4s ease-in-out infinite pulse;display:inline-block;box-shadow:0 0 12px #70e8dd}@keyframes pulse{50%{opacity:.5}}.hero-copy{z-index:11;width:48%;position:absolute;top:50%;left:7%;transform:translateY(-45%)}.index{color:#70e8dd;letter-spacing:.16em;border-left:3px solid #70e8dd;padding:5px 0 5px 12px;font:10px monospace;display:inline-block}.hero-copy h1{letter-spacing:-.08em;text-shadow:0 7px 24px #000000b3;width:max-content;max-width:100%;margin:18px 0 28px;padding:15px 20px 17px 17px;font-family:Arial,Noto Sans CJK SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(34px,4.4vw,68px);font-weight:900;line-height:.94;position:relative}.hero-copy h1:before{content:"DUN RUO NING  /  PAINTING EXHIBITION";color:#70e8dd;letter-spacing:.18em;white-space:nowrap;font:400 9px monospace;position:absolute;top:-7px;left:19px;transform:translateY(-100%)}.hero-copy h1:after{content:"";background:linear-gradient(90deg,#70e8dd 0 48%,#f0fffdcc 48%);height:1px;position:absolute;bottom:0;left:0;right:-18px;box-shadow:0 0 12px #70e8dd99}.title-white{color:#f1fffc}.title-cyan{color:#70e8dd;text-shadow:0 0 18px #70e8dd3b}.hero-copy p{color:#b7cdca;max-width:250px;margin:30px 0 0;font-size:12px;line-height:1.7}.hero-copy p:before{content:"/ 线上展览 · 2021—2022";color:#70e8dd;letter-spacing:.08em;margin-bottom:18px;font:10px monospace;display:block}.thumb-rail{z-index:13;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-color:#70e8dd transparent;background:#03141694;border:0;width:min(350px,34%);padding:14px;position:absolute;top:94px;bottom:22px;right:24px;overflow:auto}.rail-label{color:#70e8dd;letter-spacing:.16em;margin-bottom:12px;font:10px monospace}.thumb-list{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));align-content:start;gap:10px;display:grid}.thumb{aspect-ratio:3/2;cursor:pointer;background:#071316;border:0;outline:0;padding:0;transition:transform .25s,filter .25s;position:relative;overflow:hidden}.thumb:hover{filter:brightness(1.08);transform:translateY(-3px)}.thumb.selected{filter:brightness(1.1);transform:scale(1.025)}.thumb img{object-fit:cover;filter:brightness(.78)saturate(.78);width:100%;height:100%;transition:filter .25s,transform .4s;display:block}.thumb:hover img,.thumb.selected img{filter:brightness()saturate(1.05);transform:scale(1.06)}.thumb span{color:#e8faf7;letter-spacing:.08em;background:#031316c2;padding:3px 5px;font:9px monospace;position:absolute;bottom:4px;left:5px}.rail-hint{color:#d5f6f28c;letter-spacing:.16em;background:linear-gradient(#0000,#031416f5 50%);margin-top:11px;padding:7px 0 2px;font:9px monospace;position:sticky;bottom:0}.lightbox{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020a0cb8;place-items:center;padding:5vh 6vw;animation:.25s both lightbox-in;display:grid;position:fixed;inset:0}.lightbox-panel{place-items:center;max-width:min(82vw,1100px);max-height:88vh;display:grid;position:relative}.lightbox-panel img{object-fit:contain;border:1px solid #d0fffab3;width:auto;max-width:82vw;height:auto;max-height:82vh;animation:.3s both lightbox-image-in;display:block;box-shadow:0 24px 70px #0009,0 0 34px #70e8dd2e}.lightbox-close,.lightbox-arrow{z-index:2;color:#eafffc;cursor:pointer;background:#031416db;border:1px solid #d1fffba6;place-items:center;display:grid;position:absolute}.lightbox-close{border-radius:50%;width:36px;height:36px;font-size:24px;line-height:1;top:-18px;right:-18px}.lightbox-arrow{width:42px;height:72px;font-size:42px;top:50%;transform:translateY(-50%)}.lightbox-prev{left:-58px}.lightbox-next{right:-58px}.lightbox-close:hover,.lightbox-arrow:hover{color:#071316;background:#70e8dd}.lightbox-caption{color:#70e8dd;letter-spacing:.16em;font:10px monospace;position:absolute;bottom:-30px;left:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-image-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.snow-field{z-index:10;pointer-events:none;perspective:500px;position:absolute;inset:0;overflow:hidden}.snowflake{top:-8vh;left:var(--left);width:var(--size);height:var(--size);border-radius:var(--radius,50%);clip-path:polygon(var(--shape));opacity:var(--opacity);filter:blur(var(--blur));box-shadow:0 0 calc(var(--size) * 2.8) #befff8e6;animation:snowfall var(--duration) linear var(--delay) infinite;will-change:transform, opacity;background:#f0fffd;position:absolute}@keyframes snowfall{0%{transform:translate3d(0,-10vh,var(--depth)) rotate(0);opacity:0}8%{opacity:var(--opacity)}45%{transform:translate3d(var(--drift),48vh,var(--depth)) rotate(140deg)}78%{opacity:calc(var(--opacity) * .7)}to{transform:translate3d(calc(var(--drift) * -1),112vh,var(--depth)) rotate(320deg);opacity:0}}.snow-shard{z-index:8;left:var(--left);top:var(--top);width:var(--size);height:var(--size);border-radius:var(--radius,50%);clip-path:polygon(var(--shape));background:#eafffc;animation:1.45s cubic-bezier(.2,.75,.3,1) forwards gravity-shatter;position:absolute;box-shadow:0 0 9px #70e8ddb8}@keyframes gravity-shatter{0%{opacity:.9;transform:translate(0)scale(1)}40%{transform:translate3d(calc(var(--dx) * .4), calc(var(--dy) * .28), 0) scale(.9)}to{transform:translate3d(var(--dx), calc(var(--dy) + 25px), 0) rotate(42deg) scale(.16);opacity:0}}.corner{z-index:14;opacity:.88;pointer-events:none;border-style:solid;border-color:#70e8dd;width:27px;height:27px;position:absolute}.corner.tl{border-width:2px 0 0 2px;top:91px;left:30px}.corner.tr{border-width:2px 2px 0 0;top:91px;right:30px}.corner.bl{border-width:0 0 2px 2px;bottom:20px;left:30px}.corner.br{border-width:0 2px 2px 0;bottom:20px;right:30px}.rotation-timer{z-index:15;background:#70e8dd29;width:min(430px,36%);height:2px;position:absolute;bottom:58px;left:7%;overflow:hidden}.rotation-timer span{transform-origin:0;background:#70e8dd;width:100%;height:100%;animation:10s linear infinite timer;display:block;box-shadow:0 0 10px #70e8dd}@keyframes timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scrollmark{z-index:15;color:#70e8dd;letter-spacing:.17em;font:10px monospace;position:absolute;bottom:26px;left:30px}.scrollmark span{margin-top:7px;font-size:18px;display:block}.music{z-index:20;color:#071316;cursor:pointer;background:#dff6f2;border:0;border-radius:4px;align-items:center;gap:9px;padding:9px 12px;font:10px Arial,sans-serif;display:flex;position:absolute;bottom:16px;right:18px;box-shadow:5px 5px #70e8dd}.music b{color:#071316;border:1px solid #071316;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.bars{align-items:center;gap:2px;height:14px;display:flex}.bars i{background:#071316;width:2px;height:6px;display:block}.bars i:nth-child(2){height:11px}.bars i:nth-child(3){height:8px}.bars i:nth-child(4){height:13px}.music.playing .bars i{animation:.7s ease-in-out infinite alternate beat}@keyframes beat{to{opacity:.5;transform:scaleY(.35)}}@media (width<=700px){.gallery{min-height:700px}.nav{padding:14px;font-size:9px}.nav span{display:none}.hero-copy{width:82%;top:21%;left:6%;transform:none}.hero-copy h1{margin-top:17px;padding-left:12px;font-size:clamp(30px,9vw,48px)}.hero-copy h1:before{font-size:8px;left:13px}.hero-copy p{margin-top:24px}.thumb-rail{width:auto;height:210px;inset:auto 6% 18px}.thumb-list{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px}.rail-label{margin-bottom:7px}.lightbox{padding:8vh 14vw}.lightbox-panel,.lightbox-panel img{max-width:100%}.lightbox-panel img{max-height:72vh}.lightbox-close{top:-46px;right:-8px}.lightbox-arrow{width:34px;height:58px;font-size:32px}.lightbox-prev{left:-44px}.lightbox-next{right:-44px}.frame-meta{bottom:12px;left:14px}.corner.tl{top:68px;left:16px}.corner.tr{top:68px;right:16px}.corner.bl{bottom:14px;left:16px}.corner.br{bottom:14px;right:16px}.rotation-timer{width:52%;bottom:42px;left:6%}.scrollmark{display:none}.music{bottom:11px;right:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}