body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;height:100vh;overflow:hidden}#app{height:100%}.login-container[data-v-527415dc]{height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#2d3a4b,#1a2a3a)}.login-card[data-v-527415dc]{width:380px;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.switch-text[data-v-527415dc]{text-align:center;margin-bottom:0}.switch-text span[data-v-527415dc]{color:#606266;font-size:14px}.switch-text a[data-v-527415dc]{color:#409eff;text-decoration:none}.switch-text a[data-v-527415dc]:hover{text-decoration:underline}.app-wrapper[data-v-e2e9ef66]{height:100%;display:flex;flex-direction:column}.app-header[data-v-e2e9ef66]{background-color:#3f51b5;color:#fff;justify-content:space-between;padding:0 20px}.app-header[data-v-e2e9ef66],.header-left[data-v-e2e9ef66]{display:flex;align-items:center}.logo[data-v-e2e9ef66]{width:30px;height:30px;margin-right:10px}.title[data-v-e2e9ef66]{font-size:18px;font-weight:700}.main-container[data-v-e2e9ef66]{flex:1;display:flex;overflow:hidden}.app-sidebar[data-v-e2e9ef66]{background-color:#eef1f6;border-right:1px solid #dcdfe6;height:calc(100vh - 60px);transition:width .3s;overflow-x:hidden;overflow-y:auto}.app-sidebar[data-v-e2e9ef66]::-webkit-scrollbar{width:8px}.app-sidebar[data-v-e2e9ef66]::-webkit-scrollbar-thumb{background-color:rgba(144,147,153,.45);border-radius:8px}.app-sidebar[data-v-e2e9ef66]::-webkit-scrollbar-track{background-color:transparent}.el-menu-vertical-demo[data-v-e2e9ef66]{border-right:none;min-height:100%}.el-menu-vertical-demo[data-v-e2e9ef66]:not(.el-menu--collapse){width:220px}.app-main[data-v-e2e9ef66]{background-color:#f0f2f5;padding:0;display:flex;flex-direction:column}.tags-view-container[data-v-e2e9ef66]{height:34px;width:100%;background:#fff;border-bottom:1px solid #d8dce5;box-shadow:0 1px 3px 0 rgba(0,0,0,.12),0 0 3px 0 rgba(0,0,0,.04);display:flex;align-items:center;padding-left:10px}.tags-view-item[data-v-e2e9ef66]{display:inline-block;position:relative;cursor:pointer;height:26px;line-height:26px;border:1px solid #d8dce5;color:#495060;background:#fff;padding:0 8px;font-size:12px;margin-left:5px;margin-top:4px}.tags-view-item.active[data-v-e2e9ef66]{background-color:#42b983;color:#fff;border-color:#42b983}.tags-view-item.active[data-v-e2e9ef66]:before{content:"";background:#fff;display:inline-block;width:8px;height:8px;border-radius:50%;position:relative;margin-right:2px}.el-icon-close[data-v-e2e9ef66]{width:16px;height:16px;vertical-align:2px;border-radius:50%;text-align:center;transition:all .3s cubic-bezier(.645,.045,.355,1);transform-origin:100% 50%}.el-icon-close[data-v-e2e9ef66]:before{transform:scale(.6);display:inline-block;vertical-align:-3px}.tags-view-item[data-v-e2e9ef66]:hover{background-color:#42b983;color:#fff;border-color:#42b983}.content-wrapper[data-v-e2e9ef66]{flex:1;padding:20px;overflow:auto}.home-container[data-v-564e94eb]{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - 94px);padding:40px 30px}.welcome-section[data-v-564e94eb]{text-align:center;color:#fff;margin-bottom:50px}.welcome-title[data-v-564e94eb]{font-size:42px;font-weight:700;margin:0 0 16px 0;text-shadow:0 2px 10px rgba(0,0,0,.2)}.welcome-subtitle[data-v-564e94eb]{font-size:18px;opacity:.9;margin:0 0 40px 0}.quick-stats[data-v-564e94eb]{display:flex;justify-content:center;gap:60px}.stat-item[data-v-564e94eb]{text-align:center}.stat-number[data-v-564e94eb]{font-size:36px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label[data-v-564e94eb]{font-size:14px;opacity:.8}.platform-section[data-v-564e94eb]{margin-bottom:50px}.section-title[data-v-564e94eb]{color:#fff;font-size:24px;font-weight:600;margin:0 0 24px 0;text-align:center}.platform-card[data-v-564e94eb]{background:#fff;border-radius:12px;padding:30px 24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;height:240px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.platform-card[data-v-564e94eb]:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.platform-card[data-v-564e94eb]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.pc-card[data-v-564e94eb]:before{background:linear-gradient(90deg,#409eff,#67c23a)}.app-card[data-v-564e94eb]:before{background:linear-gradient(90deg,#e6a23c,#f56c6c)}.mini-card[data-v-564e94eb]:before{background:linear-gradient(90deg,#9c27b0,#673ab7)}.platform-icon[data-v-564e94eb]{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pc-card .platform-icon[data-v-564e94eb]{background:linear-gradient(135deg,#409eff,#66b1ff)}.app-card .platform-icon[data-v-564e94eb]{background:linear-gradient(135deg,#e6a23c,#f0c78a)}.mini-card .platform-icon[data-v-564e94eb]{background:linear-gradient(135deg,#9c27b0,#ba68c8)}.platform-icon i[data-v-564e94eb]{font-size:28px;color:#fff}.platform-title[data-v-564e94eb]{font-size:20px;font-weight:600;color:#303133;margin:0 0 12px 0}.platform-desc[data-v-564e94eb]{font-size:14px;color:#606266;line-height:1.6;margin:0 0 16px 0}.platform-tags[data-v-564e94eb]{display:flex;gap:8px;flex-wrap:wrap}.clickable-tag[data-v-564e94eb]{cursor:pointer;transition:all .3s ease}.clickable-tag[data-v-564e94eb]:hover{transform:translateY(-4px);background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.4)}.platform-arrow[data-v-564e94eb]{position:absolute;bottom:24px;right:24px;width:32px;height:32px;border-radius:50%;background:#f0f2f5;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.platform-card:hover .platform-arrow[data-v-564e94eb]{background:#409eff;color:#fff}.platform-arrow i[data-v-564e94eb]{font-size:14px}.skills-section[data-v-564e94eb]{margin-bottom:30px}.skill-card[data-v-564e94eb]{background:hsla(0,0%,100%,.95);border-radius:8px;padding:20px;cursor:pointer;transition:all .3s ease;height:160px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.skill-card[data-v-564e94eb]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.skill-header[data-v-564e94eb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.skill-header i[data-v-564e94eb]{font-size:24px}.skill-category[data-v-564e94eb]{font-size:12px;color:#909399;background:#f0f2f5;padding:4px 10px;border-radius:12px}.skill-title[data-v-564e94eb]{font-size:16px;font-weight:600;color:#303133;margin:0 0 8px 0}.skill-desc[data-v-564e94eb]{font-size:13px;color:#606266;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:768px){.welcome-title[data-v-564e94eb]{font-size:32px}.welcome-subtitle[data-v-564e94eb]{font-size:16px}.quick-stats[data-v-564e94eb]{gap:40px}.stat-number[data-v-564e94eb]{font-size:28px}.platform-card[data-v-564e94eb]{margin-bottom:20px;height:auto;min-height:220px}.skill-card[data-v-564e94eb]{margin-bottom:16px}}:root{--color-primary:#409eff;--color-primary-light:#66b1ff;--color-primary-dark:#3a8ee6;--color-success:#67c23a;--color-warning:#e6a23c;--color-danger:#f56c6c;--color-info:#909399;--color-text-primary:#303133;--color-text-regular:#606266;--color-text-secondary:#909399;--color-text-placeholder:#c0c4cc;--bg-color-page:#f0f2f5;--bg-color-white:#fff;--bg-color-card:hsla(0,0%,100%,0.95);--bg-color-header:#3f51b5;--bg-color-sidebar:#eef1f6;--bg-color-info:#f4f4f5;--border-color-base:#dcdfe6;--border-color-light:#e4e7ed;--border-color-lighter:#ebeef5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:20px;--spacing-xl:30px;--spacing-xxl:40px;--font-family-base:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:22px;--font-size-xxl:32px;--border-radius-sm:3px;--border-radius-base:4px;--border-radius-md:8px;--border-radius-lg:12px;--transition-duration-base:0.3s;--transition-duration-fast:0.15s;--transition-duration-slow:0.5s;--transition-timing-base:cubic-bezier(0.645,0.045,0.355,1);--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--z-index-toast:9999;--shadow-sm:0 1px 3px rgba(0,0,0,0.12),0 0 3px rgba(0,0,0,0.04);--shadow-md:0 2px 12px rgba(0,0,0,0.1);--shadow-lg:0 8px 24px rgba(0,0,0,0.15);--shadow-card:0 4px 20px rgba(0,0,0,0.3);--header-height:60px;--sidebar-width:220px;--sidebar-collapsed-width:64px}.skill-page{padding:var(--spacing-lg);background-color:var(--bg-color-page);min-height:calc(100vh - var(--header-height))}.page-header{margin-bottom:var(--spacing-xl);text-align:center}.page-header h2{color:var(--color-text-primary);margin-bottom:10px}.page-header p{color:var(--color-text-regular);font-size:var(--font-size-base)}.card{background:var(--bg-color-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-duration-base) var(--transition-timing-base)}.card:hover{box-shadow:var(--shadow-lg)}.table-container{background:var(--bg-color-white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.table-container .table-footer{display:flex;justify-content:flex-end;margin-top:var(--spacing-md)}.form-container{background:var(--bg-color-white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);max-width:980px}.form-container .form-section-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.form-container .form-tip{margin-top:6px;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.5}