:root{--color-accent:#64b5f6;--color-accent-hover:#90caf9;--color-accent-2:#ce93d8;--color-success:#81c784;--color-warning:#ffb74d;--color-glass-bg:#ffffff0f;--color-glass-border:#ffffff1f;--color-text-primary:#e8e8e8;--color-text-secondary:#ccc;--color-text-muted:#999;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 32px #0000004d;--shadow-lg:0 16px 48px #0006;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0f;width:100%;height:100%;margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.background-layer{opacity:.45;z-index:-1;background-image:url(/bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;position:fixed;top:0;left:0;transform:translateZ(0)}#app{z-index:1;flex-direction:column;width:100%;min-height:100vh;margin:0;display:flex;position:relative}.site-header{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(180%);background:#0f0f19bf;border-bottom:1px solid #ffffff14;width:100%;position:sticky;top:0;box-shadow:0 4px 24px #0000004d}.header-inner{justify-content:center;align-items:center;gap:2rem;max-width:1100px;height:60px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:#fff;letter-spacing:-.5px;white-space:nowrap;transition:opacity var(--transition-fast);font-size:1.35rem;font-weight:700;text-decoration:none}.logo:hover{opacity:.85}nav{align-items:center;gap:.5rem;display:flex}nav a{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.5rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;position:relative}nav a:hover{color:#fff;background:#ffffff14}nav a.router-link-exact-active{color:#fff;background:#64b4f626}nav a.router-link-exact-active:after{content:"";background:var(--color-accent);border-radius:1px;width:20px;height:2px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}main{z-index:1;flex:1;justify-content:center;width:100%;padding:2.5rem 5%;display:flex;position:relative}.content-wrapper{width:100%;max-width:800px;padding:2.5rem}.page-fade-enter-active,.page-fade-leave-active{transition:all .25s cubic-bezier(.4,0,.2,1)}.page-fade-enter-from{opacity:0;transform:translateY(12px)}.page-fade-leave-to{opacity:0;transform:translateY(-8px)}.site-footer{text-align:center;color:var(--color-text-muted);border-top:1px solid #ffffff0d;padding:1.5rem;font-size:.85rem}@media (width<=768px){.header-inner{height:56px;padding:0 1rem}.logo{font-size:1.15rem}nav{gap:.25rem}nav a{padding:.4rem .75rem;font-size:.85rem}main{padding:1.5rem 3%}.content-wrapper{padding:1.5rem}}@media (width<=480px){.header-inner{height:52px;padding:0 .75rem}.logo{font-size:1rem}nav{gap:0}nav a{padding:.35rem .6rem;font-size:.8rem}main{padding:1rem 2%}.content-wrapper{padding:1.2rem}}.home[data-v-eaaad6e2]{flex-direction:column;align-items:center;width:100%;display:flex}.state-message[data-v-eaaad6e2]{text-align:center;color:#b0b0b0;padding:3rem 1.5rem}.state-message h3[data-v-eaaad6e2]{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.state-message p[data-v-eaaad6e2]{margin-bottom:1rem}.state-error[data-v-eaaad6e2]{background:#ff505014;border:1px solid #ff505033;border-radius:12px}.error-icon[data-v-eaaad6e2]{margin-bottom:.75rem;font-size:2.5rem;display:block}.retry-btn[data-v-eaaad6e2]{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:.55rem 1.5rem;font-size:.9rem;transition:all .2s}.retry-btn[data-v-eaaad6e2]:hover{background:#ffffff2e;border-color:#ffffff59}.spinner[data-v-eaaad6e2]{border:3px solid #ffffff1a;border-top-color:#64b5f6;border-radius:50%;width:36px;height:36px;margin:0 auto 1rem;animation:.8s linear infinite spin-eaaad6e2;display:block}@keyframes spin-eaaad6e2{to{transform:rotate(360deg)}}.search-bar[data-v-eaaad6e2]{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.5rem;width:100%;margin-bottom:2rem;padding:0 1rem;transition:border-color .2s;display:flex}.search-bar[data-v-eaaad6e2]:focus-within{border-color:#64b4f666}.search-icon[data-v-eaaad6e2]{flex-shrink:0;font-size:1.1rem}.search-input[data-v-eaaad6e2]{color:#ddd;background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-family:inherit;font-size:.95rem}.search-input[data-v-eaaad6e2]::placeholder{color:#888}.search-btn[data-v-eaaad6e2]{color:#fff;cursor:pointer;background:#64b5f6;border:none;border-radius:8px;flex-shrink:0;padding:.45rem 1.2rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:all .2s}.search-btn[data-v-eaaad6e2]:hover{background:#90caf9}.post-list[data-v-eaaad6e2]{flex-direction:column;gap:1.25rem;width:100%;display:flex}.post-card[data-v-eaaad6e2]{cursor:default;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out both card-enter-eaaad6e2;position:relative;overflow:hidden}.post-card[data-v-eaaad6e2]:before{content:"";opacity:0;background:linear-gradient(#64b5f6,#ce93d8);border-radius:0 3px 3px 0;width:3px;transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:1rem;bottom:1rem;left:0}.post-card[data-v-eaaad6e2]:hover{background:#ffffff14;border-color:#ffffff26;transform:translate(4px);box-shadow:0 4px 20px #00000040}.post-card[data-v-eaaad6e2]:hover:before{opacity:1}@keyframes card-enter-eaaad6e2{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card-meta[data-v-eaaad6e2]{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.post-date[data-v-eaaad6e2]{color:#bbb;font-size:.8rem}.post-tag[data-v-eaaad6e2]{text-transform:uppercase;letter-spacing:.5px;color:#64b5f6;background:#64b4f626;border-radius:100px;padding:.15rem .6rem;font-size:.7rem;font-weight:600}.post-title[data-v-eaaad6e2]{color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:700;line-height:1.4;transition:color .2s}.post-card:hover .post-title[data-v-eaaad6e2]{color:#90caf9}.post-excerpt[data-v-eaaad6e2]{color:#ccc;margin-bottom:1rem;font-size:.92rem;line-height:1.65}.read-more[data-v-eaaad6e2]{color:#64b5f6;align-items:center;gap:.35rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.read-more .arrow[data-v-eaaad6e2]{transition:transform .2s}.read-more[data-v-eaaad6e2]:hover{color:#90caf9}.read-more:hover .arrow[data-v-eaaad6e2]{transform:translate(3px)}@media (width<=768px){.page-title[data-v-eaaad6e2]{font-size:1.6rem}.post-card[data-v-eaaad6e2]{padding:1.25rem}.post-title[data-v-eaaad6e2]{font-size:1.15rem}}@media (width<=480px){.page-title[data-v-eaaad6e2]{font-size:1.35rem}.post-card[data-v-eaaad6e2]{padding:1rem}.post-title[data-v-eaaad6e2]{font-size:1.05rem}}