[data-v-f39cc13e]::-webkit-scrollbar{width:6px;height:6px}[data-v-f39cc13e]::-webkit-scrollbar-track{background:#0f172a80;border-radius:3px}[data-v-f39cc13e]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4facfe,#764ba2);border-radius:3px;transition:background .3s}[data-v-f39cc13e]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00f2fe,#667eea)}[data-v-f39cc13e]{scrollbar-width:thin;scrollbar-color:#4facfe #0f172a}.app-container[data-v-f39cc13e]{min-height:100vh;display:flex;flex-direction:column;background-color:#0f172a;color:#e2e8f0;position:relative;overflow-x:hidden}.animated-bg[data-v-f39cc13e]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:radial-gradient(circle at 20% 80%,rgba(79,70,229,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(79,188,254,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(124,58,237,.05) 0%,transparent 50%);animation:bgMove-f39cc13e 20s infinite linear}@keyframes bgMove-f39cc13e{0%{transform:translate(0) scale(1)}50%{transform:translate(-20px,-20px) scale(1.05)}to{transform:translate(0) scale(1)}}.header[data-v-f39cc13e]{background-color:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(79,70,229,.2);height:70px;line-height:70px;position:sticky;top:0;z-index:10}.header-inner[data-v-f39cc13e]{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-v-f39cc13e]{margin:0;font-size:24px;font-weight:700}.gradient-text[data-v-f39cc13e]{background:linear-gradient(90deg,#4facfe,#00f2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav[data-v-f39cc13e]{display:flex;gap:30px;align-items:center}.nav-item[data-v-f39cc13e]{color:#94a3b8;text-decoration:none;transition:color .3s}.nav-item[data-v-f39cc13e]:hover{color:#4facfe}.auth-btns[data-v-f39cc13e]{display:flex;gap:10px}.register-btn[data-v-f39cc13e]{padding:8px 20px;background:transparent;border:1px solid #4facfe;color:#4facfe;border-radius:20px;cursor:pointer;transition:all .3s}.register-btn[data-v-f39cc13e]:hover{background:#4fbcfe1a}.login-btn[data-v-f39cc13e]{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;cursor:pointer;transition:transform .3s,box-shadow .3s}.login-btn[data-v-f39cc13e]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.user-info[data-v-f39cc13e]{display:flex;align-items:center;gap:10px;position:relative;cursor:pointer}.user-avatar[data-v-f39cc13e]{width:36px;height:36px;border-radius:50%;border:2px solid #4facfe}.user-name-wrap[data-v-f39cc13e]{display:flex;align-items:center;gap:6px}.user-nickname[data-v-f39cc13e]{color:#e2e8f0;font-size:14px}.admin-tag[data-v-f39cc13e]{background:linear-gradient(135deg,#f5576c,#f093fb);color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600}.logout-btn[data-v-f39cc13e]{padding:4px 8px;background:#f5576c1a;border:1px solid #f5576c;color:#f5576c;border-radius:4px;cursor:pointer;font-size:12px;margin-left:5px;transition:all .3s}.logout-btn[data-v-f39cc13e]:hover{background:#f5576c33}.main[data-v-f39cc13e]{flex:1;padding:40px 0;position:relative;z-index:1}.main-inner[data-v-f39cc13e]{width:1200px;margin:0 auto;display:flex;gap:30px}.sidebar[data-v-f39cc13e]{width:280px}.sidebar-card[data-v-f39cc13e]{background-color:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid rgba(79,70,229,.2)}.neon-card[data-v-f39cc13e]{box-shadow:0 0 20px #4f46e51a;transition:box-shadow .3s}.neon-card[data-v-f39cc13e]:hover{box-shadow:0 0 30px #4f46e533}.sidebar-title[data-v-f39cc13e]{margin-top:0;font-size:18px;color:#4facfe;border-bottom:1px solid rgba(79,70,229,.2);padding-bottom:12px;margin-bottom:16px}.category-list[data-v-f39cc13e]{list-style:none;padding:0;margin:0}.category-item[data-v-f39cc13e]{color:#94a3b8;cursor:pointer;border-radius:6px;padding:10px 0 10px 12px;transition:background-color .3s,color .3s}.category-item[data-v-f39cc13e]:hover{background-color:#4f46e51a;color:#4facfe}.social-links[data-v-f39cc13e]{display:flex;gap:15px;margin-top:15px}.social-link[data-v-f39cc13e]{color:#94a3b8;text-decoration:none;transition:color .3s}.social-link[data-v-f39cc13e]:hover{color:#4facfe}.article-content[data-v-f39cc13e]{flex:1}.content-header[data-v-f39cc13e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-title[data-v-f39cc13e]{margin:0;color:#e2e8f0;font-size:24px;position:relative}.section-title[data-v-f39cc13e]:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#4facfe,#00f2fe)}.search-box input[data-v-f39cc13e]{padding:10px 16px;background-color:#1e293b99;border:1px solid rgba(79,70,229,.2);border-radius:20px;width:220px;outline:none;color:#e2e8f0;transition:border-color .3s}.search-box input[data-v-f39cc13e]:focus{border-color:#4facfe}.article-list[data-v-f39cc13e]{display:flex;flex-direction:column;gap:24px}.article-card[data-v-f39cc13e]{background-color:#1e293b99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;overflow:hidden;border:1px solid rgba(79,70,229,.2);transition:transform .3s,box-shadow .3s;display:flex}.article-card[data-v-f39cc13e]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #4f46e533}.article-cover[data-v-f39cc13e]{width:180px;flex-shrink:0}.article-body[data-v-f39cc13e]{padding:24px;flex:1}.article-title[data-v-f39cc13e]{font-size:20px;font-weight:600;color:#e2e8f0;margin-bottom:12px}.article-meta[data-v-f39cc13e]{color:#94a3b8;font-size:12px;margin-bottom:16px;display:flex;gap:15px;align-items:center}.category-tag[data-v-f39cc13e]{background-color:#4f46e51a;color:#4facfe;padding:2px 8px;border-radius:4px;font-size:11px}.article-desc[data-v-f39cc13e]{color:#94a3b8;line-height:1.6;margin-bottom:20px}.read-more-btn[data-v-f39cc13e]{padding:8px 16px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:20px;cursor:pointer;transition:transform .3s,box-shadow .3s}.read-more-btn[data-v-f39cc13e]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4fbcfe66}.footer[data-v-f39cc13e]{background-color:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(79,70,229,.2);text-align:center;padding:24px 0;font-size:14px;color:#94a3b8}.footer-inner[data-v-f39cc13e]{width:1200px;margin:0 auto}.modal-mask[data-v-f39cc13e]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f39cc13e]{width:420px;background-color:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(79,70,229,.2)}.modal-header[data-v-f39cc13e]{padding:20px 24px;border-bottom:1px solid rgba(79,70,229,.2);display:flex;justify-content:space-between;align-items:center}.modal-title[data-v-f39cc13e]{margin:0;color:#4facfe}.close-btn[data-v-f39cc13e]{background:none;border:none;font-size:24px;color:#94a3b8;cursor:pointer;transition:color .3s}.close-btn[data-v-f39cc13e]:hover{color:#4facfe}.modal-body[data-v-f39cc13e]{padding:24px}.form-item[data-v-f39cc13e]{margin-bottom:20px}.form-item label[data-v-f39cc13e]{display:block;margin-bottom:8px;color:#e2e8f0}.form-item input[data-v-f39cc13e]{width:100%;padding:12px;background-color:#0f172a99;border:1px solid rgba(79,70,229,.2);border-radius:8px;outline:none;color:#e2e8f0;transition:border-color .3s}.form-item input[data-v-f39cc13e]:focus{border-color:#4facfe}.modal-footer[data-v-f39cc13e]{padding:16px 24px;border-top:1px solid rgba(79,70,229,.2);display:flex;justify-content:flex-end;gap:12px}.cancel-btn[data-v-f39cc13e]{padding:10px 20px;border:1px solid rgba(79,70,229,.2);border-radius:8px;background-color:transparent;color:#94a3b8;cursor:pointer;transition:border-color .3s,color .3s}.cancel-btn[data-v-f39cc13e]:hover{border-color:#4facfe;color:#4facfe}.confirm-btn[data-v-f39cc13e]{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:transform .3s,box-shadow .3s}.confirm-btn[data-v-f39cc13e]:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.send-code-btn[data-v-f39cc13e]{padding:10px 16px;background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s}.send-code-btn[data-v-f39cc13e]:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:1200px){.header-inner[data-v-f39cc13e],.main-inner[data-v-f39cc13e],.footer-inner[data-v-f39cc13e]{width:90%}}@media(max-width:768px){.main-inner[data-v-f39cc13e]{flex-direction:column}.sidebar[data-v-f39cc13e]{width:100%}.content-header[data-v-f39cc13e]{flex-direction:column;align-items:flex-start;gap:15px}.article-card[data-v-f39cc13e]{flex-direction:column}.article-cover[data-v-f39cc13e]{width:100%;height:120px}.modal-content[data-v-f39cc13e]{width:90%}}body{margin:0;padding:0;font-family:Microsoft YaHei,sans-serif;background-color:#f9f9f9}