@import url(https://www.klgeek.com/css/bootstrap.min.css);@import url(https://www.klgeek.com/css/main.css);.nav-header[data-v-46614c94]{position:sticky;top:0;z-index:100;width:100%;height:60px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.05)}.nav-header .nav-container[data-v-46614c94]{max-width:1200px;height:100%;margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.nav-header .nav-container .nav-left[data-v-46614c94]{display:flex;align-items:center;gap:40px}.nav-header .nav-container .nav-left .logo[data-v-46614c94]{height:32px;width:auto;cursor:pointer}.nav-header .nav-container .nav-left .nav-menu[data-v-46614c94]{display:flex;gap:24px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-46614c94]{font-size:15px;color:#666;cursor:pointer;padding:6px 2px;position:relative}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-46614c94]:hover{color:#ff6b00}.nav-header .nav-container .nav-left .nav-menu .menu-item.active[data-v-46614c94]{color:#ff6b00;font-weight:500}.nav-header .nav-container .nav-left .nav-menu .menu-item.active[data-v-46614c94]:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ff6b00;border-radius:1px}@media screen and (max-width:768px){.nav-header .nav-container[data-v-46614c94]{padding:0 12px}.nav-header .nav-container .nav-left[data-v-46614c94]{gap:20px}.nav-header .nav-container .nav-left .nav-menu[data-v-46614c94]{gap:16px}.nav-header .nav-container .nav-left .nav-menu .menu-item[data-v-46614c94]{font-size:14px}}.home-container[data-v-77b42c16]{min-height:100vh;background:linear-gradient(135deg,#fff6e5,#fff)}.home-container .main-content[data-v-77b42c16]{max-width:1200px;margin:0 auto;padding:80px 20px}.home-container .main-content .hero-section[data-v-77b42c16]{text-align:center;margin-bottom:100px}.home-container .main-content .hero-section .main-title[data-v-77b42c16]{font-size:48px;font-weight:600;color:#333;margin:0 0 16px}.home-container .main-content .hero-section .sub-title[data-v-77b42c16]{font-size:36px;font-weight:600;color:#333;margin:0 0 40px}.home-container .main-content .hero-section .stats-info[data-v-77b42c16]{font-size:16px;color:#666;line-height:1.8;max-width:800px;margin:0 auto 40px}.home-container .main-content .hero-section .stats-info .highlight[data-v-77b42c16],.home-container .main-content .hero-section .stats-info .number[data-v-77b42c16]{color:#ff6b00;font-weight:600}.home-container .main-content .hero-section .stats-info .welcome-text[data-v-77b42c16]{margin-top:12px;color:#999}.home-container .main-content .hero-section .action-buttons[data-v-77b42c16]{display:flex;justify-content:center;gap:20px}.home-container .main-content .hero-section .action-buttons .start-btn[data-v-77b42c16]{background:#ff6b00;border-color:#ff6b00;padding:0 32px;height:48px;font-size:16px;border-radius:24px}.home-container .main-content .hero-section .action-buttons .start-btn[data-v-77b42c16]:hover{background:#ff8124;border-color:#ff8124}.home-container .main-content .hero-section .action-buttons .el-button[data-v-77b42c16]{height:48px;padding:0 32px;font-size:16px;border-radius:24px}.home-container .main-content .steps-section[data-v-77b42c16]{padding:80px 0}.home-container .main-content .steps-section .section-title[data-v-77b42c16]{font-size:32px;font-weight:600;color:#333;margin-bottom:60px;display:flex;align-items:center;justify-content:center;gap:8px}.home-container .main-content .steps-section .section-title .title-icon[data-v-77b42c16]{width:24px;height:24px}.home-container .main-content .steps-section .steps-container[data-v-77b42c16]{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:0 20px}.home-container .main-content .steps-section .steps-container .step-item[data-v-77b42c16]{flex:1;max-width:320px;text-align:center;position:relative}.home-container .main-content .steps-section .steps-container .step-item .step-number[data-v-77b42c16]{width:36px;height:36px;background:#ff6b00;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;margin:0 auto 20px}.home-container .main-content .steps-section .steps-container .step-item .step-title[data-v-77b42c16]{font-size:20px;font-weight:600;color:#333;margin-bottom:12px}.home-container .main-content .steps-section .steps-container .step-item .step-desc[data-v-77b42c16]{font-size:14px;color:#666;line-height:1.6;margin-bottom:24px}.home-container .main-content .steps-section .steps-container .step-item .step-image[data-v-77b42c16]{width:100%;height:200px;display:flex;align-items:center;justify-content:center}.home-container .main-content .steps-section .steps-container .step-item .step-image img[data-v-77b42c16]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.home-container .main-content .steps-section .steps-container .connect-line[data-v-77b42c16]{width:100px;padding-top:100px}.home-container .main-content .steps-section .steps-container .connect-line img[data-v-77b42c16]{width:100%;height:212px}.home-container .main-content .platform-intro .intro-title[data-v-77b42c16]{font-size:32px;font-weight:600;color:#333;margin:0 0 40px;text-align:center;position:relative;display:inline-block}.home-container .main-content .platform-intro .intro-title[data-v-77b42c16]:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:#ff6b00;border-radius:2px}@media screen and (max-width:768px){.home-container .main-content[data-v-77b42c16]{padding:40px 20px}.home-container .main-content .hero-section[data-v-77b42c16]{margin-bottom:60px}.home-container .main-content .hero-section .main-title[data-v-77b42c16]{font-size:32px}.home-container .main-content .hero-section .sub-title[data-v-77b42c16]{font-size:24px}.home-container .main-content .hero-section .stats-info[data-v-77b42c16]{font-size:14px;padding:0 20px}.home-container .main-content .steps-section[data-v-77b42c16]{padding:40px 0}.home-container .main-content .steps-section .section-title[data-v-77b42c16]{font-size:24px;margin-bottom:40px}.home-container .main-content .steps-section .steps-container[data-v-77b42c16]{flex-direction:column;align-items:center;gap:40px}.home-container .main-content .steps-section .steps-container .step-item[data-v-77b42c16]{max-width:100%}.home-container .main-content .steps-section .steps-container .connect-line[data-v-77b42c16]{display:none}.home-container .main-content .platform-intro .intro-title[data-v-77b42c16]{font-size:24px}}.creators-section[data-v-77b42c16]{margin:60px 0;padding:0 20px}.creators-section[data-v-77b42c16] .el-carousel__item{border-radius:12px}.creators-section[data-v-77b42c16] .el-carousel__item--card{width:580px}.creators-section[data-v-77b42c16] .el-carousel__item--card.is-active .creator-card{transform:scale(1);opacity:1}.creators-section .creator-card[data-v-77b42c16]{background:#fff;border-radius:12px;padding:24px;height:100%;box-shadow:0 4px 20px rgba(0,0,0,.05);transform:scale(.9);opacity:.8;transition:all .3s ease}.creators-section .creator-card .card-header[data-v-77b42c16]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.creators-section .creator-card .card-header .creator-info[data-v-77b42c16]{display:flex;gap:12px;align-items:center}.creators-section .creator-card .card-header .creator-info .info .name[data-v-77b42c16]{font-size:16px;font-weight:500;color:#333;margin-bottom:6px}.creators-section .creator-card .card-header .creator-info .info .tags[data-v-77b42c16]{display:flex;gap:8px}.creators-section .creator-card .card-header .creator-info .info .tags .tag[data-v-77b42c16]{background:#f5f5f5;color:#666;padding:2px 8px;border-radius:4px;font-size:12px}.creators-section .creator-card .card-header .join-date[data-v-77b42c16]{background:#6c5ce7;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px}.creators-section .creator-card .card-content[data-v-77b42c16]{color:#666;line-height:1.6;margin-bottom:20px;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.creators-section .creator-card .card-footer .stats[data-v-77b42c16]{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:#666;font-size:14px}.creators-section .creator-card .card-footer .stats .divider[data-v-77b42c16]{color:#ddd}.creators-section .creator-card .card-footer .works-preview[data-v-77b42c16]{display:flex;gap:8px}.creators-section .creator-card .card-footer .works-preview svg[data-v-77b42c16]{margin-right:8px;transition:transform .3s ease}.creators-section .creator-card .card-footer .works-preview svg[data-v-77b42c16]:hover{transform:scale(1.1)}.bottom-slogan[data-v-77b42c16]{text-align:center;margin:80px 0;padding:0 20px}.bottom-slogan .slogan-text[data-v-77b42c16]{font-size:24px;color:#333;margin-bottom:32px}.bottom-slogan .slogan-text .brand[data-v-77b42c16]{color:#ff6b00}.bottom-slogan .join-btn[data-v-77b42c16]{height:48px;padding:0 40px;font-size:16px;border-radius:24px;background:#ff6b00;border-color:#ff6b00}.bottom-slogan .join-btn[data-v-77b42c16]:hover{background:#ff8124;border-color:#ff8124}@media screen and (max-width:768px){.creators-section[data-v-77b42c16]{margin:40px 0}.creators-section[data-v-77b42c16] .el-carousel__item--card{width:90vw}.creators-section .creator-card[data-v-77b42c16]{padding:16px}.creators-section .creator-card .card-header .creator-info[data-v-77b42c16]{gap:8px}.creators-section .creator-card .card-footer .works-preview svg[data-v-77b42c16]{width:50px;height:50px}.bottom-slogan[data-v-77b42c16]{margin:40px 0}.bottom-slogan .slogan-text[data-v-77b42c16]{font-size:20px}}.works-container[data-v-77b42c16]{display:flex;min-height:100vh;background:#f6f8fa;padding:24px;gap:24px;max-width:1200px;margin:0 auto;box-sizing:border-box}.works-container .content-area[data-v-77b42c16]{margin:0;flex:1;max-width:800px}.works-container .category-nav[data-v-77b42c16]{margin:0}.page-wrapper[data-v-77b42c16]{width:100%;min-height:100vh;background:#f6f8fa;display:flex;justify-content:center;padding:0 16px}svg[data-v-77b42c16]{transition:transform .3s ease}svg[data-v-77b42c16]:hover{transform:scale(1.05)}@media screen and (max-width:768px){svg[data-v-77b42c16]{width:80px;height:80px}}svg g[data-v-77b42c16]{transition:transform .3s ease;cursor:pointer}svg g[data-v-77b42c16]:hover{transform:scale(1.1)}