:root{--color-background:#f5f7fa;--color-text:#2c3e50;--color-primary:#2c3e50;--color-primary-light:#667eea;--color-border:#e1e8ed;--shadow-color:#00000014;--card-background:#fff;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}[data-theme=dark]{--color-background:#0f1419;--color-text:#e0e0e0;--color-primary:#4a90e2;--color-primary-light:#667eea;--color-border:#2c3340;--shadow-color:#00000080;--card-background:#1a1f28;--gradient-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-accent:linear-gradient(135deg, #f093fb 0%, #f5576c 100%)}body{background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}#app{background:var(--color-background);flex-direction:column;min-height:100vh;display:flex}.container{box-sizing:border-box;flex:1;gap:24px;width:100%;max-width:1400px;margin:0 auto;padding:20px;display:flex}.main-content{flex:1;min-width:0}hr{background:linear-gradient(90deg, transparent, var(--color-border), transparent);border:0;height:1px;margin:24px 0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-background);border-radius:5px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary), var(--color-primary-light));border-radius:5px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--color-primary-light), var(--color-primary))}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}::selection{background:var(--color-primary);color:#fff}a{color:var(--color-primary);text-decoration:none;transition:all .3s}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto;display:block}@media (width<=768px){.container{flex-direction:column;gap:16px;padding:16px}.main-content{margin-top:0;margin-left:0}}@media print{.navbar,.sidebar,.right-sidebar{display:none}.main-content{margin:0;padding:0}}.auth-modal-overlay[data-v-3c844664]{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn-3c844664;display:flex;position:fixed;inset:0}@keyframes fadeIn-3c844664{0%{opacity:0}to{opacity:1}}.auth-modal[data-v-3c844664]{background:var(--card-background);border:1px solid var(--color-border);border-radius:16px;width:90%;max-width:420px;animation:.3s slideIn-3c844664;overflow:hidden;box-shadow:0 8px 32px #0003}@keyframes slideIn-3c844664{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-3c844664]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.modal-header h2[data-v-3c844664]{color:var(--color-text);margin:0;font-size:1.5rem}.close-btn[data-v-3c844664]{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:2rem;transition:all .3s;display:flex}.close-btn[data-v-3c844664]:hover{background:var(--color-background);color:var(--color-primary)}.modal-body[data-v-3c844664]{padding:24px}.form-group[data-v-3c844664]{margin-bottom:20px}.form-group label[data-v-3c844664]{color:var(--color-text);margin-bottom:8px;font-size:.9rem;font-weight:600;display:block}.form-group input[data-v-3c844664]{border:2px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-text);box-sizing:border-box;border-radius:8px;padding:12px 16px;font-size:1rem;transition:all .3s}.form-group input[data-v-3c844664]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2c3e501a}.form-group input[data-v-3c844664]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-3c844664]{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.9rem}.submit-btn[data-v-3c844664]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .3s}.submit-btn[data-v-3c844664]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.submit-btn[data-v-3c844664]:disabled{opacity:.6;cursor:not-allowed}.switch-mode[data-v-3c844664]{text-align:center;color:var(--color-text);opacity:.8;margin-top:20px}.switch-mode a[data-v-3c844664]{color:var(--color-primary);font-weight:600;text-decoration:none}.switch-mode a[data-v-3c844664]:hover{text-decoration:underline}.avatar-modal-overlay[data-v-f6363f6b]{z-index:2000;background-color:#00000080;justify-content:center;align-items:center;animation:.3s fadeIn-f6363f6b;display:flex;position:fixed;inset:0}@keyframes fadeIn-f6363f6b{0%{opacity:0}to{opacity:1}}.avatar-modal[data-v-f6363f6b]{background:var(--card-background);border:1px solid var(--color-border);border-radius:16px;width:90%;max-width:480px;animation:.3s slideIn-f6363f6b;overflow:hidden;box-shadow:0 8px 32px #0003}@keyframes slideIn-f6363f6b{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-f6363f6b]{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.modal-header h2[data-v-f6363f6b]{color:var(--color-text);margin:0;font-size:1.5rem}.close-btn[data-v-f6363f6b]{color:var(--color-text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:2rem;transition:all .3s;display:flex}.close-btn[data-v-f6363f6b]:hover{background:var(--color-background);color:var(--color-primary)}.modal-body[data-v-f6363f6b]{padding:24px}.avatar-preview[data-v-f6363f6b]{text-align:center;margin-bottom:24px}.current-avatar[data-v-f6363f6b]{width:120px;height:120px;margin:0 auto 16px;position:relative}.current-avatar img[data-v-f6363f6b]{object-fit:cover;border:4px solid var(--color-primary);border-radius:50%;width:100%;height:100%;box-shadow:0 4px 12px #00000026}.avatar-loading[data-v-f6363f6b]{background:#00000080;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-spinner[data-v-f6363f6b]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin-f6363f6b}@keyframes spin-f6363f6b{to{transform:rotate(360deg)}}.preview-tip[data-v-f6363f6b]{color:var(--color-text);opacity:.6;margin:0;font-size:.85rem}.upload-section[data-v-f6363f6b]{text-align:center;margin-bottom:20px}.file-input[data-v-f6363f6b]{display:none}.select-btn[data-v-f6363f6b]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.select-btn[data-v-f6363f6b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.select-btn[data-v-f6363f6b]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-f6363f6b]{color:#c33;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:16px;padding:12px;font-size:.9rem}.action-buttons[data-v-f6363f6b]{gap:12px;margin-top:20px;display:flex}.cancel-btn[data-v-f6363f6b],.confirm-btn[data-v-f6363f6b]{cursor:pointer;border:none;border-radius:8px;flex:1;padding:12px;font-size:1rem;font-weight:600;transition:all .3s}.cancel-btn[data-v-f6363f6b]{background:var(--color-background);color:var(--color-text);border:2px solid var(--color-border)}.cancel-btn[data-v-f6363f6b]:hover:not(:disabled){background:var(--color-border)}.cancel-btn[data-v-f6363f6b]:disabled{opacity:.6;cursor:not-allowed}.confirm-btn[data-v-f6363f6b]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff}.confirm-btn[data-v-f6363f6b]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.confirm-btn[data-v-f6363f6b]:disabled{opacity:.6;cursor:not-allowed}@keyframes slideDown-f6363f6b{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes slideUp-f6363f6b{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-20px)}}.navbar[data-v-2ad3cecf]{background-color:var(--card-background);height:60px;box-shadow:0 2px 4px var(--shadow-color);z-index:1000;justify-content:space-between;align-items:center;padding:0 20px;transition:background-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-brand .logo[data-v-2ad3cecf]{color:var(--color-text);align-items:center;text-decoration:none;display:flex}.logo-icon[data-v-2ad3cecf]{width:32px;height:32px;fill:var(--color-primary);margin-right:10px}.blog-name[data-v-2ad3cecf]{font-size:1.2rem;font-weight:700}.nav-links a[data-v-2ad3cecf]{color:var(--color-text);margin:0 15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a[data-v-2ad3cecf]:hover{color:var(--color-primary)}.search-and-theme[data-v-2ad3cecf]{align-items:center;gap:12px;display:flex}.search-box[data-v-2ad3cecf]{margin-right:15px;position:relative}.search-box input[data-v-2ad3cecf]{border:1px solid var(--color-border);background-color:var(--color-background);color:var(--color-text);border-radius:20px;width:150px;padding:8px 30px 8px 15px;transition:all .3s}.search-box input[data-v-2ad3cecf]:focus{border-color:var(--color-primary);outline:none;width:200px}.search-icon[data-v-2ad3cecf]{width:20px;height:20px;fill:var(--color-text);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.theme-toggle-btn[data-v-2ad3cecf]{cursor:pointer;background:0 0;border:none;padding:5px}.theme-toggle-btn svg[data-v-2ad3cecf]{width:24px;height:24px;fill:var(--color-text)}.user-area[data-v-2ad3cecf]{align-items:center;display:flex;position:relative}.login-btn[data-v-2ad3cecf]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.login-btn[data-v-2ad3cecf]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.user-menu[data-v-2ad3cecf]{background:var(--card-background);border:2px solid var(--color-border);cursor:pointer;border-radius:24px;align-items:center;gap:8px;padding:6px 12px;transition:all .3s;display:flex}.user-menu[data-v-2ad3cecf]:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2c3e5026}.user-avatar[data-v-2ad3cecf]{object-fit:cover;border-radius:50%;width:32px;height:32px}.username[data-v-2ad3cecf]{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:.9rem;font-weight:600;overflow:hidden}.dropdown-icon[data-v-2ad3cecf]{width:16px;height:16px;fill:var(--color-text);transition:transform .3s}.user-menu:hover .dropdown-icon[data-v-2ad3cecf]{transform:rotate(180deg)}.user-dropdown[data-v-2ad3cecf]{background:var(--card-background);z-index:1001;border-radius:12px;min-width:240px;animation:.3s dropdownSlide-2ad3cecf;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000026}@keyframes dropdownSlide-2ad3cecf{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header[data-v-2ad3cecf]{align-items:center;gap:12px;padding:16px;display:flex}.dropdown-avatar[data-v-2ad3cecf]{object-fit:cover;border-radius:50%;width:48px;height:48px}.dropdown-info[data-v-2ad3cecf]{flex:1}.dropdown-username[data-v-2ad3cecf]{color:var(--color-text);font-size:1rem;font-weight:600}.dropdown-divider[data-v-2ad3cecf]{background:var(--color-border);height:1px;margin:0}.dropdown-item[data-v-2ad3cecf]{width:100%;color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;transition:all .2s;display:flex}.dropdown-item[data-v-2ad3cecf]:hover{background:var(--color-background);color:#e74c3c}.dropdown-item svg[data-v-2ad3cecf]{flex-shrink:0}@media (width<=768px){.nav-links[data-v-2ad3cecf]{display:none}.search-box input[data-v-2ad3cecf]{width:100px}.search-box input[data-v-2ad3cecf]:focus{width:120px}.username[data-v-2ad3cecf]{display:none}}.sidebar[data-v-acdb669b]{flex-shrink:0;width:280px}.personal-info-card[data-v-acdb669b]{background:linear-gradient(135deg, var(--card-background) 0%, var(--color-background) 100%);box-shadow:0 8px 24px var(--shadow-color);text-align:center;border-radius:16px;padding:30px 20px;transition:all .3s;position:relative;overflow:hidden}.personal-info-card[data-v-acdb669b]:before{content:"";background:linear-gradient(135deg, var(--color-primary), #667eea);opacity:.1;height:80px;position:absolute;top:0;left:0;right:0}.personal-info-card[data-v-acdb669b]:hover{box-shadow:0 12px 32px var(--shadow-color);transform:translateY(-4px)}.avatar-wrapper[data-v-acdb669b]{margin-bottom:20px;display:inline-block;position:relative}.avatar[data-v-acdb669b]{object-fit:cover;border:4px solid var(--card-background);width:110px;height:110px;box-shadow:0 4px 12px var(--shadow-color);z-index:2;border-radius:50%;transition:all .3s;position:relative}.avatar[data-v-acdb669b]:hover{transform:scale(1.05)rotate(5deg)}.avatar-ring[data-v-acdb669b]{border:2px dashed var(--color-primary);opacity:.3;border-radius:50%;width:120px;height:120px;animation:20s linear infinite rotate-acdb669b;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate-acdb669b{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.nickname[data-v-acdb669b]{color:var(--color-text);z-index:1;margin:0 0 10px;font-size:1.6rem;font-weight:700;position:relative}.bio[data-v-acdb669b]{color:var(--color-text);opacity:.7;z-index:1;margin-bottom:20px;font-size:.9rem;line-height:1.6;position:relative}.stats-row[data-v-acdb669b]{background:var(--color-background);box-shadow:0 2px 8px var(--shadow-color);z-index:1;border-radius:12px;justify-content:space-around;margin-bottom:20px;padding:15px 0;display:flex;position:relative}.stat-item[data-v-acdb669b]{text-align:center;cursor:pointer;transition:all .2s}.stat-item[data-v-acdb669b]:hover{transform:scale(1.1)}.stat-number[data-v-acdb669b]{color:var(--color-primary);margin-bottom:4px;font-size:1.4rem;font-weight:700}.stat-label[data-v-acdb669b]{color:var(--color-text);opacity:.6;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.tech-stack[data-v-acdb669b]{z-index:1;margin-bottom:20px;position:relative}.tag[data-v-acdb669b]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;cursor:pointer;border-radius:20px;margin:4px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-block;box-shadow:0 2px 6px #2c3e5033}.tag[data-v-acdb669b]:hover{transform:translateY(-2px);box-shadow:0 4px 10px #2c3e504d}.github-link[data-v-acdb669b]{color:var(--color-primary);background:var(--color-background);box-shadow:0 2px 8px var(--shadow-color);z-index:1;border-radius:25px;align-items:center;padding:10px 20px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.github-link[data-v-acdb669b]:hover{color:#fff;background:linear-gradient(135deg, var(--color-primary), #667eea);transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}.github-link svg[data-v-acdb669b]{fill:currentColor;width:20px;height:20px;margin-right:8px}.notice-board[data-v-acdb669b]{background:var(--card-background);box-shadow:0 8px 24px var(--shadow-color);border-radius:16px;margin-top:20px;padding:20px;transition:all .3s}.notice-board[data-v-acdb669b]:hover{box-shadow:0 12px 32px var(--shadow-color);transform:translateY(-4px)}.notice-header[data-v-acdb669b]{border-bottom:2px solid var(--color-primary);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.notice-header h3[data-v-acdb669b]{color:var(--color-primary);align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.notice-header .icon[data-v-acdb669b]{width:20px;height:20px;fill:var(--color-primary)}.notice-count[data-v-acdb669b]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.notice-list[data-v-acdb669b]{flex-direction:column;gap:12px;display:flex}.notice-item[data-v-acdb669b]{background:var(--color-background);border-left:3px solid #0000;border-radius:8px;gap:10px;padding:10px;transition:all .2s;display:flex}.notice-item[data-v-acdb669b]:hover{box-shadow:0 2px 8px var(--shadow-color);transform:translate(4px)}.notice-item.notice-important[data-v-acdb669b]{border-left-color:var(--color-primary);background:linear-gradient(135deg, var(--color-background), #2c3e5014)}.notice-dot[data-v-acdb669b]{background:var(--color-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notice-dot.dot-important[data-v-acdb669b]{background:linear-gradient(135deg, var(--color-primary), #667eea);animation:2s infinite pulse-acdb669b}@keyframes pulse-acdb669b{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.notice-content[data-v-acdb669b]{flex:1}.notice-text[data-v-acdb669b]{color:var(--color-text);margin:0 0 6px;font-size:.85rem;line-height:1.5}.notice-date[data-v-acdb669b]{color:var(--color-text);opacity:.6;font-size:.75rem}.notice-empty[data-v-acdb669b]{text-align:center;color:var(--color-text);opacity:.5;padding:20px;font-size:.9rem}.notice-more-btn[data-v-acdb669b]{border:2px solid var(--color-border);width:100%;color:var(--color-primary);cursor:pointer;background:0 0;border-radius:8px;margin-top:12px;padding:8px;font-size:.85rem;font-weight:600;transition:all .3s}.notice-more-btn[data-v-acdb669b]:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}@media (width<=768px){.sidebar[data-v-acdb669b]{width:100%}}.article-card[data-v-d357401a]{background:var(--card-background);box-shadow:0 4px 16px var(--shadow-color);cursor:pointer;border-radius:16px;margin-bottom:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.article-card[data-v-d357401a]:before{content:"";background:linear-gradient(180deg, var(--color-primary), #667eea);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.article-card[data-v-d357401a]:hover{box-shadow:0 12px 28px var(--shadow-color);transform:translateY(-6px)}.article-card[data-v-d357401a]:hover:before{opacity:1}.card-content[data-v-d357401a]{z-index:1;padding:24px;position:relative}.title[data-v-d357401a]{margin:0 0 12px}.title a[data-v-d357401a]{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.4;text-decoration:none;transition:all .3s;display:inline-block}.title a[data-v-d357401a]:hover{color:var(--color-primary);transform:translate(4px)}.meta[data-v-d357401a]{color:var(--color-text);opacity:.7;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;font-size:.85rem;display:flex}.time[data-v-d357401a],.views[data-v-d357401a]{align-items:center;gap:6px;display:flex}.time svg[data-v-d357401a],.views svg[data-v-d357401a]{fill:currentColor;width:16px;height:16px}.category-tag[data-v-d357401a]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #2c3e5033}.category-tag[data-v-d357401a]:hover{transform:scale(1.05);box-shadow:0 3px 8px #2c3e504d}.tags-container[data-v-d357401a]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.article-tag[data-v-d357401a]{background:var(--color-background);color:var(--color-primary);border:1px solid var(--color-border);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .2s}.article-tag[data-v-d357401a]:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 2px 6px #2c3e5033}.excerpt[data-v-d357401a]{color:var(--color-text);opacity:.8;margin:0 0 20px;font-size:.95rem;line-height:1.8}.card-footer[data-v-d357401a]{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:16px;display:flex}.read-more[data-v-d357401a]{color:var(--color-primary);background:var(--color-background);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.read-more[data-v-d357401a]:hover{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;transform:translate(4px);box-shadow:0 4px 12px #2c3e504d}.read-more svg[data-v-d357401a]{fill:currentColor;width:18px;height:18px;transition:transform .3s}.read-more:hover svg[data-v-d357401a]{transform:translate(4px)}.card-decoration[data-v-d357401a]{background:radial-gradient(circle, var(--color-primary) 0%, transparent 70%);opacity:.03;pointer-events:none;width:200px;height:200px;position:absolute;top:-50%;right:-50%}@media (width<=768px){.card-content[data-v-d357401a]{padding:16px}.title a[data-v-d357401a]{font-size:1.3rem}.meta[data-v-d357401a]{gap:12px}}.weather-widget[data-v-7f4bee30]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:16px;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.weather-widget[data-v-7f4bee30]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.weather-header[data-v-7f4bee30]{border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.weather-header h3[data-v-7f4bee30]{align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.weather-header .icon[data-v-7f4bee30]{fill:#fff;width:18px;height:18px}.location[data-v-7f4bee30]{opacity:.9;font-size:.85rem}.weather-content[data-v-7f4bee30]{margin-bottom:12px}.weather-main[data-v-7f4bee30]{align-items:center;gap:16px;margin-bottom:16px;display:flex}.weather-icon[data-v-7f4bee30]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.weather-icon svg[data-v-7f4bee30]{fill:#fff;width:40px;height:40px}.weather-info[data-v-7f4bee30]{flex:1}.temperature[data-v-7f4bee30]{margin-bottom:4px;font-size:2.5rem;font-weight:700;line-height:1}.description[data-v-7f4bee30]{opacity:.9;font-size:.9rem}.weather-details[data-v-7f4bee30]{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-item[data-v-7f4bee30]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:.85rem;display:flex}.detail-icon[data-v-7f4bee30]{fill:#fff;flex-shrink:0;width:16px;height:16px}.weather-update[data-v-7f4bee30]{opacity:.7;text-align:right;margin-top:8px;font-size:.75rem}.calendar-widget[data-v-f0e21607]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;padding:16px;transition:all .3s}.calendar-widget[data-v-f0e21607]:hover{box-shadow:0 6px 16px var(--shadow-color);transform:translateY(-2px)}.calendar-header[data-v-f0e21607]{text-align:center;border-bottom:2px solid var(--color-primary);margin-bottom:12px;padding-bottom:12px}.calendar-header h3[data-v-f0e21607]{color:var(--color-primary);margin:0;font-size:1.1rem;font-weight:600}.weekdays[data-v-f0e21607]{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.weekdays span[data-v-f0e21607]{text-align:center;color:var(--color-text);opacity:.6;padding:4px 0;font-size:.75rem;font-weight:600}.days[data-v-f0e21607]{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day[data-v-f0e21607]{aspect-ratio:1;cursor:pointer;color:var(--color-text);border-radius:6px;justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex;position:relative}.day[data-v-f0e21607]:hover:not(.other-month){background:var(--color-primary);color:#fff;transform:scale(1.1)}.day.today[data-v-f0e21607]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;font-weight:700;box-shadow:0 2px 8px #2c3e504d}.day.other-month[data-v-f0e21607]{opacity:.3;cursor:default}.day.has-article[data-v-f0e21607]:after{content:"";background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.day.has-article.today[data-v-f0e21607]:after{background:#fff}.hot-articles[data-v-9f5001ea]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;padding:16px;transition:all .3s}.hot-articles[data-v-9f5001ea]:hover{box-shadow:0 6px 16px var(--shadow-color);transform:translateY(-2px)}.hot-header[data-v-9f5001ea]{border-bottom:2px solid var(--color-primary);margin-bottom:16px;padding-bottom:12px}.hot-header h3[data-v-9f5001ea]{color:var(--color-primary);align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.hot-header .icon[data-v-9f5001ea]{width:20px;height:20px;fill:var(--color-primary)}.hot-list[data-v-9f5001ea]{flex-direction:column;gap:12px;display:flex}.hot-item[data-v-9f5001ea]{cursor:pointer;background:0 0;border-radius:8px;gap:12px;padding:10px;transition:all .2s;display:flex}.hot-item[data-v-9f5001ea]:hover{background:var(--color-background);transform:translate(4px)}.hot-rank[data-v-9f5001ea]{background:var(--color-background);width:28px;height:28px;color:var(--color-text);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.hot-rank.top-three[data-v-9f5001ea]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;box-shadow:0 2px 6px #2c3e504d}.hot-content[data-v-9f5001ea]{flex:1;min-width:0}.hot-title[data-v-9f5001ea]{color:var(--color-text);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.hot-meta[data-v-9f5001ea]{color:var(--color-text);opacity:.6;gap:12px;font-size:.75rem;display:flex}.hot-views[data-v-9f5001ea]{align-items:center;gap:4px;display:flex}.hot-views svg[data-v-9f5001ea]{fill:currentColor;width:14px;height:14px}.hot-date[data-v-9f5001ea]{align-items:center;display:flex}.home-view[data-v-a2e63cba]{background:var(--color-background);min-height:100vh;padding-top:60px}.container[data-v-a2e63cba]{grid-template-columns:280px 1fr 300px;gap:24px;max-width:1400px;margin:0 auto;padding:24px 20px;display:grid}.left-sidebar[data-v-a2e63cba]{height:fit-content;animation:.6s fadeInLeft-a2e63cba;position:sticky;top:84px}.main-content[data-v-a2e63cba]{animation:.6s fadeInUp-a2e63cba}.right-sidebar[data-v-a2e63cba]{flex-direction:column;gap:20px;height:fit-content;animation:.6s fadeInRight-a2e63cba;display:flex;position:sticky;top:84px}.content-header[data-v-a2e63cba]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;margin-bottom:24px;padding:20px}.header-top[data-v-a2e63cba]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.page-title[data-v-a2e63cba]{color:var(--color-text);background:linear-gradient(135deg, var(--color-primary), #667eea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.8rem;font-weight:700}.content-filter[data-v-a2e63cba]{gap:8px;display:flex}.filter-btn[data-v-a2e63cba]{border:2px solid var(--color-border);background:var(--card-background);color:var(--color-text);cursor:pointer;border-radius:20px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn[data-v-a2e63cba]:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.filter-btn.active[data-v-a2e63cba]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-color:#0000;box-shadow:0 4px 12px #2c3e504d}.category-filter[data-v-a2e63cba]{justify-content:space-between;align-items:center;gap:12px;min-height:36px;display:flex}.category-list[data-v-a2e63cba]{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.expand-btn[data-v-a2e63cba]{color:var(--color-primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .3s;display:flex}.expand-btn[data-v-a2e63cba]:hover{color:#667eea;transform:translate(2px)}.expand-btn svg[data-v-a2e63cba]{transition:transform .3s}.expand-btn svg.rotate[data-v-a2e63cba]{transform:rotate(180deg)}.category-btn[data-v-a2e63cba]{border:2px solid var(--color-border);background:var(--card-background);color:var(--color-text);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:.85rem;font-weight:600;line-height:1.4;transition:all .3s}.category-btn[data-v-a2e63cba]:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px #2c3e5026}.category-btn.active[data-v-a2e63cba]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-color:#0000;box-shadow:0 4px 12px #2c3e504d}.articles-list[data-v-a2e63cba]{flex-direction:column;display:flex}.loading-container[data-v-a2e63cba]{color:var(--color-text);opacity:.7;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner[data-v-a2e63cba]{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin-a2e63cba}@keyframes spin-a2e63cba{to{transform:rotate(360deg)}}.pagination-container[data-v-a2e63cba]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding:20px;display:flex}.pagination-info[data-v-a2e63cba]{color:var(--color-text);opacity:.8;align-items:center;gap:16px;font-size:.9rem;display:flex}.page-size-select[data-v-a2e63cba]{border:2px solid var(--color-border);background:var(--card-background);color:var(--color-text);cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .3s}.page-size-select[data-v-a2e63cba]:hover{border-color:var(--color-primary)}.page-size-select[data-v-a2e63cba]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2c3e501a}.pagination[data-v-a2e63cba]{align-items:center;gap:8px;display:flex}.page-btn[data-v-a2e63cba]{border:2px solid var(--color-border);background:var(--card-background);min-width:36px;height:36px;color:var(--color-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 8px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.page-btn[data-v-a2e63cba]:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 8px #2c3e5026}.page-btn.active[data-v-a2e63cba]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-color:#0000;box-shadow:0 4px 12px #2c3e504d}.page-btn[data-v-a2e63cba]:disabled{opacity:.4;cursor:not-allowed}.page-btn.page-ellipsis[data-v-a2e63cba]{cursor:default;opacity:.6;background:0 0;border:none}.page-btn svg[data-v-a2e63cba]{fill:currentColor}.widget[data-v-a2e63cba]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;padding:16px;transition:all .3s}.widget[data-v-a2e63cba]:hover{box-shadow:0 6px 16px var(--shadow-color);transform:translateY(-2px)}.widget-header[data-v-a2e63cba]{border-bottom:2px solid var(--color-primary);margin-bottom:16px;padding-bottom:12px}.widget-header h3[data-v-a2e63cba]{color:var(--color-primary);align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.widget-header .icon[data-v-a2e63cba]{width:20px;height:20px;fill:var(--color-primary)}.tags[data-v-a2e63cba]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-a2e63cba]{background:var(--color-background);color:var(--color-text);cursor:pointer;border:1px solid var(--color-border);border-radius:20px;padding:6px 12px;font-size:.85rem;transition:all .2s}.tag[data-v-a2e63cba]:hover{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 8px #2c3e5033}@keyframes fadeInLeft-a2e63cba{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp-a2e63cba{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight-a2e63cba{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.container[data-v-a2e63cba]{grid-template-columns:260px 1fr}.right-sidebar[data-v-a2e63cba]{display:none}}@media (width<=768px){.container[data-v-a2e63cba]{grid-template-columns:1fr;gap:16px;padding:16px}.left-sidebar[data-v-a2e63cba]{position:static}.header-top[data-v-a2e63cba]{flex-direction:column;align-items:flex-start;gap:12px}.page-title[data-v-a2e63cba]{font-size:1.5rem}.category-filter[data-v-a2e63cba]{flex-direction:column}.category-list[data-v-a2e63cba]{flex-wrap:wrap}}.about-page[data-v-99ec422e]{min-height:100vh;padding-top:60px}.container[data-v-99ec422e]{max-width:1200px;margin:0 auto;padding:0 20px}.section-title[data-v-99ec422e]{text-align:center;background:linear-gradient(135deg, var(--color-primary), #667eea);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.5rem;font-weight:700}.hero-section[data-v-99ec422e]{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:600px;padding:60px 20px;display:flex;position:relative;overflow:hidden}.hero-container[data-v-99ec422e]{z-index:2;text-align:center;color:#fff;max-width:800px;position:relative}.avatar-section[data-v-99ec422e]{margin-bottom:2rem}.avatar-wrapper[data-v-99ec422e]{display:inline-block;position:relative}.hero-avatar[data-v-99ec422e]{object-fit:cover;z-index:2;border:6px solid #ffffff4d;border-radius:50%;width:180px;height:180px;transition:all .3s;position:relative;box-shadow:0 8px 32px #0000004d}.hero-avatar[data-v-99ec422e]:hover{transform:scale(1.05)}.avatar-glow[data-v-99ec422e]{background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:2s ease-in-out infinite pulse-99ec422e;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-99ec422e{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.hero-title[data-v-99ec422e]{text-shadow:0 2px 8px #0003;margin-bottom:1rem;font-size:3.5rem;font-weight:800}.hero-subtitle[data-v-99ec422e]{opacity:.95;margin-bottom:1.5rem;font-size:1.3rem}.hero-description[data-v-99ec422e]{opacity:.9;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.8}.hero-actions[data-v-99ec422e]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-decoration[data-v-99ec422e]{pointer-events:none;position:absolute;inset:0}.circle[data-v-99ec422e]{background:#ffffff1a;border-radius:50%;animation:20s ease-in-out infinite float-99ec422e;position:absolute}.circle-1[data-v-99ec422e]{width:300px;height:300px;animation-delay:0s;top:-100px;right:-50px}.circle-2[data-v-99ec422e]{width:200px;height:200px;animation-delay:3s;bottom:-50px;left:-50px}.circle-3[data-v-99ec422e]{width:150px;height:150px;animation-delay:6s;top:50%;right:10%}@keyframes float-99ec422e{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(180deg)}}.btn[data-v-99ec422e]{cursor:pointer;border:none;border-radius:30px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn svg[data-v-99ec422e]{fill:currentColor;width:20px;height:20px}.btn-primary[data-v-99ec422e]{color:#667eea;background:#fff;box-shadow:0 4px 12px #0003}.btn-primary[data-v-99ec422e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-secondary[data-v-99ec422e]{color:#fff;background:0 0;border:2px solid #fff}.btn-secondary[data-v-99ec422e]:hover{color:#667eea;background:#fff}.btn-large[data-v-99ec422e]{padding:16px 40px;font-size:1.1rem}.btn-white[data-v-99ec422e]{color:#667eea;background:#fff}.btn-white[data-v-99ec422e]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.btn-outline[data-v-99ec422e]{color:#fff;background:0 0;border:2px solid #fff}.btn-outline[data-v-99ec422e]:hover{color:#667eea;background:#fff}.btn-block[data-v-99ec422e]{justify-content:center;width:100%}.value-section[data-v-99ec422e]{background:var(--card-background);padding:80px 0}.value-grid[data-v-99ec422e]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.value-card[data-v-99ec422e]{text-align:center;background:var(--color-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:16px;padding:2rem;transition:all .3s}.value-card[data-v-99ec422e]:hover{box-shadow:0 12px 24px var(--shadow-color);transform:translateY(-8px)}.value-icon[data-v-99ec422e]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 4px 12px #667eea4d}.value-icon svg[data-v-99ec422e]{fill:#fff;width:40px;height:40px}.value-card h3[data-v-99ec422e]{color:var(--color-text);margin-bottom:1rem;font-size:1.5rem}.value-card p[data-v-99ec422e]{color:var(--color-text);opacity:.7;line-height:1.6}.story-section[data-v-99ec422e]{background:var(--color-background);padding:80px 0}.story-content[data-v-99ec422e]{grid-template-columns:2fr 1fr;align-items:start;gap:3rem;display:grid}.story-text[data-v-99ec422e]{color:var(--color-text);font-size:1.1rem;line-height:1.8}.story-lead[data-v-99ec422e]{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.3rem;font-weight:600}.story-text p[data-v-99ec422e]{margin-bottom:1.5rem}.story-stats[data-v-99ec422e]{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.stat-card[data-v-99ec422e]{text-align:center;background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;padding:1.5rem;transition:all .3s}.stat-card[data-v-99ec422e]:hover{transform:scale(1.05)}.stat-number[data-v-99ec422e]{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-label[data-v-99ec422e]{color:var(--color-text);opacity:.7;font-size:.9rem}.proof-section[data-v-99ec422e]{background:var(--card-background);padding:80px 0}.proof-grid[data-v-99ec422e]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.proof-card[data-v-99ec422e]{background:var(--color-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:16px;padding:2rem;transition:all .3s}.proof-card[data-v-99ec422e]:hover{box-shadow:0 8px 20px var(--shadow-color);transform:translateY(-4px)}.proof-rating[data-v-99ec422e]{gap:4px;margin-bottom:1rem;display:flex}.proof-rating svg[data-v-99ec422e]{fill:#ffc107;width:24px;height:24px}.proof-text[data-v-99ec422e]{color:var(--color-text);margin-bottom:1.5rem;font-size:1rem;font-style:italic;line-height:1.6}.proof-author[data-v-99ec422e]{align-items:center;gap:1rem;display:flex}.author-avatar[data-v-99ec422e]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.author-avatar svg[data-v-99ec422e]{fill:#fff;width:30px;height:30px}.author-info[data-v-99ec422e]{flex:1}.author-name[data-v-99ec422e]{color:var(--color-text);margin-bottom:.25rem;font-weight:600}.author-title[data-v-99ec422e]{color:var(--color-text);opacity:.6;font-size:.85rem}.cta-section[data-v-99ec422e]{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 0}.cta-content[data-v-99ec422e]{max-width:700px;margin:0 auto}.cta-title[data-v-99ec422e]{margin-bottom:1rem;font-size:2.5rem;font-weight:800}.cta-description[data-v-99ec422e]{opacity:.95;margin-bottom:2.5rem;font-size:1.2rem}.cta-actions[data-v-99ec422e]{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.contact-section[data-v-99ec422e]{background:var(--color-background);padding:80px 0}.contact-grid[data-v-99ec422e]{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.contact-info[data-v-99ec422e]{flex-direction:column;gap:2rem;display:flex}.contact-item[data-v-99ec422e]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:12px;align-items:flex-start;gap:1.5rem;padding:1.5rem;transition:all .3s;display:flex}.contact-item[data-v-99ec422e]:hover{transform:translate(8px)}.contact-icon[data-v-99ec422e]{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.contact-icon svg[data-v-99ec422e]{fill:#fff;width:30px;height:30px}.contact-details h3[data-v-99ec422e]{color:var(--color-text);margin-bottom:.5rem;font-size:1.2rem}.contact-details p[data-v-99ec422e]{color:var(--color-text);opacity:.7}.contact-details a[data-v-99ec422e]{color:var(--color-primary);text-decoration:none;transition:all .3s}.contact-details a[data-v-99ec422e]:hover{color:#667eea}.contact-form-wrapper[data-v-99ec422e]{background:var(--card-background);box-shadow:0 4px 12px var(--shadow-color);border-radius:16px;padding:2rem}.contact-form[data-v-99ec422e]{flex-direction:column;gap:1.5rem;display:flex}.form-group[data-v-99ec422e]{flex-direction:column;gap:.5rem;display:flex}.form-group label[data-v-99ec422e]{color:var(--color-text);font-weight:600}.form-group input[data-v-99ec422e],.form-group textarea[data-v-99ec422e]{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:1rem;transition:all .3s}.form-group input[data-v-99ec422e]:focus,.form-group textarea[data-v-99ec422e]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.about-footer[data-v-99ec422e]{background:var(--card-background);text-align:center;color:var(--color-text);opacity:.7;border-top:1px solid var(--color-border);padding:2rem 0}@media (width<=968px){.story-content[data-v-99ec422e],.contact-grid[data-v-99ec422e]{grid-template-columns:1fr}}@media (width<=768px){.section-title[data-v-99ec422e]{font-size:2rem}.hero-title[data-v-99ec422e]{font-size:2.5rem}.hero-subtitle[data-v-99ec422e]{font-size:1.1rem}.hero-avatar[data-v-99ec422e]{width:140px;height:140px}.avatar-glow[data-v-99ec422e]{width:160px;height:160px}.story-stats[data-v-99ec422e]{grid-template-columns:1fr}.cta-title[data-v-99ec422e]{font-size:2rem}}.comment-item[data-v-8156bee1]{align-items:flex-start;gap:12px;display:flex}.avatar-column[data-v-8156bee1]{flex-direction:column;flex-shrink:0;align-items:center;width:38px;display:flex}.avatar[data-v-8156bee1]{object-fit:cover;border:2px solid color-mix(in srgb, var(--color-primary) 24%, transparent);border-radius:50%;width:34px;height:34px}.branch-line[data-v-8156bee1]{background:linear-gradient(to bottom, color-mix(in srgb, var(--color-primary) 45%, transparent), transparent);flex:1;width:2px;margin-top:6px}.comment-main[data-v-8156bee1]{flex:1;min-width:0}.comment-card[data-v-8156bee1]{background:var(--card-background);border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);box-shadow:0 6px 16px color-mix(in srgb, var(--shadow-color) 45%, transparent);border-radius:12px;padding:14px 14px 12px}.comment-item.is-reply .comment-card[data-v-8156bee1]{background:color-mix(in srgb, var(--card-background) 70%, var(--color-background))}.comment-body[data-v-8156bee1]{flex-direction:column;gap:8px;display:flex}.comment-line[data-v-8156bee1]{word-wrap:break-word;align-items:baseline;gap:4px;line-height:1.6;display:flex}.username[data-v-8156bee1]{color:var(--color-primary);flex-shrink:0;font-size:.95rem;font-weight:600}.reply-text[data-v-8156bee1]{color:color-mix(in srgb, var(--color-text) 60%, transparent);flex-shrink:0;margin:0 4px;font-size:.85rem}.reply-to-user[data-v-8156bee1]{color:var(--color-primary-light,#667eea);flex-shrink:0;font-size:.9rem;font-weight:500}.colon[data-v-8156bee1]{color:var(--color-text);opacity:.6;flex-shrink:0}.comment-content[data-v-8156bee1]{color:var(--color-text);word-wrap:break-word;white-space:pre-wrap;flex:1;min-width:0}.comment-meta[data-v-8156bee1]{justify-content:space-between;align-items:center;gap:12px;display:flex}.comment-time[data-v-8156bee1]{color:color-mix(in srgb, var(--color-text) 55%, transparent);flex-shrink:0;font-size:.78rem}.comment-actions[data-v-8156bee1]{align-items:center;gap:8px;display:flex}.action-btn[data-v-8156bee1]{color:color-mix(in srgb, var(--color-text) 70%, transparent);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:.78rem;transition:all .2s;display:inline-flex}.action-btn[data-v-8156bee1]:hover{background:color-mix(in srgb, var(--color-background) 85%, transparent);border-color:var(--color-border);color:var(--color-primary)}.toggle-btn[data-v-8156bee1]{font-weight:500}.toggle-btn svg[data-v-8156bee1]{display:inline-block}.like-btn.liked[data-v-8156bee1]{color:#e74c3c;background:color-mix(in srgb, #e74c3c 8%, var(--card-background));border-color:#e74c3c4d}.reply-form[data-v-8156bee1]{background:var(--color-background);border:1px solid color-mix(in srgb, var(--color-border) 88%, transparent);border-radius:10px;margin-top:10px;margin-left:4px;padding:12px;animation:.28s slideDown-8156bee1}@keyframes slideDown-8156bee1{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.reply-form textarea[data-v-8156bee1]{border:1px solid var(--color-border);background:var(--card-background);width:100%;color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:8px;min-height:68px;padding:9px 10px;font-family:inherit;font-size:.9rem}.reply-form textarea[data-v-8156bee1]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 14%, transparent);outline:none}.reply-actions[data-v-8156bee1]{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.reply-actions-right[data-v-8156bee1]{align-items:center;gap:8px;display:flex}.reply-count[data-v-8156bee1]{color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:.76rem}.cancel-btn[data-v-8156bee1]{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;transition:all .2s}.cancel-btn[data-v-8156bee1]:hover{border-color:var(--color-primary);color:var(--color-primary)}.submit-reply-btn[data-v-8156bee1]{background:linear-gradient(135deg, var(--color-primary), #6288f7);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:6px 14px;font-weight:600;transition:all .2s}.submit-reply-btn[data-v-8156bee1]:hover:not(:disabled){transform:translateY(-1px)}.submit-reply-btn[data-v-8156bee1]:disabled{opacity:.58;cursor:not-allowed}.replies[data-v-8156bee1]{border-left:2px solid color-mix(in srgb, var(--color-primary) 22%, var(--color-border));flex-direction:column;gap:10px;margin-top:10px;margin-left:18px;padding-left:14px;display:flex}@media (width<=768px){.comment-item[data-v-8156bee1]{gap:8px}.avatar-column[data-v-8156bee1]{width:30px}.avatar[data-v-8156bee1]{width:28px;height:28px}.comment-card[data-v-8156bee1]{padding:12px}.comment-body[data-v-8156bee1]{gap:6px}.comment-line[data-v-8156bee1]{flex-direction:column;gap:2px}.comment-meta[data-v-8156bee1]{flex-direction:row;justify-content:space-between}.replies[data-v-8156bee1]{margin-left:10px;padding-left:10px}}.comment-section[data-v-e8ca6148]{border-top:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);margin-top:48px;padding-top:36px}.section-header[data-v-e8ca6148]{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.title-wrap[data-v-e8ca6148]{flex-direction:column;gap:6px;display:flex}.section-title[data-v-e8ca6148]{color:var(--color-text);align-items:center;gap:10px;margin:0;font-size:1.45rem;font-weight:700;display:flex}.section-title svg[data-v-e8ca6148]{fill:var(--color-primary)}.section-subtitle[data-v-e8ca6148]{color:color-mix(in srgb, var(--color-text) 68%, transparent);margin:0;font-size:.92rem}.comment-total[data-v-e8ca6148]{border:1px solid color-mix(in srgb, var(--color-primary) 35%, var(--color-border));color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 8%, var(--card-background));white-space:nowrap;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:600}.comment-form[data-v-e8ca6148]{background:var(--card-background);box-shadow:0 12px 26px color-mix(in srgb, var(--shadow-color) 65%, transparent);border:1px solid color-mix(in srgb, var(--color-border) 82%, transparent);border-radius:16px;margin-bottom:20px;padding:22px;position:relative;overflow:hidden}.comment-form[data-v-e8ca6148]:before{content:"";background:linear-gradient(90deg, var(--color-primary), #5aa2ff, #7cb7ff);width:100%;height:4px;position:absolute;inset:0 auto auto 0}.comment-form.is-guest[data-v-e8ca6148]{opacity:.92}.form-header[data-v-e8ca6148]{gap:14px;display:flex}.avatar-wrap[data-v-e8ca6148]{flex-shrink:0;position:relative}.user-avatar[data-v-e8ca6148]{object-fit:cover;border:2px solid color-mix(in srgb, var(--color-primary) 24%, transparent);border-radius:50%;width:46px;height:46px}.online-dot[data-v-e8ca6148]{border:2px solid var(--card-background);background:#25c66a;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.form-input-wrapper[data-v-e8ca6148]{flex:1;min-width:0}.form-input-wrapper textarea[data-v-e8ca6148]{border:1px solid var(--color-border);background:var(--color-background);width:100%;color:var(--color-text);resize:vertical;box-sizing:border-box;border-radius:12px;min-height:100px;padding:13px 14px;font-family:inherit;font-size:.96rem;transition:all .25s}.form-input-wrapper textarea[data-v-e8ca6148]:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb, var(--color-primary) 16%, transparent);outline:none}.form-input-wrapper textarea[data-v-e8ca6148]:disabled{opacity:.72;cursor:not-allowed}.form-actions[data-v-e8ca6148]{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.form-actions-right[data-v-e8ca6148]{align-items:center;gap:10px;display:flex}.content-counter[data-v-e8ca6148]{color:color-mix(in srgb, var(--color-text) 55%, transparent);font-size:.8rem}.emoji-btn[data-v-e8ca6148]{background:var(--color-background);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:.9rem;transition:all .2s}.emoji-btn[data-v-e8ca6148]:hover{border-color:var(--color-primary);color:var(--color-primary)}.submit-btn[data-v-e8ca6148]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:9px 20px;font-weight:600;transition:all .3s}.submit-btn[data-v-e8ca6148]:hover:not(:disabled){box-shadow:0 8px 18px color-mix(in srgb, var(--color-primary) 35%, transparent);transform:translateY(-1px)}.submit-btn[data-v-e8ca6148]:disabled{opacity:.55;cursor:not-allowed}.emoji-picker[data-v-e8ca6148]{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;margin-top:14px;padding:16px;animation:.3s slideDown-e8ca6148}@keyframes slideDown-e8ca6148{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.emoji-categories[data-v-e8ca6148]{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.category-btn[data-v-e8ca6148]{background:var(--card-background);border:1px solid var(--color-border);cursor:pointer;color:var(--color-text);border-radius:999px;padding:6px 10px;font-size:.8rem;transition:all .2s}.category-btn[data-v-e8ca6148]:hover{border-color:var(--color-primary)}.category-btn.active[data-v-e8ca6148]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.emoji-grid[data-v-e8ca6148]{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:4px;max-height:200px;display:grid;overflow-y:auto}.emoji-item[data-v-e8ca6148]{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px;font-size:1.5rem;transition:all .2s}.emoji-item[data-v-e8ca6148]:hover{background:color-mix(in srgb, var(--color-primary) 14%, var(--card-background));transform:scale(1.12)}.login-prompt[data-v-e8ca6148]{background:color-mix(in srgb, var(--color-background) 78%, var(--card-background));border:1px dashed color-mix(in srgb, var(--color-primary) 45%, var(--color-border));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.login-prompt p[data-v-e8ca6148]{color:var(--color-text);opacity:.76;margin:0;font-size:.92rem}.login-btn[data-v-e8ca6148]{background:linear-gradient(135deg, var(--color-primary), #6288f7);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:7px 16px;font-weight:600;transition:all .3s}.login-btn[data-v-e8ca6148]:hover{box-shadow:0 7px 14px color-mix(in srgb, var(--color-primary) 28%, transparent);transform:translateY(-1px)}.comment-list-shell[data-v-e8ca6148]{background:color-mix(in srgb, var(--color-background) 40%, var(--card-background));border:1px solid color-mix(in srgb, var(--color-border) 85%, transparent);border-radius:14px;padding:14px}.list-title[data-v-e8ca6148]{border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);justify-content:space-between;align-items:center;margin-bottom:6px;padding:2px 4px 12px;display:flex}.list-title h4[data-v-e8ca6148]{color:var(--color-text);margin:0;font-size:1rem}.list-title span[data-v-e8ca6148]{color:color-mix(in srgb, var(--color-text) 62%, transparent);font-size:.82rem}.comment-list[data-v-e8ca6148]{flex-direction:column;gap:14px;display:flex}.empty-state[data-v-e8ca6148]{text-align:center;color:var(--color-text);opacity:.62;border:1px dashed var(--color-border);background:var(--card-background);border-radius:12px;padding:52px 20px}.empty-state svg[data-v-e8ca6148]{margin-bottom:10px}.empty-state p[data-v-e8ca6148]{margin:0;font-size:.98rem}@media (width<=768px){.section-header[data-v-e8ca6148]{flex-direction:column;align-items:flex-start}.comment-total[data-v-e8ca6148]{align-self:flex-start}.comment-form[data-v-e8ca6148]{padding:16px}.form-header[data-v-e8ca6148]{flex-direction:column}.avatar-wrap[data-v-e8ca6148]{display:none}.form-actions[data-v-e8ca6148]{flex-direction:column;align-items:stretch}.form-actions-right[data-v-e8ca6148]{justify-content:space-between}.login-prompt[data-v-e8ca6148]{flex-direction:column;align-items:flex-start}}.article-page[data-v-0a196cb3]{background:var(--color-background);min-height:100vh;padding-top:60px}.container[data-v-0a196cb3]{width:100%;max-width:900px;margin:0 auto;padding:40px 20px}.card[data-v-0a196cb3]{background:var(--card-background);box-shadow:0 4px 16px var(--shadow-color);border-radius:16px;width:100%;min-height:calc(100vh - 180px);padding:40px}.loading-container[data-v-0a196cb3]{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:100px 20px;display:flex}.loading-spinner[data-v-0a196cb3]{border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;margin-bottom:16px;animation:1s linear infinite spin-0a196cb3}@keyframes spin-0a196cb3{to{transform:rotate(360deg)}}.error-container[data-v-0a196cb3]{text-align:center;padding:80px 20px}.error-container h2[data-v-0a196cb3]{color:#e74c3c;margin-bottom:16px}.error-container p[data-v-0a196cb3]{color:var(--color-text);opacity:.7;margin-bottom:24px}.article-header[data-v-0a196cb3]{border-bottom:2px solid var(--color-border);margin-bottom:40px;padding-bottom:24px}.article-header h1[data-v-0a196cb3]{color:var(--color-text);margin:0 0 16px;font-size:2.5rem;font-weight:700;line-height:1.3}.meta[data-v-0a196cb3]{color:var(--color-text);opacity:.7;gap:16px;margin-bottom:16px;font-size:.9rem;display:flex}.meta span[data-v-0a196cb3]{align-items:center;gap:4px;display:flex}.category[data-v-0a196cb3]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;border-radius:20px;padding:4px 12px;font-weight:600}.tags[data-v-0a196cb3]{flex-wrap:wrap;gap:8px;display:flex}.tag[data-v-0a196cb3]{background:var(--color-background);color:var(--color-text);border:1px solid var(--color-border);border-radius:20px;padding:4px 12px;font-size:.85rem}.content[data-v-0a196cb3]{color:var(--color-text);font-size:16px;line-height:1.8}.content[data-v-0a196cb3] h1,.content[data-v-0a196cb3] h2,.content[data-v-0a196cb3] h3,.content[data-v-0a196cb3] h4,.content[data-v-0a196cb3] h5,.content[data-v-0a196cb3] h6{color:var(--color-text);margin:32px 0 16px;font-weight:600}.content[data-v-0a196cb3] h1{font-size:2rem}.content[data-v-0a196cb3] h2{font-size:1.75rem}.content[data-v-0a196cb3] h3{font-size:1.5rem}.content[data-v-0a196cb3] p{margin:16px 0}.content[data-v-0a196cb3] code{background:var(--color-background);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em}.content[data-v-0a196cb3] pre{color:#d4d4d4;background:#1e1e1e;border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.content[data-v-0a196cb3] pre code{color:inherit;background:0 0;padding:0}.content[data-v-0a196cb3] blockquote{border-left:4px solid var(--color-primary);background:var(--color-background);border-radius:0 8px 8px 0;margin:20px 0;padding:16px 20px}.content[data-v-0a196cb3] ul,.content[data-v-0a196cb3] ol{padding-left:24px}.content[data-v-0a196cb3] li{margin:8px 0}.content[data-v-0a196cb3] img{border-radius:8px;max-width:100%;height:auto;margin:20px 0}.content[data-v-0a196cb3] a{color:var(--color-primary);text-decoration:none}.content[data-v-0a196cb3] a:hover{text-decoration:underline}.content[data-v-0a196cb3] table{border-collapse:collapse;width:100%;margin:20px 0}.content[data-v-0a196cb3] th,.content[data-v-0a196cb3] td{border:1px solid var(--color-border);text-align:left;padding:12px}.content[data-v-0a196cb3] th{background:var(--color-background);font-weight:600}.article-footer[data-v-0a196cb3]{border-top:2px solid var(--color-border);margin-top:40px;padding-top:24px}.back-btn[data-v-0a196cb3]{background:linear-gradient(135deg, var(--color-primary), #667eea);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.back-btn[data-v-0a196cb3]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2c3e504d}@media (width<=768px){.card[data-v-0a196cb3]{padding:24px}.article-header h1[data-v-0a196cb3]{font-size:1.8rem}.meta[data-v-0a196cb3]{flex-direction:column;gap:8px}}