.app-viewport[data-v-5cf24a3a]{--bg-canvas: #E5E7EB;--bg-dot: #C1C5CB;--card-bg: #FFFFFF;--card-border: rgba(255, 255, 255, .6);--card-shadow: 0 10px 30px -5px rgba(0, 0, 0, .04), 0 4px 10px -2px rgba(0, 0, 0, .02), inset 0 1px 0 rgba(255, 255, 255, 1);--card-shadow-hover: 0 25px 40px -10px rgba(0, 0, 0, .08), 0 10px 15px -5px rgba(0, 0, 0, .03), inset 0 1px 0 rgba(255, 255, 255, 1);--text-main: #111111;--text-muted: #6B7280;--text-light: #9CA3AF;--nav-bg: rgba(255, 255, 255, .75);--nav-border: rgba(255, 255, 255, .8);--nav-shadow: 0 4px 30px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255,255,255,.8);--hero-gradient: linear-gradient(135deg, #E0F2FE 0%, #F3E8FF 50%, #FFE4E6 100%);--btn-primary-bg: #111111;--btn-primary-text: #FFFFFF;--tab-bg: #F3F4F6;--tab-active-bg: #FFFFFF;--tag-bg: #F9FAFB;--tag-border: #E5E7EB;--divider: #F3F4F6;--icon-bg: #F9FAFB;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-main);min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;padding:8rem 2rem 4rem;box-sizing:border-box;-webkit-font-smoothing:antialiased;transition:background-color .4s ease,color .4s ease}.app-viewport.dark[data-v-5cf24a3a]{--bg-canvas: #09090B;--bg-dot: #27272A;--card-bg: #18181B;--card-border: rgba(255, 255, 255, .05);--card-shadow: 0 10px 30px -5px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .02);--card-shadow-hover: 0 25px 40px -10px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .02);--text-main: #F4F4F5;--text-muted: #A1A1AA;--text-light: #52525B;--nav-bg: rgba(24, 24, 27, .75);--nav-border: rgba(255, 255, 255, .08);--nav-shadow: 0 4px 30px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255,255,255,.05);--hero-gradient: linear-gradient(135deg, #172033 0%, #1c1938 50%, #2b172a 100%);--btn-primary-bg: #F4F4F5;--btn-primary-text: #111111;--tab-bg: #27272A;--tab-active-bg: #3F3F46;--tag-bg: #27272A;--tag-border: #3F3F46;--divider: #27272A;--icon-bg: #27272A}.dot-background[data-v-5cf24a3a]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-canvas);background-image:radial-gradient(var(--bg-dot) 1px,transparent 1px);background-size:24px 24px;z-index:-1;transition:background-color .4s ease}.floating-nav[data-v-5cf24a3a]{position:fixed;top:1.5rem;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:.5rem .5rem .5rem 1.5rem;background:var(--nav-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--nav-border);border-radius:50px;box-shadow:var(--nav-shadow);width:90%;max-width:600px;transition:background-color .4s ease,border-color .4s ease,box-shadow .4s ease}.nav-links[data-v-5cf24a3a]{display:flex;gap:1rem}.nav-item[data-v-5cf24a3a]{text-decoration:none;color:var(--text-muted);font-size:.95rem;font-weight:500;padding:.4rem .8rem;border-radius:20px;transition:all .2s ease}.nav-item[data-v-5cf24a3a]:hover{color:var(--text-main)}.nav-item.active[data-v-5cf24a3a]{background:var(--text-main);color:var(--card-bg)}.nav-actions[data-v-5cf24a3a]{display:flex;align-items:center;gap:.8rem}.theme-toggle[data-v-5cf24a3a]{background:var(--card-bg);color:var(--text-main);border:1px solid var(--tag-border);width:38px;height:38px;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:1.1rem;transition:all .2s ease}.theme-toggle[data-v-5cf24a3a]:hover{background:var(--tab-bg);transform:scale(1.05)}.nav-contact[data-v-5cf24a3a]{text-decoration:none;background:var(--card-bg);color:var(--text-main);font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;border-radius:30px;border:1px solid var(--tag-border);transition:all .2s;box-shadow:0 2px 8px #0000000a}.nav-contact[data-v-5cf24a3a]:hover{background:var(--tab-bg);box-shadow:0 4px 12px #00000014}.main-content[data-v-5cf24a3a]{width:100%;max-width:1080px;margin:0 auto}.bento-grid[data-v-5cf24a3a]{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:160px;gap:1.25rem}.span-2x2[data-v-5cf24a3a]{grid-column:span 2;grid-row:span 2}.span-1x2[data-v-5cf24a3a]{grid-column:span 1;grid-row:span 2}.span-1x1[data-v-5cf24a3a]{grid-column:span 1;grid-row:span 1}.span-2x1[data-v-5cf24a3a]{grid-column:span 2;grid-row:span 1}.bento-card[data-v-5cf24a3a]{background-color:var(--card-bg);border-radius:24px;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--card-border);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s ease,background-color .4s ease,border-color .4s ease}.bento-card[data-v-5cf24a3a]:hover{transform:translateY(-6px);box-shadow:var(--card-shadow-hover)}.card-title[data-v-5cf24a3a]{font-size:1.05rem;font-weight:600;margin:0 0 1rem;color:var(--text-main);transition:color .4s ease}.hero-card[data-v-5cf24a3a]{background:var(--hero-gradient);border:none;justify-content:center;padding:2.5rem}.avatar-ring[data-v-5cf24a3a]{width:64px;height:64px;border-radius:50%;padding:4px;background:#fff3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px #0000000d;margin-bottom:1.2rem}.avatar-img[data-v-5cf24a3a]{width:100%;height:100%;object-fit:cover;border-radius:50%}.greeting[data-v-5cf24a3a]{font-size:2.2rem;font-weight:800;margin:0 0 .4rem;letter-spacing:-.03em;color:var(--text-main)}.subtitle[data-v-5cf24a3a]{font-size:1.1rem;color:var(--text-muted);font-weight:500;margin:0 0 1rem}.bio[data-v-5cf24a3a]{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:0 0 1.5rem}.action-group[data-v-5cf24a3a]{display:flex;align-items:center;gap:1rem}.primary-btn[data-v-5cf24a3a]{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;padding:.6rem 1.2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .2s,background-color .4s,color .4s}.primary-btn[data-v-5cf24a3a]:active{transform:scale(.95)}.github-link[data-v-5cf24a3a]{text-decoration:none;color:var(--text-muted);font-weight:600;font-size:.95rem;transition:color .2s}.github-link[data-v-5cf24a3a]:hover{color:var(--text-main)}.tabs-card .card-header[data-v-5cf24a3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tabs-card .card-title[data-v-5cf24a3a]{margin:0}.tabs-control[data-v-5cf24a3a]{display:flex;background:var(--tab-bg);padding:4px;border-radius:10px;transition:background-color .4s}.tab-btn[data-v-5cf24a3a]{border:none;background:transparent;padding:4px 12px;font-size:.85rem;font-weight:500;color:var(--text-muted);border-radius:6px;cursor:pointer;transition:all .2s}.tab-btn.active[data-v-5cf24a3a]{background:var(--tab-active-bg);color:var(--text-main);box-shadow:0 1px 3px #0000001a}.tab-content[data-v-5cf24a3a]{flex:1}.tags-wrapper[data-v-5cf24a3a]{display:flex;flex-wrap:wrap;gap:8px}.tech-tag[data-v-5cf24a3a]{background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--text-main);padding:6px 12px;border-radius:8px;font-size:.85rem;transition:background-color .4s,border-color .4s,color .4s}.fade-enter-active[data-v-5cf24a3a],.fade-leave-active[data-v-5cf24a3a]{transition:opacity .2s ease,transform .2s ease}.fade-enter-from[data-v-5cf24a3a],.fade-leave-to[data-v-5cf24a3a]{opacity:0;transform:translateY(5px)}.music-card.dark-mode[data-v-5cf24a3a]{background-color:#18181b;color:#fff;border:none;cursor:pointer;box-shadow:0 10px 25px #00000026;justify-content:space-between}.music-card.dark-mode[data-v-5cf24a3a]:hover{transform:translateY(-6px) scale(1.02)}.music-info[data-v-5cf24a3a]{display:flex;align-items:center;gap:12px}.album-cover[data-v-5cf24a3a]{width:50px;height:50px;border-radius:50%;object-fit:cover;transition:transform .3s ease}.album-cover.spin[data-v-5cf24a3a]{animation:spin-5cf24a3a 4s linear infinite}@keyframes spin-5cf24a3a{to{transform:rotate(360deg)}}.track-details[data-v-5cf24a3a]{flex:1}.track-name[data-v-5cf24a3a]{font-size:.95rem;font-weight:600;margin-bottom:2px}.artist[data-v-5cf24a3a]{font-size:.8rem;color:#a1a1aa}.playing-bars[data-v-5cf24a3a]{display:flex;gap:3px;align-items:flex-end;height:16px}.playing-bars .bar[data-v-5cf24a3a]{width:3px;background:#3f3f46;border-radius:3px;transition:background .3s}.music-card.is-playing .playing-bars .bar[data-v-5cf24a3a]{background:#10b981;animation:bounce-5cf24a3a 1s infinite alternate}.music-card.is-playing .playing-bars .bar[data-v-5cf24a3a]:nth-child(2){animation-delay:.2s}.music-card.is-playing .playing-bars .bar[data-v-5cf24a3a]:nth-child(3){animation-delay:.4s}@keyframes bounce-5cf24a3a{0%{height:4px}to{height:16px}}.progress-bar[data-v-5cf24a3a]{width:100%;height:4px;background:#3f3f46;border-radius:2px;margin-top:1rem;overflow:hidden}.progress-fill[data-v-5cf24a3a]{width:0%;height:100%;background:#10b981;border-radius:2px;transition:width .1s linear}.stats-card[data-v-5cf24a3a]{justify-content:center;align-items:center;text-align:center}.stat-value[data-v-5cf24a3a]{font-size:3rem;font-weight:800;font-family:Helvetica Neue,sans-serif;line-height:1;color:var(--text-main);transition:color .4s}.stat-value .unit[data-v-5cf24a3a]{font-size:1.2rem;color:var(--text-muted);font-weight:600;margin-left:2px;transition:color .4s}.stat-label[data-v-5cf24a3a]{margin-top:8px;font-size:.9rem;color:var(--text-muted);font-weight:500;transition:color .4s}.projects-list-card .card-header[data-v-5cf24a3a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.projects-list-card .card-title[data-v-5cf24a3a]{margin:0}.view-all[data-v-5cf24a3a]{font-size:.85rem;color:var(--text-muted);cursor:pointer;transition:color .2s}.view-all[data-v-5cf24a3a]:hover{color:var(--text-main)}.project-items[data-v-5cf24a3a]{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}.project-item-compact[data-v-5cf24a3a]{display:flex;align-items:center;gap:.8rem;padding:.8rem;text-decoration:none;color:inherit;background:var(--tag-bg);border:1px solid var(--tag-border);border-radius:12px;transition:transform .2s,border-color .2s,background-color .4s}.project-item-compact[data-v-5cf24a3a]:hover{transform:translateY(-2px);border-color:var(--text-muted)}.item-icon[data-v-5cf24a3a]{font-size:1.4rem;background:var(--card-bg);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;box-shadow:0 2px 5px #0000000d;transition:background-color .4s}.item-info[data-v-5cf24a3a]{flex:1;min-width:0}.item-title[data-v-5cf24a3a]{margin:0 0 4px;font-size:.9rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .4s}.item-desc[data-v-5cf24a3a]{margin:0;font-size:.75rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .4s}.time-card[data-v-5cf24a3a]{justify-content:center;align-items:center;text-align:center;background:var(--tab-bg);border:1px dashed var(--tag-border)}.time-display[data-v-5cf24a3a]{font-size:1.8rem;font-weight:700;font-family:monospace;color:var(--text-main);margin-bottom:6px;transition:color .4s}.location-display[data-v-5cf24a3a]{font-size:.9rem;color:var(--text-muted);font-weight:500;margin-bottom:8px;transition:color .4s}.time-status[data-v-5cf24a3a]{font-size:.75rem;background:var(--tag-border);padding:4px 10px;border-radius:20px;color:var(--text-main);font-weight:600;transition:background-color .4s,color .4s}.connect-links[data-v-5cf24a3a]{display:flex;flex-direction:column;gap:8px}.connect-btn[data-v-5cf24a3a]{text-decoration:none;text-align:center;padding:10px;border-radius:12px;font-size:.9rem;font-weight:600;transition:opacity .2s,background-color .4s,color .4s}.connect-btn[data-v-5cf24a3a]:hover{opacity:.8}.connect-btn.wechat[data-v-5cf24a3a]{background:#07c160;color:#fff}.connect-btn.mail[data-v-5cf24a3a]{background:var(--tab-bg);color:var(--text-main)}.site-footer[data-v-5cf24a3a]{margin-top:3rem;width:100%;text-align:center;padding-bottom:2rem}.footer-content[data-v-5cf24a3a]{display:flex;flex-direction:column;gap:.8rem}.copyright[data-v-5cf24a3a]{margin:0;font-size:.85rem;color:var(--text-light);transition:color .4s}.legal-records[data-v-5cf24a3a]{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.8rem;font-size:.8rem}.record-link[data-v-5cf24a3a]{color:var(--text-light);text-decoration:none;display:flex;align-items:center;gap:4px;transition:color .2s}.record-link[data-v-5cf24a3a]:hover{color:var(--text-muted)}.divider[data-v-5cf24a3a]{color:var(--tag-border);transition:color .4s}.police-icon[data-v-5cf24a3a]{width:14px;height:14px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAoCAYAAACWwljjAAAFQklEQVRYw+3Wa1BUdRjH8SOpMeg4WhZGpDIxiaaTeUFgWrxE4AVRQJGlRRAVIV1JkbgMgQLi5AVBQSVLSp0xlEAUKBEEFZCrCstll8UV2AV2YbmoGCrYv31+R95UL5pmmtamZ+bz6rz5nvOc/5zDcX9jGLs/iTxuyvIlWYkRFeTHA2HVRFtzfhthTG5KuH96/vUgNlC4mMgyw1NJit/aAXLKazYje9xtIMZ/OZz50gW+9hcNkvoLEemEPbnrSP47QYwxQ5Ifv54RqzcXwFFvSyjaOhfavN8F7Y5ZcC/HH9JOB4LNa9Zw5YA76OZV8vIGMdZtSp7cDrtOnOavYiQhTAiPwi1AMtIQaqyngsxpBtw2GAGDKfaQmpUAa6xc4Vfp4UtEdzAMycsT9JQ1Tyctl/2eEkuTlYysF/rCUNxMqDEzgTqzSXBnpgnIHCzgjvEEuD52DLBr3rA1MAaWmNtB582wdtIljZ9G9D+IPU6aTxIPBjHCcXvg3CEh9K2fDLWvjIH6D6fwTIyheuwEqLUyhzLOALq8pkN+bgRw3HY4FBsMzxojZxP9DequLjAlQwVrbpIjhyIY4UYGQ/buhdBqPxlk3Gion2IMDQIz3kJe/ZS34I7uHkmD7VSQVgYDNyIAwsNCgfXGXoOBPjP9DKrOCAogA2etGTmTHAMcFwFZye7wS5QlVHGjoEw4A2qPCUBZ6AzNcQ5Q/YYRdO+YB1U3dsDwypLio4FJ3ECryIzWz6Cm3NgTRHN8HiPF6eHAGSbAdh8feFZkB7krzaHE9h2o85sDsiAbkIsXQMN+e2CtGyF0kzdwXCgU5++D/ouLQFV4OEU/g2Q/iNuIPNaKkQflAWBqexxGjhLDVUcL6IwSQN3SGVChe6FJg9dckCx6D1QBliDZLIAxo7eA8eyv4KE0BJqTrHkZvnL9DJKn+Twmt0NsGGHZy2Dn3kQYfsQ53Hh4/r4RNGz8AIpdzKEuaAF0RC2E57MmQgE3ATjuM/CPiANW7AqSfQJQ5vk362eQKmd3JrmXsoSRocpNIMnbB9zbceDIWUPmuHFQNMkISqa9DpUvNK6YDpW2s8DfwBK48WFQnhMCgzUBoLy0BrRVe5P0NWjPLdKUsJiR1tR1wGp8IeZwMgx/SrgRvjxuAziNcwLvyathLOcJHLflhRDYGRYFrNET2rJ5yvPLoas0tOj/oL8UpC4JHyTSU+6MNCS4gvKoAB5WiKG+MAQSg0WwLXQ/ZJ3xhao0FxB5hYCbUwAEfhEF3Td8QP2dAOQnPwFlxgrolUVq9TPoaX+ZB2nLc2Gk6awj1MU78HZZwJMid2Byb550JQwVO0NfxlJgdz14vWKeRAiK6DlQF28PLZdcoLNcBIO92bb6GTQ8Q/13RURT6tlH2gvXMlITLYD6uI+gp2ozdF0VQXumM6ivCqGvahM8kPiDItkeGo8tB025GFQ3xFrSr06zI3/4yde7oN7m0sWk5eKWDqK5JWJQvAHac9ygq3Adr9gTNNc3QG85rzPfHe5/7wDtPwuhp/Zz6CjyhaZzwi6ivfetHdH/oP77+3PJQOsuRnqkQdCa4wWqyx6gyecpL64GTaEX7ycXUJz4GJp1B4O0X/Hg0Xp1tFV+8Ei1k6c5coHofxBrrzQinbKYo0SVJ+wn6iurGHlY5gY911aDJnMFaHXXiDp9GQyvtKfUA9QFTtBZ7gPdit0tpFd9OpwwFmlA9D/o9yNLDpxIKmI8PMnNSNtviCLVpYTITzrXEGWaq4qos0WgOPdpCenIF+eRrurjB4k0PXopYZG6gMg/D/gNBUxhAbSAmKMAAAAASUVORK5CYII=);background-size:100%;transition:background-image .4s}@media(max-width:992px){.bento-grid[data-v-5cf24a3a]{grid-template-columns:repeat(2,1fr)}.span-2x2[data-v-5cf24a3a]{grid-column:span 2;grid-row:span 2}.span-1x2[data-v-5cf24a3a]{grid-column:span 1;grid-row:span 2}.span-1x1[data-v-5cf24a3a]{grid-column:span 1;grid-row:span 1}.span-2x1[data-v-5cf24a3a]{grid-column:span 2;grid-row:span 1}}@media(max-width:600px){.app-viewport[data-v-5cf24a3a]{padding:6rem 1rem 2rem}.floating-nav[data-v-5cf24a3a]{width:95%;padding:.5rem;justify-content:space-between}.nav-contact[data-v-5cf24a3a]{display:none}.bento-grid[data-v-5cf24a3a]{grid-template-columns:1fr;grid-auto-rows:auto;gap:1rem}.span-2x2[data-v-5cf24a3a],.span-1x2[data-v-5cf24a3a],.span-1x1[data-v-5cf24a3a],.span-2x1[data-v-5cf24a3a]{grid-column:span 1;grid-row:auto}.music-card[data-v-5cf24a3a],.time-card[data-v-5cf24a3a]{height:160px}.hero-card[data-v-5cf24a3a]{padding:2rem 1.5rem}.project-items[data-v-5cf24a3a]{grid-template-columns:1fr}}.item[data-v-40a5c0e5]{margin-top:2rem;display:flex;position:relative}.details[data-v-40a5c0e5]{flex:1;margin-left:1rem}i[data-v-40a5c0e5]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-40a5c0e5]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media(min-width:1024px){.item[data-v-40a5c0e5]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-40a5c0e5]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);background:var(--color-background);border-radius:8px;width:50px;height:50px}.item[data-v-40a5c0e5]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-40a5c0e5]:first-of-type:before{display:none}.item[data-v-40a5c0e5]:last-of-type:after{display:none}}