:root{--primary:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--accent:#ec4899;--text-color:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--bg-color:#fff;--bg-page:#f9fafb;--bg-hover:#f3f4f6;--border-color:#e5e7eb;--border-light:#f3f4f6;--header-bg:#ffffffd9;--shadow-sm:0 1px 2px #0000000a;--shadow:0 4px 12px #0000000f;--shadow-lg:0 12px 32px #0000001a;--shadow-primary:0 8px 24px #6366f140;--radius-sm:6px;--radius:10px;--radius-lg:16px;--header-height:64px;--container-width:1140px;--search-bg:#ffffffe6;--search-text:#1f2937;--search-placeholder:#9ca3af;--search-border:#d1d5db;--engine-text:#6b7280;--engine-active-bg:#6366f11f;--engine-active-text:#4f46e5}:root,[data-theme=dark]{--search-focus-border:#6366f1}[data-theme=dark]{--text-color:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#6b7280;--bg-color:#1e293b;--bg-page:#0f172a;--bg-hover:#334155;--border-color:#334155;--border-light:#1e293b;--header-bg:#0f172ad9;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 12px #0006;--shadow-lg:0 12px 32px #00000080;--shadow-primary:0 8px 24px #6366f159;--search-bg:#1e293bcc;--search-text:#e5e7eb;--search-placeholder:#64748b;--search-border:#334155;--engine-text:#94a3b8;--engine-active-bg:#6366f140;--engine-active-text:#a5b4fc}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%}@media (hover:none){[role=button]:active,a:active,button:active{opacity:.72}}@media (width<=860px){input,select,textarea{font-size:16px!important}}@supports (padding:max(0px)){.community,.site{padding-bottom:env(safe-area-inset-bottom)}}body,html{margin:0;padding:0}body{color:var(--text-color);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-dark)}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}@media (width<=640px){.container{padding:0 16px}}.card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .35s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),border-color .35s cubic-bezier(.22,1,.36,1)}.page-title{color:var(--text-color);margin:0 0 8px;font-size:28px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin:0 0 32px;font-size:15px}.empty-state{text-align:center;color:var(--text-tertiary);padding:80px 20px}.empty-state .empty-icon{opacity:.4;margin:0 auto 12px;display:block}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (width<=640px){.page-title{font-size:23px}.page-subtitle{margin-bottom:22px;font-size:14px}.empty-state{padding:56px 16px}}.scroll-x{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;position:relative;overflow-x:auto}@media (hover:none){.scroll-x:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0000000f);width:24px;position:absolute;top:0;bottom:0;right:0}}:root{--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}.reveal{opacity:0;transform:translateY(var(--reveal-y,24px));transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);will-change:opacity,transform}.reveal.reveal-visible{opacity:1;animation:.1s .8s forwards reveal-cleanup;transform:translateY(0)}@keyframes reveal-cleanup{to{will-change:auto}}@keyframes fade-up{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-up{opacity:0;animation:fade-up .8s var(--ease-out) forwards}.animate-fade-in{opacity:0;animation:fade-in .8s var(--ease-out) forwards}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}@keyframes blob-float-1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-24px)scale(1.08)}66%{transform:translate(-20px,20px)scale(.96)}}@keyframes blob-float-2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-36px,20px)scale(1.1)}}.hero-blob{filter:blur(70px);opacity:.5;pointer-events:none;will-change:transform;border-radius:50%;position:absolute}.hero-blob-1{width:420px;height:420px;animation:blob-float-1 14s var(--ease-in-out) infinite;background:radial-gradient(circle,#6366f159,#0000 70%);top:-80px;left:-60px}.hero-blob-2{width:380px;height:380px;animation:blob-float-2 18s var(--ease-in-out) infinite;background:radial-gradient(circle,#ec489947,#0000 70%);bottom:-80px;right:-40px}.zoom-wrap{border-radius:8px;overflow:hidden}.zoom-wrap>img{transition:transform .6s var(--ease-out)}.zoom-wrap:hover>img{transform:scale(1.08)}.page-enter-active{transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.page-leave-active{transition:opacity .15s ease-in,transform .15s ease-in}.page-enter-from{opacity:0;transform:translateY(12px)}.page-leave-to{opacity:0;transform:translateY(-8px)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}