@import"https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=Montserrat:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:all .3s ease}.app-container.light{background:url(/assets/light-bg-BZHKM7g4.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#333}.app-container.dark{background:url(/assets/dark-bg-CQwH3Ed3.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#eaeaea}.app-container.black{background:url(/assets/black-bg-C14qryqf.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#e0e0e0}.app-container:has(>[data-route="/"]){background:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=misty%20forest%20with%20sunlight%20streaming%20through%20trees%2C%20peaceful%20natural%20landscape&image_size=landscape_16_9) no-repeat center center fixed;background-size:cover}.top-nav{position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(135deg,#fffffffa,#f0f4fafa);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(173,216,230,.5);z-index:999;transition:all .3s ease;box-shadow:0 2px 16px #6495ed26}.app-container.dark .top-nav{background:linear-gradient(135deg,#14141efa,#181824fa);border-bottom:1px solid rgba(70,130,180,.3);box-shadow:0 2px 16px #0000004d}.app-container.black .top-nav{background:linear-gradient(135deg,#0a0a14fa,#111119fa);border-bottom:1px solid rgba(50,80,120,.3);box-shadow:0 2px 16px #0006}.nav-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 20px;max-width:1200px;margin:0 auto}.nav-left{display:flex;align-items:center;gap:16px}.back-btn{padding:8px 16px;background:linear-gradient(135deg,#4a6fa5,#6b8cce);border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #4a6fa533}.back-btn:hover{background:linear-gradient(135deg,#3a5a85,#4a6fa5);transform:translateY(-2px);box-shadow:0 4px 12px #4a6fa54d}.app-container.dark .back-btn{background:linear-gradient(135deg,#333,#444);box-shadow:0 2px 8px #0000004d}.app-container.dark .back-btn:hover{background:linear-gradient(135deg,#444,#555);box-shadow:0 4px 12px #0006}.app-container.black .back-btn{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);box-shadow:0 2px 8px #0006}.app-container.black .back-btn:hover{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);box-shadow:0 4px 12px #00000080}.blog-name{font-size:20px;font-weight:700;color:#4a6fa5;text-shadow:0 1px 2px rgba(74,111,165,.1);transition:all .3s ease}.blog-name:hover{color:#3a5a85;text-shadow:0 1px 4px rgba(74,111,165,.2)}.blog-slogan{font-size:14px;color:#6c757d;white-space:nowrap;font-style:italic;transition:all .3s ease}.app-container.dark .blog-name{color:#6b8cce;text-shadow:0 1px 2px rgba(107,140,206,.2)}.app-container.dark .blog-name:hover{color:#4a6fa5}.app-container.dark .blog-slogan,.app-container.black .blog-slogan{color:#888}.app-container.black .blog-name{color:#6b8cce}.nav-right{display:flex;align-items:center;gap:24px}.main-nav{display:flex;gap:24px}.nav-link{font-size:16px;font-weight:500;color:#6c757d;text-decoration:none;transition:all .3s ease;position:relative;padding:8px 12px;border-radius:8px}.nav-link:hover{color:#4a6fa5;background-color:#4a6fa51a;transform:translateY(-2px)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:12px;right:12px;height:2px;background:linear-gradient(90deg,#4a6fa5,#6b8cce);transform:scaleX(0);transition:transform .3s ease;border-radius:2px}.nav-link:hover:after{transform:scaleX(1)}.app-container.dark .nav-link{color:#999}.app-container.dark .nav-link:hover{color:#6b8cce;background-color:#6b8cce1a}.app-container.dark .nav-link:after{background:linear-gradient(90deg,#6b8cce,#4a6fa5)}.app-container.black .nav-link{color:#888}.app-container.black .nav-link:hover{color:#6b8cce;background-color:#6b8cce1a}.mode-toggle{width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.mode-toggle:hover{background-color:#0000000d}.app-container.dark .mode-toggle:hover,.app-container.black .mode-toggle:hover{background-color:#ffffff1a}.mode-icon{font-size:16px}.mobile-menu-toggle{display:none;border:none;background:transparent;cursor:pointer}.hamburger{width:24px;height:2px;background-color:inherit;position:relative;transition:all .3s ease}.hamburger:before,.hamburger:after{content:"";position:absolute;width:100%;height:2px;background-color:inherit;transition:all .3s ease}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}.main-content{margin-top:60px;min-height:calc(100vh - 120px)}.content-wrapper{display:flex;gap:20px;max-width:1200px;margin:0 auto;padding:20px}.main-section{flex:7}.sidebar{flex:3;position:relative}.sidebar-module{background:#fff;border-radius:12px;box-shadow:0 4px 16px #6495ed1a;padding:20px;margin-bottom:20px;transition:all .3s ease;border:1px solid #e0e0e0}.sidebar-module:hover{box-shadow:0 6px 20px #6495ed26;transform:translateY(-2px)}.app-container.dark .sidebar-module{background:#181818;box-shadow:0 4px 16px #0003;border:1px solid #333333}.app-container.dark .sidebar-module:hover{box-shadow:0 6px 20px #0000004d}.app-container.black .sidebar-module{background:#111;box-shadow:0 4px 16px #0000004d;border:1px solid #222222}.app-container.black .sidebar-module:hover{box-shadow:0 6px 20px #0006}.module-title{font-size:16px;font-weight:700;margin-bottom:12px;color:inherit}.avatar-container{display:flex;justify-content:center;margin-bottom:16px;position:relative}.avatar-img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid #4a6fa5;box-shadow:0 4px 12px #4a6fa54d;transition:all .3s ease}.avatar-img:hover{transform:scale(1.05);box-shadow:0 6px 16px #4a6fa566}.profile-name{font-size:18px;font-weight:600;text-align:center;margin-bottom:10px;color:#4a6fa5;text-shadow:0 1px 2px rgba(74,111,165,.1);transition:all .3s ease}.profile-name:hover{color:#3a5a85;text-shadow:0 1px 4px rgba(74,111,165,.2)}.avatar-desc{text-align:center;font-size:14px;color:#6c757d;line-height:1.5;margin-bottom:16px;font-style:italic;transition:all .3s ease}.avatar-desc:hover{color:#495057}.app-container.dark .avatar-img{border-color:#6b8cce;box-shadow:0 4px 12px #6b8cce4d}.app-container.dark .avatar-img:hover{box-shadow:0 6px 16px #6b8cce66}.app-container.dark .profile-name{color:#6b8cce;text-shadow:0 1px 2px rgba(107,140,206,.2)}.app-container.dark .profile-name:hover{color:#4a6fa5}.app-container.dark .avatar-desc{color:#888}.app-container.dark .avatar-desc:hover{color:#999}.app-container.black .avatar-img{border-color:#6b8cce;box-shadow:0 4px 12px #6b8cce33}.app-container.black .profile-name{color:#6b8cce}.app-container.black .avatar-desc{color:#777}.app-container.black .avatar-desc:hover{color:#888}.category-list{list-style:none}.category-item{display:block;padding:8px 12px;font-size:14px;color:#6c757d;text-decoration:none;transition:all .3s ease;border-radius:6px;margin-bottom:6px}.category-item:hover{color:#4a6fa5;background-color:#4a6fa51a;transform:translate(4px)}.app-container.dark .category-item,.app-container.black .category-item{color:#999}.app-container.dark .category-item:hover{color:#6b8cce;background-color:#6b8cce1a}.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:14px;color:#6c757d;cursor:pointer;transition:all .3s ease;padding:4px 12px;border-radius:16px;background-color:#0000000d}.tag:hover{color:#4a6fa5;background-color:#4a6fa51a;transform:translateY(-2px)}.app-container.dark .tag,.app-container.black .tag{color:#999;background-color:#ffffff0d}.app-container.dark .tag:hover{color:#6b8cce;background-color:#6b8cce1a}.archive-list{list-style:none}.archive-item{display:block;padding:8px 12px;font-size:14px;color:#6c757d;text-decoration:none;transition:all .3s ease;border-radius:6px;margin-bottom:6px}.archive-item:hover{color:#4a6fa5;background-color:#4a6fa51a;transform:translate(4px)}.app-container.dark .archive-item,.app-container.black .archive-item{color:#999}.app-container.dark .archive-item:hover{color:#6b8cce;background-color:#6b8cce1a}.footer{height:60px;display:flex;align-items:center;justify-content:center;border-top:1px solid #ebeef5;transition:all .3s ease}.app-container.dark .footer,.app-container.black .footer{border-top:1px solid #222222}.copyright{font-size:12px;color:#909399}.app-container.dark .copyright,.app-container.black .copyright{color:#666}@media(max-width:768px){.nav-left{gap:12px}.blog-slogan,.main-nav{display:none}.mobile-menu-toggle{display:block}.content-wrapper{flex-direction:column}.sidebar{position:fixed;top:60px;right:-80%;width:80%;height:calc(100vh - 60px);background-color:#fff;box-shadow:-2px 0 8px #0000001a;padding:20px;transition:right .3s ease;z-index:998;overflow-y:auto}.app-container.dark .sidebar{background-color:#181818;box-shadow:-2px 0 8px #0000004d}.app-container.black .sidebar{background-color:#111;box-shadow:-2px 0 8px #0006}.sidebar.sidebar-open{right:0}.top-nav{height:50px}.main-content{margin-top:50px;min-height:calc(100vh - 100px)}.footer{height:50px}}html{scroll-behavior:smooth}.home-view[data-v-fbcd9eb8]{width:100%}.home-container[data-v-fbcd9eb8]{max-width:1200px;margin:0 auto;padding:20px}.article-list[data-v-fbcd9eb8]{display:flex;flex-direction:column;gap:24px}.article-card[data-v-fbcd9eb8]{border-radius:12px;box-shadow:0 4px 16px #00000014;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;opacity:0;transform:translateY(30px) scale(.9);animation:fadeInUp-fbcd9eb8 .8s cubic-bezier(.4,0,.2,1) forwards}.article-card[data-v-fbcd9eb8]:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 8px 32px #00000026}@keyframes fadeInUp-fbcd9eb8{to{opacity:1;transform:translateY(0) scale(1)}}.article-card[data-v-fbcd9eb8]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4a6fa5,#6b8cce);transform:scaleX(0);transition:transform .3s ease}.article-card[data-v-fbcd9eb8]:hover:before{transform:scaleX(1)}.article-card[data-v-fbcd9eb8]:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.card-1[data-v-fbcd9eb8]{background:#fff;border-left:4px solid #4a6fa5;box-shadow:0 4px 16px #4a6fa526;animation-delay:.1s}.card-2[data-v-fbcd9eb8]{background:#fff;border-left:4px solid #28a745;box-shadow:0 4px 16px #28a74526;animation-delay:.2s}.card-3[data-v-fbcd9eb8]{background:#fff;border-left:4px solid #ffc107;box-shadow:0 4px 16px #ffc10726;animation-delay:.3s}.card-4[data-v-fbcd9eb8]{background:#fff;border-left:4px solid #dc3545;box-shadow:0 4px 16px #dc354526;animation-delay:.4s}.app-container.dark .card-1[data-v-fbcd9eb8],.app-container.dark .card-2[data-v-fbcd9eb8],.app-container.dark .card-3[data-v-fbcd9eb8],.app-container.dark .card-4[data-v-fbcd9eb8]{background:#181818;box-shadow:0 4px 16px #0003}.app-container.black .card-1[data-v-fbcd9eb8],.app-container.black .card-2[data-v-fbcd9eb8],.app-container.black .card-3[data-v-fbcd9eb8],.app-container.black .card-4[data-v-fbcd9eb8]{background:#111;box-shadow:0 4px 16px #0000004d}.article-title[data-v-fbcd9eb8]{font-size:20px;font-weight:600;color:#333;margin-bottom:12px;transition:all .3s ease;line-height:1.3}.article-card:hover .article-title[data-v-fbcd9eb8]{color:#4a6fa5;text-shadow:0 1px 2px rgba(74,111,165,.1)}.article-meta[data-v-fbcd9eb8]{font-size:13px;color:#6c757d;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.article-date[data-v-fbcd9eb8]{white-space:nowrap;display:flex;align-items:center;gap:6px}.article-date[data-v-fbcd9eb8]:before{content:"📅";font-size:14px}.article-categories[data-v-fbcd9eb8]{color:#4a6fa5;font-weight:500}.article-excerpt[data-v-fbcd9eb8]{font-size:15px;color:#495057;line-height:1.7;margin-top:16px;margin-bottom:20px;text-align:justify}.app-container.dark .article-title[data-v-fbcd9eb8]{color:#e9ecef}.app-container.dark .article-card:hover .article-title[data-v-fbcd9eb8]{color:#6b8cce;text-shadow:0 1px 2px rgba(107,140,206,.2)}.app-container.dark .article-meta[data-v-fbcd9eb8]{color:#999;border-bottom:1px solid #333333}.app-container.dark .article-excerpt[data-v-fbcd9eb8]{color:#ced4da}.app-container.black .article-title[data-v-fbcd9eb8]{color:#e0e0e0}.app-container.black .article-card:hover .article-title[data-v-fbcd9eb8]{color:#6b8cce}.app-container.black .article-meta[data-v-fbcd9eb8]{color:#888;border-bottom:1px solid #222222}.app-container.black .article-excerpt[data-v-fbcd9eb8]{color:#bdbdbd}.article-footer[data-v-fbcd9eb8]{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e9ecef;font-size:13px;color:#6c757d;flex-wrap:wrap;gap:12px}.footer-item[data-v-fbcd9eb8]{display:flex;align-items:center;gap:6px;transition:all .3s ease;padding:4px 12px;border-radius:16px;background-color:#0000000d}.footer-item[data-v-fbcd9eb8]:hover{color:#4a6fa5;background-color:#4a6fa51a;transform:translateY(-2px)}.app-container.dark .article-footer[data-v-fbcd9eb8]{border-top:1px solid #333333;color:#999}.app-container.dark .footer-item[data-v-fbcd9eb8]{background-color:#ffffff0d}.app-container.dark .footer-item[data-v-fbcd9eb8]:hover{background-color:#6b8cce1a}.app-container.black .article-footer[data-v-fbcd9eb8]{border-top:1px solid #222222;color:#888}.app-container.black .footer-item[data-v-fbcd9eb8]{background-color:#ffffff08}.app-container.black .footer-item[data-v-fbcd9eb8]:hover{background-color:#6b8cce1a}@media(max-width:768px){.home-container[data-v-fbcd9eb8]{padding:10px}.article-card[data-v-fbcd9eb8]{padding:12px}.article-title[data-v-fbcd9eb8]{font-size:16px}.article-meta[data-v-fbcd9eb8]{font-size:11px}.article-excerpt[data-v-fbcd9eb8]{font-size:13px}}[data-v-fbcd9eb8] .app-container.dark .article-card{background-color:#181818;box-shadow:0 2px 8px #0003}[data-v-fbcd9eb8] .app-container.dark .article-card:hover{box-shadow:0 4px 12px #0000004d}[data-v-fbcd9eb8] .app-container.dark .article-meta,[data-v-fbcd9eb8] .app-container.dark .article-excerpt{color:#888}[data-v-fbcd9eb8] .app-container.black .article-card{background-color:#111;box-shadow:0 2px 8px #0000004d}[data-v-fbcd9eb8] .app-container.black .article-card:hover{box-shadow:0 4px 12px #0006}[data-v-fbcd9eb8] .app-container.black .article-meta,[data-v-fbcd9eb8] .app-container.black .article-excerpt{color:#777}.portal-view[data-v-b38ed970]{width:100%;min-height:100vh;font-family:PingFang SC,Montserrat,Ma Shan Zheng,cursive,sans-serif;background:url(/assets/light-bg-BZHKM7g4.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#333}.portal-view.dark[data-v-b38ed970]{background:url(/assets/dark-bg-CQwH3Ed3.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#eaeaea}.portal-view.black[data-v-b38ed970]{background:url(/assets/black-bg-C14qryqf.jpg);background-size:cover;background-attachment:fixed;background-position:center;color:#e0e0e0}.portal-nav[data-v-b38ed970]{position:fixed;top:0;left:0;right:0;z-index:999;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .5s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(0)}.portal-nav.scrolled[data-v-b38ed970]{background-color:#000c;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.3);box-shadow:0 4px 20px #00000080;transform:translateY(-5px)}.portal-nav.scrolled .logo[data-v-b38ed970]{color:#f8f9fa;text-shadow:0 2px 4px rgba(0,0,0,.3)}.portal-nav.scrolled .logo span[data-v-b38ed970]{color:#4a6fa5}.portal-nav.scrolled .nav-link[data-v-b38ed970]{color:#e9ecef;text-shadow:0 1px 2px rgba(0,0,0,.3)}.portal-nav.scrolled .nav-link[data-v-b38ed970]:hover{color:#4a6fa5}.portal-nav.scrolled .search-btn[data-v-b38ed970]{background:#f8f9fa33;color:#f8f9fa}.portal-nav.scrolled .search-btn[data-v-b38ed970]:hover{background:#f8f9fa4d}.nav-content[data-v-b38ed970]{display:flex;align-items:center;justify-content:space-between;padding:0 40px;height:80px;max-width:1400px;margin:0 auto}.logo[data-v-b38ed970]{font-size:28px;font-weight:700;color:#f8f9fa;text-shadow:0 2px 4px rgba(0,0,0,.3)}.logo span[data-v-b38ed970]{color:#4a6fa5}.main-nav[data-v-b38ed970]{display:flex;gap:30px}.nav-link[data-v-b38ed970]{font-size:18px;color:#e9ecef;text-decoration:none;text-shadow:0 1px 2px rgba(0,0,0,.3);transition:all .3s ease;position:relative}.nav-link[data-v-b38ed970]:hover{color:#4a6fa5}.nav-link[data-v-b38ed970]:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background-color:#4a6fa5;transition:width .3s ease}.nav-link[data-v-b38ed970]:hover:after{width:100%}.nav-link.active[data-v-b38ed970]{color:#4a6fa5;font-weight:600}.nav-link.active[data-v-b38ed970]:after{width:100%;background-color:#4a6fa5}.search-btn[data-v-b38ed970]{width:36px;height:36px;border:none;background:#f8f9fa33;border-radius:50%;color:#f8f9fa;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.search-btn[data-v-b38ed970]:hover{background:#f8f9fa4d;transform:scale(1.1)}.portal-main[data-v-b38ed970]{position:relative;height:100vh;overflow:hidden}.hero-section[data-v-b38ed970]{position:absolute;inset:0;background:#0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px;transition:transform .1s ease-out}.hero-section.scrolled[data-v-b38ed970]{opacity:1}.hero-title[data-v-b38ed970]{font-size:56px;font-weight:700;margin-bottom:20px;letter-spacing:2px}.title-char[data-v-b38ed970]{display:inline-block;transition:all .5s ease;text-shadow:0 2px 8px rgba(0,0,0,.5),0 0 15px rgba(255,255,255,.3);position:relative}.title-char[data-v-b38ed970]:after{content:attr(data-char);position:absolute;top:0;left:0;z-index:-1;color:#ffffff80;filter:blur(10px);opacity:.7}.hero-subtitle[data-v-b38ed970]{font-size:24px;margin-bottom:60px;max-width:600px;line-height:1.5}.subtitle-char[data-v-b38ed970]{display:inline-block;transition:all .5s ease;text-shadow:0 1px 4px rgba(0,0,0,.5)}.scroll-down[data-v-b38ed970]{background:#0006;border:2px solid #f8f9fa;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;animation:bounce-b38ed970 2s infinite;box-shadow:0 4px 12px #0000004d}.scroll-down[data-v-b38ed970]:hover{background:#0009;transform:scale(1.1)}.arrow[data-v-b38ed970]{width:24px;height:24px;border-left:3px solid #f8f9fa;border-bottom:3px solid #f8f9fa;transform:rotate(-45deg);animation:arrowMove-b38ed970 1.5s infinite}.blog-section[data-v-b38ed970]{min-height:100vh;padding-top:80px;transition:all .5s ease;position:relative}.blog-container[data-v-b38ed970]{display:flex;gap:20px;max-width:1200px;margin:0 auto;padding:20px;background:transparent;border-radius:8px}.portal-view.dark .blog-container[data-v-b38ed970],.portal-view.black .blog-container[data-v-b38ed970]{background:transparent}.left-sidebar[data-v-b38ed970]{flex:3;display:flex;flex-direction:column;gap:20px}.module-title[data-v-b38ed970]{font-size:16px;font-weight:700;color:inherit;border-bottom:1px solid #e0e0e0;padding-bottom:8px;margin-bottom:12px}.portal-view.dark .module-title[data-v-b38ed970]{border-bottom:1px solid #333333}.portal-view.black .module-title[data-v-b38ed970]{border-bottom:1px solid #222222}.sidebar-module[data-v-b38ed970]{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;transform:translate(-30px) scale(.9);animation:fadeInLeft-b38ed970 .8s cubic-bezier(.4,0,.2,1) forwards}.sidebar-module[data-v-b38ed970]:hover{transform:translate(5px) scale(1.02);box-shadow:0 6px 24px #00000026}@keyframes fadeInLeft-b38ed970{to{opacity:1;transform:translate(0) scale(1)}}.portal-view.dark .sidebar-module[data-v-b38ed970]{background:#181818;box-shadow:0 2px 8px #0000004d}.portal-view.black .sidebar-module[data-v-b38ed970]{background:#111;box-shadow:0 2px 8px #0006}.announcement[data-v-b38ed970]{background:linear-gradient(135deg,#4a6fa5,#6b8cce);color:#fff}.announcement-content[data-v-b38ed970]{font-size:14px;line-height:1.5;margin-top:8px}.navigation[data-v-b38ed970]{background:linear-gradient(135deg,#6c757d,#adb5bd);color:#fff}.nav-menu[data-v-b38ed970]{list-style:none;margin-top:8px}.nav-item[data-v-b38ed970]{display:block;padding:8px 0;color:#fff;text-decoration:none;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,.2)}.nav-item[data-v-b38ed970]:hover{color:#f8f9fa;padding-left:8px}.profile[data-v-b38ed970]{background:linear-gradient(135deg,#28a745,#4caf50);color:#fff}.avatar-container[data-v-b38ed970]{display:flex;justify-content:center;margin:12px 0}.avatar[data-v-b38ed970]{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:700;border:2px solid rgba(255,255,255,.3)}.profile-name[data-v-b38ed970]{text-align:center;font-size:16px;font-weight:700;margin:8px 0;color:#fff}.profile-desc[data-v-b38ed970]{text-align:center;font-size:14px;color:#fffc;margin-bottom:16px}.profile-tabs[data-v-b38ed970]{display:flex;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.3)}.tab-btn[data-v-b38ed970]{flex:1;padding:8px 12px;background:transparent;border:none;color:#fffc;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.tab-btn[data-v-b38ed970]:hover{color:#fff}.tab-btn.active[data-v-b38ed970]{color:#fff;border-bottom:2px solid white}.tab-content[data-v-b38ed970]{animation:fadeIn-b38ed970 .3s ease}.avatar-img[data-v-b38ed970]{width:100%;height:100%;border-radius:50%;object-fit:cover}.profile-stats[data-v-b38ed970]{display:flex;justify-content:space-between;margin:16px 0;padding:12px;background:#ffffff1a;border-radius:6px}.stat-item[data-v-b38ed970]{flex:1;text-align:center;padding:0 10px}.stat-number[data-v-b38ed970]{display:block;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px;min-height:24px;display:flex;align-items:center;justify-content:center}.stat-label[data-v-b38ed970]{display:block;font-size:12px;color:#fffc;min-height:16px;display:flex;align-items:center;justify-content:center}.profile-links[data-v-b38ed970]{display:flex;flex-direction:column;gap:8px;margin-top:16px}.link-item[data-v-b38ed970]{display:flex;align-items:center;padding:8px 12px;background:#ffffff1a;border-radius:6px;color:#fff;text-decoration:none;transition:all .3s ease}.link-item[data-v-b38ed970]:hover{background:#fff3;transform:translate(4px)}.link-icon[data-v-b38ed970]{font-size:16px;margin-right:12px;width:20px;text-align:center}.link-text[data-v-b38ed970]{font-size:14px;flex:1}.dropdown-link[data-v-b38ed970]{position:relative}.dropdown-toggle[data-v-b38ed970]{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:8px 12px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:all .3s ease}.dropdown-toggle[data-v-b38ed970]:hover{background:#fff3}.dropdown-arrow[data-v-b38ed970]{font-size:12px;transition:transform .3s ease;margin-left:8px}.dropdown-arrow.rotated[data-v-b38ed970]{transform:rotate(180deg)}.dropdown-menu[data-v-b38ed970]{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#48af53f2;border-radius:6px;box-shadow:0 4px 12px #00000026;overflow:hidden;z-index:1000;max-height:0;opacity:0;transition:all .3s ease}.dropdown-menu.open[data-v-b38ed970]{max-height:200px;opacity:1;animation:slideDown-b38ed970 .3s ease}.dropdown-item[data-v-b38ed970]{display:flex;align-items:center;padding:8px 12px;color:#fff;text-decoration:none;transition:all .3s ease}.dropdown-item[data-v-b38ed970]:hover{background:#ffffff1a}@keyframes slideDown-b38ed970{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-required[data-v-b38ed970]{display:flex;justify-content:center;align-items:center;min-height:300px;background:#4a6fa51a;border:2px dashed rgba(74,111,165,.5);border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:40px 20px;position:relative;z-index:1}.auth-required[data-v-b38ed970]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#4a6fa50d,#4a6fa526);border-radius:8px;z-index:-1}.auth-message[data-v-b38ed970]{text-align:center;max-width:300px;position:relative;z-index:2}.auth-message h4[data-v-b38ed970]{font-size:20px;font-weight:600;color:#4a6fa5;margin-bottom:12px;text-shadow:0 1px 2px rgba(255,255,255,.3)}.auth-message p[data-v-b38ed970]{font-size:14px;color:#333;margin-bottom:24px;line-height:1.5;text-shadow:0 1px 1px rgba(255,255,255,.2)}.auth-message button[data-v-b38ed970]{position:relative;z-index:3;cursor:pointer}.login-form[data-v-b38ed970]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffffff2;border:2px solid #4a6fa5;border-radius:12px;padding:32px;width:90%;max-width:350px;box-shadow:0 8px 24px #4a6fa54d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;animation:fadeIn-b38ed970 .3s ease}.login-form h4[data-v-b38ed970]{font-size:20px;font-weight:600;color:#4a6fa5;margin-bottom:24px;text-align:center}.form-group[data-v-b38ed970]{margin-bottom:20px}.form-group label[data-v-b38ed970]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.form-input[data-v-b38ed970]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fafafa}.form-input[data-v-b38ed970]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa51a;background:#fff}.form-actions[data-v-b38ed970]{display:flex;gap:12px;margin-top:24px}.form-actions button[data-v-b38ed970]{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.features-list[data-v-b38ed970]{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.feature-item[data-v-b38ed970]{display:flex;align-items:center;padding:10px 12px;background:#ffffff1a;border-radius:6px;color:#fff;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.feature-item[data-v-b38ed970]:hover{background:#fff3;transform:translate(4px);border-color:#ffffff4d}.feature-icon[data-v-b38ed970]{font-size:16px;margin-right:12px;width:20px;text-align:center}.feature-text[data-v-b38ed970]{font-size:14px;flex:1}.feature-content[data-v-b38ed970]{margin-top:20px;animation:fadeIn-b38ed970 .3s ease}.feature-panel[data-v-b38ed970]{background:#ffffffe6;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.panel-title[data-v-b38ed970]{font-size:16px;font-weight:700;color:#333;padding:16px;background:#4a6fa51a;border-bottom:1px solid rgba(0,0,0,.1)}.panel-content[data-v-b38ed970]{padding:16px}.action-btn[data-v-b38ed970]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease;margin-bottom:16px}.action-btn.primary[data-v-b38ed970]{background:#4a6fa5;color:#fff}.action-btn.primary[data-v-b38ed970]:hover{background:#3a5a85;transform:translateY(-1px)}.action-btn.edit[data-v-b38ed970]{background:#ffc107;color:#333;margin-right:8px}.action-btn.edit[data-v-b38ed970]:hover{background:#e0a800}.action-btn.delete[data-v-b38ed970]{background:#dc3545;color:#fff}.action-btn.delete[data-v-b38ed970]:hover{background:#c82333}.action-btn.save[data-v-b38ed970]{margin-top:20px;width:100%}.article-list-admin[data-v-b38ed970]{display:flex;flex-direction:column;gap:12px}.article-item[data-v-b38ed970]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.article-item[data-v-b38ed970]:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.article-info h5[data-v-b38ed970]{font-size:14px;font-weight:700;color:#333;margin-bottom:4px}.article-info p[data-v-b38ed970]{font-size:12px;color:#999}.article-actions[data-v-b38ed970]{display:flex;gap:8px}.category-list[data-v-b38ed970]{display:flex;flex-direction:column;gap:8px}.category-item[data-v-b38ed970]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.category-item[data-v-b38ed970]:hover{box-shadow:0 2px 8px #0000001a}.category-item span[data-v-b38ed970]{font-size:14px;color:#333}.category-actions[data-v-b38ed970]{display:flex;gap:8px}.tag-list[data-v-b38ed970]{display:flex;flex-direction:column;gap:8px}.tag-item[data-v-b38ed970]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fffc;border-radius:6px;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.tag-item[data-v-b38ed970]:hover{box-shadow:0 2px 8px #0000001a}.tag-item span[data-v-b38ed970]{font-size:14px;color:#333;background:#4a6fa51a;padding:2px 8px;border-radius:12px}.tag-actions[data-v-b38ed970]{display:flex;gap:8px}.setting-input[data-v-b38ed970]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .3s ease}.setting-input[data-v-b38ed970]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa51a}.setting-select[data-v-b38ed970]{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.setting-select[data-v-b38ed970]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa51a}.avatar-upload[data-v-b38ed970]{display:flex;align-items:center;gap:16px}.current-avatar[data-v-b38ed970]{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid #ddd}.current-avatar img[data-v-b38ed970]{width:100%;height:100%;object-fit:cover}.editor-toolbar[data-v-b38ed970]{display:flex;gap:10px;margin-bottom:10px;padding:10px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;z-index:1}.toolbar-btn[data-v-b38ed970]{padding:10px 20px;background:#4a6fa5;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:14px;display:flex;align-items:center;gap:8px;font-weight:500;box-shadow:0 2px 4px #0000001a}.toolbar-btn[data-v-b38ed970]:hover{background:#3a5a85;transform:translateY(-2px);box-shadow:0 4px 12px #4a6fa54d}.toolbar-btn[data-v-b38ed970]:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media(max-width:768px){.feature-item[data-v-b38ed970]{padding:8px 10px}.feature-icon[data-v-b38ed970]{font-size:14px;margin-right:8px}.feature-text[data-v-b38ed970]{font-size:13px}.panel-title[data-v-b38ed970]{font-size:14px;padding:12px}.panel-content[data-v-b38ed970]{padding:12px}.action-btn[data-v-b38ed970]{padding:6px 12px;font-size:13px}.article-item[data-v-b38ed970]{flex-direction:column;align-items:flex-start;gap:8px}.article-actions[data-v-b38ed970]{align-self:flex-end}.avatar-upload[data-v-b38ed970]{flex-direction:column;align-items:flex-start}.current-avatar[data-v-b38ed970]{width:80px;height:80px}.editor-toolbar[data-v-b38ed970]{flex-wrap:wrap}.toolbar-btn[data-v-b38ed970]{padding:6px 12px;font-size:12px}}.image-manager-modal[data-v-b38ed970]{max-width:800px;max-height:80vh;overflow-y:auto}.image-list[data-v-b38ed970]{margin:20px 0}.image-item[data-v-b38ed970]{display:flex;align-items:flex-start;gap:20px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px;border:1px solid #e0e0e0}.image-preview[data-v-b38ed970]{flex-shrink:0;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center}.preview-img[data-v-b38ed970]{max-width:100%;max-height:100%;object-fit:contain}.image-controls[data-v-b38ed970]{flex:1;display:flex;flex-direction:column;gap:12px}.size-controls[data-v-b38ed970]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.size-controls label[data-v-b38ed970]{font-size:14px;font-weight:500;color:#333;min-width:60px}.size-group[data-v-b38ed970]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.size-group label[data-v-b38ed970]{font-size:14px;font-weight:500;color:#333;min-width:60px}.size-input[data-v-b38ed970]{width:100px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .3s ease;flex-shrink:0}.size-input[data-v-b38ed970]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa51a}.size-slider[data-v-b38ed970]{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none;transition:all .3s ease}.size-slider[data-v-b38ed970]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4a6fa5;cursor:pointer;transition:all .3s ease}.size-slider[data-v-b38ed970]::-webkit-slider-thumb:hover{background:#3a5a85;transform:scale(1.1)}.size-slider[data-v-b38ed970]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4a6fa5;cursor:pointer;border:none;transition:all .3s ease}.size-slider[data-v-b38ed970]::-moz-range-thumb:hover{background:#3a5a85;transform:scale(1.1)}.preset-sizes[data-v-b38ed970]{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.preset-btn[data-v-b38ed970]{padding:6px 12px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-size:12px;cursor:pointer;transition:all .3s ease;font-weight:500;color:#333}.preset-btn[data-v-b38ed970]:hover{background:#e9ecef;border-color:#4a6fa5;color:#4a6fa5;transform:translateY(-2px)}.preset-btn[data-v-b38ed970]:active{transform:translateY(0)}.image-actions[data-v-b38ed970]{display:flex;gap:12px;margin-top:8px}.no-images[data-v-b38ed970]{text-align:center;padding:40px 0;color:#666;font-size:16px;background:#f8f9fa;border-radius:8px;border:2px dashed #e0e0e0}.settings-modal[data-v-b38ed970]{max-width:500px;max-height:80vh;overflow-y:auto}.settings-content[data-v-b38ed970]{margin:20px 0}.setting-section[data-v-b38ed970]{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.setting-section[data-v-b38ed970]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setting-section-title[data-v-b38ed970]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px;display:flex;align-items:center;gap:8px}.setting-section-title[data-v-b38ed970]:before{content:"⚙️";font-size:18px}.setting-item[data-v-b38ed970]{margin-bottom:16px}.setting-item label[data-v-b38ed970]{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.volume-control[data-v-b38ed970]{display:flex;align-items:center;gap:16px}.volume-slider[data-v-b38ed970]{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none;transition:all .3s ease}.volume-slider[data-v-b38ed970]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#4a6fa5;cursor:pointer;transition:all .3s ease}.volume-slider[data-v-b38ed970]::-webkit-slider-thumb:hover{background:#3a5a85;transform:scale(1.1)}.volume-slider[data-v-b38ed970]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#4a6fa5;cursor:pointer;border:none;transition:all .3s ease}.volume-slider[data-v-b38ed970]::-moz-range-thumb:hover{background:#3a5a85;transform:scale(1.1)}.volume-value[data-v-b38ed970]{font-size:14px;font-weight:500;color:#4a6fa5;min-width:60px;text-align:right}.theme-options[data-v-b38ed970]{display:flex;gap:12px;flex-wrap:wrap}.theme-option[data-v-b38ed970]{flex:1;min-width:120px;padding:16px;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s ease;text-align:center;font-size:14px;font-weight:500;color:#333}.theme-option[data-v-b38ed970]:hover{border-color:#4a6fa5;transform:translateY(-2px);box-shadow:0 4px 12px #4a6fa533}.theme-option.active[data-v-b38ed970]{background:#4a6fa5;border-color:#4a6fa5;color:#fff;box-shadow:0 4px 12px #4a6fa54d}.theme-icon[data-v-b38ed970]{display:block;font-size:24px;margin-bottom:8px}.theme-name[data-v-b38ed970]{display:block;font-size:12px}@keyframes fadeIn-b38ed970{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.setting-select[data-v-b38ed970]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:14px;cursor:pointer;transition:all .3s ease;width:100%;box-sizing:border-box}.dark .setting-select[data-v-b38ed970],.black .setting-select[data-v-b38ed970]{background:#444;border-color:#666;color:#eaeaea}.setting-select[data-v-b38ed970]:hover{border-color:#4a6fa5;box-shadow:0 0 0 2px #4a6fa533}.keyboard-shortcuts[data-v-b38ed970]{margin-top:10px}.shortcut-item[data-v-b38ed970]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.dark .shortcut-item[data-v-b38ed970],.black .shortcut-item[data-v-b38ed970]{border-bottom-color:#ffffff1a}.shortcut-key[data-v-b38ed970]{background:#0000000d;padding:2px 8px;border-radius:4px;font-family:monospace;font-size:12px}.dark .shortcut-key[data-v-b38ed970],.black .shortcut-key[data-v-b38ed970]{background:#ffffff1a}.dark .setting-section-title[data-v-b38ed970],.black .setting-section-title[data-v-b38ed970],.dark .setting-item label[data-v-b38ed970],.black .setting-item label[data-v-b38ed970]{color:#eaeaea}.dark .setting-section[data-v-b38ed970],.black .setting-section[data-v-b38ed970]{border-bottom-color:#ffffff1a}.notification[data-v-b38ed970]{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 4px 12px #00000026;animation:slideInRight-b38ed970 .3s ease-out;max-width:300px}.notification.success[data-v-b38ed970]{background-color:#4caf50}.notification.error[data-v-b38ed970]{background-color:#f44336}.notification.warning[data-v-b38ed970]{background-color:#ff9800}@keyframes slideInRight-b38ed970{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.settings-modal[data-v-b38ed970]{width:95%;max-width:95%}.theme-options[data-v-b38ed970]{flex-direction:column}.theme-option[data-v-b38ed970]{min-width:100%}.notification[data-v-b38ed970]{left:20px;right:20px;max-width:none}}.features-list.csdn-style[data-v-b38ed970]{gap:4px;margin-bottom:16px}.feature-item.csdn-item[data-v-b38ed970]{padding:12px 16px;background:#ffffff26;border-radius:6px;color:#fff;transition:all .2s ease;cursor:pointer;border:1px solid transparent;font-size:14px;font-weight:500}.feature-item.csdn-item[data-v-b38ed970]:hover{background:#ffffff40;transform:translate(4px);border-color:#ffffff4d}.feature-item.csdn-item .feature-icon[data-v-b38ed970]{font-size:18px;margin-right:12px;width:24px;text-align:center}.feature-item.csdn-item .feature-text[data-v-b38ed970]{font-size:14px;flex:1}.feature-panel.csdn-panel[data-v-b38ed970]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;border:1px solid #e0e0e0}.panel-title.csdn-panel-title[data-v-b38ed970]{font-size:16px;font-weight:600;color:#333;padding:16px 20px;background:#f5f5f5;border-bottom:1px solid #e0e0e0;margin:0}.panel-content.csdn-panel-content[data-v-b38ed970]{padding:20px}.action-btn.csdn-primary[data-v-b38ed970]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:20px;background:#1890ff;color:#fff;box-shadow:0 2px 4px #1890ff33}.action-btn.csdn-primary[data-v-b38ed970]:hover{background:#40a9ff;transform:translateY(-1px);box-shadow:0 4px 8px #1890ff4d}.action-btn.csdn-edit[data-v-b38ed970]{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;margin-right:8px;background:#fff;color:#333}.action-btn.csdn-edit[data-v-b38ed970]:hover{border-color:#1890ff;color:#1890ff}.action-btn.csdn-delete[data-v-b38ed970]{padding:6px 12px;border:1px solid #ff4d4f;border-radius:4px;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s ease;background:#fff;color:#ff4d4f}.action-btn.csdn-delete[data-v-b38ed970]:hover{background:#ff4d4f;color:#fff}.article-list-admin.csdn-article-list[data-v-b38ed970]{display:flex;flex-direction:column;gap:12px}.article-item.csdn-article-item[data-v-b38ed970]{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.article-item.csdn-article-item[data-v-b38ed970]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);border-color:#1890ff}.article-info.csdn-article-info h5[data-v-b38ed970]{font-size:15px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}.article-info.csdn-article-info p[data-v-b38ed970]{font-size:13px;color:#999;margin:0}.article-actions.csdn-article-actions[data-v-b38ed970]{display:flex;gap:8px}.csdn-article-editor[data-v-b38ed970]{width:100%}.csdn-editor-content[data-v-b38ed970]{padding:24px}.editor-section[data-v-b38ed970]{margin-bottom:24px}.csdn-editor-title[data-v-b38ed970]{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:4px;font-size:18px;font-weight:600;color:#333;transition:all .3s ease;box-sizing:border-box}.csdn-editor-title[data-v-b38ed970]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.csdn-editor-textarea[data-v-b38ed970]{width:100%;padding:16px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;font-family:PingFang SC,Monaco,Menlo,Ubuntu Mono,monospace;color:#333;line-height:1.6;resize:vertical;transition:all .3s ease;box-sizing:border-box;min-height:400px}.csdn-editor-textarea[data-v-b38ed970]:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.editor-actions[data-v-b38ed970]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:1px solid #e0e0e0}.action-btn.csdn-cancel[data-v-b38ed970]{padding:10px 20px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;background:#fff;color:#333}.action-btn.csdn-cancel[data-v-b38ed970]:hover{border-color:#1890ff;color:#1890ff}.drag-drop-zone[data-v-b38ed970]{border:2px dashed #d9d9d9;border-radius:8px;padding:40px 20px;text-align:center;transition:all .3s ease;margin-bottom:24px;position:relative}.drag-drop-zone[data-v-b38ed970]:hover{border-color:#1890ff;background-color:#1890ff0d}.drag-drop-zone.dragging[data-v-b38ed970]{border-color:#1890ff;background-color:#1890ff1a}.drag-drop-content[data-v-b38ed970]{display:flex;flex-direction:column;align-items:center;gap:12px}.drag-drop-icon[data-v-b38ed970]{font-size:48px;color:#999;transition:color .3s ease}.drag-drop-zone:hover .drag-drop-icon[data-v-b38ed970],.drag-drop-zone.dragging .drag-drop-icon[data-v-b38ed970]{color:#1890ff}.drag-drop-content h5[data-v-b38ed970]{font-size:16px;font-weight:600;color:#333;margin:0}.drag-drop-content p[data-v-b38ed970]{font-size:14px;color:#666;margin:0}.browse-label[data-v-b38ed970]{color:#1890ff;font-weight:500;cursor:pointer;text-decoration:underline;transition:color .3s ease}.browse-label[data-v-b38ed970]:hover{color:#40a9ff}.drag-drop-hint[data-v-b38ed970]{font-size:12px;color:#999;margin-top:8px}.csdn-category-management[data-v-b38ed970]{width:100%}.csdn-category-list[data-v-b38ed970]{display:flex;flex-direction:column;gap:12px;margin-top:16px}.csdn-category-item[data-v-b38ed970]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.csdn-category-item[data-v-b38ed970]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);border-color:#1890ff}.csdn-category-item span[data-v-b38ed970]{font-size:14px;font-weight:500;color:#333}.csdn-category-actions[data-v-b38ed970]{display:flex;gap:8px}.csdn-category-editor[data-v-b38ed970],.csdn-tag-management[data-v-b38ed970]{width:100%}.csdn-tag-list[data-v-b38ed970]{display:flex;flex-direction:column;gap:12px;margin-top:16px}.csdn-tag-item[data-v-b38ed970]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .3s ease;box-shadow:0 1px 2px #0000000d}.csdn-tag-item[data-v-b38ed970]:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px);border-color:#1890ff}.csdn-tag-item span[data-v-b38ed970]{font-size:14px;font-weight:500;color:#333;background:#1890ff1a;padding:2px 12px;border-radius:16px}.csdn-tag-actions[data-v-b38ed970]{display:flex;gap:8px}.csdn-tag-editor[data-v-b38ed970]{width:100%}.main-content[data-v-b38ed970]{flex:7}.portal-view.dark .article-card[data-v-b38ed970]{background:#181818e6;box-shadow:0 4px 12px #0003}.portal-view.black .article-card[data-v-b38ed970]{background:#111111e6;box-shadow:0 4px 12px #0000004d}.portal-view.dark .article-card[data-v-b38ed970]:hover{box-shadow:0 6px 16px #0000004d}.portal-view.black .article-card[data-v-b38ed970]:hover{box-shadow:0 6px 16px #0006}.portal-view.dark .article-title[data-v-b38ed970]{color:#e9ecef}.portal-view.dark .article-card:hover .article-title[data-v-b38ed970]{color:#6b8cce;text-shadow:0 1px 2px rgba(107,140,206,.2)}.portal-view.dark .article-meta[data-v-b38ed970]{color:#999;border-bottom:1px solid #333333}.portal-view.dark .article-excerpt[data-v-b38ed970]{color:#ced4da}.portal-view.black .article-title[data-v-b38ed970]{color:#e0e0e0}.portal-view.black .article-card:hover .article-title[data-v-b38ed970]{color:#6b8cce}.portal-view.black .article-meta[data-v-b38ed970]{color:#888;border-bottom:1px solid #222222}.portal-view.black .article-excerpt[data-v-b38ed970]{color:#bdbdbd}.portal-view.dark .article-footer[data-v-b38ed970]{border-top:1px solid #333333;color:#999}.portal-view.dark .footer-item[data-v-b38ed970]{background-color:#ffffff0d}.portal-view.dark .footer-item[data-v-b38ed970]:hover{background-color:#6b8cce1a}.portal-view.black .article-footer[data-v-b38ed970]{border-top:1px solid #222222;color:#888}.portal-view.black .footer-item[data-v-b38ed970]{background-color:#ffffff08}.portal-view.black .footer-item[data-v-b38ed970]:hover{background-color:#6b8cce1a}.bottom-right-icons[data-v-b38ed970]{position:fixed;bottom:30px;right:30px;display:flex;flex-direction:column;gap:12px;z-index:998}.progress-icon[data-v-b38ed970]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease}.progress-icon[data-v-b38ed970]:active{transform:scale(.9)}.progress-circle[data-v-b38ed970]{position:relative;width:56px;height:56px;border-radius:50%;background:conic-gradient(#4a6fa5 calc(var(--progress) * 1%),#6b8cce calc(var(--progress) * 1%),#ffffff1a 0%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a6fa54d;transition:all .5s ease;animation:pulse-b38ed970 2s infinite,rotate-b38ed970 10s linear infinite;cursor:pointer}@keyframes rotate-b38ed970{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-circle[data-v-b38ed970]:hover{transform:scale(1.1);box-shadow:0 8px 24px #4a6fa599}@keyframes pulse-b38ed970{0%{box-shadow:0 4px 12px #4a6fa54d}50%{box-shadow:0 8px 24px #4a6fa599}to{box-shadow:0 4px 12px #4a6fa54d}}.progress-circle[data-v-b38ed970]:before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:#fff;z-index:1}.portal-view.dark .progress-circle[data-v-b38ed970]:before{background:#181818}.portal-view.black .progress-circle[data-v-b38ed970]:before{background:#111}.progress-text[data-v-b38ed970]{position:relative;z-index:2;font-size:14px;font-weight:700;color:#4a6fa5;transition:all .3s ease;animation:textPulse-b38ed970 1s infinite}.progress-text[data-v-b38ed970]:hover{transform:scale(1.1);color:#3a5a85}.portal-view.dark .progress-text[data-v-b38ed970],.portal-view.black .progress-text[data-v-b38ed970]{color:#6b8cce}.portal-view.dark .progress-text[data-v-b38ed970]:hover,.portal-view.black .progress-text[data-v-b38ed970]:hover{color:#4a6fa5}@keyframes textPulse-b38ed970{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.icon-btn[data-v-b38ed970]{width:48px;height:48px;border:none;background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:scale(1)}.icon-btn[data-v-b38ed970]:hover{background:#fff;transform:translateY(-6px) scale(1.1);box-shadow:0 8px 24px #0000004d}.icon-btn[data-v-b38ed970]:active{transform:translateY(0) scale(.9);box-shadow:0 2px 8px #0003}.icon[data-v-b38ed970]{font-size:20px;color:#4a6fa5}.module-title[data-v-b38ed970]{font-size:16px;font-weight:700;margin-bottom:12px;color:inherit;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:8px}@keyframes bounce-b38ed970{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(10px)}60%{transform:translateY(5px)}}@keyframes arrowMove-b38ed970{0%{opacity:0;transform:rotate(-45deg) translate(-10px,-10px)}50%{opacity:1;transform:rotate(-45deg) translate(0)}to{opacity:0;transform:rotate(-45deg) translate(10px,10px)}}@media(max-width:768px){.nav-content[data-v-b38ed970]{padding:0 20px;height:60px}.logo[data-v-b38ed970]{font-size:24px}.main-nav[data-v-b38ed970]{gap:15px}.nav-link[data-v-b38ed970]{font-size:16px}.hero-title[data-v-b38ed970]{font-size:40px}.hero-subtitle[data-v-b38ed970]{font-size:20px}.scroll-down[data-v-b38ed970]{width:50px;height:50px}.arrow[data-v-b38ed970]{width:16px;height:16px}.blog-container[data-v-b38ed970]{flex-direction:column;padding:16px}.left-sidebar[data-v-b38ed970]{order:2}.main-content[data-v-b38ed970]{order:1}.bottom-right-icons[data-v-b38ed970]{bottom:20px;right:20px}.icon-btn[data-v-b38ed970]{width:40px;height:40px}.icon[data-v-b38ed970]{font-size:16px}}.modal-overlay[data-v-b38ed970]{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.modal-content[data-v-b38ed970]{background-color:#fff;border-radius:8px;padding:24px;width:90%;max-width:400px;box-shadow:0 4px 12px #00000026;animation:modalFadeIn-b38ed970 .3s ease-out}.confirm-modal[data-v-b38ed970]{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;text-align:center;position:relative;max-width:500px}.confirm-modal .modal-title[data-v-b38ed970]{font-size:24px;font-weight:700;color:#333;margin-bottom:20px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.confirm-modal .modal-message[data-v-b38ed970]{font-size:16px;color:#666;margin-bottom:30px;line-height:1.5}.confirm-modal .modal-actions[data-v-b38ed970]{display:flex;gap:20px;justify-content:center}.confirm-modal .action-btn.csdn-danger[data-v-b38ed970]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-modal .action-btn.csdn-danger[data-v-b38ed970]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.confirm-modal .action-btn.csdn-cancel[data-v-b38ed970]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.confirm-modal .action-btn.csdn-cancel[data-v-b38ed970]:hover{background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@keyframes modalFadeIn-b38ed970{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-title[data-v-b38ed970]{margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600;color:#333;text-align:center}.modal-message[data-v-b38ed970]{margin-bottom:24px;color:#666;text-align:center}.modal-actions[data-v-b38ed970]{display:flex;justify-content:center;gap:16px}.action-btn.danger[data-v-b38ed970]{background-color:#f44336;color:#fff;border:none}.action-btn.danger[data-v-b38ed970]:hover{background-color:#da190b;transform:translateY(-2px)}@media(max-width:768px){.modal-content[data-v-b38ed970]{width:95%;padding:20px}.modal-actions[data-v-b38ed970]{flex-direction:column}.modal-actions button[data-v-b38ed970]{width:100%}}.article-detail[data-v-83521511]{width:100%;min-height:100vh;background:url(/assets/light-bg-BZHKM7g4.jpg);background-size:cover;background-attachment:fixed;background-position:center}.page-header[data-v-83521511]{padding:60px 20px 30px;text-align:center;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:30px;border-radius:0 0 20px 20px}.page-title[data-v-83521511]{font-size:42px;font-weight:700;color:#fff;text-shadow:0 3px 6px rgba(0,0,0,.6);margin:0;line-height:1.2;letter-spacing:1px}.app-container.dark .page-header[data-v-83521511]{background:#0009}.app-container.black .page-header[data-v-83521511]{background:#000c}.app-container.dark .article-detail[data-v-83521511]{background:url(/assets/dark-bg-CQwH3Ed3.jpg);background-size:cover;background-attachment:fixed;background-position:center}.app-container.black .article-detail[data-v-83521511]{background:url(/assets/black-bg-C14qryqf.jpg);background-size:cover;background-attachment:fixed;background-position:center}.article-container[data-v-83521511]{max-width:1000px;margin:-70px auto 0;position:relative;z-index:10}.main-content[data-v-83521511]{background:#fff;border-radius:16px;padding:50px;box-shadow:0 8px 24px #00000026;border:1px solid #f0f0f0}.article-header[data-v-83521511]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0;flex-wrap:wrap;gap:20px}.author-card[data-v-83521511]{display:flex;align-items:center;gap:20px;padding:24px;background:#fafafa;border-radius:16px;margin-bottom:30px;border:1px solid #f0f0f0;box-shadow:0 4px 12px #00000014;transition:all .3s ease}.author-card[data-v-83521511]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px);border-color:#4a6fa5}.author-avatar[data-v-83521511]{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #4a6fa5;flex-shrink:0}.avatar-img[data-v-83521511]{width:100%;height:100%;object-fit:cover}.author-info[data-v-83521511]{flex:1}.author-name[data-v-83521511]{font-size:20px;font-weight:700;color:#333;margin:0 0 8px}.author-bio[data-v-83521511]{font-size:16px;color:#666;margin:0 0 12px;line-height:1.4}.author-social[data-v-83521511]{display:flex;gap:12px}.social-link[data-v-83521511]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;font-size:18px;text-decoration:none;transition:all .3s ease;color:#333}.social-link[data-v-83521511]:hover{background:#4a6fa5;border-color:#4a6fa5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4a6fa54d}.article-meta[data-v-83521511]{font-size:15px;color:#666;display:flex;gap:24px;flex-wrap:wrap;font-weight:500}.article-stats[data-v-83521511]{display:flex;gap:16px;font-size:15px;color:#666;align-items:center}.stat-item[data-v-83521511]{display:flex;align-items:center;gap:8px;transition:all .3s ease;padding:8px 16px;border-radius:20px;background:#f8f9fa;min-width:90px;justify-content:center;text-align:center;border:1px solid #e0e0e0}.stat-item[data-v-83521511]:hover{color:#4a6fa5;background:#e3f2fd;transform:translateY(-2px);box-shadow:0 4px 12px #4a6fa533;border-color:#4a6fa5}.article-content[data-v-83521511]{font-size:17px;color:#333;line-height:2;margin-bottom:40px}.article-content h1[data-v-83521511]{font-size:28px;font-weight:700;margin:40px 0 24px;color:#222;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.article-content h2[data-v-83521511]{font-size:24px;font-weight:700;margin:32px 0 20px;color:#333;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.article-content h3[data-v-83521511]{font-size:20px;font-weight:700;margin:24px 0 16px;color:#444}.article-content p[data-v-83521511]{margin-bottom:24px;text-align:justify;font-weight:400}.article-content img[data-v-83521511],.article-content .markdown-image[data-v-83521511]{max-width:100%;height:auto;border-radius:8px;margin:20px 0;box-shadow:0 2px 8px #0000001a}.article-tags[data-v-83521511]{margin-bottom:30px;padding:24px;background:#fafafa;border-radius:16px;border:1px solid #f0f0f0;box-shadow:0 4px 12px #00000014}.tags-title[data-v-83521511]{font-size:18px;font-weight:700;color:#333;margin:0 0 16px;display:flex;align-items:center;gap:8px}.tags-title[data-v-83521511]:before{content:"🏷️";font-size:16px}.tags-list[data-v-83521511]{display:flex;flex-wrap:wrap;gap:12px}.tag-item[data-v-83521511]{display:inline-block;padding:8px 16px;background:#fff;border:2px solid #4a6fa5;border-radius:20px;font-size:14px;font-weight:500;color:#4a6fa5;transition:all .3s ease;cursor:pointer}.tag-item[data-v-83521511]:hover{background:#4a6fa5;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #4a6fa54d}.tag-item.empty-tag[data-v-83521511]{border-color:#e0e0e0;color:#999}.tag-item.empty-tag[data-v-83521511]:hover{background:#e0e0e0;color:#666;border-color:#e0e0e0}.article-footer[data-v-83521511]{display:flex;justify-content:space-between;align-items:center;border-top:2px solid #f0f0f0;border-bottom:2px solid #f0f0f0;margin-bottom:40px;flex-wrap:wrap;gap:20px;background:#fafafa;border-radius:12px;padding:30px}.footer-share[data-v-83521511]{display:flex;align-items:center;gap:16px}.share-title[data-v-83521511]{font-size:16px;color:#333;font-weight:500}.share-buttons[data-v-83521511]{display:flex;gap:12px}.share-btn[data-v-83521511]{width:40px;height:40px;border:2px solid #e0e0e0;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;overflow:hidden;font-size:18px}.share-btn[data-v-83521511]:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 4px 12px #00000026;border-color:#4a6fa5}.share-btn[data-v-83521511]:active{animation:sharePulse-83521511 .6s ease-in-out}@keyframes sharePulse-83521511{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.footer-actions[data-v-83521511]{display:flex;gap:16px}.action-btn[data-v-83521511]{padding:12px 24px;border:2px solid #e0e0e0;border-radius:25px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:16px;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden;font-weight:500}.like-btn[data-v-83521511]:hover{background:#ffebee;border-color:#ffcdd2;color:#c62828;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1cb4d}.like-btn.liked[data-v-83521511]{background:#ffebee;border-color:#ffcdd2;color:#c62828;box-shadow:0 4px 12px #ffc1cb4d}.like-btn[data-v-83521511]:active{animation:likePulse-83521511 .6s ease-in-out}@keyframes likePulse-83521511{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.like-btn.unlike[data-v-83521511]{animation:unlikePulse-83521511 .6s ease-in-out}@keyframes unlikePulse-83521511{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}.comment-btn[data-v-83521511]:hover{background:#e3f2fd;border-color:#bbdefb;color:#1565c0;transform:translateY(-2px);box-shadow:0 4px 12px #bbdefb4d}.comment-btn[data-v-83521511]:active{animation:commentPulse-83521511 .6s ease-in-out}@keyframes commentPulse-83521511{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.toast[data-v-83521511]{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;z-index:99999;animation:slideIn-83521511 .3s ease-out;box-shadow:0 4px 12px #00000026;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#4a6fa5,#3a5a85);min-width:200px;text-align:center}.toast.success[data-v-83521511]{background:linear-gradient(135deg,#4caf50,#45a049)}.toast.error[data-v-83521511]{background:linear-gradient(135deg,#f44336,#da190b)}@keyframes slideIn-83521511{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.related-articles[data-v-83521511]{margin-bottom:40px;background:#fafafa;border-radius:16px;padding:30px;border:1px solid #f0f0f0}.related-title[data-v-83521511]{font-size:22px;font-weight:700;margin-bottom:24px;color:#333;padding-bottom:12px;border-bottom:2px solid #4a6fa5;display:flex;align-items:center;gap:10px}.related-title[data-v-83521511]:before{content:"📚";font-size:20px}.related-list[data-v-83521511]{display:flex;flex-direction:column;gap:20px}.related-item[data-v-83521511]{padding:20px;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;cursor:pointer;background:#fff;z-index:1;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.related-item[data-v-83521511]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#4a6fa5,#3a5a85);opacity:0;transition:opacity .3s ease}.related-item[data-v-83521511]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-3px);border-color:#4a6fa5}.related-item[data-v-83521511]:hover:before{opacity:1}.related-item:hover .related-item-title[data-v-83521511]{color:#4a6fa5}.related-item-title[data-v-83521511]{font-size:18px;font-weight:700;margin-bottom:10px;color:#333;line-height:1.4;transition:all .3s ease}.related-item-date[data-v-83521511]{font-size:14px;color:#666;font-weight:500;display:flex;align-items:center;gap:6px}.related-item-date[data-v-83521511]:before{content:"📅";font-size:12px}.back-container[data-v-83521511]{display:flex;justify-content:center;margin-top:40px;padding:20px 0}.back-btn[data-v-83521511]{padding:16px 40px;background:linear-gradient(135deg,#4a6fa5,#3a5a85);color:#fff;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;font-weight:500;box-shadow:0 4px 12px #4a6fa54d}.back-btn[data-v-83521511]:hover{background:linear-gradient(135deg,#3a5a85,#2a4a75);transform:translateY(-3px);box-shadow:0 8px 24px #4a6fa566}.back-btn[data-v-83521511]:active{animation:backPulse-83521511 .6s ease-in-out}@keyframes backPulse-83521511{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.reading-progress[data-v-83521511]{margin-bottom:30px;padding:24px;background:#fafafa;border-radius:16px;border:1px solid #f0f0f0;box-shadow:0 4px 12px #00000014}.progress-info[data-v-83521511]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-label[data-v-83521511]{font-size:16px;font-weight:500;color:#333;display:flex;align-items:center;gap:8px}.progress-label[data-v-83521511]:before{content:"📖";font-size:14px}.progress-percentage[data-v-83521511]{font-size:16px;font-weight:600;color:#4a6fa5}.progress-bar[data-v-83521511]{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.progress-fill[data-v-83521511]{height:100%;background:linear-gradient(90deg,#4a6fa5,#3a5a85);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #4a6fa580}@media(max-width:768px){.page-header[data-v-83521511]{padding:40px 20px 20px}.page-title[data-v-83521511]{font-size:32px}.article-container[data-v-83521511]{padding:10px;margin-top:-50px}.main-content[data-v-83521511]{padding:30px}.article-header[data-v-83521511]{flex-direction:column;align-items:flex-start;gap:12px}.article-footer[data-v-83521511]{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.footer-share[data-v-83521511]{width:100%;justify-content:space-between}.related-articles[data-v-83521511]{padding:20px}.related-item[data-v-83521511]{padding:16px}.related-item-title[data-v-83521511]{font-size:16px}.back-btn[data-v-83521511]{width:100%;justify-content:center}}@media(max-width:480px){.page-header[data-v-83521511]{padding:30px 16px 16px}.page-title[data-v-83521511]{font-size:28px}.main-content[data-v-83521511]{padding:20px}.article-content[data-v-83521511]{font-size:15px;line-height:1.8}.article-footer[data-v-83521511]{padding:16px}.action-btn[data-v-83521511]{padding:10px 20px;font-size:14px}.share-btn[data-v-83521511]{width:36px;height:36px}.related-articles[data-v-83521511]{padding:16px}.related-item[data-v-83521511]{padding:12px}.back-btn[data-v-83521511]{padding:14px 32px}}.comment-section[data-v-83521511]{margin-top:40px;padding:32px;background:#f8f9fa;border-radius:16px;box-shadow:0 4px 16px #0000001a;border:1px solid #f0f0f0}.comment-title[data-v-83521511]{font-size:22px;font-weight:700;margin-bottom:24px;color:#333;padding-bottom:12px;border-bottom:2px solid #4a6fa5;display:flex;align-items:center;gap:10px}.comment-title[data-v-83521511]:before{content:"💬";font-size:20px}.comment-form[data-v-83521511]{margin-bottom:32px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;border:2px solid #e0e0e0;transition:all .3s ease}.comment-form[data-v-83521511]:hover{box-shadow:0 6px 20px #0000001f;border-color:#4a6fa5}.form-group[data-v-83521511]{margin-bottom:20px}.form-group label[data-v-83521511]{display:block;margin-bottom:10px;font-size:16px;font-weight:500;color:#333;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.form-input[data-v-83521511]{width:100%;padding:14px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;transition:all .3s ease;background:#fafafa}.form-input[data-v-83521511]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa533;background:#fff}.form-textarea[data-v-83521511]{width:100%;padding:18px 20px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;resize:vertical;transition:all .3s ease;min-height:150px;line-height:1.7;background:#fafafa}.form-textarea[data-v-83521511]:focus{outline:none;border-color:#4a6fa5;box-shadow:0 0 0 3px #4a6fa533;background:#fff}.form-submit[data-v-83521511]{padding:14px 36px;background:linear-gradient(135deg,#4a6fa5,#3a5a85);color:#fff;border:none;border-radius:25px;font-size:16px;font-weight:600;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #4a6fa54d}.form-submit[data-v-83521511]:hover{background:linear-gradient(135deg,#3a5a85,#2a4a75);transform:translateY(-3px);box-shadow:0 6px 20px #4a6fa566}.form-submit[data-v-83521511]:active{transform:translateY(0)}.comment-list[data-v-83521511]{margin-top:32px}.comment-item[data-v-83521511]{padding:24px;margin-bottom:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;border:2px solid #e0e0e0;transition:all .3s ease;position:relative;overflow:hidden}.comment-item[data-v-83521511]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#4a6fa5,#3a5a85)}.comment-item[data-v-83521511]:hover{box-shadow:0 8px 24px #00000026;border-color:#4a6fa5;transform:translateY(-3px)}.comment-header[data-v-83521511]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-left:16px}.comment-author[data-v-83521511]{font-size:16px;font-weight:600;color:#333;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;display:flex;align-items:center;gap:10px}.comment-author[data-v-83521511]:before{content:"👤";font-size:18px}.comment-time[data-v-83521511]{font-size:14px;color:#666;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;font-weight:500}.comment-body[data-v-83521511]{font-size:16px;color:#555;line-height:1.8;word-break:break-word;padding-left:16px;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif}.no-comments[data-v-83521511]{text-align:center;padding:80px 0;color:#666;font-size:16px;background:#fff;border-radius:12px;border:2px dashed #e0e0e0;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;transition:all .3s ease}.no-comments[data-v-83521511]:hover{border-color:#4a6fa5;color:#333;box-shadow:0 4px 12px #00000014}.no-comments[data-v-83521511]:before{content:"💭";font-size:40px;display:block;margin-bottom:20px;opacity:.5}[data-v-83521511] .app-container.dark .main-content{background-color:#181818;box-shadow:0 2px 8px #0003}[data-v-83521511] .app-container.dark .main-content:hover{box-shadow:0 4px 12px #0000004d}[data-v-83521511] .app-container.dark .article-meta{color:#888}[data-v-83521511] .app-container.dark .back-btn{background-color:#222;border-color:#333;color:#888}[data-v-83521511] .app-container.dark .back-btn:hover{background-color:#333;border-color:#444}[data-v-83521511] .app-container.black .main-content{background-color:#111;box-shadow:0 2px 8px #0000004d}[data-v-83521511] .app-container.black .main-content:hover{box-shadow:0 4px 12px #0006}[data-v-83521511] .app-container.black .article-meta{color:#777}[data-v-83521511] .app-container.black .back-btn{background-color:#1a1a1a;border-color:#222;color:#777}[data-v-83521511] .app-container.black .back-btn:hover{background-color:#222;border-color:#333}.life-view[data-v-6186d931]{width:100%;min-height:100vh;position:relative;overflow:hidden;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=colorful%20vibrant%20background%20for%20life%20journal%2C%20soft%20pastel%20colors%2C%20distinct%20patterns%2C%20inviting%20atmosphere%2C%20minimalist%20design&image_size=landscape_16_9);background-size:cover;background-position:center;background-repeat:no-repeat}.life-view[data-v-6186d931]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffb3,#fff9);z-index:0}.background-decoration[data-v-6186d931]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decor-circle[data-v-6186d931]{position:absolute;border-radius:50%;animation:float-6186d931 6s ease-in-out infinite}.decor-circle-1[data-v-6186d931]{width:200px;height:200px;top:10%;left:5%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);animation-delay:0s}.decor-circle-2[data-v-6186d931]{width:150px;height:150px;top:60%;right:8%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation-delay:2s}.decor-circle-3[data-v-6186d931]{width:100px;height:100px;top:30%;right:15%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation-delay:1s}.decor-circle-4[data-v-6186d931]{width:80px;height:80px;top:70%;left:12%;background:radial-gradient(circle,rgba(74,179,111,.1) 0%,transparent 70%);animation-delay:3s}.decor-clouds[data-v-6186d931]{position:absolute;top:0;left:0;width:100%;height:100%}.cloud[data-v-6186d931]{position:absolute;background:#fff9;border-radius:50px;animation:float-6186d931 15s ease-in-out infinite}.cloud-1[data-v-6186d931]{width:150px;height:60px;top:20%;left:10%;animation-delay:0s}.cloud-2[data-v-6186d931]{width:120px;height:50px;top:40%;right:15%;animation-delay:3s}.cloud-3[data-v-6186d931]{width:100px;height:40px;top:70%;left:30%;animation-delay:6s}.decor-stars[data-v-6186d931]{position:absolute;top:0;left:0;width:100%;height:100%}.star[data-v-6186d931]{position:absolute;width:2px;height:2px;background:#8b5cf6;border-radius:50%;animation:twinkle-6186d931 3s ease-in-out infinite}.life-main[data-v-6186d931]{padding:40px 0 80px;position:relative;z-index:1}.life-container[data-v-6186d931]{max-width:800px;margin:0 auto;padding:0 20px}.life-header-section[data-v-6186d931]{text-align:center;margin-bottom:60px;position:relative;z-index:1;padding:20px}.life-title[data-v-6186d931]{font-size:64px;font-weight:700;margin-bottom:32px;font-family:Ma Shan Zheng,cursive;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.2);background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:28px 56px;border-radius:60px;box-shadow:0 12px 32px #8b5cf680;transition:all .3s ease;animation:titleFloat-6186d931 1s ease-out;background-color:#fff;border:3px solid rgba(139,92,246,.4);position:relative;z-index:1;outline:2px solid rgba(255,255,255,.8);outline-offset:2px}.life-title[data-v-6186d931]:hover{transform:scale(1.05);box-shadow:0 16px 40px #8b5cf699;border-color:#8b5cf699}.title-word[data-v-6186d931]{display:inline-block;opacity:0;transform:translateY(20px);animation:fadeInUp-6186d931 .6s ease-out both}.life-subtitle[data-v-6186d931]{font-size:18px;color:#666;margin-bottom:32px;animation:fadeInUp-6186d931 .8s ease-out .2s both}.life-intro[data-v-6186d931]{max-width:700px;margin:0 auto 32px;animation:fadeInUp-6186d931 .8s ease-out .3s both}.intro-text[data-v-6186d931]{font-size:16px;color:#666;line-height:1.6;text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;position:relative;z-index:1}.life-stats[data-v-6186d931]{display:flex;justify-content:center;gap:30px;margin:32px 0;animation:fadeInUp-6186d931 .8s ease-out .4s both}.stat-item[data-v-6186d931]{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;min-width:120px;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.stat-item[data-v-6186d931]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.stat-item[data-v-6186d931]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#8b5cf6}.stat-number[data-v-6186d931]{display:block;font-size:28px;font-weight:700;color:#8b5cf6;margin-bottom:6px;font-family:Montserrat,sans-serif;transition:all .3s ease}.stat-item:hover .stat-number[data-v-6186d931]{color:#ec4899}.stat-label[data-v-6186d931]{display:block;font-size:13px;color:#666;font-weight:500;transition:all .3s ease}.stat-item:hover .stat-label[data-v-6186d931]{color:#8b5cf6}.life-decoration[data-v-6186d931]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;animation:fadeInUp-6186d931 .8s ease-out .5s both}.decoration-dot[data-v-6186d931]{width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.decoration-line[data-v-6186d931]{width:80px;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:.8}.life-posts[data-v-6186d931]{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1;max-width:700px;margin:0 auto}.life-post[data-v-6186d931]{background:#fffffff2;border-radius:20px;padding:40px;box-shadow:0 6px 20px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp-6186d931 .8s ease-out both;border-left:4px solid #8b5cf6;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.life-post[data-v-6186d931]:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.life-post[data-v-6186d931]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:#ec4899}.life-post[data-v-6186d931]:hover:before{transform:scale(1.3);transition:transform .3s ease}.life-post-content[data-v-6186d931]{position:relative;z-index:1}.life-post-content p[data-v-6186d931]{font-size:18px;line-height:1.8;color:#333;margin-bottom:24px;font-weight:400;padding:20px;background:#f8f9fa;border-radius:12px;border-left:4px solid #8b5cf6;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.life-post:hover .life-post-content p[data-v-6186d931]{background:#f5f3ff;box-shadow:0 4px 12px #0000001a;transform:translate(8px)}.life-post-meta[data-v-6186d931]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#999;border-top:1px solid #f0f0f0;padding-top:16px;position:relative;z-index:1;flex-wrap:wrap;gap:12px}.meta-left[data-v-6186d931]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.meta-right[data-v-6186d931]{display:flex;align-items:center;gap:16px}.life-post-date[data-v-6186d931]{font-weight:500;color:#666}.life-post-views[data-v-6186d931]{display:flex;align-items:center;gap:4px;font-size:14px;color:#666}.views-icon[data-v-6186d931]{font-size:14px}.life-post-reply[data-v-6186d931]{display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;padding:6px 14px;border-radius:20px;border:1px solid #e9ecef;background:#f8f9fa;color:#666;box-shadow:0 2px 4px #0000000d}.reply-count[data-v-6186d931]{font-size:14px;font-weight:500}.life-post-reply[data-v-6186d931]:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.life-post-likes[data-v-6186d931]{display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .3s ease;padding:6px 14px;border-radius:20px;border:1px solid #e9ecef;background:#f8f9fa;color:#666;box-shadow:0 2px 4px #0000000d}.life-post-likes[data-v-6186d931]:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.life-post-likes.liked[data-v-6186d931]{background:#8b5cf6;color:#fff;box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.like-icon[data-v-6186d931]{font-size:16px;transition:transform .3s ease}.life-post-likes.liked .like-icon[data-v-6186d931]{transform:scale(1.2)}.reply-form[data-v-6186d931]{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;position:relative;z-index:1}.form-group[data-v-6186d931]{margin-bottom:12px}.form-input[data-v-6186d931]{width:100%;padding:10px 14px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;background:#fff}.form-input[data-v-6186d931]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.form-textarea[data-v-6186d931]{width:100%;padding:12px 14px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;resize:vertical;min-height:80px;line-height:1.5;background:#fff}.form-textarea[data-v-6186d931]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.form-actions[data-v-6186d931]{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.cancel-btn[data-v-6186d931]{padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.cancel-btn[data-v-6186d931]:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.submit-reply-btn[data-v-6186d931]{padding:8px 16px;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:20px;font-size:14px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #8b5cf633}.submit-reply-btn[data-v-6186d931]:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d;border-color:#7c3aed}.replies-list[data-v-6186d931]{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;position:relative;z-index:1}.replies-title[data-v-6186d931]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.reply-item[data-v-6186d931]{padding:12px;background:#fff;border-radius:8px;margin-bottom:8px;border-left:3px solid #8b5cf6}.reply-item[data-v-6186d931]:last-child{margin-bottom:0}.reply-header[data-v-6186d931]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reply-name[data-v-6186d931]{font-size:13px;font-weight:600;color:#333}.reply-date[data-v-6186d931]{font-size:11px;color:#999}.reply-content[data-v-6186d931]{font-size:13px;line-height:1.4;color:#666}.back-container[data-v-6186d931]{display:flex;justify-content:center;margin-top:60px;position:relative;z-index:1}.back-btn[data-v-6186d931]{padding:16px 40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #8b5cf64d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.back-btn[data-v-6186d931]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease}.back-btn[data-v-6186d931]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf666}.back-btn[data-v-6186d931]:hover:before{left:100%}.portal-footer[data-v-6186d931]{background:#fffffff2;padding:40px 20px 30px;border-top:1px solid rgba(139,92,246,.2);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:60px}.portal-footer[data-v-6186d931]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.footer-content[data-v-6186d931]{max-width:900px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px;text-align:center}.footer-section[data-v-6186d931]{min-width:200px;padding:20px;background:#fffc;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.footer-section[data-v-6186d931]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #8b5cf61a}.footer-section h3[data-v-6186d931]{font-size:18px;font-weight:700;color:#333;margin-bottom:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p[data-v-6186d931]{font-size:14px;color:#666;line-height:1.6;margin:0}@keyframes fadeInUp-6186d931{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-6186d931{0%{width:0}to{width:100%}}@keyframes titleFloat-6186d931{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-6186d931{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wave-6186d931{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle-6186d931{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:768px){.page-header[data-v-6186d931]{padding:40px 20px}.page-title[data-v-6186d931]{font-size:36px}.life-container[data-v-6186d931]{padding:0 16px}.life-title[data-v-6186d931]{font-size:28px}.life-subtitle[data-v-6186d931]{font-size:16px}.life-post[data-v-6186d931]{padding:20px}.life-post-content p[data-v-6186d931]{font-size:14px}.back-btn[data-v-6186d931]{padding:12px 28px;font-size:14px}.footer-content[data-v-6186d931]{gap:20px}}@media(max-width:480px){.page-title[data-v-6186d931]{font-size:28px}.header-actions[data-v-6186d931]{flex-direction:column;align-items:center}.action-btn[data-v-6186d931]{width:200px;justify-content:center}.life-title[data-v-6186d931]{font-size:24px}.life-post[data-v-6186d931]{padding:16px}}.life-detail-view[data-v-b112c123]{width:100%;min-height:100vh;position:relative;overflow:hidden;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=colorful%20vibrant%20background%20for%20life%20journal%2C%20soft%20pastel%20colors%2C%20distinct%20patterns%2C%20inviting%20atmosphere%2C%20minimalist%20design&image_size=landscape_16_9);background-size:cover;background-position:center;background-repeat:no-repeat}.life-detail-view[data-v-b112c123]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffb3,#fff9);z-index:0}.background-decoration[data-v-b112c123]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decor-circle[data-v-b112c123]{position:absolute;border-radius:50%;animation:float-b112c123 6s ease-in-out infinite}.decor-circle-1[data-v-b112c123]{width:200px;height:200px;top:10%;left:5%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);animation-delay:0s}.decor-circle-2[data-v-b112c123]{width:150px;height:150px;top:60%;right:8%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation-delay:2s}.decor-circle-3[data-v-b112c123]{width:100px;height:100px;top:30%;right:15%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation-delay:1s}.decor-circle-4[data-v-b112c123]{width:80px;height:80px;top:70%;left:12%;background:radial-gradient(circle,rgba(74,179,111,.1) 0%,transparent 70%);animation-delay:3s}.decor-clouds[data-v-b112c123]{position:absolute;top:0;left:0;width:100%;height:100%}.cloud[data-v-b112c123]{position:absolute;background:#fff9;border-radius:50px;animation:float-b112c123 15s ease-in-out infinite}.cloud-1[data-v-b112c123]{width:150px;height:60px;top:20%;left:10%;animation-delay:0s}.cloud-2[data-v-b112c123]{width:120px;height:50px;top:40%;right:15%;animation-delay:3s}.cloud-3[data-v-b112c123]{width:100px;height:40px;top:70%;left:30%;animation-delay:6s}.decor-stars[data-v-b112c123]{position:absolute;top:0;left:0;width:100%;height:100%}.star[data-v-b112c123]{position:absolute;width:2px;height:2px;background:#8b5cf6;border-radius:50%;animation:twinkle-b112c123 3s ease-in-out infinite}.life-main[data-v-b112c123]{padding:40px 0 80px;position:relative;z-index:1}.life-container[data-v-b112c123]{max-width:800px;margin:0 auto;padding:0 20px}.back-container[data-v-b112c123]{display:flex;justify-content:flex-start;margin-bottom:40px;position:relative;z-index:1}.back-btn[data-v-b112c123]{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #8b5cf64d;border:2px solid rgba(255,255,255,.3)}.back-btn[data-v-b112c123]:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.life-detail[data-v-b112c123]{background:#fffffff2;border-radius:20px;padding:60px;box-shadow:0 8px 24px #0000001f;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid #8b5cf6}.life-detail[data-v-b112c123]:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.life-detail-header[data-v-b112c123]{text-align:center;margin-bottom:40px;position:relative;z-index:1}.life-detail-title[data-v-b112c123]{font-size:48px;font-weight:700;margin-bottom:24px;font-family:Ma Shan Zheng,cursive;text-shadow:2px 2px 4px rgba(0,0,0,.2);background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.life-detail-meta[data-v-b112c123]{display:flex;justify-content:center;align-items:center;gap:24px;font-size:16px;color:#666}.life-detail-date[data-v-b112c123]{font-weight:500}.life-detail-views[data-v-b112c123]{display:flex;align-items:center;gap:6px}.views-icon[data-v-b112c123]{font-size:16px}.life-detail-comments[data-v-b112c123]{display:flex;align-items:center;gap:6px}.comments-icon[data-v-b112c123]{font-size:16px}.life-detail-content[data-v-b112c123]{margin-bottom:40px;position:relative;z-index:1}.life-detail-content p[data-v-b112c123]{font-size:20px;line-height:2;color:#333;padding:30px;background:#f8f9fa;border-radius:12px;border-left:4px solid #8b5cf6;box-shadow:0 4px 12px #00000014}.life-detail-actions[data-v-b112c123]{display:flex;justify-content:center;gap:20px;margin-bottom:40px;position:relative;z-index:1}.life-post-reply[data-v-b112c123]{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;padding:10px 20px;border-radius:25px;border:1px solid #e9ecef;background:#f8f9fa;color:#666;box-shadow:0 2px 4px #0000000d;font-size:16px}.life-post-reply[data-v-b112c123]:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.life-post-likes[data-v-b112c123]{display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;padding:10px 20px;border-radius:25px;border:1px solid #e9ecef;background:#f8f9fa;color:#666;box-shadow:0 2px 4px #0000000d;font-size:16px}.life-post-likes[data-v-b112c123]:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.life-post-likes.liked[data-v-b112c123]{background:#8b5cf6;color:#fff;box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.like-icon[data-v-b112c123]{font-size:18px;transition:transform .3s ease}.life-post-likes.liked .like-icon[data-v-b112c123]{transform:scale(1.2)}.reply-form[data-v-b112c123]{margin-top:30px;padding:24px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;position:relative;z-index:1}.form-group[data-v-b112c123]{margin-bottom:16px}.form-input[data-v-b112c123]{width:100%;padding:12px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;background:#fff}.form-input[data-v-b112c123]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.form-textarea[data-v-b112c123]{width:100%;padding:14px 16px;border:1px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;resize:vertical;min-height:100px;line-height:1.5;background:#fff}.form-textarea[data-v-b112c123]:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf626}.form-actions[data-v-b112c123]{display:flex;gap:12px;justify-content:flex-end;margin-top:16px}.cancel-btn[data-v-b112c123]{padding:8px 16px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:14px;color:#666;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.cancel-btn[data-v-b112c123]:hover{background:#e9ecef;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.submit-reply-btn[data-v-b112c123]{padding:8px 16px;background:#8b5cf6;border:1px solid #8b5cf6;border-radius:20px;font-size:14px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #8b5cf633}.submit-reply-btn[data-v-b112c123]:hover{background:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d;border-color:#7c3aed}.replies-list[data-v-b112c123]{margin-top:30px;padding:24px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef;position:relative;z-index:1}.replies-title[data-v-b112c123]{font-size:16px;font-weight:600;color:#333;margin-bottom:16px}.reply-item[data-v-b112c123]{padding:16px;background:#fff;border-radius:8px;margin-bottom:12px;border-left:3px solid #8b5cf6}.reply-item[data-v-b112c123]:last-child{margin-bottom:0}.reply-header[data-v-b112c123]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.reply-name[data-v-b112c123]{font-size:14px;font-weight:600;color:#333}.reply-date[data-v-b112c123]{font-size:12px;color:#999}.reply-content[data-v-b112c123]{font-size:14px;line-height:1.4;color:#666}.loading[data-v-b112c123]{text-align:center;padding:100px 0;font-size:18px;color:#666}.portal-footer[data-v-b112c123]{background:#fffffff2;padding:40px 20px 30px;border-top:1px solid rgba(139,92,246,.2);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:60px}.portal-footer[data-v-b112c123]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.footer-content[data-v-b112c123]{max-width:900px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px;text-align:center}.footer-section[data-v-b112c123]{min-width:200px;padding:20px;background:#fffc;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.footer-section[data-v-b112c123]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #8b5cf61a}.footer-section h3[data-v-b112c123]{font-size:18px;font-weight:700;color:#333;margin-bottom:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p[data-v-b112c123]{font-size:14px;color:#666;line-height:1.6;margin:0}@keyframes fadeInUp-b112c123{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-b112c123{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes twinkle-b112c123{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:768px){.life-container[data-v-b112c123]{padding:0 16px}.life-detail[data-v-b112c123]{padding:40px 20px}.life-detail-title[data-v-b112c123]{font-size:36px}.life-detail-content p[data-v-b112c123]{font-size:16px;padding:20px}.back-btn[data-v-b112c123]{padding:10px 20px;font-size:13px}.life-detail-actions[data-v-b112c123]{flex-direction:column;align-items:center}.life-post-reply[data-v-b112c123],.life-post-likes[data-v-b112c123]{width:200px;justify-content:center}.footer-content[data-v-b112c123]{gap:20px}}@media(max-width:480px){.life-detail[data-v-b112c123]{padding:30px 16px}.life-detail-title[data-v-b112c123]{font-size:28px}.life-detail-content p[data-v-b112c123]{font-size:14px;padding:16px}}.archive-view[data-v-cfef5f96]{width:100%;min-height:100vh;position:relative;overflow:hidden;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=colorful%20vibrant%20background%20for%20life%20journal%2C%20soft%20pastel%20colors%2C%20distinct%20patterns%2C%20inviting%20atmosphere%2C%20minimalist%20design&image_size=landscape_16_9);background-size:cover;background-position:center;background-repeat:no-repeat}.archive-view[data-v-cfef5f96]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#fffc);z-index:0}.background-decoration[data-v-cfef5f96]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decor-circle[data-v-cfef5f96]{position:absolute;border-radius:50%;animation:float-cfef5f96 6s ease-in-out infinite}.decor-circle-1[data-v-cfef5f96]{width:200px;height:200px;top:10%;left:5%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);animation-delay:0s}.decor-circle-2[data-v-cfef5f96]{width:150px;height:150px;top:60%;right:8%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation-delay:2s}.decor-circle-3[data-v-cfef5f96]{width:100px;height:100px;top:30%;right:15%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation-delay:1s}.decor-circle-4[data-v-cfef5f96]{width:80px;height:80px;top:70%;left:12%;background:radial-gradient(circle,rgba(74,179,111,.1) 0%,transparent 70%);animation-delay:3s}.decor-clouds[data-v-cfef5f96]{position:absolute;top:0;left:0;width:100%;height:100%}.cloud[data-v-cfef5f96]{position:absolute;background:#fff9;border-radius:50px;animation:float-cfef5f96 15s ease-in-out infinite}.cloud-1[data-v-cfef5f96]{width:150px;height:60px;top:20%;left:10%;animation-delay:0s}.cloud-2[data-v-cfef5f96]{width:120px;height:50px;top:40%;right:15%;animation-delay:3s}.cloud-3[data-v-cfef5f96]{width:100px;height:40px;top:70%;left:30%;animation-delay:6s}.decor-stars[data-v-cfef5f96]{position:absolute;top:0;left:0;width:100%;height:100%}.star[data-v-cfef5f96]{position:absolute;width:2px;height:2px;background:#8b5cf6;border-radius:50%;animation:twinkle-cfef5f96 3s ease-in-out infinite}.archive-main[data-v-cfef5f96]{padding:40px 0 80px;position:relative;z-index:1}.archive-container[data-v-cfef5f96]{display:flex;gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.main-content[data-v-cfef5f96]{flex:1}.archive-header-section[data-v-cfef5f96]{text-align:center;margin-bottom:60px;position:relative;z-index:1;padding:20px}.archive-title[data-v-cfef5f96]{font-size:48px;font-weight:700;color:#333;margin-bottom:24px;font-family:Ma Shan Zheng,cursive;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:16px 32px;border-radius:50px;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease;animation:titleFloat-cfef5f96 1s ease-out}.archive-title[data-v-cfef5f96]:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.title-word[data-v-cfef5f96]{display:inline-block;opacity:0;transform:translateY(20px);animation:fadeInUp-cfef5f96 .6s ease-out both}.archive-subtitle[data-v-cfef5f96]{font-size:18px;color:#666;margin-bottom:32px;animation:fadeInUp-cfef5f96 .8s ease-out .2s both}.archive-intro[data-v-cfef5f96]{max-width:700px;margin:0 auto 32px;animation:fadeInUp-cfef5f96 .8s ease-out .3s both}.intro-text[data-v-cfef5f96]{font-size:16px;color:#666;line-height:1.6;text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;position:relative;z-index:1}.archive-stats[data-v-cfef5f96]{display:flex;justify-content:center;gap:30px;margin:32px 0;animation:fadeInUp-cfef5f96 .8s ease-out .4s both}.archive-stats .stat-item[data-v-cfef5f96]{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;min-width:120px;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}.archive-stats .stat-item[data-v-cfef5f96]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.archive-stats .stat-item[data-v-cfef5f96]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#8b5cf6}.archive-stats .stat-number[data-v-cfef5f96]{display:block;font-size:28px;font-weight:700;color:#8b5cf6;margin-bottom:6px;font-family:Montserrat,sans-serif;transition:all .3s ease}.archive-stats .stat-item:hover .stat-number[data-v-cfef5f96]{color:#ec4899}.archive-stats .stat-label[data-v-cfef5f96]{display:block;font-size:13px;color:#666;font-weight:500;transition:all .3s ease}.archive-stats .stat-item:hover .stat-label[data-v-cfef5f96]{color:#8b5cf6}.archive-decoration[data-v-cfef5f96]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;animation:fadeInUp-cfef5f96 .8s ease-out .5s both}.decoration-dot[data-v-cfef5f96]{width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.decoration-line[data-v-cfef5f96]{width:80px;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:.8}.archive-years[data-v-cfef5f96]{display:flex;flex-direction:column;gap:30px;position:relative;z-index:1;max-width:800px;margin:0 auto}.archive-year[data-v-cfef5f96]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 6px 20px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:fadeInUp-cfef5f96 .8s ease-out both;border-left:4px solid #8b5cf6;position:relative;overflow:hidden}.archive-year[data-v-cfef5f96]:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.archive-year[data-v-cfef5f96]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:#ec4899}.archive-year[data-v-cfef5f96]:hover:before{transform:scale(1.3);transition:transform .3s ease}.year-title[data-v-cfef5f96]{font-size:28px;font-weight:700;color:#333;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f0f0f0;position:relative;z-index:1}.year-months[data-v-cfef5f96]{display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.archive-month[data-v-cfef5f96]{margin-left:20px}.month-title[data-v-cfef5f96]{font-size:20px;font-weight:600;color:#666;margin-bottom:16px;display:flex;align-items:center;gap:8px}.month-title[data-v-cfef5f96]:before{content:"";width:8px;height:8px;border-radius:50%;background:#8b5cf6}.month-articles[data-v-cfef5f96]{list-style:none;padding:0;margin:0}.article-item[data-v-cfef5f96]{margin-bottom:12px;position:relative}.article-link[data-v-cfef5f96]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:12px;color:#333;text-decoration:none;transition:all .3s ease;background:#f8f9fa;border-left:4px solid #8b5cf6;box-shadow:0 2px 8px #0000000d;position:relative;z-index:1}.article-link[data-v-cfef5f96]:hover{background:#f5f3ff;color:#8b5cf6;transform:translate(8px);box-shadow:0 4px 12px #8b5cf61a}.article-title[data-v-cfef5f96]{font-size:18px;font-weight:500;flex:1;margin-right:16px}.article-date[data-v-cfef5f96]{font-size:14px;color:#999;white-space:nowrap}.back-container[data-v-cfef5f96]{margin-top:60px;display:flex;justify-content:center;position:relative;z-index:1}.back-btn[data-v-cfef5f96]{padding:16px 40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #8b5cf64d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.back-btn[data-v-cfef5f96]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease}.back-btn[data-v-cfef5f96]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf666}.back-btn[data-v-cfef5f96]:hover:before{left:100%}.btn-icon[data-v-cfef5f96]{font-size:18px}.right-sidebar[data-v-cfef5f96]{width:300px;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.sidebar-module[data-v-cfef5f96]{background:#fffffff2;border-radius:20px;box-shadow:0 6px 20px #0000001a;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;border-left:4px solid #8b5cf6;position:relative;overflow:hidden}.sidebar-module[data-v-cfef5f96]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026;border-color:#ec4899}.sidebar-module[data-v-cfef5f96]:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.module-title[data-v-cfef5f96]{font-size:18px;font-weight:700;margin-bottom:16px;color:#333;border-bottom:1px solid #e9ecef;padding-bottom:12px;position:relative;z-index:1;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.announcement-content[data-v-cfef5f96]{font-size:14px;color:#666;text-align:center;padding:16px 0;position:relative;z-index:1;background:#f8f9fa;border-radius:12px;border-left:4px solid #8b5cf6;box-shadow:0 2px 8px #0000000d}.nav-menu[data-v-cfef5f96]{list-style:none;padding:0;margin:0;position:relative;z-index:1}.nav-item[data-v-cfef5f96]{display:block;padding:12px 16px;color:#666;text-decoration:none;transition:all .3s ease;font-size:14px;border-radius:8px;margin-bottom:8px;background:#f8f9fa;border-left:3px solid transparent}.nav-item[data-v-cfef5f96]:hover{color:#8b5cf6;padding-left:20px;background:#f5f3ff;border-left-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61a}.profile-tabs[data-v-cfef5f96]{display:flex;margin-bottom:20px;border-bottom:1px solid #e9ecef;position:relative;z-index:1}.tab-btn[data-v-cfef5f96]{flex:1;padding:12px 0;background:none;border:none;font-size:14px;cursor:pointer;transition:all .3s ease;color:#666;position:relative}.tab-btn.active[data-v-cfef5f96]{color:#8b5cf6;border-bottom:2px solid #8b5cf6}.avatar-container[data-v-cfef5f96]{display:flex;justify-content:center;margin-bottom:20px;position:relative;z-index:1}.avatar[data-v-cfef5f96]{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid rgba(139,92,246,.4);box-shadow:0 4px 16px #8b5cf633;transition:all .3s ease}.avatar[data-v-cfef5f96]:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf64d}.avatar-img[data-v-cfef5f96]{width:100%;height:100%;object-fit:cover}.profile-name[data-v-cfef5f96]{font-size:18px;font-weight:700;text-align:center;margin-bottom:12px;color:#333;position:relative;z-index:1}.profile-desc[data-v-cfef5f96]{font-size:14px;color:#666;text-align:center;margin-bottom:20px;line-height:1.6;position:relative;z-index:1;padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #8b5cf6;box-shadow:0 2px 8px #0000000d}.profile-stats[data-v-cfef5f96]{display:flex;justify-content:space-around;margin-bottom:20px;padding:16px 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;position:relative;z-index:1}.stat-item[data-v-cfef5f96]{text-align:center;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;min-width:80px;transition:all .3s ease;position:relative;overflow:hidden}.stat-item[data-v-cfef5f96]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.stat-item[data-v-cfef5f96]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#8b5cf6}.stat-number[data-v-cfef5f96]{display:block;font-size:24px;font-weight:700;color:#8b5cf6;margin-bottom:6px;font-family:Montserrat,sans-serif;transition:all .3s ease}.stat-item:hover .stat-number[data-v-cfef5f96]{color:#ec4899}.stat-label[data-v-cfef5f96]{display:block;font-size:13px;color:#666;font-weight:500;transition:all .3s ease}.stat-item:hover .stat-label[data-v-cfef5f96]{color:#8b5cf6}.profile-links[data-v-cfef5f96]{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.link-item[data-v-cfef5f96]{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:20px;text-decoration:none;color:#666;transition:all .3s ease;font-size:14px;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.link-item[data-v-cfef5f96]:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.link-icon[data-v-cfef5f96]{font-size:18px}.dropdown-link[data-v-cfef5f96]{position:relative;z-index:1}.dropdown-toggle[data-v-cfef5f96]{width:100%;display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #e9ecef;padding:12px 16px;border-radius:20px;color:#666;cursor:pointer;transition:all .3s ease;font-size:14px;box-shadow:0 2px 4px #0000000d}.dropdown-toggle[data-v-cfef5f96]:hover{background:#8b5cf6;color:#fff;box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.dropdown-arrow[data-v-cfef5f96]{font-size:12px;transition:transform .3s ease}.dropdown-arrow.rotated[data-v-cfef5f96]{transform:rotate(180deg)}.dropdown-menu[data-v-cfef5f96]{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 6px 20px #0000001a;margin-top:8px;z-index:100;max-height:0;overflow:hidden;transition:max-height .3s ease}.dropdown-menu.open[data-v-cfef5f96]{max-height:200px}.dropdown-item[data-v-cfef5f96]{display:flex;align-items:center;gap:10px;padding:12px 16px;text-decoration:none;color:#666;transition:all .3s ease;font-size:14px;border-bottom:1px solid #f0f0f0}.dropdown-item[data-v-cfef5f96]:last-child{border-bottom:none}.dropdown-item[data-v-cfef5f96]:hover{background:#f5f3ff;color:#8b5cf6}.features-list[data-v-cfef5f96]{display:flex;flex-direction:column;gap:12px;position:relative;z-index:1}.feature-item[data-v-cfef5f96]{display:flex;align-items:center;gap:10px;padding:16px;border-radius:12px;cursor:pointer;transition:all .3s ease;font-size:14px;color:#666;background:#f8f9fa;border:1px solid #e9ecef;box-shadow:0 2px 4px #0000000d}.feature-item[data-v-cfef5f96]:hover{background:#8b5cf6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.feature-icon[data-v-cfef5f96]{font-size:18px}@media(max-width:768px){.archive-container[data-v-cfef5f96]{flex-direction:column;padding:0 16px}.right-sidebar[data-v-cfef5f96]{width:100%}.archive-title[data-v-cfef5f96]{font-size:28px;padding:20px 40px}.archive-subtitle[data-v-cfef5f96]{font-size:16px}.archive-year[data-v-cfef5f96]{padding:24px}.year-title[data-v-cfef5f96]{font-size:24px}.month-title[data-v-cfef5f96]{font-size:18px}.article-link[data-v-cfef5f96]{padding:10px 14px}.article-title[data-v-cfef5f96]{font-size:16px}.back-btn[data-v-cfef5f96]{padding:12px 28px;font-size:14px}.sidebar-module[data-v-cfef5f96]{padding:20px}}@media(max-width:480px){.archive-title[data-v-cfef5f96]{font-size:24px;padding:16px 32px}.archive-year[data-v-cfef5f96]{padding:20px}.year-title[data-v-cfef5f96]{font-size:20px}.month-title[data-v-cfef5f96]{font-size:16px}.article-link[data-v-cfef5f96]{padding:8px 12px}.article-title[data-v-cfef5f96]{font-size:14px}}@keyframes fadeInUp-cfef5f96{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes titleFloat-cfef5f96{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-cfef5f96{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes twinkle-cfef5f96{0%,to{opacity:.3}50%{opacity:1}}[data-v-cfef5f96] .app-container.dark .archive-year,[data-v-cfef5f96] .app-container.dark .sidebar-module{background-color:#181818f2;box-shadow:0 6px 20px #0000004d}[data-v-cfef5f96] .app-container.dark .archive-year:hover,[data-v-cfef5f96] .app-container.dark .sidebar-module:hover{box-shadow:0 12px 32px #0006}[data-v-cfef5f96] .app-container.dark .archive-title,[data-v-cfef5f96] .app-container.dark .archive-subtitle,[data-v-cfef5f96] .app-container.dark .year-title,[data-v-cfef5f96] .app-container.dark .month-title,[data-v-cfef5f96] .app-container.dark .article-title,[data-v-cfef5f96] .app-container.dark .module-title,[data-v-cfef5f96] .app-container.dark .announcement-content,[data-v-cfef5f96] .app-container.dark .nav-item,[data-v-cfef5f96] .app-container.dark .tab-btn,[data-v-cfef5f96] .app-container.dark .profile-name,[data-v-cfef5f96] .app-container.dark .profile-desc,[data-v-cfef5f96] .app-container.dark .stat-label,[data-v-cfef5f96] .app-container.dark .link-item,[data-v-cfef5f96] .app-container.dark .dropdown-toggle,[data-v-cfef5f96] .app-container.dark .dropdown-item,[data-v-cfef5f96] .app-container.dark .feature-item{color:#888}[data-v-cfef5f96] .app-container.dark .article-date{color:#666}[data-v-cfef5f96] .app-container.dark .profile-stats{border-top-color:#333;border-bottom-color:#333}[data-v-cfef5f96] .app-container.dark .profile-tabs{border-bottom-color:#333}[data-v-cfef5f96] .app-container.dark .back-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}[data-v-cfef5f96] .app-container.dark .article-link,[data-v-cfef5f96] .app-container.dark .announcement-content,[data-v-cfef5f96] .app-container.dark .nav-item,[data-v-cfef5f96] .app-container.dark .profile-desc,[data-v-cfef5f96] .app-container.dark .link-item,[data-v-cfef5f96] .app-container.dark .dropdown-toggle,[data-v-cfef5f96] .app-container.dark .feature-item,[data-v-cfef5f96] .app-container.dark .stat-item{background:#1e1e1ecc;border-color:#333}[data-v-cfef5f96] .app-container.dark .article-link:hover,[data-v-cfef5f96] .app-container.dark .nav-item:hover,[data-v-cfef5f96] .app-container.dark .link-item:hover,[data-v-cfef5f96] .app-container.dark .dropdown-toggle:hover,[data-v-cfef5f96] .app-container.dark .dropdown-item:hover,[data-v-cfef5f96] .app-container.dark .feature-item:hover{background:#8b5cf6;color:#fff}[data-v-cfef5f96] .app-container.black .archive-year,[data-v-cfef5f96] .app-container.black .sidebar-module{background-color:#111111f2;box-shadow:0 6px 20px #0006}[data-v-cfef5f96] .app-container.black .archive-year:hover,[data-v-cfef5f96] .app-container.black .sidebar-module:hover{box-shadow:0 12px 32px #00000080}[data-v-cfef5f96] .app-container.black .archive-title,[data-v-cfef5f96] .app-container.black .archive-subtitle,[data-v-cfef5f96] .app-container.black .year-title,[data-v-cfef5f96] .app-container.black .month-title,[data-v-cfef5f96] .app-container.black .article-title,[data-v-cfef5f96] .app-container.black .module-title,[data-v-cfef5f96] .app-container.black .announcement-content,[data-v-cfef5f96] .app-container.black .nav-item,[data-v-cfef5f96] .app-container.black .tab-btn,[data-v-cfef5f96] .app-container.black .profile-name,[data-v-cfef5f96] .app-container.black .profile-desc,[data-v-cfef5f96] .app-container.black .stat-label,[data-v-cfef5f96] .app-container.black .link-item,[data-v-cfef5f96] .app-container.black .dropdown-toggle,[data-v-cfef5f96] .app-container.black .dropdown-item,[data-v-cfef5f96] .app-container.black .feature-item{color:#777}[data-v-cfef5f96] .app-container.black .article-date{color:#555}[data-v-cfef5f96] .app-container.black .profile-stats{border-top-color:#222;border-bottom-color:#222}[data-v-cfef5f96] .app-container.black .profile-tabs{border-bottom-color:#222}[data-v-cfef5f96] .app-container.black .article-link,[data-v-cfef5f96] .app-container.black .announcement-content,[data-v-cfef5f96] .app-container.black .nav-item,[data-v-cfef5f96] .app-container.black .profile-desc,[data-v-cfef5f96] .app-container.black .link-item,[data-v-cfef5f96] .app-container.black .dropdown-toggle,[data-v-cfef5f96] .app-container.black .feature-item,[data-v-cfef5f96] .app-container.black .stat-item{background:#191919cc;border-color:#222}[data-v-cfef5f96] .app-container.black .article-link:hover,[data-v-cfef5f96] .app-container.black .nav-item:hover,[data-v-cfef5f96] .app-container.black .link-item:hover,[data-v-cfef5f96] .app-container.black .dropdown-toggle:hover,[data-v-cfef5f96] .app-container.black .dropdown-item:hover,[data-v-cfef5f96] .app-container.black .feature-item:hover{background:#8b5cf6;color:#fff}.about-view[data-v-b0cc9eb7]{width:100%;min-height:100vh;position:relative;overflow:hidden;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=colorful%20vibrant%20background%20for%20about%20page%2C%20soft%20pastel%20colors%2C%20distinct%20patterns%2C%20inviting%20atmosphere%2C%20minimalist%20design&image_size=landscape_16_9);background-size:cover;background-position:center;background-repeat:no-repeat}.about-view[data-v-b0cc9eb7]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffffe6,#fffc);z-index:0}.background-decoration[data-v-b0cc9eb7]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.decor-circle[data-v-b0cc9eb7]{position:absolute;border-radius:50%;animation:float-b0cc9eb7 6s ease-in-out infinite}.decor-circle-1[data-v-b0cc9eb7]{width:200px;height:200px;top:10%;left:5%;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);animation-delay:0s}.decor-circle-2[data-v-b0cc9eb7]{width:150px;height:150px;top:60%;right:8%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation-delay:2s}.decor-circle-3[data-v-b0cc9eb7]{width:100px;height:100px;top:30%;right:15%;background:radial-gradient(circle,rgba(59,130,246,.1) 0%,transparent 70%);animation-delay:1s}.decor-circle-4[data-v-b0cc9eb7]{width:80px;height:80px;top:70%;left:12%;background:radial-gradient(circle,rgba(74,179,111,.1) 0%,transparent 70%);animation-delay:3s}.decor-clouds[data-v-b0cc9eb7]{position:absolute;top:0;left:0;width:100%;height:100%}.cloud[data-v-b0cc9eb7]{position:absolute;background:#fff9;border-radius:50px;animation:float-b0cc9eb7 15s ease-in-out infinite}.cloud-1[data-v-b0cc9eb7]{width:150px;height:60px;top:20%;left:10%;animation-delay:0s}.cloud-2[data-v-b0cc9eb7]{width:120px;height:50px;top:40%;right:15%;animation-delay:3s}.cloud-3[data-v-b0cc9eb7]{width:100px;height:40px;top:70%;left:30%;animation-delay:6s}.decor-stars[data-v-b0cc9eb7]{position:absolute;top:0;left:0;width:100%;height:100%}.star[data-v-b0cc9eb7]{position:absolute;width:2px;height:2px;background:#8b5cf6;border-radius:50%;animation:twinkle-b0cc9eb7 3s ease-in-out infinite}.about-main[data-v-b0cc9eb7]{padding:60px 0 80px;position:relative;z-index:1}.about-container[data-v-b0cc9eb7]{max-width:800px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.about-header-section[data-v-b0cc9eb7]{text-align:center;margin-bottom:60px;position:relative;z-index:1;padding:20px}.about-title[data-v-b0cc9eb7]{font-size:48px;font-weight:700;color:#333;margin-bottom:24px;font-family:Ma Shan Zheng,cursive;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:16px 32px;border-radius:50px;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease;animation:titleFloat-b0cc9eb7 1s ease-out}.about-title[data-v-b0cc9eb7]:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.title-word[data-v-b0cc9eb7]{display:inline-block;opacity:0;transform:translateY(20px);animation:fadeInUp-b0cc9eb7 .6s ease-out both}.about-subtitle[data-v-b0cc9eb7]{font-size:18px;color:#666;margin-bottom:32px;animation:fadeInUp-b0cc9eb7 .8s ease-out .2s both}.about-decoration[data-v-b0cc9eb7]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;animation:fadeInUp-b0cc9eb7 .8s ease-out .5s both}.decoration-dot[data-v-b0cc9eb7]{width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.decoration-line[data-v-b0cc9eb7]{width:80px;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899);opacity:.8}.about-content[data-v-b0cc9eb7]{background:#fff;border-radius:20px;padding:40px;box-shadow:0 6px 20px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;animation:fadeInUp-b0cc9eb7 .8s ease-out .3s both}.about-content[data-v-b0cc9eb7]:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;z-index:0}.about-content[data-v-b0cc9eb7]:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.about-profile[data-v-b0cc9eb7]{display:flex;align-items:center;margin-bottom:40px;padding-bottom:32px;border-bottom:2px solid #f0f0f0;position:relative;z-index:1}.profile-avatar[data-v-b0cc9eb7]{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-right:32px;box-shadow:0 4px 12px #00000026;transition:all .3s ease;border:3px solid rgba(139,92,246,.4)}.profile-avatar[data-v-b0cc9eb7]:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf64d;border-color:#8b5cf699}.avatar-img[data-v-b0cc9eb7]{width:100%;height:100%;object-fit:cover}.profile-info[data-v-b0cc9eb7]{flex:1;position:relative;z-index:1}.profile-name[data-v-b0cc9eb7]{font-size:24px;font-weight:700;color:#333;margin-bottom:8px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-desc[data-v-b0cc9eb7]{font-size:16px;color:#666;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:12px;border-left:4px solid #8b5cf6;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.profile-desc[data-v-b0cc9eb7]:hover{background:#f5f3ff;box-shadow:0 4px 12px #0000001a;transform:translate(8px)}.profile-tags[data-v-b0cc9eb7]{display:flex;gap:12px;flex-wrap:wrap}.tag[data-v-b0cc9eb7]{padding:6px 16px;background:#f0f0f0;border-radius:20px;font-size:14px;color:#666;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.tag[data-v-b0cc9eb7]:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.about-sections[data-v-b0cc9eb7]{position:relative;z-index:1}.about-section[data-v-b0cc9eb7]{margin-bottom:40px;padding:24px;background:#f8f9fa;border-radius:16px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease;border-left:4px solid #8b5cf6}.about-section[data-v-b0cc9eb7]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a;border-color:#ec4899}.section-title[data-v-b0cc9eb7]{font-size:20px;font-weight:700;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e9ecef;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-content[data-v-b0cc9eb7]{font-size:16px;line-height:1.6;color:#666}.section-content p[data-v-b0cc9eb7]{margin-bottom:16px}.section-content p[data-v-b0cc9eb7]:last-child{margin-bottom:0}.tech-stack[data-v-b0cc9eb7]{display:flex;flex-direction:column;gap:20px}.tech-item[data-v-b0cc9eb7]{margin-bottom:16px}.tech-name[data-v-b0cc9eb7]{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:12px;padding:8px 16px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;width:fit-content}.tech-skills[data-v-b0cc9eb7]{display:flex;gap:12px;flex-wrap:wrap}.skill[data-v-b0cc9eb7]{padding:6px 16px;background:#fff;border-radius:20px;font-size:14px;color:#666;transition:all .3s ease;box-shadow:0 2px 4px #0000000d;border:1px solid #e9ecef}.skill[data-v-b0cc9eb7]:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf64d;border-color:#8b5cf6}.contact-info[data-v-b0cc9eb7]{display:flex;flex-direction:column;gap:16px}.contact-item[data-v-b0cc9eb7]{display:flex;align-items:center;font-size:16px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;border-left:4px solid #8b5cf6}.contact-item[data-v-b0cc9eb7]:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a;border-color:#ec4899}.contact-icon[data-v-b0cc9eb7]{font-size:20px;margin-right:16px;width:32px;text-align:center}.contact-label[data-v-b0cc9eb7]{width:80px;font-weight:600;color:#333}.contact-value[data-v-b0cc9eb7]{color:#666;flex:1}.contact-link[data-v-b0cc9eb7]{color:#8b5cf6;text-decoration:none;transition:all .3s ease;flex:1}.contact-link[data-v-b0cc9eb7]:hover{color:#ec4899;text-decoration:underline}.back-container[data-v-b0cc9eb7]{margin-top:60px;display:flex;justify-content:center;position:relative;z-index:1}.back-btn[data-v-b0cc9eb7]{padding:16px 40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 6px 20px #8b5cf64d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.3)}.back-btn[data-v-b0cc9eb7]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:all .6s ease}.back-btn[data-v-b0cc9eb7]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8b5cf666}.back-btn[data-v-b0cc9eb7]:hover:before{left:100%}.btn-icon[data-v-b0cc9eb7]{font-size:18px}.portal-footer[data-v-b0cc9eb7]{background:#fffffff2;padding:40px 20px 30px;border-top:1px solid rgba(139,92,246,.2);position:relative;z-index:1;margin-top:60px}.portal-footer[data-v-b0cc9eb7]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}.footer-content[data-v-b0cc9eb7]{max-width:900px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:40px;text-align:center}.footer-section[data-v-b0cc9eb7]{min-width:200px;padding:20px;background:#fffc;border-radius:12px;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.footer-section[data-v-b0cc9eb7]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #8b5cf61a}.footer-section h3[data-v-b0cc9eb7]{font-size:18px;font-weight:700;color:#333;margin-bottom:16px;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-section p[data-v-b0cc9eb7]{font-size:14px;color:#666;line-height:1.6;margin:0}@keyframes fadeInUp-b0cc9eb7{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn-b0cc9eb7{0%{width:0}to{width:100%}}@keyframes titleFloat-b0cc9eb7{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes float-b0cc9eb7{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes wave-b0cc9eb7{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes twinkle-b0cc9eb7{0%,to{opacity:.3}50%{opacity:1}}@media(max-width:768px){.about-container[data-v-b0cc9eb7]{padding:0 16px}.about-title[data-v-b0cc9eb7]{font-size:28px}.about-subtitle[data-v-b0cc9eb7]{font-size:16px}.about-content[data-v-b0cc9eb7]{padding:24px}.about-profile[data-v-b0cc9eb7]{flex-direction:column;text-align:center}.profile-avatar[data-v-b0cc9eb7]{margin-right:0;margin-bottom:20px}.profile-tags[data-v-b0cc9eb7],.tech-skills[data-v-b0cc9eb7]{justify-content:center}.contact-item[data-v-b0cc9eb7]{flex-direction:column;align-items:flex-start}.contact-icon[data-v-b0cc9eb7]{margin-right:0;margin-bottom:8px}.contact-label[data-v-b0cc9eb7]{width:100%;margin-bottom:4px}.back-btn[data-v-b0cc9eb7]{padding:12px 28px;font-size:14px}.footer-content[data-v-b0cc9eb7]{gap:20px}}@media(max-width:480px){.about-title[data-v-b0cc9eb7]{font-size:24px}.about-content[data-v-b0cc9eb7]{padding:20px}.about-section[data-v-b0cc9eb7]{padding:16px}.profile-avatar[data-v-b0cc9eb7]{width:100px;height:100px}}[data-v-b0cc9eb7] .app-container.dark .about-content{background-color:#181818;box-shadow:0 6px 20px #0003}[data-v-b0cc9eb7] .app-container.dark .about-content:hover{box-shadow:0 12px 32px #0000004d}[data-v-b0cc9eb7] .app-container.dark .about-title,[data-v-b0cc9eb7] .app-container.dark .about-subtitle,[data-v-b0cc9eb7] .app-container.dark .profile-name,[data-v-b0cc9eb7] .app-container.dark .section-title,[data-v-b0cc9eb7] .app-container.dark .tech-name,[data-v-b0cc9eb7] .app-container.dark .contact-label,[data-v-b0cc9eb7] .app-container.dark .profile-desc,[data-v-b0cc9eb7] .app-container.dark .section-content,[data-v-b0cc9eb7] .app-container.dark .contact-value,[data-v-b0cc9eb7] .app-container.dark .footer-text{color:#888}[data-v-b0cc9eb7] .app-container.dark .tag,[data-v-b0cc9eb7] .app-container.dark .skill,[data-v-b0cc9eb7] .app-container.dark .contact-item{background:#1e1e1ecc;border-color:#333;color:#888}[data-v-b0cc9eb7] .app-container.dark .tag:hover,[data-v-b0cc9eb7] .app-container.dark .skill:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}[data-v-b0cc9eb7] .app-container.dark .back-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}[data-v-b0cc9eb7] .app-container.dark .portal-footer{background:#181818f2;border-top-color:#8b5cf64d}[data-v-b0cc9eb7] .app-container.dark .footer-section{background:#1e1e1ecc;box-shadow:0 2px 8px #0003}[data-v-b0cc9eb7] .app-container.black .about-content{background-color:#111;box-shadow:0 6px 20px #0000004d}[data-v-b0cc9eb7] .app-container.black .about-content:hover{box-shadow:0 12px 32px #0006}[data-v-b0cc9eb7] .app-container.black .about-title,[data-v-b0cc9eb7] .app-container.black .about-subtitle,[data-v-b0cc9eb7] .app-container.black .profile-name,[data-v-b0cc9eb7] .app-container.black .section-title,[data-v-b0cc9eb7] .app-container.black .tech-name,[data-v-b0cc9eb7] .app-container.black .contact-label,[data-v-b0cc9eb7] .app-container.black .profile-desc,[data-v-b0cc9eb7] .app-container.black .section-content,[data-v-b0cc9eb7] .app-container.black .contact-value,[data-v-b0cc9eb7] .app-container.black .footer-text{color:#777}[data-v-b0cc9eb7] .app-container.black .tag,[data-v-b0cc9eb7] .app-container.black .skill,[data-v-b0cc9eb7] .app-container.black .contact-item{background:#191919cc;border-color:#222;color:#777}[data-v-b0cc9eb7] .app-container.black .tag:hover,[data-v-b0cc9eb7] .app-container.black .skill:hover{background:#8b5cf6;color:#fff;border-color:#8b5cf6}[data-v-b0cc9eb7] .app-container.black .portal-footer{background:#111111f2;border-top-color:#8b5cf64d}[data-v-b0cc9eb7] .app-container.black .footer-section{background:#191919cc;box-shadow:0 2px 8px #0000004d}.message-view[data-v-f8e82844]{width:100%;min-height:100vh;font-family:PingFang SC,Montserrat,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;overflow:hidden;padding:0}.message-main[data-v-f8e82844]{padding:40px 0 60px;position:relative;z-index:2;background-image:url(https://trae-api-cn.mchost.guru/api/ide/v1/text_to_image?prompt=colorful%20vibrant%20message%20board%20background%20with%20distinct%20patterns%2C%20bold%20pastel%20colors%2C%20clear%20design%2C%20inviting%20atmosphere&image_size=landscape_16_9);background-size:cover;background-position:center;background-repeat:no-repeat}.message-main[data-v-f8e82844]:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafcb3,#e2e8f099);z-index:-1}.message-main .decorations[data-v-f8e82844]{position:absolute;inset:0;z-index:-1}.message-main .decoration-left[data-v-f8e82844]{position:absolute;bottom:50px;left:10%;width:100px;height:100px;background:radial-gradient(circle,rgba(74,179,111,.1) 0%,transparent 70%);border-radius:50%;animation:float-f8e82844 8s ease-in-out infinite reverse}.message-main .decoration-right[data-v-f8e82844]{position:absolute;top:50px;right:10%;width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);border-radius:50%;animation:float-f8e82844 6s ease-in-out infinite}.message-main .decoration-top[data-v-f8e82844]{position:absolute;top:10%;left:20%;width:80px;height:80px;background:radial-gradient(circle,rgba(236,72,153,.1) 0%,transparent 70%);border-radius:50%;animation:float-f8e82844 7s ease-in-out infinite}@keyframes float-f8e82844{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.message-container[data-v-f8e82844]{max-width:900px;margin:0 auto;padding:0 20px}.message-header-section[data-v-f8e82844]{text-align:center;margin-bottom:40px}.message-title[data-v-f8e82844]{font-size:48px;font-weight:700;color:#333;margin-bottom:24px;font-family:Ma Shan Zheng,cursive;display:inline-block;text-shadow:2px 2px 4px rgba(0,0,0,.1);background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:16px 32px;border-radius:50px;box-shadow:0 4px 16px #3b82f64d;transition:all .3s ease;animation:titleFloat-f8e82844 1s ease-out}@keyframes titleFloat-f8e82844{0%{opacity:0;transform:translateY(-30px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.message-title[data-v-f8e82844]:hover{transform:scale(1.05);box-shadow:0 6px 20px #3b82f666}.message-subtitle[data-v-f8e82844]{font-size:16px;color:#666;margin-bottom:24px;line-height:1.5}.message-intro[data-v-f8e82844]{max-width:700px;margin:0 auto 32px}.intro-text[data-v-f8e82844]{font-size:14px;color:#666;line-height:1.6;text-align:center;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef}.message-stats[data-v-f8e82844]{display:flex;justify-content:center;gap:30px;margin:32px 0}.stat-item[data-v-f8e82844]{text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;min-width:120px;transition:all .3s ease;position:relative;overflow:hidden}.stat-item[data-v-f8e82844]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.stat-item[data-v-f8e82844]:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#3b82f6}.stat-number[data-v-f8e82844]{display:block;font-size:28px;font-weight:700;color:#3b82f6;margin-bottom:6px;font-family:Montserrat,sans-serif;transition:all .3s ease}.stat-item:hover .stat-number[data-v-f8e82844]{color:#8b5cf6}.stat-label[data-v-f8e82844]{display:block;font-size:13px;color:#666;font-weight:500;transition:all .3s ease}.stat-item:hover .stat-label[data-v-f8e82844]{color:#ec4899}.message-decoration[data-v-f8e82844]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.decoration-dot[data-v-f8e82844]{width:8px;height:8px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.decoration-line[data-v-f8e82844]{width:80px;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);opacity:.8}.message-content[data-v-f8e82844]{display:flex;gap:32px;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:0 20px}.message-form[data-v-f8e82844]{flex:1;min-width:320px;border-radius:16px;padding:36px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;background:#fff;transition:all .3s ease}.message-form[data-v-f8e82844]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.form-header[data-v-f8e82844]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.form-title[data-v-f8e82844]{font-size:18px;font-weight:600;color:#333;margin:0}.form-icon[data-v-f8e82844]{font-size:20px}.form-rules[data-v-f8e82844]{margin-bottom:20px;padding:12px;background:#f8f9fa;border-radius:6px;border-left:3px solid #4abe6f}.rules-title[data-v-f8e82844]{font-size:14px;font-weight:600;color:#4abe6f;margin-bottom:8px;display:flex;align-items:center;gap:6px}.rules-title[data-v-f8e82844]:before{content:"📝";font-size:14px}.rules-list[data-v-f8e82844]{list-style:none;padding:0;margin:0}.rules-list li[data-v-f8e82844]{font-size:12px;color:#666;margin-bottom:6px;display:flex;align-items:flex-start;gap:6px}.rules-list li[data-v-f8e82844]:before{content:"✅";font-size:12px;flex-shrink:0;margin-top:1px}.form-group[data-v-f8e82844]{margin-bottom:20px}.form-label[data-v-f8e82844]{display:flex;align-items:center;font-size:14px;font-weight:600;color:#333;margin-bottom:6px;gap:6px}.label-icon[data-v-f8e82844]{font-size:14px;width:16px;text-align:center}.input-container[data-v-f8e82844]{position:relative}.form-input[data-v-f8e82844]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;background:#fff;position:relative;z-index:1}.form-input[data-v-f8e82844]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.textarea-container[data-v-f8e82844]{position:relative}.form-textarea[data-v-f8e82844]{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;resize:vertical;min-height:100px;line-height:1.5;background:#fff;position:relative;z-index:1}.form-textarea[data-v-f8e82844]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.char-count[data-v-f8e82844]{position:absolute;bottom:8px;right:12px;font-size:12px;color:#999}.char-count.warning[data-v-f8e82844]{color:#ff9800}.submit-btn[data-v-f8e82844]{width:100%;padding:14px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #3b82f64d;position:relative;overflow:hidden}.submit-btn[data-v-f8e82844]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease}.submit-btn[data-v-f8e82844]:hover:not(.loading){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.submit-btn[data-v-f8e82844]:hover:not(.loading):before{left:100%}.submit-btn.loading[data-v-f8e82844]{cursor:not-allowed;opacity:.8}.loading-icon[data-v-f8e82844]{animation:spin-f8e82844 1s linear infinite}@keyframes spin-f8e82844{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-icon[data-v-f8e82844]{font-size:16px}.message-list[data-v-f8e82844]{flex:1.5;min-width:320px;border-radius:16px;padding:36px;box-shadow:0 4px 16px #00000014;border:1px solid #e9ecef;background:#fff;transition:all .3s ease}.message-list[data-v-f8e82844]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.list-header[data-v-f8e82844]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.list-title[data-v-f8e82844]{font-size:18px;font-weight:600;color:#333;margin:0}.message-count[data-v-f8e82844]{font-size:12px;color:#666;background:#f8f9fa;padding:4px 10px;border-radius:12px}.no-messages[data-v-f8e82844]{text-align:center;padding:40px 0;color:#999}.no-messages-icon[data-v-f8e82844]{font-size:36px;margin-bottom:12px;opacity:.6}.no-messages-btn[data-v-f8e82844]{margin-top:16px;padding:8px 16px;background:#4abe6f;color:#fff;border:none;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.no-messages-btn[data-v-f8e82844]:hover{background:#3ca55a}.messages[data-v-f8e82844]{display:flex;flex-direction:column;gap:16px}.message-item[data-v-f8e82844]{padding:24px;border-radius:12px;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d;border:1px solid #e9ecef;position:relative;overflow:hidden}.message-item[data-v-f8e82844]:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6)}.message-item[data-v-f8e82844]:after{content:"";position:absolute;top:20px;right:20px;width:80px;height:80px;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);border-radius:50%;z-index:0}.message-item[data-v-f8e82844]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a;border-color:#8b5cf6}.message-item[data-v-f8e82844]:hover:after{transform:scale(1.2);transition:transform .3s ease}.message-header[data-v-f8e82844]{display:flex;align-items:center;margin-bottom:12px}.message-avatar[data-v-f8e82844]{width:56px;height:56px;border-radius:50%;overflow:hidden;margin-right:16px;border:3px solid #e9ecef;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;position:relative}.message-avatar[data-v-f8e82844]:hover{transform:scale(1.05);box-shadow:0 4px 12px #8b5cf64d;border-color:#8b5cf6}.avatar-img[data-v-f8e82844]{width:100%;height:100%;object-fit:cover}.message-info[data-v-f8e82844]{flex:1}.message-name[data-v-f8e82844]{font-size:14px;font-weight:600;color:#333;margin-bottom:2px}.message-date[data-v-f8e82844]{font-size:12px;color:#999}.message-body[data-v-f8e82844]{font-size:15px;line-height:1.6;color:#333;margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #8b5cf6;transition:all .3s ease}.message-item:hover .message-body[data-v-f8e82844]{background:#f5f3ff;box-shadow:0 2px 8px #0000000d}.message-footer[data-v-f8e82844]{display:flex;justify-content:flex-end}.message-actions[data-v-f8e82844]{display:flex;gap:8px}.like-btn[data-v-f8e82844]{display:flex;align-items:center;gap:6px;padding:6px 14px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.like-btn[data-v-f8e82844]:hover{background:#3b82f6;color:#fff;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.like-btn.liked[data-v-f8e82844]{background:#3b82f6;color:#fff;box-shadow:0 4px 8px #3b82f64d}.like-btn.liked[data-v-f8e82844]:hover{background:#2563eb}.action-icon[data-v-f8e82844]{font-size:14px}.reply-btn[data-v-f8e82844]{background:#f8f9fa;border:1px solid #e9ecef;color:#666}.reply-btn[data-v-f8e82844]:hover{background:#3b82f6;color:#fff}.reply-form[data-v-f8e82844]{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.reply-form .form-group[data-v-f8e82844]{margin-bottom:12px}.reply-form .form-actions[data-v-f8e82844]{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cancel-btn[data-v-f8e82844]{padding:6px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;font-size:13px;color:#666;cursor:pointer;transition:all .3s ease}.cancel-btn[data-v-f8e82844]:hover{background:#e9ecef}.submit-reply-btn[data-v-f8e82844]{padding:6px 12px;background:#3b82f6;border:none;border-radius:6px;font-size:13px;color:#fff;cursor:pointer;transition:all .3s ease}.submit-reply-btn[data-v-f8e82844]:hover{background:#2563eb}.replies-list[data-v-f8e82844]{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.replies-title[data-v-f8e82844]{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.reply-item[data-v-f8e82844]{padding:12px;background:#fff;border-radius:6px;margin-bottom:8px;border-left:3px solid #3b82f6}.reply-item[data-v-f8e82844]:last-child{margin-bottom:0}.reply-header[data-v-f8e82844]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.reply-name[data-v-f8e82844]{font-size:13px;font-weight:600;color:#333}.reply-date[data-v-f8e82844]{font-size:11px;color:#999}.reply-content[data-v-f8e82844]{font-size:13px;line-height:1.4;color:#666}.back-container[data-v-f8e82844]{display:flex;justify-content:center;margin-top:40px}.back-btn[data-v-f8e82844]{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.back-btn[data-v-f8e82844]:hover{background:linear-gradient(135deg,#7c3aed,#db2777);transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.notification[data-v-f8e82844]{position:fixed;top:80px;right:20px;padding:12px 16px;border-radius:6px;color:#fff;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 2px 8px #00000026;max-width:300px;animation:slideInRight-f8e82844 .3s ease-out}.notification.success[data-v-f8e82844]{background:#4abe6f}.notification.error[data-v-f8e82844]{background:#dc3545}.notification.warning[data-v-f8e82844]{background:#ffc107}@keyframes slideInRight-f8e82844{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.message-container[data-v-f8e82844]{padding:0 16px}.message-title[data-v-f8e82844]{font-size:28px}.message-subtitle[data-v-f8e82844]{font-size:14px}.message-stats[data-v-f8e82844]{flex-wrap:wrap;gap:16px}.stat-item[data-v-f8e82844]{flex:1;min-width:100px;padding:12px}.stat-number[data-v-f8e82844]{font-size:20px}.message-content[data-v-f8e82844]{flex-direction:column}.message-form[data-v-f8e82844],.message-list[data-v-f8e82844]{min-width:100%;padding:20px}.message-item[data-v-f8e82844]{padding:16px}.back-btn[data-v-f8e82844]{padding:10px 20px;font-size:14px}.notification[data-v-f8e82844]{left:20px;right:20px;max-width:none}}@media(max-width:480px){.message-form[data-v-f8e82844],.message-list[data-v-f8e82844]{padding:16px}.form-header[data-v-f8e82844],.list-header[data-v-f8e82844]{flex-direction:column;align-items:flex-start;gap:8px}.message-avatar[data-v-f8e82844]{width:40px;height:40px}.message-title[data-v-f8e82844]{font-size:24px}}.portal-footer[data-v-f8e82844]{background:#fff;padding:40px 0;margin-top:60px;border-top:1px solid #e9ecef;box-shadow:0 -4px 16px #0000000d;position:relative;overflow:hidden}.portal-footer[data-v-f8e82844]:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#3b82f6,#2563eb)}.footer-content[data-v-f8e82844]{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;max-width:900px;margin:0 auto;padding:0 20px}.footer-section[data-v-f8e82844]{text-align:center;min-width:180px;padding:10px 0}.footer-title[data-v-f8e82844]{font-size:16px;font-weight:600;color:#333;margin-bottom:12px;line-height:1.4}.footer-text[data-v-f8e82844]{font-size:13px;color:#666;line-height:1.6;margin:6px 0}