body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-primary:#0a0a0a;--bg-secondary:#161616;--bg-card:#1a1a1a;--bg-hover:#252525;--neon-purple:147,51,234;--neon-blue:59,130,246;--neon-cyan:6,182,212;--neon-pink:236,72,153;--neon-green:16,185,129;--text-white:#fff;--text-gray:#a1a1aa;--text-dark:#71717a;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px}*{box-sizing:border-box;margin:0;padding:0}.loading-container{align-items:center;background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-white);display:flex;flex-direction:column;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #1a1a1a;border-top:3px solid #f36;border:3px solid var(--bg-card);border-radius:50%;border-top-color:var(--category-color,#f36);height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background:#0a0a0a;background:var(--bg-primary);color:#fff;color:var(--text-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sticky-header{background:linear-gradient(135deg,#0a0a0a,#161616);border-bottom:1px solid #2a2a2a;box-shadow:0 2px 10px #000c;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-content{justify-content:space-between;padding:12px 8px;padding:var(--spacing-md) var(--spacing-sm)}.header-content,.main-title{align-items:center;display:flex}.main-title{flex-direction:column}.highlight-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;font-size:22px;font-weight:800;letter-spacing:.5px;text-shadow:0 0 20px #ffd70080}.sub-text{color:#a1a1aa;color:var(--text-gray);font-size:12px;margin-top:2px}.premium-upgrade-btn{background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:20px;color:#0a0a0a;cursor:pointer;font-size:11px;font-weight:700;padding:8px 16px;transition:all .3s ease}.premium-upgrade-btn:hover{box-shadow:0 4px 15px #ffd70066;transform:scale(1.05)}.category-navigation{background:#161616;display:flex;gap:4px;overflow-x:auto;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.category-tab{background:#ffffff0d;border:none;border-radius:20px;color:#a1a1aa;color:var(--text-gray);cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:600;margin:2px;padding:10px 16px;position:relative;transition:all var(--transition-normal) ease;white-space:nowrap}.category-tab:hover{background:#ffffff1a;color:#fff;color:var(--text-white);transform:translateY(-2px)}.category-tab.active{background:linear-gradient(135deg,#ff0080,#ff0040);box-shadow:0 0 15px #ff0080b3}.sub-category-section{margin-bottom:12px;margin-bottom:var(--spacing-md)}.sub-category-header{padding:8px 0;padding:var(--spacing-sm) 0}.sub-category-title{color:rgb(var(--category-color));display:inline-block;font-size:16px;font-weight:800;letter-spacing:1px;position:relative;text-shadow:0 0 10px rgba(var(--category-color),.8)}.sub-category-title:after{background:rgb(var(--category-color));bottom:-2px;box-shadow:0 0 10px rgba(var(--category-color),.8);content:"";height:2px;left:0;position:absolute;width:100%}.cards-grid{grid-gap:8px;grid-gap:var(--spacing-sm);display:grid;gap:8px;gap:var(--spacing-sm);grid-template-columns:1fr 1fr;padding:8px 0;padding:var(--spacing-sm) 0}.video-card{background:#1a1a1a;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;overflow:hidden;transition:all var(--transition-normal) ease}.video-card:hover{box-shadow:0 4px 15px rgba(var(--category-color),.3);transform:translateY(-3px)}.video-cover{overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-cover img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-normal) ease;width:100%}.video-card:hover .video-cover img{transform:scale(1.05)}.video-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal) ease}.video-card:hover .video-overlay{opacity:1}.play-button{align-items:center;background:rgba(var(--category-color),.9);border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-normal) ease;width:40px}.play-button:hover{background:rgb(var(--category-color));transform:scale(1.1)}.play-button svg{color:#fff;height:16px;margin-left:1px;width:16px}.video-duration{background:#000c;border-radius:4px;bottom:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;position:absolute;right:4px}.video-info{padding:8px;padding:var(--spacing-sm)}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-white);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:4px;overflow:hidden}.video-meta{align-items:center;color:#a1a1aa;color:var(--text-gray);display:flex;font-size:11px;justify-content:space-between}.play-count{color:rgb(var(--category-color));font-weight:600}.image-card{background:#1a1a1a;background:var(--bg-card);border:1px solid #ffffff1a;border-radius:8px;cursor:pointer;overflow:hidden;transition:all var(--transition-normal) ease}.image-card:hover{box-shadow:0 4px 15px rgba(var(--category-color),.3);transform:translateY(-3px)}.image-cover{overflow:hidden;padding-bottom:150%;position:relative;width:100%}.image-cover img{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-normal) ease;width:100%}.image-card:hover .image-cover img{transform:scale(1.05)}.image-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal) ease}.image-card:hover .image-overlay{opacity:1}.view-button{align-items:center;background:rgba(var(--category-color),.9);border:none;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all var(--transition-normal) ease;width:35px}.view-button:hover{background:rgb(var(--category-color));transform:scale(1.1)}.view-button svg{color:#fff;height:14px;width:14px}.image-info{padding:8px;padding:var(--spacing-sm)}.image-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;color:var(--text-white);display:-webkit-box;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:2px;overflow:hidden}.image-meta{color:#a1a1aa;color:var(--text-gray);font-size:11px}.load-more-btn{border:none;border-radius:8px;box-shadow:0 0 15px rgba(var(--category-color),.5);color:#fff;cursor:pointer;display:block;font-size:13px;font-weight:700;margin:10px auto;padding:12px;transition:all var(--transition-normal) ease;width:calc(100% - 20px)}.load-more-btn,.load-more-btn:hover{background:rgb(var(--category-color))}.load-more-btn:hover{box-shadow:0 0 25px rgba(var(--category-color),.8);transform:translateY(-1px)}.category-tab.active{animation:categoryGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#f36,#ff0040);box-shadow:0 0 15px #ff3366b3;color:#fff;transform:scale(1.1)}@keyframes categoryGlow{0%,to{box-shadow:0 0 15px #ff3366b3}50%{box-shadow:0 0 25px #f36}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideIn .3s ease;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:4px solid rgb(var(--category-color));border-radius:25px;box-shadow:0 0 30px rgba(var(--category-color),.7),0 0 60px rgba(var(--category-color),.4);max-width:320px;padding:25px;width:90%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{margin-bottom:25px;text-align:center}.modal-title{color:rgb(var(--category-color));font-size:20px;font-weight:800;line-height:1.4;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 15px rgba(var(--category-color),1);white-space:nowrap}.modal-body{text-align:center}.modal-hint{color:#a1a1aa;color:var(--text-gray);font-size:14px;margin-bottom:25px}.modal-action-btn{background:linear-gradient(135deg,red,#c00);border:none;border-radius:20px;box-shadow:0 0 30px #ff0000b3,0 0 60px #f006;color:#fff;cursor:pointer;display:block;margin-bottom:15px;padding:22px 28px;transition:all var(--transition-normal) ease;width:100%}.modal-action-btn:hover{box-shadow:0 0 40px #f00c;transform:translateY(-3px) scale(1.02)}.btn-main-text{font-size:22px;font-weight:900;letter-spacing:2px;margin-bottom:4px}.btn-sub-text{font-size:12px;font-weight:600;opacity:.9}.modal-close-small{background:none;border:none;color:#a1a1aa;color:var(--text-gray);cursor:pointer;font-size:12px;opacity:.7;padding:4px 8px;transition:all var(--transition-normal) ease}.modal-close-small:hover{color:#fff;color:var(--text-white);opacity:1}[data-category=\52A8\6F2B\89C6\9891]{--category-color:147,51,234}[data-category=\6F2B\753B]{--category-color:59,130,246}[data-category=\6E38\620F]{--category-color:6,182,212}[data-category=\771F\4EBA]{--category-color:236,72,153}[data-category=\5403\74DC]{--category-color:16,185,129}@media screen and (max-width:480px){:root{--spacing-xs:2px;--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px}.header-content{padding:8px 12px}.main-title{transform:scale(.9)}.highlight-text{font-size:18px}.sub-text{font-size:11px}.premium-upgrade-btn{border-radius:15px;font-size:10px;padding:6px 12px}.category-navigation{gap:2px;padding:4px 8px}.category-tab{border-radius:15px;font-size:12px;margin:1px;padding:8px 12px}.category-tab.active{transform:scale(1.05)}.sub-category-title{font-size:14px}.cards-grid{gap:8px;grid-template-columns:1fr 1fr;padding:8px 12px}.image-card,.video-card{margin:0}.video-cover{padding-bottom:56.25%}.image-cover{padding-bottom:133%}.image-title,.video-title{font-size:12px;font-weight:500}.image-meta,.video-meta{font-size:10px}@media screen and (max-width:375px){.cards-grid{gap:6px;padding:6px 8px}.image-title,.video-title{font-size:11px}.image-meta,.video-meta{font-size:9px}}.load-more-btn{font-size:14px;margin:8px 12px;padding:10px}.modal-content{border-radius:20px;margin:10px;padding:20px}.modal-title{font-size:18px}.modal-action-btn{font-size:20px;padding:18px 24px}.btn-main-text{font-size:20px}.btn-sub-text{font-size:11px}}@media screen and (max-width:375px){.main-title{transform:scale(.85)}.category-tab{font-size:11px;padding:6px 10px}.cards-grid{gap:8px}.image-card,.video-card{margin:0 6px}}@media (hover:none){.image-card:hover,.video-card:hover{box-shadow:0 2px 8px rgba(var(--category-color),.2);transform:none}.image-overlay,.video-overlay{background:#0000004d;opacity:1}.play-button,.view-button{transform:scale(.9)}.category-tab:hover{transform:none}.category-tab.active{transform:scale(1.05)}}.App,body{max-width:100vw;overflow-x:hidden}@supports (-webkit-touch-callout:none){.sticky-header{position:-webkit-sticky;position:sticky}.modal-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.category-tab,.image-card,.load-more-btn,.modal-action-btn,.video-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ai-robot-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.ai-robot-dialog{background:linear-gradient(135deg,#1a1a1a,#252525);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 0 30px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:400px;width:90%}.dialog-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;padding:15px;position:relative}.close-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;z-index:1}.robot-info{align-items:center;display:flex;gap:10px}.robot-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.robot-status{display:flex;flex-direction:column}.robot-name{color:#fff;font-size:16px;font-weight:600}.status-dot{background:#0f0;border:2px solid #1a1a1a;border-radius:50%;bottom:0;height:12px;position:absolute;right:0;width:12px}.status-text{color:#0f0;font-size:12px;margin-top:2px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:15px}.message{align-items:flex-start;display:flex;gap:10px}.robot-message{align-self:flex-start}.user-message{align-self:flex-end;justify-content:flex-end}.message-avatar{border-radius:50%;flex-shrink:0;height:32px;width:32px}.message-content{max-width:70%}.message-text{background:#ffffff1a;border-radius:15px;color:#fff;font-size:14px;line-height:1.4;padding:12px}.user-message .message-text{background:#3366ff4d;border-radius:15px 15px 0 15px}.robot-message .message-text{background:#ffffff1a;border-radius:15px 15px 15px 0}.message-time{color:#888;font-size:11px;margin-top:5px;text-align:right}.uploaded-image{border-radius:10px;margin-top:5px;max-height:200px;max-width:100%}.loading-dots{display:flex;gap:3px;margin-top:5px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite;background:#0f0;border-radius:50%;height:6px;width:6px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.resource-card{align-items:center;background:#36f3;border:1px solid #3366ff4d;border-radius:15px;color:#fff;display:flex;justify-content:space-between;padding:15px;text-decoration:none;transition:all .3s ease}.resource-card:hover{background:#3366ff4d;transform:translateX(5px)}.resource-title{color:#fff;font-size:14px;font-weight:600}.resource-arrow{color:#36f;font-size:18px}.input-area{background:#0000004d;border-top:1px solid #ffffff1a;padding:15px}.input-container{display:flex;gap:10px;margin-bottom:10px}.text-input{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;font-size:14px;outline:none;padding:12px 15px}.text-input::placeholder{color:#888}.send-btn{background:#36f;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:12px 20px;transition:all .3s ease}.send-btn:hover{background:#0040ff;transform:scale(1.05)}.image-upload-container{align-items:center;display:flex;justify-content:space-between}.image-upload-btn{background:#36f3;border:1px solid #36f;border-radius:20px;color:#36f;cursor:pointer;font-size:13px;padding:8px 15px;transition:all .3s ease}.image-upload-btn:hover{background:#3366ff4d}.image-input{display:none}.upload-count{color:#888;font-size:12px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:#ffffff1a}.messages-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}@media (max-width:480px){.ai-robot-dialog{max-height:85vh;width:95%}.message-text{font-size:13px;padding:10px}.robot-avatar{height:28px;width:28px}.text-input{font-size:13px;padding:10px 12px}.send-btn{font-size:13px;padding:10px 16px}}.tutorial-page{background:var(--bg-primary);color:var(--text-white);min-height:100vh;padding-bottom:80px;position:relative}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:20px;color:var(--text-white);cursor:pointer;font-size:14px;left:12px;padding:8px 16px;position:fixed;top:12px;transition:all .3s ease;z-index:1000}.back-btn:hover{background:#fff3;transform:translateY(-1px)}.tutorial-header-compact{padding:60px 20px 20px;text-align:center}.tutorial-title-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ff6b35);-webkit-background-clip:text;font-size:24px;font-weight:800;margin:0;text-shadow:0 0 20px #ffd70080}.info-module-compact{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:15px;margin:0 16px 20px;padding:20px}.info-title-compact{color:var(--text-white);font-size:18px;font-weight:700;margin-bottom:12px}.highlight-description-compact,.info-description-compact{color:var(--text-gray);font-size:14px;line-height:1.5;margin-bottom:12px}.highlight-text-compact{color:gold}.purchase-module-compact{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:1px solid #ffd7004d;border-radius:15px;margin:0 16px 20px;padding:20px;text-align:center}.purchase-title-compact{color:gold;font-size:16px;font-weight:600;margin-bottom:8px}.purchase-description-compact{color:var(--text-gray);font-size:14px;margin-bottom:15px}.purchase-btn-compact{background:linear-gradient(135deg,gold,#ff6b35);border:none;border-radius:12px;color:#0a0a0a;cursor:pointer;display:block;font-size:16px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.purchase-btn-compact:hover{box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.purchase-text-compact{display:block;font-size:16px;margin-bottom:4px}.purchase-subtext-compact{display:block;font-size:12px;opacity:.8}.banner-carousel-compact,.example-carousel-compact{background:var(--bg-secondary);border-radius:15px;margin:0 16px 20px;overflow:hidden;position:relative}.carousel-container-compact{display:flex;transition:transform .3s ease}.banner-slide-compact,.example-slide-compact{flex:0 0 100%;width:100%}.example-image-container-mobile{border-radius:12px;overflow:hidden;padding-bottom:177.78%;position:relative;width:100%}.example-image-mobile{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.placeholder-image-compact{align-items:center;background:var(--bg-card);border-radius:8px;display:flex;height:200px;justify-content:center;width:100%}.placeholder-image-compact img{height:100%;object-fit:cover;width:100%}.carousel-btn{background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;padding:8px 12px;position:absolute;top:50%;transform:translateY(-50%);z-index:10}.left-btn{left:10px}.right-btn{right:10px}.carousel-btn:hover{background:#000000b3}.banner-indicators-compact,.example-indicators-compact{display:flex;gap:6px;justify-content:center;padding:10px}.indicator{background:#ffffff4d;border-radius:50%;cursor:pointer;height:8px;width:8px}.indicator.active{background:var(--text-white)}.tutorial-steps-compact{margin:0 16px}.step-card-compact{background:var(--bg-secondary);border-left:4px solid gold;border-radius:15px;margin-bottom:16px;padding:20px}.step-number-compact{background:gold;border-radius:50%;color:#0a0a0a;display:inline-block;font-size:14px;font-weight:700;height:25px;line-height:25px;margin-bottom:12px;text-align:center;width:25px}.step-title-compact{color:var(--text-white);font-size:16px;font-weight:600;margin-bottom:12px}.step-description-compact,.step-note-compact,.step-warning-compact{color:var(--text-gray);font-size:14px;line-height:1.5;margin-bottom:8px}.step-warning-compact{color:#ff6b6b}.comments-container-compact,.keywords-container-compact{display:flex;flex-direction:column;gap:8px;margin:12px 0}.comment-btn-compact,.keyword-btn-compact{background:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px;position:relative;transition:all .3s ease}.comment-btn-compact:hover,.keyword-btn-compact:hover{background:#555;transform:translateY(-1px)}.copied-compact{color:#0f0;font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.ai-robot-btn-blue{background:linear-gradient(135deg,#06f,#03c);border:none;border-radius:50px;bottom:20px;box-shadow:0 4px 15px #06f6;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:15px 20px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.ai-robot-btn-blue:hover{box-shadow:0 6px 20px #06f9;transform:translateY(-2px)}.robot-icon{margin-right:8px}.toast-compact{animation:toastFadeIn .3s ease;background:#000000e6;border-radius:8px;color:#fff;font-size:14px;left:50%;padding:12px 20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:2000}@keyframes toastFadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.toast-icon{margin-right:8px}@media screen and (max-width:480px){.tutorial-header-compact{padding:50px 16px 16px}.tutorial-title-compact{font-size:20px}.banner-carousel-compact,.example-carousel-compact,.info-module-compact,.purchase-module-compact,.step-card-compact{margin:0 12px 16px}.example-image-container-mobile{padding-bottom:177.78%}.ai-robot-btn-blue{bottom:16px;font-size:13px;padding:12px 16px;right:16px}}@media screen and (max-width:375px){.step-card-compact{padding:16px}.step-title-compact{font-size:15px}.comment-btn-compact,.keyword-btn-compact{font-size:13px;padding:10px}}
/*# sourceMappingURL=main.cabdfdb8.css.map*/