:root{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #06060e;--text: #e8eaf0;--text-muted: rgba(232, 234, 240, .55);--text-dim: rgba(232, 234, 240, .32);--border: rgba(255, 255, 255, .06);--accent: #7b61ff;--accent-cyan: #00e5a0;--glass-bg: rgba(255, 255, 255, .03);--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(123,97,255,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 50% at 80% 100%,rgba(0,229,160,.05) 0%,transparent 50%),var(--bg)}.aurora-bg__orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform,opacity}.aurora-bg__orb--1{width:500px;height:500px;background:radial-gradient(circle,rgba(123,97,255,.32),transparent 65%);top:-10%;right:-10%;animation:aurora1 14s ease-in-out infinite}.aurora-bg__orb--2{width:450px;height:450px;background:radial-gradient(circle,rgba(0,229,160,.22),transparent 65%);bottom:15%;left:-15%;animation:aurora2 18s ease-in-out infinite}.aurora-bg__orb--3{width:380px;height:380px;background:radial-gradient(circle,rgba(255,110,199,.18),transparent 65%);top:35%;left:50%;animation:aurora3 22s ease-in-out infinite}.aurora-bg__orb--4{width:300px;height:300px;background:radial-gradient(circle,rgba(56,189,248,.15),transparent 65%);top:60%;right:-5%;animation:aurora4 16s 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-size:1rem;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}.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(6,6,14,.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:#dc2626bf;color:#fecaca;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:#06060e8c;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:#ff6b8a;background:#ff6b8a1f;border-color:#ff6b8a33}.like-btn--active svg{fill:currentColor}.like-btn:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #ff6b8a;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:#ff6b8a;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:#06060e80;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:#06060e80;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:#06060ea6;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 #00e5a04d}.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 #00e5a033}.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:#06060e}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:#06060e80;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:#06060ed9;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)}