.site-header[data-v-f1bf54f3]{background-color:var(--n-color);border-bottom:1px solid var(--n-border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.header-content[data-v-f1bf54f3]{display:flex;justify-content:space-between;align-items:center;height:75px;max-width:1400px;margin:0 auto;padding:0 24px}.logo-section[data-v-f1bf54f3]{display:flex;align-items:center;gap:18px;cursor:pointer;transition:opacity .3s;flex-shrink:0}.logo-section[data-v-f1bf54f3]:hover{opacity:.8}.logo-section:hover .avatar[data-v-f1bf54f3]{transform:scale(1.05)}.avatar[data-v-f1bf54f3]{border:2px solid var(--n-border-color);transition:transform .3s;width:50px;height:50px}.site-info[data-v-f1bf54f3]{text-align:left}.site-title[data-v-f1bf54f3]{font-size:24px;font-weight:700;color:var(--n-text-color);margin:0;letter-spacing:.8px;white-space:nowrap;line-height:1.3}.site-subtitle[data-v-f1bf54f3]{font-size:14px;color:var(--n-text-color-secondary);margin:6px 0 0;white-space:nowrap;font-weight:400}.mobile-menu-btn[data-v-f1bf54f3]{display:none}.main-menu[data-v-f1bf54f3]{flex:1;display:flex;justify-content:center}.main-menu[data-v-f1bf54f3] .n-menu-item{font-size:16px;font-weight:500}.user-actions[data-v-f1bf54f3]{display:flex;align-items:center;gap:8px;flex-shrink:0}.theme-toggle[data-v-f1bf54f3],.github-link[data-v-f1bf54f3]{transition:all .3s}.theme-toggle[data-v-f1bf54f3]:hover,.github-link[data-v-f1bf54f3]:hover{background-color:var(--n-color-hover);transform:scale(1.1)}.user-btn[data-v-f1bf54f3],.login-btn[data-v-f1bf54f3]{margin-left:8px;font-size:15px}.mobile-menu-overlay[data-v-f1bf54f3]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1001;display:flex;justify-content:flex-end}html:not(.dark) .mobile-menu-overlay[data-v-f1bf54f3]{background-color:#0000004d}.mobile-menu-content[data-v-f1bf54f3]{width:300px;height:100%;background-color:var(--n-color);padding:24px 16px;overflow-y:auto;box-shadow:-2px 0 8px #0000001a}html:not(.dark) .mobile-menu-content[data-v-f1bf54f3]{background-color:#fffffffa;box-shadow:-2px 0 12px #00000026}.mobile-menu-header[data-v-f1bf54f3]{display:flex;align-items:center;gap:12px;padding:16px 0;margin-bottom:24px;border-bottom:1px solid var(--n-border-color);position:relative}.mobile-menu-header .mobile-site-title[data-v-f1bf54f3]{flex:1}.mobile-menu-header .mobile-close-btn[data-v-f1bf54f3]{position:absolute;right:0;top:50%;transform:translateY(-50%)}.mobile-menu-header .mobile-close-btn[data-v-f1bf54f3]:hover{background-color:var(--n-color-hover)}.mobile-site-title[data-v-f1bf54f3]{font-size:20px;font-weight:600;color:var(--n-text-color)}.mobile-menu[data-v-f1bf54f3]{margin-bottom:24px}.mobile-menu[data-v-f1bf54f3] .n-menu-item{font-size:16px}.mobile-actions[data-v-f1bf54f3]{display:flex;flex-direction:column;gap:12px}.mobile-actions .n-button[data-v-f1bf54f3]{font-size:15px}.slide-left-enter-active[data-v-f1bf54f3],.slide-left-leave-active[data-v-f1bf54f3]{transition:all .3s ease}.slide-left-enter-from[data-v-f1bf54f3],.slide-left-leave-to[data-v-f1bf54f3]{opacity:0}.slide-left-enter-from .mobile-menu-content[data-v-f1bf54f3],.slide-left-leave-to .mobile-menu-content[data-v-f1bf54f3]{transform:translate(100%)}@media (max-width: 992px){.header-content[data-v-f1bf54f3]{height:68px;padding:0 16px}.site-title[data-v-f1bf54f3]{font-size:20px}.site-subtitle[data-v-f1bf54f3]{font-size:13px}.main-menu[data-v-f1bf54f3],.user-actions[data-v-f1bf54f3]{display:none}.mobile-menu-btn[data-v-f1bf54f3]{display:inline-flex}}@media (min-width: 993px){.mobile-menu-overlay[data-v-f1bf54f3],.mobile-menu-btn[data-v-f1bf54f3]{display:none!important}}@media (max-width: 576px){.header-content[data-v-f1bf54f3]{height:64px;padding:0 12px}.logo-section[data-v-f1bf54f3]{gap:12px}.avatar[data-v-f1bf54f3]{width:44px;height:44px}.site-title[data-v-f1bf54f3]{font-size:18px}.site-subtitle[data-v-f1bf54f3]{display:none}.mobile-menu-content[data-v-f1bf54f3]{width:100%;max-width:320px}}@media (min-width: 576px) and (max-width: 768px){.site-title[data-v-f1bf54f3]{font-size:19px}}@media (min-width: 1200px){.header-content[data-v-f1bf54f3]{padding:0 32px}}@media (min-width: 1400px){.header-content[data-v-f1bf54f3]{max-width:1600px}}@media print{.site-header[data-v-f1bf54f3]{display:none}}.site-footer[data-v-7fa6526b]{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border-top:1px solid rgba(0,217,255,.15);margin-top:60px;padding:35px 24px 20px;position:relative;overflow:hidden}html:not(.dark) .site-footer[data-v-7fa6526b]{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-top-color:#00d9ff33}.footer-content[data-v-7fa6526b]{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:40px;align-items:start}.footer-left .footer-logo[data-v-7fa6526b]{display:flex;align-items:center;gap:12px;margin-bottom:14px;cursor:pointer;transition:opacity .3s}.footer-left .footer-logo[data-v-7fa6526b]:hover{opacity:.8}.footer-left .footer-logo:hover .footer-avatar[data-v-7fa6526b]{transform:scale(1.05)}.footer-left .footer-avatar[data-v-7fa6526b]{border:2px solid rgba(0,217,255,.3);transition:transform .3s}.footer-left .footer-title[data-v-7fa6526b]{font-size:20px;font-weight:700;color:var(--n-text-color)}.footer-left .footer-description[data-v-7fa6526b]{font-size:14px;color:var(--n-text-color-secondary);line-height:1.6;max-width:300px;margin-bottom:16px}.footer-left .contact-info[data-v-7fa6526b]{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.footer-left .contact-info .contact-item[data-v-7fa6526b]{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--n-text-color-secondary)}.footer-left .contact-info .contact-item .n-icon[data-v-7fa6526b]{color:#00d9ff}.footer-left .tech-tags[data-v-7fa6526b]{display:flex;gap:8px;flex-wrap:wrap}.footer-left .tech-tags .n-tag[data-v-7fa6526b]{cursor:pointer;transition:all .3s ease}.footer-left .tech-tags .n-tag[data-v-7fa6526b]:hover{transform:translateY(-2px)}.footer-links[data-v-7fa6526b]{display:flex;gap:50px}.footer-section h4[data-v-7fa6526b]{font-size:16px;font-weight:700;color:var(--n-text-color);margin-bottom:16px;display:flex;align-items:center}.footer-section h4[data-v-7fa6526b]:after{content:"";position:absolute;bottom:-8px;left:0;width:35px;height:2px;background:linear-gradient(90deg,#00d9ff,transparent)}.footer-section ul[data-v-7fa6526b]{list-style:none;padding:0;margin:0}.footer-section ul li[data-v-7fa6526b]{font-size:14px;color:var(--n-text-color-secondary);margin-bottom:12px;cursor:pointer;transition:all .3s ease;position:relative;padding-left:0}.footer-section ul li[data-v-7fa6526b]:hover{color:#00d9ff;transform:translate(6px)}.footer-section ul li[data-v-7fa6526b]:before{content:"▸";position:absolute;left:-14px;opacity:0;transition:opacity .3s;color:#00d9ff}.footer-section ul li[data-v-7fa6526b]:hover:before{opacity:1}.footer-right[data-v-7fa6526b]{display:flex;flex-direction:column;align-items:flex-end;gap:18px}.social-links[data-v-7fa6526b]{display:flex;gap:12px}.social-btn[data-v-7fa6526b]{transition:all .3s ease}.social-btn[data-v-7fa6526b]:hover{transform:translateY(-3px) scale(1.15);background:#00d9ff26;color:#00d9ff}.footer-stats .n-tag[data-v-7fa6526b]{background:#00d9ff1a;border-color:#00d9ff4d;font-size:13px}.runtime-info .n-tag[data-v-7fa6526b]{animation:pulse-7fa6526b 2s ease-in-out infinite}@keyframes pulse-7fa6526b{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.footer-bottom[data-v-7fa6526b]{max-width:1400px;margin:35px auto 0;padding-top:18px;border-top:1px solid rgba(0,217,255,.15)}.copyright[data-v-7fa6526b]{display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;color:var(--n-text-color-secondary)}.copyright .divider[data-v-7fa6526b]{color:#00d9ff4d}.copyright .icp-link[data-v-7fa6526b]{color:var(--n-text-color-secondary);text-decoration:none;transition:color .3s}.copyright .icp-link[data-v-7fa6526b]:hover{color:#00d9ff}@media (max-width: 992px){.footer-content[data-v-7fa6526b]{grid-template-columns:1fr;gap:35px;text-align:center}.footer-left[data-v-7fa6526b]{display:flex;flex-direction:column;align-items:center}.footer-left .footer-logo[data-v-7fa6526b]{justify-content:center}.footer-left .footer-description[data-v-7fa6526b]{max-width:100%}.footer-left .contact-info[data-v-7fa6526b]{align-items:center}.footer-left .tech-tags[data-v-7fa6526b]{justify-content:center}.footer-links[data-v-7fa6526b]{justify-content:center;gap:35px;flex-wrap:wrap}.footer-links .footer-section[data-v-7fa6526b]{min-width:200px}.footer-links .footer-section h4[data-v-7fa6526b]{justify-content:center}.footer-links .footer-section h4[data-v-7fa6526b]:after{left:50%;transform:translate(-50%)}.footer-links .footer-section ul li[data-v-7fa6526b]{text-align:center}.footer-links .footer-section ul li[data-v-7fa6526b]:hover{transform:translate(0)}.footer-links .footer-section ul li[data-v-7fa6526b]:before{display:none}.footer-right[data-v-7fa6526b]{align-items:center}.footer-right .social-links[data-v-7fa6526b],.footer-right .footer-stats[data-v-7fa6526b],.footer-right .runtime-info[data-v-7fa6526b]{justify-content:center}}@media (max-width: 768px){.site-footer[data-v-7fa6526b]{padding:30px 16px 16px}.footer-content[data-v-7fa6526b]{gap:30px}.footer-left .footer-title[data-v-7fa6526b]{font-size:18px}.footer-left .footer-description[data-v-7fa6526b],.footer-left .contact-info .contact-item[data-v-7fa6526b]{font-size:13px}.footer-left .contact-info .contact-item .n-icon[data-v-7fa6526b]{size:14px}.footer-links[data-v-7fa6526b]{flex-direction:column;gap:25px}.footer-links .footer-section[data-v-7fa6526b]{width:100%}.footer-links .footer-section h4[data-v-7fa6526b]{font-size:15px;margin-bottom:14px}.footer-links .footer-section h4[data-v-7fa6526b]:after{width:30px}.footer-links .footer-section ul li[data-v-7fa6526b]{font-size:13px;margin-bottom:10px}.footer-right[data-v-7fa6526b]{gap:16px}.footer-right .social-btn[data-v-7fa6526b]{width:40px;height:40px}.footer-right .social-btn .n-icon[data-v-7fa6526b]{size:18px}.footer-right .footer-stats .n-tag[data-v-7fa6526b]{font-size:12px}.copyright[data-v-7fa6526b]{font-size:12px;gap:10px}}@media (max-width: 576px){.site-footer[data-v-7fa6526b]{margin-top:40px;padding:25px 12px 14px}.footer-content[data-v-7fa6526b]{gap:25px}.footer-left .footer-logo[data-v-7fa6526b]{gap:10px;margin-bottom:12px}.footer-left .footer-logo .footer-avatar[data-v-7fa6526b]{width:36px!important;height:36px!important}.footer-left .footer-logo .footer-title[data-v-7fa6526b]{font-size:17px}.footer-left .footer-description[data-v-7fa6526b]{font-size:12px;margin-bottom:14px}.footer-left .contact-info[data-v-7fa6526b]{gap:8px;margin-bottom:14px}.footer-left .contact-info .contact-item[data-v-7fa6526b]{font-size:12px;gap:6px}.footer-left .contact-info .contact-item .n-icon[data-v-7fa6526b]{size:13px}.footer-left .tech-tags[data-v-7fa6526b]{gap:6px}.footer-left .tech-tags .n-tag[data-v-7fa6526b]{font-size:12px}.footer-links[data-v-7fa6526b]{gap:20px}.footer-links .footer-section h4[data-v-7fa6526b]{font-size:14px;margin-bottom:12px}.footer-links .footer-section h4[data-v-7fa6526b]:after{width:25px}.footer-links .footer-section ul li[data-v-7fa6526b]{font-size:12px;margin-bottom:8px}.footer-right[data-v-7fa6526b]{gap:14px}.footer-right .social-links[data-v-7fa6526b]{gap:10px}.footer-right .social-links .social-btn[data-v-7fa6526b]{width:36px;height:36px}.footer-right .social-links .social-btn .n-icon[data-v-7fa6526b]{size:16px}.footer-right .footer-stats[data-v-7fa6526b]{flex-direction:column!important;align-items:center!important;gap:8px!important}.footer-right .footer-stats .n-tag[data-v-7fa6526b]{font-size:11px;width:100%;max-width:200px;justify-content:center}.footer-right .runtime-info .n-tag[data-v-7fa6526b]{font-size:11px}.footer-bottom[data-v-7fa6526b]{margin:25px auto 0;padding-top:14px}.copyright[data-v-7fa6526b]{flex-direction:column;gap:8px;text-align:center;font-size:11px}.copyright .divider[data-v-7fa6526b]{display:none}.copyright .icp-link[data-v-7fa6526b]{word-break:break-all}}@media (max-width: 375px){.footer-left .footer-title[data-v-7fa6526b]{font-size:16px}.footer-left .footer-description[data-v-7fa6526b]{font-size:11px}.footer-links .footer-section h4[data-v-7fa6526b]{font-size:13px}.footer-links .footer-section ul li[data-v-7fa6526b]{font-size:11px}.footer-right .social-links .social-btn[data-v-7fa6526b]{width:34px;height:34px}.footer-right .social-links .social-btn .n-icon[data-v-7fa6526b]{size:15px}.footer-right .footer-stats .n-tag[data-v-7fa6526b]{font-size:10px}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;background-color:#f5f5f5;color:#333;transition:background-color .3s,color .3s;line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.dark body{background-color:#18181c;color:#fff}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px;width:100%;max-width:1400px;margin:0 auto}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.home-container[data-v-4a51a713]{max-width:1400px;margin:0 auto;padding-bottom:40px}.tech-profile-section[data-v-4a51a713]{position:relative;margin-bottom:30px;overflow:hidden}.profile-bg-animation[data-v-4a51a713]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.grid-line[data-v-4a51a713]{position:absolute;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(0,217,255,.3),transparent);animation:gridMove-4a51a713 8s linear infinite}.grid-line.delay-1[data-v-4a51a713]{left:30%;animation-delay:-2s}.grid-line.delay-2[data-v-4a51a713]{left:70%;animation-delay:-5s}@keyframes gridMove-4a51a713{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.tech-profile-card[data-v-4a51a713]{background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid rgba(0,217,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tech-profile-card[data-v-4a51a713]:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;height:2px;background:linear-gradient(90deg,transparent,#00d9ff,transparent);animation:borderGlow-4a51a713 3s ease-in-out infinite}@keyframes borderGlow-4a51a713{0%,to{opacity:.5}50%{opacity:1}}html:not(.dark) .tech-profile-card[data-v-4a51a713]{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid rgba(0,217,255,.3)}.profile-content[data-v-4a51a713]{display:flex;gap:30px;align-items:center}.avatar-wrapper[data-v-4a51a713]{position:relative;flex-shrink:0}.profile-avatar[data-v-4a51a713]{width:100px!important;height:100px!important;min-width:100px!important;min-height:100px!important;border:3px solid rgba(0,217,255,.5);box-shadow:0 0 25px #00d9ff4d;position:relative;z-index:2;border-radius:50%}.avatar-ring[data-v-4a51a713]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border:2px solid rgba(0,217,255,.3);border-radius:50%;animation:ringPulse 2s ease-in-out infinite;pointer-events:none}.profile-texts[data-v-4a51a713]{flex:1}.title-group[data-v-4a51a713]{margin-bottom:16px}.profile-title[data-v-4a51a713]{font-size:36px;font-weight:800;margin-bottom:12px;letter-spacing:1px}.tech-badge[data-v-4a51a713]{font-size:14px;padding:4px 16px}.profile-description[data-v-4a51a713]{font-size:15px;color:var(--n-text-color-secondary);margin-bottom:20px;line-height:1.6}.tech-stack[data-v-4a51a713]{margin-bottom:24px}.tech-stack .n-tag[data-v-4a51a713]{background:#00d9ff1a;border-color:var(--tech-color)}.tech-stack .n-tag__icon[data-v-4a51a713]{color:var(--tech-color)}.profile-stats-group[data-v-4a51a713]{padding:20px;background:#00d9ff0d;border-radius:12px;border:1px solid rgba(0,217,255,.1)}html:not(.dark) .profile-stats-group[data-v-4a51a713]{background:#00d9ff14;border-color:#00d9ff33}.profile-stats-group[data-v-4a51a713] .n-statistic__label{font-size:13px;color:var(--n-text-color-secondary)}.profile-stats-group[data-v-4a51a713] .n-statistic__content{font-size:28px;font-weight:700;color:#00d9ff}.profile-actions-tech[data-v-4a51a713]{display:flex;flex-direction:column;gap:16px;height:100%;justify-content:center;padding:20px}.tech-btn-glow[data-v-4a51a713]{position:relative;overflow:hidden;background:linear-gradient(135deg,#00d9ff,#09c);border:none;box-shadow:0 4px 20px #00d9ff66;transition:all .3s ease}.tech-btn-glow[data-v-4a51a713]:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d9ff99}.tech-btn-outline[data-v-4a51a713]{border:2px solid #00d9ff;color:#00d9ff;transition:all .3s ease}.tech-btn-outline[data-v-4a51a713]:hover{background:#00d9ff1a;transform:translateY(-2px)}.section-title[data-v-4a51a713]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin-bottom:20px;padding-left:10px;border-left:4px solid #00d9ff;color:var(--n-text-color)}.fire-icon[data-v-4a51a713]{color:#ff6b35;animation:fireFlicker-4a51a713 1.5s ease-in-out infinite}@keyframes fireFlicker-4a51a713{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}}.tech-article-card[data-v-4a51a713]{margin-bottom:24px;background:#0f172a80;border:1px solid rgba(0,217,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}html:not(.dark) .tech-article-card[data-v-4a51a713]{background:#ffffffe6;border:1px solid rgba(0,217,255,.25)}.tech-article-card[data-v-4a51a713]:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,#00d9ff,transparent);opacity:0;transition:opacity .3s ease}.tech-article-card[data-v-4a51a713]:hover:after{opacity:1}.tech-article-card[data-v-4a51a713]:hover{transform:translateY(-6px) translate(4px);box-shadow:0 12px 40px #00d9ff33;border-color:#00d9ff66}.top-article[data-v-4a51a713]{border-left:4px solid #ff9500;background:linear-gradient(135deg,#ff95000d,#0f172a80)}html:not(.dark) .top-article[data-v-4a51a713]{background:linear-gradient(135deg,#ff950014,#ffffffe6)}.article-header-tech[data-v-4a51a713]{display:flex;align-items:center;gap:12px}.article-title-tech[data-v-4a51a713]{font-size:20px;font-weight:700;color:var(--n-text-color);transition:color .3s ease}.tech-article-card:hover .article-title-tech[data-v-4a51a713]{color:#00d9ff}.top-badge[data-v-4a51a713]{animation:badgePulse-4a51a713 2s ease-in-out infinite}@keyframes badgePulse-4a51a713{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.article-summary-tech[data-v-4a51a713]{color:var(--n-text-color-secondary);line-height:1.8;font-size:14px;text-align:justify}.article-tags-tech[data-v-4a51a713]{padding:8px 0}.article-meta-tech[data-v-4a51a713]{padding-top:12px;border-top:1px solid rgba(0,217,255,.1);display:flex;align-items:center;gap:12px}html:not(.dark) .article-meta-tech[data-v-4a51a713]{border-top-color:#00d9ff33}.filter-card-tech[data-v-4a51a713]{margin-bottom:24px;background:#0f172a4d;border:1px solid rgba(0,217,255,.1)}html:not(.dark) .filter-card-tech[data-v-4a51a713]{background:#fffc;border:1px solid rgba(0,217,255,.2)}.sidebar-card-tech[data-v-4a51a713]{margin-bottom:24px;background:#0f172a80;border:1px solid rgba(0,217,255,.15);transition:all .3s ease}html:not(.dark) .sidebar-card-tech[data-v-4a51a713]{background:#ffffffe6;border:1px solid rgba(0,217,255,.25)}.sidebar-card-tech[data-v-4a51a713]:hover{border-color:#00d9ff4d;box-shadow:0 8px 24px #00d9ff1a}html:not(.dark) .sidebar-card-tech[data-v-4a51a713]:hover{box-shadow:0 8px 24px #00d9ff26}.card-header-tech[data-v-4a51a713]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--n-text-color)}.tag-count[data-v-4a51a713]{margin-left:6px;font-size:12px;opacity:.7}.hot-article-item-tech[data-v-4a51a713]{display:flex;align-items:flex-start;gap:12px;padding:12px 0;transition:all .3s ease;cursor:pointer}.hot-article-item-tech[data-v-4a51a713]:hover{transform:translate(8px)}.hot-rank-tech[data-v-4a51a713]{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;transition:all .3s ease}.rank-1[data-v-4a51a713]{background:linear-gradient(135deg,gold,#fa0);color:#000;box-shadow:0 2px 10px #ffd70066}.rank-2[data-v-4a51a713]{background:linear-gradient(135deg,silver,#a0a0a0);color:#000;box-shadow:0 2px 10px #c0c0c066}.rank-3[data-v-4a51a713]{background:linear-gradient(135deg,#cd7f32,#b87333);color:#fff;box-shadow:0 2px 10px #cd7f3266}.rank-4[data-v-4a51a713],.rank-5[data-v-4a51a713]{background:#00d9ff33;color:#00d9ff;border:1px solid rgba(0,217,255,.3)}html:not(.dark) .rank-4[data-v-4a51a713],html:not(.dark) .rank-5[data-v-4a51a713]{background:#00d9ff26}.hot-article-info-tech[data-v-4a51a713]{flex:1;min-width:0}.hot-article-title-tech[data-v-4a51a713]{font-size:14px;line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.hot-article-item-tech:hover .hot-article-title-tech[data-v-4a51a713]{color:#00d9ff}.hot-article-meta-tech[data-v-4a51a713]{font-size:12px;color:var(--n-text-color-secondary)}.category-item-tech[data-v-4a51a713]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;margin:8px 0;background:#00d9ff0d;border-radius:8px;transition:all .3s ease;cursor:pointer}html:not(.dark) .category-item-tech[data-v-4a51a713]{background:#00d9ff14}.category-item-tech[data-v-4a51a713]:hover{background:#00d9ff1a;transform:translate(8px)}html:not(.dark) .category-item-tech[data-v-4a51a713]:hover{background:#00d9ff26}.category-name[data-v-4a51a713]{font-size:15px;font-weight:500}.article-skeleton[data-v-4a51a713]{height:220px;margin-bottom:24px;border-radius:12px}@media (max-width: 992px){.main-grid[data-v-4a51a713]{grid-template-columns:1fr}.profile-content[data-v-4a51a713]{flex-direction:column;text-align:center}.avatar-wrapper[data-v-4a51a713]{margin-bottom:20px}.profile-actions-tech[data-v-4a51a713]{margin-top:24px;width:100%}.profile-title[data-v-4a51a713]{font-size:28px}.title-group[data-v-4a51a713]{display:flex;flex-direction:column;align-items:center;gap:12px}.profile-stats-group[data-v-4a51a713]{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.home-container[data-v-4a51a713]{padding:0 12px}.tech-profile-section[data-v-4a51a713]{margin-bottom:20px}.tech-profile-card[data-v-4a51a713]{padding:20px!important}.profile-avatar[data-v-4a51a713]{width:80px!important;height:80px!important;min-width:80px!important;min-height:80px!important}.avatar-ring[data-v-4a51a713]{width:96px;height:96px}.profile-title[data-v-4a51a713]{font-size:24px}.profile-description[data-v-4a51a713]{font-size:13px}.tech-stack[data-v-4a51a713]{justify-content:center}.section-title[data-v-4a51a713]{font-size:18px;margin-bottom:16px}.article-title-tech[data-v-4a51a713]{font-size:18px}.article-summary-tech[data-v-4a51a713]{font-size:13px}}@media (max-width: 576px){.home-container[data-v-4a51a713]{padding:0 8px}.main-grid[data-v-4a51a713]{gap:16px!important}.tech-profile-section[data-v-4a51a713]{margin-bottom:16px}.tech-profile-card[data-v-4a51a713]{padding:16px!important}.profile-content[data-v-4a51a713]{gap:16px}.avatar-wrapper[data-v-4a51a713]{margin-bottom:16px}.profile-avatar[data-v-4a51a713]{width:70px!important;height:70px!important;min-width:70px!important;min-height:70px!important}.avatar-ring[data-v-4a51a713]{width:86px;height:86px}.profile-title[data-v-4a51a713]{font-size:22px}.profile-subtitle[data-v-4a51a713]{font-size:14px}.profile-description[data-v-4a51a713]{font-size:12px;margin-bottom:14px}.tech-stack[data-v-4a51a713]{gap:8px;flex-wrap:wrap}.tech-stack .n-tag[data-v-4a51a713]{font-size:12px}.profile-stats-group[data-v-4a51a713]{padding:14px;gap:12px}.profile-stats-group[data-v-4a51a713] .n-statistic__label{font-size:12px}.profile-stats-group[data-v-4a51a713] .n-statistic__content{font-size:22px}.profile-actions-tech[data-v-4a51a713]{gap:12px;padding:16px 0}.profile-actions-tech .n-button[data-v-4a51a713]{font-size:14px}.section-title[data-v-4a51a713]{font-size:17px;margin-bottom:14px;padding-left:8px;border-left-width:3px}.filter-card-tech[data-v-4a51a713]{margin-bottom:16px}.filter-card-tech [data-v-4a51a713] .n-tabs-tab{font-size:13px;padding:8px 12px}.tech-article-card[data-v-4a51a713]{margin-bottom:16px;padding:14px!important}.article-header-tech[data-v-4a51a713]{gap:8px}.article-title-tech[data-v-4a51a713]{font-size:16px;line-height:1.4}.article-summary-tech[data-v-4a51a713]{font-size:12px;line-height:1.6}.article-meta-tech[data-v-4a51a713]{flex-wrap:wrap;gap:8px}.sidebar-card-tech[data-v-4a51a713]{margin-bottom:16px;padding:14px!important}.sidebar-card-tech [data-v-4a51a713] .n-card-header{font-size:16px}.hot-article-item-tech[data-v-4a51a713]{padding:10px 0}.hot-article-item-tech .hot-rank-tech[data-v-4a51a713]{width:24px;height:24px;font-size:12px}.hot-article-item-tech .hot-article-title-tech[data-v-4a51a713]{font-size:13px}.hot-article-item-tech .hot-article-meta-tech[data-v-4a51a713]{font-size:11px}.category-item-tech[data-v-4a51a713]{padding:10px 12px;font-size:13px}.tag-count[data-v-4a51a713]{font-size:11px}}@media (max-width: 375px){.profile-title[data-v-4a51a713]{font-size:20px}.profile-avatar[data-v-4a51a713]{width:60px!important;height:60px!important;min-width:60px!important;min-height:60px!important}.avatar-ring[data-v-4a51a713]{width:76px;height:76px}.tech-stack .n-tag[data-v-4a51a713]{font-size:11px}.article-title-tech[data-v-4a51a713]{font-size:15px}.article-summary-tech[data-v-4a51a713]{font-size:11px}.section-title[data-v-4a51a713]{font-size:16px}}.note-card[data-v-4a51a713]{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.note-card[data-v-4a51a713]:hover{transform:translateY(-6px) translate(4px);box-shadow:0 12px 40px #00d9ff40}.pagination-container[data-v-4a51a713]{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:24px;padding:20px 0}.pagination-info[data-v-4a51a713]{font-size:14px;color:var(--n-text-color-secondary)}.about-container[data-v-4cb95f61]{max-width:1200px;margin:0 auto;padding:24px}.profile-card[data-v-4cb95f61]{margin-bottom:24px;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:1px solid rgba(0,217,255,.2)}html:not(.dark) .profile-card[data-v-4cb95f61]{background:linear-gradient(135deg,#fffffff2,#f8fafcf2)}.avatar-section[data-v-4cb95f61]{position:relative;display:flex;justify-content:center;align-items:center;padding:20px}.profile-avatar[data-v-4cb95f61]{border:4px solid rgba(0,217,255,.5);box-shadow:0 0 30px #00d9ff4d;position:relative;z-index:2;border-radius:50%}.avatar-ring[data-v-4cb95f61]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border:2px solid rgba(0,217,255,.3);border-radius:50%;animation:ringPulse-4cb95f61 2s ease-in-out infinite}@keyframes ringPulse-4cb95f61{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.8}}.profile-info[data-v-4cb95f61]{display:flex;flex-direction:column;justify-content:center;gap:20px}.name[data-v-4cb95f61]{font-size:36px;font-weight:800;color:var(--n-text-color);margin:0;background:linear-gradient(135deg,#00d9ff,#09c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.basic-info .n-tag[data-v-4cb95f61]{font-size:14px}.contact-details[data-v-4cb95f61]{display:flex;flex-direction:column;gap:12px}.contact-details .contact-item[data-v-4cb95f61]{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--n-text-color-secondary)}.contact-details .contact-item .n-icon[data-v-4cb95f61]{color:#00d9ff}.section-card[data-v-4cb95f61]{margin-bottom:24px;background:#0f172a80;border:1px solid rgba(0,217,255,.15)}html:not(.dark) .section-card[data-v-4cb95f61]{background:#ffffffe6;border:1px solid rgba(0,217,255,.2)}.section-card[data-v-4cb95f61] .n-card__header{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:700;color:var(--n-text-color);border-bottom:2px solid rgba(0,217,255,.2)}.education-item[data-v-4cb95f61]{margin-bottom:20px}.education-item[data-v-4cb95f61]:last-child{margin-bottom:0}.education-header[data-v-4cb95f61]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.education-header .school-info[data-v-4cb95f61]{display:flex;align-items:center;gap:12px}.education-header .school-info h3[data-v-4cb95f61]{font-size:18px;font-weight:600;color:var(--n-text-color);margin:0}.education-header .time-range[data-v-4cb95f61]{font-size:14px;color:var(--n-text-color-secondary);font-weight:500}.education-desc[data-v-4cb95f61]{font-size:14px;color:var(--n-text-color-secondary);line-height:1.6;margin:0}.skills-grid[data-v-4cb95f61]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.skill-item[data-v-4cb95f61]{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--n-text-color);line-height:1.6;padding:12px;background:#00d9ff0d;border-radius:8px;border-left:3px solid #00d9ff;transition:all .3s ease}.skill-item[data-v-4cb95f61]:hover{background:#00d9ff1a;transform:translate(8px)}.project-item[data-v-4cb95f61]{margin-bottom:30px}.project-item[data-v-4cb95f61]:last-child{margin-bottom:0}.project-header[data-v-4cb95f61]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid rgba(0,217,255,.15)}.project-header h3[data-v-4cb95f61]{font-size:20px;font-weight:700;color:var(--n-text-color);margin:0}.project-content[data-v-4cb95f61]{display:flex;flex-direction:column;gap:16px}.project-section[data-v-4cb95f61]{font-size:15px;color:var(--n-text-color);line-height:1.8}.project-section strong[data-v-4cb95f61]{color:#00d9ff;font-weight:600}.honors-list[data-v-4cb95f61]{display:flex;flex-direction:column;gap:20px}.honor-item[data-v-4cb95f61]{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--n-text-color);line-height:1.6;padding:16px;background:#ffd7000d;border-radius:8px;border-left:4px solid #ffd700;transition:all .3s ease}.honor-item[data-v-4cb95f61]:hover{background:#ffd7001a;transform:translate(8px);box-shadow:0 4px 16px #ffd70026}.honor-item .n-icon[data-v-4cb95f61]{flex-shrink:0;margin-top:2px}.project-sub-section[data-v-4cb95f61]{margin-top:12px;padding-left:20px;border-left:2px solid rgba(0,217,255,.2);padding-top:12px}@media (max-width: 992px){.about-container[data-v-4cb95f61]{padding:16px}.profile-card .n-grid[data-v-4cb95f61]{grid-template-columns:1fr}.avatar-section[data-v-4cb95f61]{padding:30px}.profile-info[data-v-4cb95f61]{text-align:center;align-items:center}.name[data-v-4cb95f61]{font-size:30px}.basic-info[data-v-4cb95f61]{justify-content:center;flex-wrap:wrap}.contact-details[data-v-4cb95f61]{align-items:center}}@media (max-width: 768px){.name[data-v-4cb95f61]{font-size:26px}.profile-avatar[data-v-4cb95f61]{width:150px!important;height:150px!important}.avatar-ring[data-v-4cb95f61]{width:180px;height:180px}.skills-grid[data-v-4cb95f61]{grid-template-columns:1fr}.project-header[data-v-4cb95f61]{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width: 576px){.about-container[data-v-4cb95f61]{padding:12px}.profile-card[data-v-4cb95f61],.section-card[data-v-4cb95f61]{padding:16px!important}.name[data-v-4cb95f61]{font-size:24px}.basic-info .n-tag[data-v-4cb95f61]{font-size:12px}.contact-details .contact-item[data-v-4cb95f61]{font-size:13px}.section-card[data-v-4cb95f61] .n-card__header{font-size:18px}.education-header[data-v-4cb95f61]{flex-direction:column;align-items:flex-start;gap:8px}.education-header .school-info[data-v-4cb95f61]{flex-wrap:wrap}.education-header .school-info h3[data-v-4cb95f61]{font-size:16px}.skill-item[data-v-4cb95f61]{font-size:14px;padding:10px}.project-header h3[data-v-4cb95f61]{font-size:18px}.project-section[data-v-4cb95f61]{font-size:14px}}.notes-container[data-v-1ba503bf]{max-width:1400px;margin:0 auto;padding:24px}.page-header[data-v-1ba503bf]{margin-bottom:30px;text-align:center}.page-header .page-title[data-v-1ba503bf]{display:flex;align-items:center;justify-content:center;gap:12px;font-size:36px;font-weight:800;color:var(--n-text-color);margin-bottom:12px}.page-header .page-subtitle[data-v-1ba503bf]{font-size:16px;color:var(--n-text-color-secondary)}.nav-card[data-v-1ba503bf]{margin-bottom:30px;background:#0f172a80;border:1px solid rgba(0,217,255,.15)}html:not(.dark) .nav-card[data-v-1ba503bf]{background:#ffffffe6;border:1px solid rgba(0,217,255,.2)}.category-intro[data-v-1ba503bf]{padding:20px;margin-top:16px;background:#00d9ff0d;border-radius:8px;border-left:4px solid #00d9ff}.category-intro p[data-v-1ba503bf]{margin-top:12px;font-size:14px;color:var(--n-text-color-secondary);line-height:1.6}.fade-enter-active[data-v-1ba503bf],.fade-leave-active[data-v-1ba503bf]{transition:opacity .3s ease}.fade-enter-from[data-v-1ba503bf],.fade-leave-to[data-v-1ba503bf]{opacity:0}@media (max-width: 768px){.notes-container[data-v-1ba503bf]{padding:16px}.page-title[data-v-1ba503bf]{font-size:28px}}.projects-container[data-v-687a92a2]{padding:24px}.page-title[data-v-687a92a2]{font-size:24px;font-weight:700;margin-bottom:24px}.projects-list[data-v-687a92a2]{display:flex;flex-direction:column;gap:24px}.project-card[data-v-687a92a2]{background:#0f172a80;border:1px solid #00d9ff;transition:all .3s ease}.project-card[data-v-687a92a2]:hover{border-color:#00d9ff;box-shadow:0 4px 20px #00d9ff4d}html:not(.dark) .project-card[data-v-687a92a2]{background:#fffffff2;border:1px solid #00d9ff}.project-header[data-v-687a92a2]{display:flex;justify-content:space-between;align-items:center}.project-title-section[data-v-687a92a2]{display:flex;flex-direction:column}.project-title[data-v-687a92a2]{font-size:20px;font-weight:700;margin-bottom:8px}.project-content[data-v-687a92a2]{display:flex;flex-direction:column;gap:20px}.project-git[data-v-687a92a2]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:16px 20px;background:#00d9ff14;border-radius:8px;border-left:4px solid #00d9ff;font-size:15px}.project-git .git-info[data-v-687a92a2]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.project-git .git-info .n-icon[data-v-687a92a2]{color:#00d9ff;flex-shrink:0}.project-git .git-info .git-label[data-v-687a92a2]{color:var(--n-text-color-secondary);font-weight:500;flex-shrink:0}.project-git .git-info .git-link[data-v-687a92a2]{color:#00d9ff;font-family:Courier New,monospace;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-git .copy-btn[data-v-687a92a2]{flex-shrink:0;margin-left:12px}.project-git[data-v-687a92a2]:hover{background:#00d9ff1f}.project-media[data-v-687a92a2]{margin-top:32px}.project-media .media-title[data-v-687a92a2]{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--n-text-color);margin-bottom:16px}.project-media .media-title .n-icon[data-v-687a92a2]{color:#00d9ff}.project-media .carousel-wrapper[data-v-687a92a2]{position:relative}.project-media .project-carousel[data-v-687a92a2]{width:100%;height:320px;border-radius:8px;overflow:hidden;margin-bottom:20px;position:relative}.project-media .project-carousel .carousel-img[data-v-687a92a2]{width:100%;height:100%;object-fit:contain}.project-media .project-carousel .carousel-arrows[data-v-687a92a2]{display:flex;gap:12px;position:absolute;bottom:16px;right:16px}.project-media .project-carousel .carousel-arrows .n-button[data-v-687a92a2]{background:#00000080;color:#fff}.project-media .project-carousel .carousel-arrows .n-button[data-v-687a92a2]:hover{background:#00d9ffcc}.project-media .carousel-blur-bg[data-v-687a92a2]{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:blur(20px) brightness(.6);z-index:-1;border-radius:8px}.project-media .image-grid[data-v-687a92a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:16px}.project-media .image-grid .grid-img[data-v-687a92a2]{width:100%;height:120px;border-radius:6px;cursor:pointer;transition:transform .3s}.project-media .image-grid .grid-img[data-v-687a92a2]:hover{transform:scale(1.05)}.project-media .video-container[data-v-687a92a2]{width:100%;height:450px;border-radius:8px;overflow:hidden;background:#000}.project-media .video-container .project-video[data-v-687a92a2]{width:100%;height:100%;object-fit:contain}.project-section[data-v-687a92a2]{display:flex;flex-direction:column;gap:8px}.project-sub-section[data-v-687a92a2]{display:flex;flex-direction:column;gap:4px}.project-git[data-v-687a92a2]{display:flex;justify-content:space-between;align-items:center}.git-info[data-v-687a92a2]{display:flex;align-items:center;gap:8px}.git-label[data-v-687a92a2]{font-weight:700}.git-link[data-v-687a92a2]{color:#00d9ff;cursor:pointer}.copy-btn[data-v-687a92a2]{background:#00000080;color:#fff}.copy-btn[data-v-687a92a2]:hover{background:#00d9ffcc}.embedded-categories[data-v-9c2a19d9]{padding:0}.page-section-title[data-v-9c2a19d9]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--n-text-color);margin-bottom:30px;padding-bottom:16px;border-bottom:2px solid rgba(0,217,255,.2)}.category-card[data-v-9c2a19d9]{background:#0f172a80;border:1px solid rgba(0,217,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}html:not(.dark) .category-card[data-v-9c2a19d9]{background:#ffffffe6;border:1px solid rgba(0,217,255,.2)}.category-content[data-v-9c2a19d9]{display:flex;flex-direction:column;gap:24px}.category-header-section[data-v-9c2a19d9]{display:flex;gap:24px;align-items:flex-start}.category-icon-wrapper[data-v-9c2a19d9]{flex-shrink:0}.category-icon[data-v-9c2a19d9]{width:100px;height:100px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003;transition:transform .3s}.category-card:hover .category-icon[data-v-9c2a19d9]{transform:scale(1.15) rotate(5deg);box-shadow:inset 0 0 50px #00d9ff80,inset 0 0 80px #00d9ff4d,0 0 50px #00d9ffcc,0 0 100px #00d9ff80,0 0 150px #00d9ff4d;border-color:#00d9ffe6}.category-card:hover .category-icon .n-icon[data-v-9c2a19d9]{transform:scale(1.2);filter:drop-shadow(0 0 20px rgba(0,217,255,.8))}.category-card:hover .category-icon[data-v-9c2a19d9]:after{animation-duration:2s}.category-card:hover .category-icon[data-v-9c2a19d9]:before{animation-duration:1.5s;opacity:.8}@keyframes circuitFlow-9c2a19d9{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes chipRotate-9c2a19d9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes chipPulse-9c2a19d9{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.category-card:nth-child(1) .category-icon[data-v-9c2a19d9]{background:linear-gradient(135deg,#00d9ff26,#00d9ff59,#00d9ff26);border-color:#00d9ffb3}.category-card:nth-child(2) .category-icon[data-v-9c2a19d9]{background:linear-gradient(135deg,#ffd93d26,#ffd93d59,#ffd93d26);border-color:#ffd93db3}.category-card:nth-child(2) .category-icon[data-v-9c2a19d9]:after{border-top-color:#ffd93dcc;border-right-color:#ffd93d99}.category-card:nth-child(3) .category-icon[data-v-9c2a19d9]{background:linear-gradient(135deg,#ff6b6b26,#ff6b6b59,#ff6b6b26);border-color:#ff6b6bb3}.category-card:nth-child(3) .category-icon[data-v-9c2a19d9]:after{border-top-color:#ff6b6bcc;border-right-color:#ff6b6b99}.category-card:nth-child(4) .category-icon[data-v-9c2a19d9]{background:linear-gradient(135deg,#95e1d326,#95e1d359,#95e1d326);border-color:#95e1d3b3}.category-card:nth-child(4) .category-icon[data-v-9c2a19d9]:after{border-top-color:#95e1d3cc;border-right-color:#95e1d399}.category-card:nth-child(5) .category-icon[data-v-9c2a19d9]{background:linear-gradient(135deg,#dda0dd26,#dda0dd59,#dda0dd26);border-color:#dda0ddb3}.category-card:nth-child(5) .category-icon[data-v-9c2a19d9]:after{border-top-color:#dda0ddcc;border-right-color:#dda0dd99}.category-info[data-v-9c2a19d9]{flex:1;display:flex;flex-direction:column;gap:12px}.category-name[data-v-9c2a19d9]{font-size:24px;font-weight:700;color:var(--n-text-color);margin:0}.category-desc[data-v-9c2a19d9]{font-size:14px;color:var(--n-text-color-secondary);line-height:1.6}.category-tags[data-v-9c2a19d9]{flex-wrap:wrap}.category-stats[data-v-9c2a19d9]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--n-text-color-secondary)}.sub-notes-divider[data-v-9c2a19d9]{margin:20px 0}.sub-notes-grid[data-v-9c2a19d9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sub-note-card[data-v-9c2a19d9]{background:#00d9ff0d;border:1px solid rgba(0,217,255,.1);cursor:pointer;transition:all .3s}html:not(.dark) .sub-note-card[data-v-9c2a19d9]{background:#00d9ff08}.sub-note-card[data-v-9c2a19d9]:hover{background:#00d9ff1a;border-color:#00d9ff4d;transform:translateY(-4px);box-shadow:0 8px 24px #00d9ff26}.sub-note-content[data-v-9c2a19d9]{display:flex;flex-direction:column;gap:12px}.sub-note-title[data-v-9c2a19d9]{font-size:18px;font-weight:700;color:var(--n-text-color);margin:0}.sub-note-summary[data-v-9c2a19d9]{font-size:13px;color:var(--n-text-color-secondary);line-height:1.6;flex:1}.sub-note-footer[data-v-9c2a19d9]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(0,217,255,.1)}.sub-note-tags[data-v-9c2a19d9]{flex-wrap:wrap}.sub-note-meta[data-v-9c2a19d9]{display:flex;align-items:center;gap:10px;font-size:12px}.sub-note-date[data-v-9c2a19d9]{color:var(--n-text-color-secondary)}@media (max-width: 768px){.category-header-section[data-v-9c2a19d9]{flex-direction:column;align-items:center;text-align:center}.category-info[data-v-9c2a19d9]{align-items:center}.sub-notes-grid[data-v-9c2a19d9]{grid-template-columns:1fr}}.category-notes[data-v-4a168945]{padding:0}.category-header[data-v-4a168945]{margin-bottom:30px;padding:24px;background:#00d9ff0d;border-radius:12px;border-left:4px solid #00d9ff}.back-btn[data-v-4a168945]{margin-bottom:16px}.category-title[data-v-4a168945]{font-size:32px;font-weight:800;color:var(--n-text-color);margin-bottom:12px}.category-description[data-v-4a168945]{font-size:16px;color:var(--n-text-color-secondary);line-height:1.6}.empty-state[data-v-4a168945]{padding:80px 0;text-align:center}.note-card[data-v-4a168945]{height:100%;background:#0f172a80;border:1px solid rgba(0,217,255,.15);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}html:not(.dark) .note-card[data-v-4a168945]{background:#ffffffe6;border:1px solid rgba(0,217,255,.2)}.note-card[data-v-4a168945]:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00d9ff26}.note-header[data-v-4a168945]{display:flex;justify-content:space-between;align-items:center}.note-date[data-v-4a168945]{font-size:13px;color:var(--n-text-color-secondary)}.note-content[data-v-4a168945]{display:flex;flex-direction:column;gap:16px}.note-title[data-v-4a168945]{font-size:18px;font-weight:700;color:var(--n-text-color);margin:0}.note-summary[data-v-4a168945]{font-size:14px;color:var(--n-text-color-secondary);line-height:1.7;text-align:justify}.note-images[data-v-4a168945]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.note-image[data-v-4a168945]{width:100%;height:120px;border-radius:6px;cursor:zoom-in;transition:transform .3s}.note-image[data-v-4a168945]:hover{transform:scale(1.05)}.code-hint[data-v-4a168945]{padding:12px 16px;background:#00d9ff0d;border-radius:6px;border-left:3px solid #00d9ff;font-size:13px;color:var(--n-text-color-secondary)}.code-hint .n-icon[data-v-4a168945]{color:#00d9ff}.note-tags[data-v-4a168945]{padding-top:12px;border-top:1px solid rgba(0,217,255,.1)}@media (max-width: 992px){.note-card[data-v-4a168945]{margin-bottom:24px}}@media (max-width: 768px){.category-title[data-v-4a168945]{font-size:24px}.note-title[data-v-4a168945]{font-size:16px}}.web-categories[data-v-8a864a36]{padding:0}.page-section-title[data-v-8a864a36]{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:700;color:var(--n-text-color);margin-bottom:30px;padding-bottom:16px;border-bottom:2px solid rgba(65,184,131,.2)}.category-card[data-v-8a864a36]{background:#0f172a80;border:1px solid rgba(65,184,131,.15);transition:all .3s cubic-bezier(.4,0,.2,1)}html:not(.dark) .category-card[data-v-8a864a36]{background:#ffffffe6;border:1px solid rgba(65,184,131,.2)}.category-content[data-v-8a864a36]{display:flex;flex-direction:column;gap:24px}.category-header-section[data-v-8a864a36]{display:flex;gap:24px;align-items:flex-start}.category-icon-wrapper[data-v-8a864a36]{flex-shrink:0}.category-icon[data-v-8a864a36]{width:100px;height:100px;border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #0003;transition:transform .3s}.category-card:hover .category-icon[data-v-8a864a36]{transform:scale(1.1) rotate(5deg)}.category-info[data-v-8a864a36]{flex:1;display:flex;flex-direction:column;gap:12px}.category-name[data-v-8a864a36]{font-size:24px;font-weight:700;color:var(--n-text-color);margin:0}.category-desc[data-v-8a864a36]{font-size:14px;color:var(--n-text-color-secondary);line-height:1.6}.category-tags[data-v-8a864a36]{flex-wrap:wrap}.category-stats[data-v-8a864a36]{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--n-text-color-secondary)}.sub-notes-section[data-v-8a864a36]{margin-top:16px}.sub-notes-divider[data-v-8a864a36]{margin:20px 0}.sub-notes-grid[data-v-8a864a36]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.sub-note-card[data-v-8a864a36]{background:#41b8830d;border:1px solid rgba(65,184,131,.1);cursor:pointer;transition:all .3s}html:not(.dark) .sub-note-card[data-v-8a864a36]{background:#41b88308}.sub-note-card[data-v-8a864a36]:hover{background:#41b8831a;border-color:#41b8834d;transform:translateY(-4px);box-shadow:0 8px 24px #41b88326}.sub-note-content[data-v-8a864a36]{display:flex;flex-direction:column;gap:12px}.sub-note-title[data-v-8a864a36]{font-size:18px;font-weight:700;color:var(--n-text-color);margin:0}.sub-note-summary[data-v-8a864a36]{font-size:13px;color:var(--n-text-color-secondary);line-height:1.6;flex:1}.sub-note-footer[data-v-8a864a36]{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid rgba(65,184,131,.1)}.sub-note-tags[data-v-8a864a36]{flex-wrap:wrap}.sub-note-meta[data-v-8a864a36]{display:flex;align-items:center;gap:10px;font-size:12px}.sub-note-date[data-v-8a864a36]{color:var(--n-text-color-secondary)}@media (max-width: 768px){.category-header-section[data-v-8a864a36]{flex-direction:column;align-items:center;text-align:center}.category-info[data-v-8a864a36]{align-items:center}.sub-notes-grid[data-v-8a864a36]{grid-template-columns:1fr}}.note-detail[data-v-1b01f131]{max-width:1200px;margin:0 auto;padding:24px}.detail-card[data-v-1b01f131]{background:#0f172a80;border:1px solid rgba(0,217,255,.15)}html:not(.dark) .detail-card[data-v-1b01f131]{background:#ffffffe6}.detail-header[data-v-1b01f131]{margin-bottom:20px}.detail-date[data-v-1b01f131]{font-size:14px;color:var(--n-text-color-secondary)}.detail-title[data-v-1b01f131]{font-size:32px;font-weight:800;color:var(--n-text-color);margin-bottom:16px;line-height:1.3}.detail-summary[data-v-1b01f131]{font-size:16px;color:var(--n-text-color-secondary);line-height:1.7;margin-bottom:30px}.detail-content[data-v-1b01f131]{display:flex;flex-direction:column;gap:24px}.note-images[data-v-1b01f131]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.note-image[data-v-1b01f131]{width:100%;height:250px;border-radius:8px;cursor:zoom-in;transition:transform .3s}.note-image[data-v-1b01f131]:hover{transform:scale(1.05)}.note-code[data-v-1b01f131]{background:#0000004d;border-radius:8px;overflow:hidden;border:1px solid rgba(0,217,255,.2)}.note-code .code-header[data-v-1b01f131]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#00d9ff1a}.note-code .code-header .code-title[data-v-1b01f131]{display:flex;align-items:center;gap:8px;font-size:14px;color:#00d9ff;font-weight:600}.note-code .code-header .copy-btn[data-v-1b01f131]{transition:all .3s}.note-code .code-header .copy-btn[data-v-1b01f131]:hover{background:#00d9ff33;color:#00d9ff}.note-code pre[data-v-1b01f131]{margin:0;padding:20px;overflow-x:auto}.note-code pre code[data-v-1b01f131]{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6;color:#e0e0e0}.note-tags[data-v-1b01f131]{padding:20px 0;border-top:1px solid rgba(0,217,255,.1)}.detail-footer[data-v-1b01f131]{margin-top:40px;padding-top:30px;border-top:1px solid rgba(0,217,255,.1)}@media (max-width: 768px){.note-detail[data-v-1b01f131]{padding:16px}.detail-title[data-v-1b01f131]{font-size:24px}.note-images[data-v-1b01f131]{grid-template-columns:1fr}}