.app-header[data-v-74666f36]{position:fixed;top:0;left:0;right:0;z-index:100;height:56px;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px) saturate(1.5);backdrop-filter:blur(16px) saturate(1.5);transition:background-color .3s ease,height .3s ease}.app-header[data-v-74666f36]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-bg-card);opacity:.92;z-index:-1}.header-inner[data-v-74666f36]{height:100%;display:flex;align-items:center;justify-content:space-between;max-width:1100px}.logo[data-v-74666f36]{display:flex;align-items:center;gap:8px;cursor:pointer;transition:opacity .2s}.logo[data-v-74666f36]:hover{opacity:.75}.logo-star[data-v-74666f36]{font-size:18px;color:var(--color-primary);filter:drop-shadow(0 0 6px var(--color-primary))}.logo-text[data-v-74666f36]{font-size:17px;font-weight:900;letter-spacing:-.02em;color:var(--color-text-main)}.header-actions[data-v-74666f36]{display:flex;align-items:center;gap:8px}.theme-btn[data-v-74666f36]{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:100px;cursor:pointer;transition:all .25s ease;color:var(--color-text-second)}.theme-btn[data-v-74666f36]:hover{border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.03)}.theme-btn[data-v-74666f36]:active{transform:scale(.97)}.theme-icon[data-v-74666f36]{font-size:14px;line-height:1}.theme-text[data-v-74666f36]{font-size:12px;font-weight:700;letter-spacing:.02em}.elder-btn[data-v-74666f36]{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--color-bg-elevated);border:1.5px solid var(--color-border);border-radius:100px;cursor:pointer;transition:all .25s ease;color:var(--color-text-tertiary)}.elder-btn[data-v-74666f36]:hover{border-color:#d97706;color:#d97706;transform:scale(1.03)}.elder-btn[data-v-74666f36]:active{transform:scale(.97)}.elder-btn.elder-active[data-v-74666f36]{background:#fef3c7;border-color:#d97706;color:#92400e;font-weight:800}:root.dark .elder-btn.elder-active[data-v-74666f36]{background:#d9770626;border-color:#f59e0b;color:#fbbf24}:root.aura .elder-btn.elder-active[data-v-74666f36]{background:#d977061f;border-color:#d97706;color:#92400e}.elder-icon[data-v-74666f36]{font-size:14px;line-height:1}.elder-text[data-v-74666f36]{font-size:11px;font-weight:700;letter-spacing:.02em}.app-footer[data-v-5c528fd9]{height:56px;display:flex;align-items:center;border-top:1px solid var(--color-border);background-color:var(--color-bg-card)}.footer-inner[data-v-5c528fd9]{display:flex;align-items:center;gap:8px}.footer-brand[data-v-5c528fd9]{font-size:13px;font-weight:900;letter-spacing:-.01em}.footer-divider[data-v-5c528fd9],.footer-copy[data-v-5c528fd9]{font-size:12px;opacity:.5}.footer-icp[data-v-5c528fd9]{font-size:12px;opacity:.5;color:var(--color-text-tertiary);text-decoration:none}.footer-icp[data-v-5c528fd9]:hover{opacity:.8}.app-root{min-height:100vh;background-color:var(--color-bg-page);transition:background-color .3s ease}:root,html:not(.dark):not(.aura){--color-bg-page: #f9fafb;--color-bg-card: #ffffff;--color-bg-elevated: #f3f4f6;--color-text-main: #111827;--color-text-second: #374151;--color-text-tertiary: #9ca3af;--color-border: rgba(0, 0, 0, .07);--color-shadow: rgba(0, 0, 0, .08);--color-primary: #f97316;--color-primary-bg: #fff7ed;--color-primary-border: #fed7aa;--clay-bg: #ffffff;--clay-shadow-light: rgba(255,255,255,.9);--clay-shadow-dark: rgba(0,0,0,.12);--clay-inset: rgba(0,0,0,.04)}html.dark{--color-bg-page: #0a0a0f;--color-bg-card: #141420;--color-bg-elevated: #1c1c2e;--color-text-main: #f1f1f4;--color-text-second: #c9c9d9;--color-text-tertiary: #6b6b85;--color-border: rgba(255, 255, 255, .06);--color-shadow: rgba(0, 0, 0, .4);--color-primary: #f97316;--color-primary-bg: rgba(249,115,22,.1);--color-primary-border: rgba(249,115,22,.2);--clay-bg: #141420;--clay-shadow-light: rgba(255,255,255,.04);--clay-shadow-dark: rgba(0,0,0,.6);--clay-inset: rgba(255,255,255,.03)}html.aura{--color-bg-page: #f0ede8;--color-bg-card: rgba(255,255,255,.85);--color-bg-elevated: rgba(255,255,255,.6);--color-text-main: #1a1a1a;--color-text-second: #2d2d2d;--color-text-tertiary: #7a6e60;--color-border: rgba(255, 255, 255, .7);--color-shadow: rgba(160, 140, 110, .15);--color-primary: #a359ff;--color-primary-bg: rgba(163,89,255,.08);--color-primary-border: rgba(163,89,255,.2);--clay-bg: rgba(255,255,255,.7);--clay-shadow-light: rgba(255,255,255,.95);--clay-shadow-dark: rgba(180,160,130,.2);--clay-inset: rgba(255,255,255,.5)}img,audio,video{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.protected-img{pointer-events:none}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-page);color:var(--color-text-main);line-height:1.6;min-height:100vh;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 16px}@media(min-width:640px){.container{padding:0 24px}}.bg-page{background-color:var(--color-bg-page)}.bg-card{background-color:var(--color-bg-card)}.text-main{color:var(--color-text-main)}.text-second{color:var(--color-text-second)}.text-tertiary{color:var(--color-text-tertiary)}.border-base{border-color:var(--color-border)}.clay-card{background:var(--clay-bg);border-radius:40px;box-shadow:6px 6px 12px var(--clay-shadow-dark),-4px -4px 10px var(--clay-shadow-light),inset 1px 1px 0 var(--clay-inset);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease}.clay-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:12px 20px 30px var(--clay-shadow-dark),-4px -4px 10px var(--clay-shadow-light),inset 1px 1px 0 var(--clay-inset)}.shadow-clay{box-shadow:0 10px 20px #0000001a,inset 0 3px 6px #fffc,inset 0 -3px 6px #0000000d}.aura .aura-card-pink{background:linear-gradient(135deg,#ff85a1,#ffacbd)}.aura .aura-card-blue{background:linear-gradient(135deg,#4ea8de,#64b5f6)}.aura .aura-card-green{background:linear-gradient(135deg,#72efdd,#80ffea)}.aura .aura-card-purple{background:linear-gradient(135deg,#b79ced,#cfbaf0)}.aura-tilt-l{transform:rotate(-2deg) translateY(4px)}.aura-tilt-r{transform:rotate(2deg) translateY(-1px)}.aura-sticker{border:4px solid #fff;box-shadow:0 8px 20px #00000026;transition:transform .3s ease}.aura-sticker:hover{transform:scale(1.05) rotate(0)!important}.card-base{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:20px;transition:transform .25s ease,box-shadow .25s ease}.card-base:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow)}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-item{animation:fadeInUp .4s ease both}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}html:not(.dark):not(.aura) .skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}html.dark .skeleton{background:linear-gradient(90deg,#1c1c2e 25%,#252535,#1c1c2e 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}html.aura .skeleton{background:linear-gradient(90deg,#e8e4df 25%,#d8d2cc,#e8e4df 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.float-slow{animation:float-card 6s infinite ease-in-out}.float-medium{animation:float-card 5s infinite ease-in-out .5s}.float-delayed{animation:float-card 7s infinite ease-in-out 1s}.aura-avatar-float{animation:aura-avatar-float 4s ease-in-out infinite;transform-origin:center bottom}@keyframes aura-avatar-float{0%,to{transform:translateY(0) scale(1.1);opacity:.8;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}50%{transform:translateY(-12px) scale(1.2);opacity:.95;filter:drop-shadow(0 8px 12px rgba(0,0,0,.2))}}html.elder-mode{--scale-font: 1.25;--scale-space: 1.25;--min-touch: 60px}html.elder-mode body{font-size:calc(16px * var(--scale-font))}html.elder-mode:not(.dark):not(.aura){--color-bg-page: #f5f1e8;--color-bg-card: #fffef8;--color-text-main: #1a1208;--color-text-second: #4a3a2a;--color-text-tertiary: #7a6e60;--color-border: rgba(0, 0, 0, .12)}html.elder-mode.dark{--color-bg-page: #000000;--color-bg-card: #0a0a0a;--color-text-main: #ffffff;--color-text-second: #e5e7eb;--color-text-tertiary: #b0b0b0}html.elder-mode.aura{--color-text-main: #1a1a1a;--color-text-second: #333333;--color-text-tertiary: #555555}html.elder-mode .section-title{font-size:calc(20px * var(--scale-font))}html.elder-mode .section-sub{font-size:calc(13px * var(--scale-font))}html.elder-mode .card-title{font-size:calc(14px * var(--scale-font));line-height:1.6}html.elder-mode .meta-name,html.elder-mode .meta-likes{font-size:calc(12px * var(--scale-font))}html.elder-mode .tag-pill{font-size:calc(11px * var(--scale-font));padding:5px 14px}html.elder-mode .theme-btn,html.elder-mode .elder-btn,html.elder-mode .refresh-btn{min-height:var(--min-touch);padding:10px 18px;font-size:calc(12px * var(--scale-font))}html.elder-mode .load-more-btn{min-height:var(--min-touch);padding:14px 40px;font-size:calc(13px * var(--scale-font))}html.elder-mode .waterfall{flex-direction:column;gap:calc(12px * var(--scale-space))}html.elder-mode .waterfall-col{gap:calc(12px * var(--scale-space))}html.elder-mode .aura-tilt-l,html.elder-mode .aura-tilt-r{transform:rotate(0)!important}html.elder-mode .float-slow,html.elder-mode .float-medium,html.elder-mode .float-delayed{animation:none!important}html.elder-mode .card-body{padding:calc(14px * var(--scale-space)) calc(16px * var(--scale-space)) calc(18px * var(--scale-space));gap:calc(10px * var(--scale-space))}html.elder-mode .meta-avatar{width:calc(24px * var(--scale-font));height:calc(24px * var(--scale-font))}html.elder-mode .app-header{height:calc(56px * var(--scale-space))}