:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", Georgia, serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #17110c;--text: #f3e8da;--text-muted: rgba(243, 232, 218, .6);--text-dim: rgba(243, 232, 218, .36);--border: rgba(243, 232, 218, .08);--accent: #c17a4f;--accent-cyan: #d9a441;--glass-bg: rgba(243, 232, 218, .04);--ease: cubic-bezier(.16, 1, .3, 1);--dur-fast: .15s;--dur-normal: .25s;--dur-slow: .4s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);color:var(--text);background:var(--bg)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:transparent;color:var(--text);scrollbar-width:none}body::-webkit-scrollbar{display:none}body,button,a,input{color:inherit;font:inherit}button{border:0;background:none;cursor:pointer;touch-action:manipulation}a{text-decoration:none}img{display:block;max-width:100%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}#app{min-height:100vh;min-height:100dvh;position:relative}.aurora-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 120% 60% at 50% 0%,rgba(217,164,65,.09) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 80% 100%,rgba(193,122,79,.07) 0%,transparent 50%),var(--bg)}.aurora-bg__orb{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform,opacity}.aurora-bg__orb--1{width:500px;height:500px;background:radial-gradient(circle,rgba(217,164,65,.22),transparent 65%);top:-10%;right:-10%;animation:aurora1 20s ease-in-out infinite}.aurora-bg__orb--2{width:450px;height:450px;background:radial-gradient(circle,rgba(193,122,79,.18),transparent 65%);bottom:15%;left:-15%;animation:aurora2 24s ease-in-out infinite}.aurora-bg__orb--3{width:380px;height:380px;background:radial-gradient(circle,rgba(226,187,122,.12),transparent 65%);top:35%;left:50%;animation:aurora3 28s ease-in-out infinite}.aurora-bg__orb--4{width:300px;height:300px;background:radial-gradient(circle,rgba(168,92,58,.14),transparent 65%);top:60%;right:-5%;animation:aurora4 22s ease-in-out infinite}@keyframes aurora1{0%,to{opacity:.6;transform:translate(0) scale(1)}33%{opacity:.85;transform:translate(-30px,25px) scale(1.1)}66%{opacity:.5;transform:translate(20px,-15px) scale(.92)}}@keyframes aurora2{0%,to{opacity:.5;transform:translate(0) scale(1)}33%{opacity:.75;transform:translate(25px,-20px) scale(1.08)}66%{opacity:.4;transform:translate(-20px,30px) scale(.95)}}@keyframes aurora3{0%,to{opacity:.35;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-25px) scale(1.12)}}@keyframes aurora4{0%,to{opacity:.4;transform:translate(0) scale(1)}50%{opacity:.65;transform:translate(-15px,-20px) scale(1.06)}}.page-shell{position:relative;z-index:1;min-height:100vh;min-height:100dvh;padding-top:var(--safe-top);padding-bottom:calc(var(--safe-bottom) + 16px)}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.top-bar__brand{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;letter-spacing:.01em;background:linear-gradient(90deg,var(--text) 0%,var(--accent-cyan) 40%,var(--accent) 60%,var(--text) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:brand-aurora 4s ease-in-out infinite}@keyframes brand-aurora{0%{background-position:100% 0}50%{background-position:0% 0}to{background-position:100% 0}}.top-bar__pv{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-dim)}.top-bar__pv svg{width:14px;height:14px}.hero{padding:24px 20px 22px}.hero__kicker{margin:0 0 12px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-cyan)}.hero__title{margin:0 0 14px;font-family:var(--font-serif);font-size:1.4rem;font-weight:600;line-height:1.55;color:var(--text)}.hero__desc{margin:0 0 20px;font-size:.88rem;line-height:1.85;color:var(--text-muted)}.hero__stats{display:flex;gap:22px;margin:0 0 22px}.hero__stat{font-size:.76rem;color:var(--text-dim)}.hero__stat strong{display:block;font-family:var(--font-serif);font-size:1.3rem;color:var(--accent-cyan);font-weight:700;line-height:1.3}.hero__actions{display:flex;gap:10px}.hero__actions .btn{flex:none}.section-title{margin:0 0 14px;padding:0 20px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-cyan)}.intro-cards{padding:6px 20px 30px;display:flex;flex-direction:column;gap:12px}.intro-card{padding:18px;border-radius:16px;background:var(--glass-bg);border:1px solid var(--border)}.intro-card__title{margin:0 0 8px;font-family:var(--font-serif);font-size:1rem;font-weight:600;line-height:1.45;color:var(--text)}.intro-card__body{margin:0;font-size:.84rem;line-height:1.75;color:var(--text-muted)}.site-footer{margin-top:12px;padding:28px 20px calc(var(--safe-bottom) + 32px);text-align:center;border-top:1px solid var(--border)}.site-footer__text{margin:0 0 16px;font-family:var(--font-serif);font-size:.9rem;color:var(--text-muted)}.site-footer__links{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.site-footer__link{padding:8px 16px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--border);font-size:.8rem;color:var(--text-muted);transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.site-footer__link:active{color:var(--accent-cyan);border-color:#d9a4414d;transform:scale(.96)}.gallery{padding:4px 12px}.gallery-grid{column-count:2;column-gap:10px}.artwork-card{position:relative;display:block;overflow:visible;border-radius:14px;text-align:left;-webkit-tap-highlight-color:transparent;break-inside:avoid;margin-bottom:10px}.artwork-card__inner{position:relative;display:block;border-radius:14px;overflow:hidden;transition:transform var(--dur-fast) var(--ease),opacity .5s var(--ease);opacity:0}.artwork-card--revealed .artwork-card__inner{opacity:1}.artwork-card:active .artwork-card__inner,.artwork-card--revealed:active .artwork-card__inner{transform:scale(.97)}.artwork-card__img{width:100%;height:auto;display:block;border-radius:14px;transition:transform var(--dur-slow) var(--ease),filter .6s ease}.artwork-card:active .artwork-card__img{transform:scale(1.04)}.artwork-card__img--loading{filter:blur(12px) brightness(.7)}.artwork-card__overlay{position:absolute;inset:auto 0 0;padding:28px 10px 10px;background:linear-gradient(180deg,transparent,rgba(23,17,12,.85));pointer-events:none;border-radius:0 0 14px 14px}.artwork-card__title{margin:0;font-size:.82rem;font-weight:600;line-height:1.3;color:#fff}.artwork-card__sub{margin:2px 0 0;font-size:.68rem;color:#ffffff80}.artwork-card__badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:999px;font-size:.62rem;font-weight:600;background:#9a3e28c7;color:#f6d9c8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.like-btn{position:relative;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:#17110c8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#ffffffa6;font-size:.68rem;line-height:1;transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent;cursor:pointer}.like-btn svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.like-btn:active{transform:scale(.88)}.like-btn--active{color:#e8845a;background:#e8845a24;border-color:#e8845a38}.like-btn--active svg{fill:currentColor}.like-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #e8845a;opacity:0;transform:scale(1);pointer-events:none}.like-btn--pop svg{animation:like-heart-bounce .6s cubic-bezier(.34,1.56,.64,1)}.like-btn--pop:after{animation:like-ripple-ring .6s ease-out}.like-btn--pop .like-particles{animation:like-particle-burst .7s ease-out forwards}@keyframes like-heart-bounce{0%{transform:scale(1) rotate(0)}15%{transform:scale(.7) rotate(-8deg)}35%{transform:scale(1.45) rotate(10deg)}50%{transform:scale(1.2) rotate(-4deg)}65%{transform:scale(1.3) rotate(2deg)}80%{transform:scale(.95) rotate(-1deg)}to{transform:scale(1) rotate(0)}}@keyframes like-ripple-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes like-particle-burst{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.like-particles{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;overflow:visible}.like-particle{position:absolute;font-size:10px;color:#e8845a;opacity:0;animation:particle-fly .7s ease-out forwards;animation-delay:calc(var(--i) * .05s)}.like-particle:nth-child(1){--dx: -18px;--dy: -28px}.like-particle:nth-child(2){--dx: 14px;--dy: -32px}.like-particle:nth-child(3){--dx: -22px;--dy: -12px}.like-particle:nth-child(4){--dx: 20px;--dy: -18px}.like-particle:nth-child(5){--dx: -8px;--dy: -36px}.like-particle:nth-child(6){--dx: 16px;--dy: -26px}@keyframes particle-fly{0%{opacity:1;transform:translate(0) scale(.4)}60%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(1.1) rotate(calc(var(--i) * 30deg))}}.artwork-card__like{position:absolute;top:6px;right:6px;z-index:5;padding:5px 7px;border:1px solid transparent;overflow:visible}.artwork-card__like svg{width:14px;height:14px}.artwork-card__like .like-particle{font-size:8px}.detail-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.detail-top-bar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:calc(var(--safe-top) + 10px) 16px 10px;background:linear-gradient(180deg,rgba(6,6,14,.75) 0%,transparent 100%);pointer-events:none}.detail-top-bar>*{pointer-events:auto}.detail-top-bar__back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#17110c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--text);transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.detail-top-bar__back:active{transform:scale(.92);background:#ffffff14}.detail-top-bar__back svg{width:20px;height:20px}.detail-top-bar__title{font-size:.88rem;font-weight:600;color:var(--text);max-width:50vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-top-bar__like{min-width:40px;height:40px;padding:0 10px;border:1px solid rgba(255,255,255,.08);font-size:.76rem;justify-content:center;background:#17110c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-muted);overflow:visible}.detail-top-bar__like svg{width:18px;height:18px;flex-shrink:0}.detail-top-bar__like:active{transform:scale(.92)}.viewer-wrap{flex:1;display:flex;flex-direction:column;padding-top:calc(var(--safe-top) + 60px)}.viewer-stage{flex:none;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#00000059;touch-action:pan-y;width:min(100%,calc(85vh * var(--viewer-w, 4) / var(--viewer-h, 3)));aspect-ratio:var(--viewer-w, 4) / var(--viewer-h, 3);max-height:85vh;margin-inline:auto}.viewer-stage--zoomed{touch-action:none}.viewer-stage__img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease-out,opacity .2s ease;transform-origin:center center;will-change:transform}.viewer-stage__img--fading{opacity:.4;transition:none}.viewer-stage__img--entering{filter:blur(20px);transform:scale(1.08);opacity:.5;transition:none}.viewer-stage__img--enter-done{filter:blur(0);transform:scale(1);opacity:1;transition:filter .8s ease,transform .8s var(--ease),opacity .8s ease}.viewer-stage__hint{position:absolute;bottom:16px;left:50%;transform:translate(-50%);padding:5px 16px;border-radius:999px;background:#17110ca6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-dim);font-size:.72rem;pointer-events:none;white-space:nowrap;transition:opacity .6s ease}.viewer-indicator{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:none}.viewer-indicator__dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:all var(--dur-fast) var(--ease)}.viewer-indicator__dot--active{width:18px;border-radius:3px;background:var(--accent-cyan);box-shadow:0 0 8px #d9a44159}.detail-bottom{padding:12px 16px calc(var(--safe-bottom) + 12px);animation:detail-slide-up .6s var(--ease) .3s both}@keyframes detail-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-bottom__title{margin:0;font-size:1.05rem;font-weight:700;line-height:1.3}.detail-bottom__meta{margin:4px 0 0;font-size:.78rem;color:var(--text-muted)}.detail-bottom__row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.detail-bottom__views{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-dim);white-space:nowrap;flex-shrink:0}.detail-bottom__views svg{width:14px;height:14px}.thumb-strip{display:flex;gap:6px;overflow-x:auto;padding:10px 16px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.thumb-strip::-webkit-scrollbar{display:none}.thumb-item{flex:0 0 56px;padding:3px;border-radius:8px;border:2px solid transparent;background:var(--glass-bg);transition:all var(--dur-fast) var(--ease),opacity .4s var(--ease),transform .4s var(--ease);-webkit-tap-highlight-color:transparent;opacity:0;transform:translateY(12px) scale(.9)}.thumb-item--revealed{opacity:1;transform:translateY(0) scale(1)}.thumb-item--active{border-color:var(--accent-cyan);box-shadow:0 0 10px #d9a44140}.thumb-item:active{transform:scale(.92)}.thumb-item img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.thumb-item__label{display:block;margin-top:2px;text-align:center;font-size:.56rem;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artwork-nav{display:flex;gap:8px;padding:8px 16px 0;animation:detail-slide-up .6s var(--ease) .5s both}.artwork-nav__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 14px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--border);color:var(--text-muted);font-size:.84rem;transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.artwork-nav__btn:active{transform:scale(.97);background:#ffffff0f}.artwork-nav__btn svg{width:16px;height:16px;flex-shrink:0}.page-enter-active{transition:opacity var(--dur-normal) var(--ease),transform var(--dur-slow) var(--ease)}.page-leave-active{transition:opacity var(--dur-fast) var(--ease)}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0}.state-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:32px 20px}.state-view__kicker{margin:0 0 6px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-cyan)}.state-view__title{margin:0;font-size:1.15rem;font-weight:600}.state-view__text{margin:8px 0 0;font-size:.88rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:999px;font-size:.88rem;font-weight:600;transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.96)}.btn--primary{background:linear-gradient(135deg,var(--accent-cyan),var(--accent));color:#2a1c12}.btn--ghost{background:var(--glass-bg);border:1px solid var(--border);color:var(--text)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skeleton-grid{column-count:2;column-gap:10px;padding:4px 12px}.skeleton-card{break-inside:avoid;margin-bottom:10px;border-radius:14px;overflow:hidden;background:#ffffff08}.skeleton-card__img{width:100%;background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail-top-bar__share{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#17110c80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);color:var(--text-muted);transition:all var(--dur-fast) var(--ease);-webkit-tap-highlight-color:transparent}.detail-top-bar__share svg{width:18px;height:18px}.detail-top-bar__share:active{transform:scale(.92)}.share-toast{position:fixed;bottom:calc(var(--safe-bottom) + 24px);left:50%;transform:translate(-50%) translateY(20px);padding:10px 20px;border-radius:999px;background:#17110cd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:var(--text);font-size:.84rem;opacity:0;transition:all .3s var(--ease);pointer-events:none;z-index:100;white-space:nowrap}.share-toast--visible{opacity:1;transform:translate(-50%) translateY(0)}