.modern-index[data-v-55f44b64]{background:linear-gradient(180deg,#0a1628,#0d1f35 50%,#0a1628);color:#fff;min-height:100vh;overflow:visible}.hero-section[data-v-55f44b64]{align-items:center;display:flex;min-height:60vh;overflow:hidden;padding-top:70px;position:relative}@media (max-width:768px){.hero-section[data-v-55f44b64]{min-height:auto;padding-top:60px}}.hero-bg[data-v-55f44b64]{z-index:0}.hero-bg[data-v-55f44b64],.hero-gradient[data-v-55f44b64]{inset:0;position:absolute}.hero-gradient[data-v-55f44b64]{background:linear-gradient(135deg,#00326466,#001e3c99 50%,#0a1628cc)}.hero-grid[data-v-55f44b64]{background-image:linear-gradient(rgba(100,180,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(100,180,255,.03) 1px,transparent 0);background-size:60px 60px;inset:0;position:absolute}.hero-glow-1[data-v-55f44b64]{background:radial-gradient(circle,rgba(0,100,200,.2) 0,transparent 70%);filter:blur(60px);height:400px;left:10%;position:absolute;top:20%;width:400px}.hero-glow-2[data-v-55f44b64]{background:radial-gradient(circle,rgba(0,150,255,.15) 0,transparent 70%);bottom:20%;filter:blur(50px);height:300px;position:absolute;right:10%;width:300px}.hero-content[data-v-55f44b64]{z-index:1}.hero-banner[data-v-55f44b64],.hero-content[data-v-55f44b64]{position:relative;width:100%}.hero-banner[data-v-55f44b64]{overflow:hidden}.banner-img[data-v-55f44b64]{display:block;width:100%}.banner-overlay[data-v-55f44b64]{background:linear-gradient(180deg,transparent 50%,rgba(10,22,40,.9));inset:0;position:absolute}.section-container[data-v-55f44b64]{margin:0 auto;max-width:1240px;padding:0 20px}@media (max-width:768px){.section-container[data-v-55f44b64]{padding:0 15px}}.about-section[data-v-55f44b64]{padding:80px 0;position:relative}@media (max-width:768px){.about-section[data-v-55f44b64]{padding:50px 0}}.about-grid[data-v-55f44b64]{align-items:flex-start;display:flex;gap:60px}@media (max-width:768px){.about-grid[data-v-55f44b64]{flex-direction:column;gap:30px}}.about-avatar[data-v-55f44b64]{flex-shrink:0;width:30%}.avatar-frame[data-v-55f44b64]{background:linear-gradient(135deg,#0064c84d,#0096ff1a);border-radius:20px;padding:8px;position:relative}.avatar-img[data-v-55f44b64]{border-radius:16px;display:block;height:auto;width:100%}.avatar-glow[data-v-55f44b64]{background:radial-gradient(circle at 50% 50%,rgba(0,150,255,.15) 0,transparent 60%);inset:-20px}.avatar-glow[data-v-55f44b64],.avatar-ring[data-v-55f44b64]{pointer-events:none;position:absolute}.avatar-ring[data-v-55f44b64]{border:1px solid rgba(100,180,255,.2);border-radius:24px;inset:-4px}.about-content[data-v-55f44b64]{flex:1;min-width:0}.content-header[data-v-55f44b64]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:25px}@media (max-width:768px){.content-header[data-v-55f44b64]{flex-direction:column;gap:15px}}.profile-name[data-v-55f44b64]{background:linear-gradient(90deg,#fff,#64b4ffe6);-webkit-background-clip:text;color:#fff;font-size:28px;font-weight:700;margin-bottom:8px;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.profile-name[data-v-55f44b64]{font-size:22px}}.profile-title[data-v-55f44b64]{color:#64b4ffb3;font-size:14px;max-width:400px}.view-more-btn[data-v-55f44b64]{align-items:center;background:linear-gradient(135deg,#0064c84d,#0096ff33);border:1px solid rgba(100,180,255,.3);border-radius:25px;color:#00d4ff;display:flex;font-size:13px;font-weight:500;gap:6px;padding:10px 20px;transition:all .3s ease}.view-more-btn[data-v-55f44b64]:hover{background:linear-gradient(135deg,#0064c880,#0096ff66);border-color:#64b4ff80;transform:translate(5px)}.profile-intro[data-v-55f44b64]{color:#ffffffa6;display:-webkit-box;font-size:14px;-webkit-line-clamp:3;line-height:1.8;-webkit-box-orient:vertical;margin-bottom:35px;overflow:hidden}@media (max-width:768px){.profile-intro[data-v-55f44b64]{font-size:15px;line-height:1.7;margin-bottom:25px}}.dynamics-section[data-v-55f44b64]{background:linear-gradient(135deg,#0028504d,#003c6433);border:1px solid rgba(100,180,255,.1);border-radius:16px;padding:25px}@media (max-width:768px){.dynamics-section[data-v-55f44b64]{border-radius:12px;padding:20px}}.section-title-bar[data-v-55f44b64]{align-items:center;border-bottom:1px solid rgba(100,180,255,.1);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.title-content[data-v-55f44b64]{gap:10px}.title-content[data-v-55f44b64],.title-icon[data-v-55f44b64]{align-items:center;display:flex}.title-icon[data-v-55f44b64]{background:linear-gradient(135deg,#0064c866,#0096ff4d);border-radius:8px;color:#00d4ff;height:32px;justify-content:center;width:32px}.title-text[data-v-55f44b64]{color:#ffffffe6;font-size:14px;font-weight:600}@media (max-width:768px){.title-text[data-v-55f44b64]{font-size:15px}}.more-link[data-v-55f44b64]{align-items:center;color:#64b4ffb3;display:flex;font-size:13px;gap:4px;transition:all .3s ease}.more-link[data-v-55f44b64]:hover{color:#00d4ff;transform:translate(3px)}.loading-state[data-v-55f44b64]{align-items:center;color:#64b4ff99;display:flex;font-size:14px;gap:10px;padding:20px 0}.loading-state.centered[data-v-55f44b64]{justify-content:center;padding:60px 0}.loading-spinner[data-v-55f44b64]{animation:spin-55f44b64 1s linear infinite;border:2px solid rgba(100,180,255,.2);border-radius:50%;border-top-color:#00d4ff;height:20px;width:20px}@keyframes spin-55f44b64{to{transform:rotate(1turn)}}.dynamics-list[data-v-55f44b64]{display:flex;flex-direction:column;gap:0}.dynamic-item[data-v-55f44b64]{border-bottom:1px solid rgba(100,180,255,.05)}.dynamic-item[data-v-55f44b64]:last-child{border-bottom:none}.dynamic-link[data-v-55f44b64]{align-items:center;display:flex;gap:12px;padding:14px 0;transition:all .3s ease}.dynamic-link:hover .dynamic-dot[data-v-55f44b64]{box-shadow:0 0 10px #00d4ff80;transform:scale(1.5)}.dynamic-link:hover .dynamic-title[data-v-55f44b64]{color:#00d4ff}.dynamic-dot[data-v-55f44b64]{background:linear-gradient(135deg,#00d4ff,#09f);border-radius:50%;flex-shrink:0;height:6px;transition:all .3s ease;width:6px}.dynamic-title[data-v-55f44b64]{color:#fffc;flex:1;font-size:14px;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease;white-space:nowrap}@media (max-width:768px){.dynamic-title[data-v-55f44b64]{font-size:15px}}.dynamic-date[data-v-55f44b64]{color:#64b4ff66;flex-shrink:0;font-size:12px}.empty-state[data-v-55f44b64]{color:#ff6666b3;font-size:14px;padding:20px 0}.empty-state.centered[data-v-55f44b64]{padding:60px 0;text-align:center}.works-section[data-v-55f44b64]{overflow:hidden;padding:80px 0;position:relative}@media (max-width:768px){.works-section[data-v-55f44b64]{padding:50px 0}}.section-bg[data-v-55f44b64]{background:linear-gradient(180deg,#001e3c80,#0028504d 50%,#001e3c80);inset:0;position:absolute}.section-grid[data-v-55f44b64]{background-image:linear-gradient(rgba(100,180,255,.02) 1px,transparent 0),linear-gradient(90deg,rgba(100,180,255,.02) 1px,transparent 0);background-size:40px 40px;inset:0;position:absolute}.section-glow-left[data-v-55f44b64]{background:radial-gradient(circle,rgba(0,100,200,.15) 0,transparent 70%);left:-100px}.section-glow-left[data-v-55f44b64],.section-glow-right[data-v-55f44b64]{filter:blur(50px);height:300px;position:absolute;top:50%;transform:translateY(-50%);width:300px}.section-glow-right[data-v-55f44b64]{background:radial-gradient(circle,rgba(0,150,255,.1) 0,transparent 70%);right:-100px}.section-header[data-v-55f44b64]{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}@media (max-width:768px){.section-header[data-v-55f44b64]{margin-bottom:30px}}.section-title[data-v-55f44b64]{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;gap:15px}.section-title.centered-title[data-v-55f44b64]{justify-content:center;margin-bottom:40px}@media (max-width:768px){.section-title[data-v-55f44b64]{font-size:24px;gap:10px}}.title-decorator[data-v-55f44b64]{background:linear-gradient(90deg,#00d4ff,#0096ff4d);border-radius:1px;height:2px;width:30px}@media (max-width:768px){.title-decorator[data-v-55f44b64]{width:20px}}.header-more-btn[data-v-55f44b64]{align-items:center;color:#00d4ff;display:flex;font-size:14px;font-weight:500;gap:6px;transition:all .3s ease}.header-more-btn[data-v-55f44b64]:hover{transform:translate(5px)}.works-grid[data-v-55f44b64]{display:grid;gap:30px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.works-grid[data-v-55f44b64]{gap:20px}}@media (max-width:768px){.works-grid[data-v-55f44b64]{gap:12px;grid-template-columns:repeat(2,1fr)}}.work-card[data-v-55f44b64]{background:linear-gradient(135deg,#00285066,#003c6433);border:1px solid rgba(100,180,255,.1);border-radius:16px;overflow:hidden;position:relative;transition:all .4s ease}.work-card[data-v-55f44b64]:hover{border-color:#64b4ff4d;box-shadow:0 20px 40px #0064c833,0 0 30px #0096ff1a;transform:translateY(-8px)}.work-card:hover .work-image[data-v-55f44b64]{transform:scale(1.05)}.work-card:hover .work-overlay[data-v-55f44b64]{opacity:1}.work-card:hover .work-shine[data-v-55f44b64]{transform:translate(100%)}.work-card:hover .work-line[data-v-55f44b64]{width:100%}@media (max-width:768px){.work-card[data-v-55f44b64]{border-radius:10px}.work-card[data-v-55f44b64]:hover{transform:translateY(-4px)}}.work-link[data-v-55f44b64]{display:block}.work-image-container[data-v-55f44b64]{overflow:hidden;position:relative}.work-image[data-v-55f44b64]{display:block;transition:transform .5s ease;width:100%}.work-overlay[data-v-55f44b64]{background:linear-gradient(180deg,transparent 30%,rgba(0,30,60,.95));inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .4s ease}.overlay-content[data-v-55f44b64],.work-overlay[data-v-55f44b64]{align-items:center;display:flex}.overlay-content[data-v-55f44b64]{color:#00d4ff;flex-direction:column;gap:10px}.overlay-text[data-v-55f44b64]{font-size:13px;font-weight:500}.work-shine[data-v-55f44b64]{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);height:100%;left:-100%;position:absolute;top:0;transition:transform .6s ease;width:100%}.work-info[data-v-55f44b64]{padding:18px 20px}@media (max-width:768px){.work-info[data-v-55f44b64]{padding:12px 15px}}.work-title[data-v-55f44b64]{color:#ffffffe6;font-size:14px;font-weight:500;margin-bottom:10px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.work-title[data-v-55f44b64]{font-size:14px;margin-bottom:8px}}.work-line[data-v-55f44b64]{background:linear-gradient(90deg,#00d4ff,#09f);border-radius:1px;height:2px;margin:0 auto;transition:width .4s ease;width:30px}.skills-section[data-v-55f44b64]{padding:80px 0}@media (max-width:768px){.skills-section[data-v-55f44b64]{padding:50px 0}}.skill-description[data-v-55f44b64]{margin:0 auto 40px;max-width:900px}@media (max-width:768px){.skill-description[data-v-55f44b64]{margin-bottom:30px}}.description-card[data-v-55f44b64]{background:linear-gradient(135deg,#0028504d,#003c6433);border:1px solid rgba(100,180,255,.1);border-radius:16px;overflow:hidden;padding:30px;position:relative;text-align:center}@media (max-width:768px){.description-card[data-v-55f44b64]{border-radius:12px;padding:20px}}.description-glow[data-v-55f44b64]{background:radial-gradient(circle,rgba(0,150,255,.1) 0,transparent 70%);height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.description-text[data-v-55f44b64]{color:#ffffffb3;font-size:14px;line-height:1.8;position:relative;z-index:1}@media (max-width:768px){.description-text[data-v-55f44b64]{font-size:15px;line-height:1.7}}.skills-scroll[data-v-55f44b64]{display:flex;gap:15px;overflow-x:auto;padding:10px 0 30px}@media (max-width:768px){.skills-scroll[data-v-55f44b64]{gap:10px;padding-bottom:20px}}.skill-chip[data-v-55f44b64]{background:linear-gradient(135deg,#00285066,#003c6433);border:1px solid rgba(100,180,255,.15);border-radius:8px;cursor:pointer;flex-shrink:0;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.skill-chip.active[data-v-55f44b64],.skill-chip[data-v-55f44b64]:hover{background:linear-gradient(135deg,#0050a080,#0078c866);border-color:#00d4ff80;transform:translateY(-3px)}.skill-chip.active .skill-text[data-v-55f44b64],.skill-chip:hover .skill-text[data-v-55f44b64]{color:#fff}.skill-chip.active .chip-glow[data-v-55f44b64],.skill-chip:hover .chip-glow[data-v-55f44b64]{opacity:1}@media (max-width:768px){.skill-chip[data-v-55f44b64]{padding:10px 18px}}.skill-text[data-v-55f44b64]{color:#64b4ffcc;font-size:18px;font-weight:700;position:relative;transition:color .3s ease;white-space:nowrap;z-index:1}@media (max-width:768px){.skill-text[data-v-55f44b64]{font-size:16px}}.chip-glow[data-v-55f44b64]{background:radial-gradient(circle at 50% 50%,rgba(0,150,255,.2) 0,transparent 70%);inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.contact-section[data-v-55f44b64]{overflow:hidden;padding:80px 0;position:relative}@media (max-width:768px){.contact-section[data-v-55f44b64]{padding:50px 0}}.contact-glow[data-v-55f44b64]{background:radial-gradient(circle,rgba(0,100,200,.15) 0,transparent 70%);filter:blur(60px);height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.qrcode-container[data-v-55f44b64]{display:flex;justify-content:center;margin-top:40px}@media (max-width:768px){.qrcode-container[data-v-55f44b64]{margin-top:30px}}.qrcode-frame[data-v-55f44b64]{background:linear-gradient(135deg,#00285066,#003c6433);border:1px solid rgba(100,180,255,.2);border-radius:16px;padding:15px;position:relative}.qrcode-img[data-v-55f44b64]{border-radius:8px;display:block;height:167px;width:166px}.qrcode-corners[data-v-55f44b64]{inset:0;pointer-events:none;position:absolute}.corner[data-v-55f44b64]{border:2px solid #00d4ff;height:20px;position:absolute;width:20px}.corner.corner-tl[data-v-55f44b64]{border-bottom:none;border-radius:8px 0 0;border-right:none;left:0;top:0}.corner.corner-tr[data-v-55f44b64]{border-bottom:none;border-left:none;border-radius:0 8px 0 0;right:0;top:0}.corner.corner-bl[data-v-55f44b64]{border-radius:0 0 0 8px;border-right:none;border-top:none;bottom:0;left:0}.corner.corner-br[data-v-55f44b64]{border-left:none;border-radius:0 0 8px;border-top:none;bottom:0;right:0}.qrcode-glow[data-v-55f44b64]{background:radial-gradient(circle at 50% 50%,rgba(0,212,255,.1) 0,transparent 60%);inset:-30px;pointer-events:none;position:absolute}.index[data-v-55f44b64]{color:#333;overflow:visible}.index .baseTitle[data-v-55f44b64]{color:#323232;font-size:28px;font-weight:700;text-align:center}@media (max-width:768px){.index .baseTitle[data-v-55f44b64]{font-size:22px;line-height:1.4}}.custom-scrollbar::-webkit-scrollbar{background-color:#f5f5f5;height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#c1c1c1;border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#999}.custom-scrollbar{scrollbar-color:#c1c1c1 #f5f5f5;scrollbar-width:thin}