[data-v-3a708228]:root{--bg-color: #f0f2f5;--card-color: #ffffff;--text-color: #333;--link-color: #555;--primary-btn-bg: #007bff;--primary-btn-hover-bg: #0056b3;--border-color: #e0e0e0;--accent-color: #4caf50}@media (prefers-color-scheme: dark){[data-v-3a708228]:root{--bg-color: #121212;--card-color: #1e1e1e;--text-color: #e0e0e0;--link-color: #bbb;--primary-btn-bg: #58a6ff;--primary-btn-hover-bg: #3081d9;--border-color: #333;--accent-color: #66bb6a}}.mainpage-container[data-v-3a708228]{display:flex;gap:40px;min-height:100vh;background-color:var(--bg-color);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:40px;box-sizing:border-box;justify-content:center;max-width:1400px;margin:0 auto}.profile-card[data-v-3a708228]{background-color:var(--card-color);padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #0000001a;width:280px;height:fit-content;text-align:center;position:sticky;top:40px;flex-shrink:0}.profile-avatar img[data-v-3a708228]{width:120px;height:120px;border-radius:50%;border:4px solid var(--card-color);box-shadow:0 0 20px #00000026;margin-bottom:20px}.profile-title[data-v-3a708228]{font-size:2em;font-weight:700;color:var(--text-color);margin:20px 0 10px}.profile-bio[data-v-3a708228]{font-size:1.1em;color:var(--link-color);margin-bottom:30px;font-style:italic}.profile-links a[data-v-3a708228]{margin:0 15px;display:inline-block;transition:transform .2s ease-in-out}.profile-links a[data-v-3a708228]:hover{transform:translateY(-5px)}.profile-links img[data-v-3a708228]{width:32px;height:32px}.profile-blog-link[data-v-3a708228]{display:inline-block;margin-top:30px;padding:12px 25px;background-color:var(--primary-btn-bg);color:#121212;text-decoration:none;border-radius:25px;font-weight:700;transition:background-color .3s,transform .2s;width:100%;box-sizing:border-box}.profile-blog-link[data-v-3a708228]:hover{background-color:var(--primary-btn-hover-bg);transform:scale(1.05)}.content-card[data-v-3a708228]{background-color:var(--card-color);padding:50px;border-radius:20px;box-shadow:0 10px 30px #0000001a;flex:1;min-width:0;max-width:none}.content-header h2[data-v-3a708228]{color:var(--text-color);font-size:2.5em;margin:0 0 30px;border-bottom:3px solid var(--primary-btn-bg);padding-bottom:10px}.content-section[data-v-3a708228]{margin-bottom:40px}.content-section h3[data-v-3a708228]{color:var(--text-color);font-size:1.4em;margin-bottom:20px;display:flex;align-items:center;gap:10px}.tech-tags[data-v-3a708228]{display:flex;flex-wrap:wrap;gap:12px}.tech-tag[data-v-3a708228]{background:linear-gradient(135deg,var(--primary-btn-bg),var(--accent-color));color:#fff;padding:8px 16px;border-radius:20px;font-size:.9em;font-weight:500;transition:transform .2s ease}.tech-tag[data-v-3a708228]:hover{transform:translateY(-2px)}.focus-list[data-v-3a708228]{list-style:none;padding:0;margin:0}.focus-list li[data-v-3a708228]{color:var(--text-color);border-bottom:1px solid var(--border-color);position:relative;padding:12px 0 12px 30px}.focus-list li[data-v-3a708228]:before{content:"▶";color:var(--accent-color);position:absolute;left:0;top:12px}.focus-list li[data-v-3a708228]:last-child{border-bottom:none}.learning-items[data-v-3a708228]{display:flex;flex-direction:column;gap:12px}.learning-item[data-v-3a708228]{padding:15px 20px;background:var(--bg-color);border-radius:12px;border-left:4px solid var(--primary-btn-bg)}.learning-title[data-v-3a708228]{color:var(--text-color);font-weight:600;margin-bottom:0}.progress-bar[data-v-3a708228]{background:var(--border-color);height:8px;border-radius:4px;overflow:hidden}.progress[data-v-3a708228]{background:linear-gradient(90deg,var(--primary-btn-bg),var(--accent-color));height:100%;border-radius:4px;transition:width .3s ease}.quote[data-v-3a708228]{background:var(--bg-color);border-left:4px solid var(--accent-color);padding:20px;margin:0;border-radius:8px;color:var(--text-color);font-style:italic;font-size:1.1em;line-height:1.6}.github-stats[data-v-3a708228]{display:flex;flex-direction:column;gap:20px;align-items:center}.github-stats-img[data-v-3a708228]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.github-stats-img[data-v-3a708228]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.github-calendar-img[data-v-3a708228]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.github-calendar-img[data-v-3a708228]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.wakatime-stats[data-v-3a708228]{display:flex;justify-content:center;align-items:center}.wakatime-embed[data-v-3a708228]{margin:0;padding:0;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.wakatime-embed[data-v-3a708228]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.wakatime-embed embed[data-v-3a708228]{width:100%;max-width:800px;min-width:600px;height:auto;border:none;border-radius:8px}.wakatime-stats-img[data-v-3a708228]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.wakatime-stats-img[data-v-3a708228]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.activity-stats[data-v-3a708228]{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.activity-graph-img[data-v-3a708228]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.activity-graph-img[data-v-3a708228]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.wakatime-notice[data-v-3a708228]{background:var(--bg-color);border:2px dashed var(--border-color);border-radius:12px;padding:20px;text-align:center}.wakatime-notice p[data-v-3a708228]{margin:5px 0;color:var(--text-color)}.wakatime-notice a[data-v-3a708228]{color:var(--primary-btn-bg);text-decoration:none;font-weight:600}.wakatime-notice a[data-v-3a708228]:hover{text-decoration:underline}@media (max-width: 1200px){.mainpage-container[data-v-3a708228]{max-width:100%;gap:30px}.profile-card[data-v-3a708228]{width:260px}}@media (max-width: 1024px){.mainpage-container[data-v-3a708228]{flex-direction:column;padding:20px;gap:20px;justify-content:flex-start}.profile-card[data-v-3a708228]{width:100%;position:static;max-width:500px;margin:0 auto}.content-card[data-v-3a708228]{padding:40px}.wakatime-embed embed[data-v-3a708228]{max-width:700px;min-width:400px;height:350px}}@media (max-width: 768px){.mainpage-container[data-v-3a708228]{padding:15px}.content-header h2[data-v-3a708228]{font-size:2em}.tech-tags[data-v-3a708228]{justify-content:center}.profile-card[data-v-3a708228]{padding:30px 20px}.content-card[data-v-3a708228]{padding:30px}.github-stats[data-v-3a708228]{gap:15px}.github-stats-img[data-v-3a708228],.github-calendar-img[data-v-3a708228],.activity-graph-img[data-v-3a708228]{width:100%;max-width:400px}.wakatime-embed embed[data-v-3a708228]{max-width:100%;min-width:320px;height:300px}.wakatime-notice[data-v-3a708228]{padding:15px}}