:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:14px/1.6 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.home[data-v-0e232dc6]{background:#fff;min-height:100vh}.loading-state[data-v-0e232dc6]{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:100px 20px;font-size:1.1rem;display:flex}.loading-spinner[data-v-0e232dc6]{border:3px solid #f3f3f3;border-top-color:#e63946;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin-0e232dc6}@keyframes spin-0e232dc6{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero[data-v-0e232dc6]{text-align:center;color:#fff;height:80vh;min-height:600px;position:relative;overflow:hidden}.hero-video-container[data-v-0e232dc6]{z-index:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.hero-video[data-v-0e232dc6]{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-play-hint[data-v-0e232dc6]{z-index:1;background:#0006;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.play-icon[data-v-0e232dc6]{color:#fff;background:#e63946e6;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:15px;padding-left:5px;font-size:32px;display:flex}.video-play-hint p[data-v-0e232dc6]{color:#fff;text-shadow:0 2px 4px #00000080;font-size:1rem}.hero[data-v-0e232dc6]:before{content:"";z-index:1;position:absolute;inset:0}.hero-content[data-v-0e232dc6]{z-index:2;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.hero-content h1[data-v-0e232dc6]{text-shadow:0 2px 15px #000c;margin-bottom:20px;font-size:3.5rem;font-weight:700;color:#fff!important}.hero-content p[data-v-0e232dc6]{text-shadow:0 2px 15px #000c;font-size:1.6rem;font-weight:500;color:#fff!important}.features[data-v-0e232dc6]{justify-content:space-around;max-width:1200px;margin:0 auto;padding:60px 20px;display:flex}.feature-item[data-v-0e232dc6]{text-align:center;background:#fff;border-radius:10px;max-width:300px;padding:30px;transition:transform .3s;box-shadow:0 4px 15px #0000001a}.feature-item[data-v-0e232dc6]:hover{transform:translateY(-3px)}.feature-item h3[data-v-0e232dc6]{color:#333;margin-bottom:15px;font-size:1.5rem}.feature-item p[data-v-0e232dc6]{color:#666;font-size:1.1rem;line-height:1.6}@media (width<=1024px){.features[data-v-0e232dc6]{padding:40px 20px}.hero-content h1[data-v-0e232dc6]{font-size:3.5rem}.hero-content p[data-v-0e232dc6]{font-size:1.5rem}.hero[data-v-0e232dc6]{height:70vh}}@media (width<=768px){.features[data-v-0e232dc6]{flex-direction:column;align-items:center;padding:30px 20px}.feature-item[data-v-0e232dc6]{width:90%;margin-bottom:20px}.hero-content h1[data-v-0e232dc6]{font-size:2.2rem}.hero-content p[data-v-0e232dc6]{font-size:1rem}.hero[data-v-0e232dc6]{height:60vh;min-height:500px}}@media (width<=480px){.hero-content h1[data-v-0e232dc6]{font-size:1.8rem}.hero-content p[data-v-0e232dc6]{font-size:.9rem}.hero[data-v-0e232dc6]{height:50vh;min-height:400px}.feature-item[data-v-0e232dc6]{width:95%;padding:20px}.feature-item h3[data-v-0e232dc6]{font-size:1.3rem}}.about-section[data-v-0e232dc6]{background:#fff;padding:60px 20px 100px}.about-content[data-v-0e232dc6]{flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto 60px;display:flex}.about-text[data-v-0e232dc6]{background:#fff;border-radius:10px;flex:1;min-width:300px;margin-right:20px;padding:20px}.about-image[data-v-0e232dc6]{border-radius:10px;flex:1;min-width:300px;display:block;overflow:hidden}.about-image img[data-v-0e232dc6]{object-fit:cover;border-radius:10px;width:100%;height:auto;display:block}.about-text h2[data-v-0e232dc6]{color:#333;margin-bottom:20px;font-size:1.8rem}.about-text p[data-v-0e232dc6]{color:#666;margin-bottom:18px;font-size:1.15rem;line-height:1.8}.services[data-v-0e232dc6]{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:100px auto 120px;display:flex}.services h2[data-v-0e232dc6]{text-align:center;color:#333;margin-bottom:40px;font-size:1.9rem}.services-grid[data-v-0e232dc6]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;width:100%;max-width:1200px;margin:0 auto;display:grid}.service-item[data-v-0e232dc6]{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:10px;padding:40px 20px;transition:transform .3s,box-shadow .3s}.service-item[data-v-0e232dc6]:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000014}.service-icon[data-v-0e232dc6]{color:#fff;background:#333;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;transition:background .3s;display:flex}.service-item:hover .service-icon[data-v-0e232dc6]{background:#e63946}.service-item h3[data-v-0e232dc6]{color:#333;margin-bottom:15px;font-size:1.5rem}.service-item p[data-v-0e232dc6]{color:#666;font-size:1.1rem;line-height:1.6}.team[data-v-0e232dc6]{max-width:1200px;margin:100px auto 120px}.team h2[data-v-0e232dc6]{text-align:center;color:#333;margin-bottom:40px;font-size:1.9rem}.team-grid[data-v-0e232dc6]{grid-template-columns:repeat(3,1fr);gap:30px;max-width:800px;margin:0 auto;display:grid}.team-member[data-v-0e232dc6]{text-align:center;background:#fff;border-radius:10px;padding:30px}.team-member img[data-v-0e232dc6]{object-fit:cover;border:3px solid #f8f9fa;border-radius:50%;width:140px;height:140px;margin-bottom:15px;box-shadow:0 4px 15px #0000001a}.team-member h3[data-v-0e232dc6]{color:#333;margin-bottom:5px;font-size:1.3rem}.team-member p[data-v-0e232dc6]{color:#666;font-size:1.05rem}@media (width<=1024px){.about-section[data-v-0e232dc6]{padding:50px 20px}.about-content[data-v-0e232dc6]{flex-direction:column}.about-text[data-v-0e232dc6]{margin-bottom:20px;margin-right:0}}@media (width<=768px){.about-section[data-v-0e232dc6]{padding:40px 20px}.about-text h2[data-v-0e232dc6]{font-size:1.5rem}.about-text p[data-v-0e232dc6]{margin-bottom:14px;font-size:.95rem;line-height:1.7}.about-image[data-v-0e232dc6]{border-radius:10px;overflow:hidden}.services[data-v-0e232dc6]{margin:60px auto 80px}.services h2[data-v-0e232dc6]{margin-bottom:30px;font-size:1.5rem}.services-grid[data-v-0e232dc6]{gap:20px}.service-item[data-v-0e232dc6]{padding:25px 15px}.service-icon[data-v-0e232dc6]{width:60px;height:60px}.service-icon svg[data-v-0e232dc6]{width:32px;height:32px}.service-item h3[data-v-0e232dc6]{margin-bottom:10px;font-size:1.2rem}.service-item p[data-v-0e232dc6]{font-size:.85rem;line-height:1.5}.team[data-v-0e232dc6]{margin:60px auto 80px}.team h2[data-v-0e232dc6]{margin-bottom:30px;font-size:1.5rem}.team-grid[data-v-0e232dc6]{grid-template-columns:repeat(3,1fr);gap:15px;max-width:500px}.team-member[data-v-0e232dc6]{padding:15px}.team-member img[data-v-0e232dc6]{width:80px;height:80px}.team-member h3[data-v-0e232dc6]{font-size:.95rem}.team-member p[data-v-0e232dc6]{font-size:.8rem}.partners[data-v-0e232dc6]{margin:40px auto 60px}.partners h2[data-v-0e232dc6]{margin-bottom:20px;font-size:1.3rem}.partners-strip[data-v-0e232dc6]{gap:5px;padding:0 5px}.partner-logo-item[data-v-0e232dc6]{flex:0 0 calc(33.333% - 4px);height:45px}.partner-logo-item img[data-v-0e232dc6]{max-height:28px}}@media (width<=480px){.about-section[data-v-0e232dc6]{padding:30px 15px}.about-text h2[data-v-0e232dc6]{font-size:1.3rem}.about-text p[data-v-0e232dc6]{margin-bottom:12px;font-size:.85rem;line-height:1.6}.services[data-v-0e232dc6]{margin:40px auto 60px}.services h2[data-v-0e232dc6]{margin-bottom:25px;font-size:1.3rem}.services-grid[data-v-0e232dc6]{gap:15px}.service-item[data-v-0e232dc6]{padding:20px 12px}.service-icon[data-v-0e232dc6]{width:50px;height:50px}.service-icon svg[data-v-0e232dc6]{width:28px;height:28px}.service-item h3[data-v-0e232dc6]{margin-bottom:8px;font-size:1.1rem}.service-item p[data-v-0e232dc6]{font-size:.8rem;line-height:1.4}.team[data-v-0e232dc6]{margin:40px auto 60px}.team h2[data-v-0e232dc6]{margin-bottom:25px;font-size:1.3rem}.team-grid[data-v-0e232dc6]{grid-template-columns:repeat(3,1fr);gap:10px;max-width:350px}.team-member[data-v-0e232dc6]{padding:10px}.team-member img[data-v-0e232dc6]{width:60px;height:60px}.team-member h3[data-v-0e232dc6]{font-size:.85rem}.team-member p[data-v-0e232dc6]{font-size:.75rem}.partners[data-v-0e232dc6]{margin:30px auto 40px}.partners h2[data-v-0e232dc6]{margin-bottom:15px;font-size:1.2rem}.partners-strip[data-v-0e232dc6]{gap:4px;padding:0 4px}.partner-logo-item[data-v-0e232dc6]{flex:0 0 calc(33.333% - 3px);height:40px}.partner-logo-item img[data-v-0e232dc6]{max-height:24px}}.partners[data-v-0e232dc6]{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:100px auto 120px;display:flex}.partners h2[data-v-0e232dc6]{text-align:center;color:#333;margin-bottom:40px;font-size:1.9rem}.partners-strip[data-v-0e232dc6]{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.partner-logo-item[data-v-0e232dc6]{justify-content:center;align-items:center;height:60px;transition:all .3s;display:flex}.partner-logo-item img[data-v-0e232dc6]{object-fit:contain;filter:grayscale()opacity(.5);max-width:100%;max-height:45px;transition:all .3s}.partner-logo-item:hover img[data-v-0e232dc6]{filter:grayscale(0%)opacity()}@media (width<=1024px){.partners-strip[data-v-0e232dc6]{flex-wrap:wrap;justify-content:center;gap:25px}.partner-logo-item[data-v-0e232dc6]{flex:0 0 calc(33.333% - 17px);height:70px}.partner-logo-item img[data-v-0e232dc6]{max-height:50px}}@media (width<=768px){.partners h2[data-v-0e232dc6]{font-size:1.8rem}.partners-strip[data-v-0e232dc6]{gap:15px;padding:0 20px}.partner-logo-item[data-v-0e232dc6]{flex:0 0 calc(50% - 8px);height:60px}.partner-logo-item img[data-v-0e232dc6]{max-height:40px}}@media (width<=480px){.partners h2[data-v-0e232dc6]{font-size:1.6rem}.partners-strip[data-v-0e232dc6]{padding:0 15px}.partner-logo-item[data-v-0e232dc6]{flex:0 0 calc(50% - 8px);height:55px}.partner-logo-item img[data-v-0e232dc6]{max-height:35px}}.works[data-v-41dc517b]{background:#fff;min-height:100vh;padding:20px}.mobile-search[data-v-41dc517b],.mobile-carousel[data-v-41dc517b]{display:none}.main-content[data-v-41dc517b]{gap:20px;max-width:1200px;margin:0 auto 40px;display:flex}.main-video[data-v-41dc517b]{cursor:pointer;flex:3.5}.main-thumbnail[data-v-41dc517b]{border-radius:10px;width:100%;height:580px;position:relative;overflow:hidden}.main-thumbnail img[data-v-41dc517b]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.main-video:hover .main-thumbnail img[data-v-41dc517b]{transform:scale(1.05)}.play-icon-large[data-v-41dc517b]{opacity:0;z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-video:hover .play-icon-large[data-v-41dc517b]{opacity:1}.main-video-overlay[data-v-41dc517b]{color:#fff;z-index:1;background:linear-gradient(#0000 0%,#0006 50%,#000c 100%);padding:30px;position:absolute;bottom:0;left:0;right:0}.main-video-overlay h2[data-v-41dc517b]{color:#fff;margin-bottom:8px;font-size:1.6rem}.main-video-overlay p[data-v-41dc517b]{color:#ffffffe6;font-size:1rem;line-height:1.5}.side-videos[data-v-41dc517b]{flex-direction:column;flex:1.5;gap:12px;display:flex}.side-video-item[data-v-41dc517b]{cursor:pointer;flex:1}.side-thumbnail[data-v-41dc517b]{border-radius:10px;width:100%;height:180px;position:relative;overflow:hidden}.side-thumbnail img[data-v-41dc517b]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.side-video-item:hover .side-thumbnail img[data-v-41dc517b]{transform:scale(1.05)}.play-icon-small[data-v-41dc517b]{opacity:0;z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.side-video-item:hover .play-icon-small[data-v-41dc517b]{opacity:1}.side-video-title[data-v-41dc517b]{color:#fff;z-index:1;background:linear-gradient(#0000,#000c);padding:12px;font-size:1.05rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.video-grid[data-v-41dc517b]{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.video-item[data-v-41dc517b]{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:10px;transition:box-shadow .3s;overflow:hidden}.video-item[data-v-41dc517b]:hover{box-shadow:0 4px 12px #00000014}.video-thumbnail[data-v-41dc517b]{width:100%;height:160px;position:relative;overflow:hidden}.video-thumbnail img[data-v-41dc517b]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-item:hover .video-thumbnail img[data-v-41dc517b]{transform:scale(1.1)}.play-icon[data-v-41dc517b]{opacity:0;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-item:hover .play-icon[data-v-41dc517b]{opacity:1}.video-item h3[data-v-41dc517b]{color:#333;margin:0;padding:14px 14px 8px;font-size:1.05rem;font-weight:600}.video-meta[data-v-41dc517b]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 14px 14px;display:flex}.video-date[data-v-41dc517b]{color:#999;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;order:2;font-size:.85rem}.video-description[data-v-41dc517b]{color:#888;flex:1;order:1;min-width:100px;font-size:.85rem;line-height:1.4}@media (width<=1024px){.works[data-v-41dc517b]{padding:50px 20px}.main-content[data-v-41dc517b]{flex-direction:column}.main-thumbnail[data-v-41dc517b]{height:320px}.side-videos[data-v-41dc517b]{flex-flow:wrap}.side-video-item[data-v-41dc517b]{flex:1;min-width:200px}.side-thumbnail[data-v-41dc517b]{height:100px}.video-grid[data-v-41dc517b]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}}@media (width<=768px){.works[data-v-41dc517b]{padding:15px 12px}.mobile-search[data-v-41dc517b]{margin-bottom:15px;padding:0 12px;display:block}.mobile-search .search-box[data-v-41dc517b]{width:100%;padding:10px 12px}.mobile-search .search-box .search-input[data-v-41dc517b]{font-size:16px}.desktop-search[data-v-41dc517b]{display:none!important}.grid-header[data-v-41dc517b]{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:15px;padding:0}.more-works-title[data-v-41dc517b]{display:none}.filter-search[data-v-41dc517b]{flex-direction:column;align-items:stretch;gap:12px;width:100%}.filter-buttons[data-v-41dc517b]{flex-wrap:nowrap;justify-content:space-between;gap:8px;width:100%;display:flex}.filter-btn[data-v-41dc517b]{white-space:nowrap;flex:1;min-width:0;padding:8px 4px;font-size:.8rem}.video-grid[data-v-41dc517b]{grid-template-columns:repeat(2,1fr);gap:12px}.video-item[data-v-41dc517b]{border:1px solid #f0f0f0;border-radius:8px;flex-direction:column;padding:0;display:flex;overflow:hidden}.video-thumbnail[data-v-41dc517b]{border-radius:0;width:100%;height:120px;overflow:hidden}.video-item h3[data-v-41dc517b]{white-space:nowrap;text-overflow:ellipsis;color:#333;margin:0;padding:8px 10px 4px;font-size:.85rem;font-weight:600;line-height:1.3;overflow:hidden}.video-meta[data-v-41dc517b]{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 10px;display:flex}.video-date[data-v-41dc517b]{color:#999;flex-shrink:0;order:2;font-size:.75rem}.video-description[data-v-41dc517b]{color:#666;white-space:nowrap;text-overflow:ellipsis;flex:1;order:1;min-width:0;font-size:.8rem;line-height:1.3;overflow:hidden}.modal-content[data-v-41dc517b]{width:95%;padding:20px}.main-content[data-v-41dc517b]{flex-direction:column;gap:12px;margin-bottom:20px}.main-video[data-v-41dc517b]{flex:none;width:100%}.main-thumbnail[data-v-41dc517b]{border-radius:8px;height:200px}.main-video-overlay[data-v-41dc517b]{padding:15px}.main-video-overlay h2[data-v-41dc517b]{margin-bottom:4px;font-size:1.1rem}.main-video-overlay p[data-v-41dc517b]{font-size:.8rem;line-height:1.4}.play-icon-large[data-v-41dc517b]{width:50px;height:50px}.play-icon-large svg[data-v-41dc517b]{width:24px;height:24px}.side-videos[data-v-41dc517b]{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;flex-direction:row;flex:none;gap:10px;width:100%;padding-bottom:5px;display:flex;overflow-x:auto}.side-videos[data-v-41dc517b]::-webkit-scrollbar{display:none}.side-video-item[data-v-41dc517b]{scroll-snap-align:start;flex:0 0 85%}.side-thumbnail[data-v-41dc517b]{border-radius:8px;height:120px}.side-video-title[data-v-41dc517b]{padding:8px;font-size:.85rem}.play-icon-small[data-v-41dc517b]{width:40px;height:40px}.play-icon-small svg[data-v-41dc517b]{width:20px;height:20px}.desktop-layout[data-v-41dc517b]{display:none}.mobile-carousel[data-v-41dc517b]{margin-bottom:20px;display:block}.carousel-container[data-v-41dc517b]{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.carousel-container[data-v-41dc517b]::-webkit-scrollbar{width:0;height:0;display:none}.carousel-item[data-v-41dc517b]{scroll-snap-align:start;cursor:pointer;flex:0 0 100%}.carousel-thumbnail[data-v-41dc517b]{border-radius:10px;width:100%;height:220px;position:relative;overflow:hidden}.carousel-thumbnail img[data-v-41dc517b]{object-fit:cover;width:100%;height:100%}.play-icon-carousel[data-v-41dc517b]{opacity:0;z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.carousel-item:hover .play-icon-carousel[data-v-41dc517b],.carousel-item:active .play-icon-carousel[data-v-41dc517b]{opacity:1}.carousel-overlay[data-v-41dc517b]{color:#fff;z-index:1;background:linear-gradient(#0000 0%,#0006 50%,#000c 100%);padding:20px;position:absolute;bottom:0;left:0;right:0}.carousel-overlay h2[data-v-41dc517b]{color:#fff;margin-bottom:6px;font-size:1.2rem}.carousel-overlay p[data-v-41dc517b]{color:#ffffffe6;font-size:.85rem;line-height:1.4}.carousel-dots[data-v-41dc517b]{display:none}.dot[data-v-41dc517b]{cursor:pointer;background:#ddd;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active[data-v-41dc517b]{background:#333;border-radius:4px;width:20px}}@media (width<=480px){.works[data-v-41dc517b]{padding:12px 10px}.mobile-search[data-v-41dc517b]{margin-bottom:12px;padding:0 10px}.mobile-search .search-box[data-v-41dc517b]{padding:8px 10px}.mobile-search .search-box .search-input[data-v-41dc517b]{font-size:16px}.grid-header h2[data-v-41dc517b]{font-size:1.1rem}.filter-btn[data-v-41dc517b]{color:#888;text-align:center;border-color:#e0e0e0;justify-content:center;align-items:center;min-width:60px;padding:5px 12px;font-size:.8rem;display:inline-flex}.filter-btn.active[data-v-41dc517b]{color:#fff;background:#666;border-color:#666}.video-grid[data-v-41dc517b]{gap:10px}.video-thumbnail[data-v-41dc517b]{height:110px}.video-item h3[data-v-41dc517b]{padding:6px 8px 3px;font-size:.8rem}.video-meta[data-v-41dc517b]{gap:6px;padding:0 8px 8px}.video-date[data-v-41dc517b]{font-size:.7rem}.video-description[data-v-41dc517b]{font-size:.75rem}.main-thumbnail[data-v-41dc517b]{height:180px}.modal-content[data-v-41dc517b]{width:98%;padding:15px}.play-icon[data-v-41dc517b]{width:50px;height:50px}.play-icon svg[data-v-41dc517b]{width:30px;height:30px}}.grid-header[data-v-41dc517b]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1200px;margin:0 auto 30px;padding:0 20px;display:flex}.grid-header h2[data-v-41dc517b]{color:#333;margin:0;font-size:1.3rem;font-weight:600}.filter-search[data-v-41dc517b]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;display:flex}.filter-search .search-box[data-v-41dc517b]{order:2}.filter-search .filter-buttons[data-v-41dc517b]{order:1}.filter-buttons[data-v-41dc517b]{flex-wrap:wrap;gap:10px;display:flex}.filter-btn[data-v-41dc517b]{cursor:pointer;color:#666;background:#fff;border:1px solid #ddd;border-radius:20px;padding:8px 18px;font-size:.95rem;transition:all .3s}.filter-btn[data-v-41dc517b]:hover{color:#333;border-color:#333}.filter-btn.active[data-v-41dc517b]{color:#fff;background:#333;border-color:#333}.search-box[data-v-41dc517b]{box-sizing:border-box;background:#fff;border:1px solid #e0e0e0;border-radius:25px;align-items:center;width:400px;min-height:40px;padding:8px 20px;transition:border-color .3s;display:flex;position:relative}.search-box[data-v-41dc517b]:focus-within{border-color:#999}.search-box .search-icon[data-v-41dc517b]{color:#999;flex-shrink:0;margin-right:12px}.search-box .search-input[data-v-41dc517b]{color:#333;background:0 0;border:none;outline:none;flex:1;width:auto;height:auto;padding:0;font-size:16px}.search-box .search-input[data-v-41dc517b]::placeholder{color:#999}.search-box .clear-btn[data-v-41dc517b]{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex}.search-box .clear-btn[data-v-41dc517b]:hover{color:#666}.search-box input[data-v-41dc517b]:-webkit-autofill{-webkit-text-fill-color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.search-box input[data-v-41dc517b]:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.search-box input[data-v-41dc517b]:-webkit-autofill:focus{-webkit-text-fill-color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.password-modal[data-v-41dc517b]{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.password-modal-content[data-v-41dc517b]{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:360px;padding:30px}.password-modal-content h3[data-v-41dc517b]{color:#333;margin-bottom:10px;font-size:1.2rem}.password-modal-content p[data-v-41dc517b]{color:#666;margin-bottom:20px;font-size:.9rem}.password-modal-content input[data-v-41dc517b]{text-align:center;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:20px;padding:12px 16px;font-size:1rem;color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.password-modal-content input[data-v-41dc517b]:focus{border-color:#333;outline:none;background:#fff!important}.password-modal-content input[data-v-41dc517b]:-webkit-autofill{-webkit-text-fill-color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.password-modal-content input[data-v-41dc517b]:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.password-modal-content input[data-v-41dc517b]:-webkit-autofill:focus{-webkit-text-fill-color:#333!important;background:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.password-modal-actions[data-v-41dc517b]{justify-content:center;gap:10px;display:flex}.password-modal-actions button[data-v-41dc517b]{cursor:pointer;border-radius:6px;padding:10px 24px;font-size:.9rem;transition:all .3s}.btn-cancel[data-v-41dc517b]{color:#666;background:#f0f0f0;border:none}.btn-cancel[data-v-41dc517b]:hover{background:#e0e0e0}.btn-confirm[data-v-41dc517b]{color:#fff;background:#333;border:none}.btn-confirm[data-v-41dc517b]:hover{background:#555}.pagination[data-v-41dc517b]{justify-content:center;align-items:center;gap:24px;max-width:1200px;margin-top:40px;margin-left:auto;margin-right:auto;display:flex}.pagination-btn[data-v-41dc517b]{color:#fff;cursor:pointer;background:#333;border:none;border-radius:5px;padding:8px 18px;font-size:.95rem;transition:background-color .3s}.pagination-btn[data-v-41dc517b]:hover:not(:disabled){background:#555}.pagination-btn[data-v-41dc517b]:disabled{cursor:not-allowed;background:#ccc}.pagination-info[data-v-41dc517b]{color:#666;font-size:.95rem}@media (width<=768px){.pagination[data-v-41dc517b]{gap:12px;margin-top:40px}.pagination-btn[data-v-41dc517b]{padding:8px 16px;font-size:.9rem}.pagination-info[data-v-41dc517b]{font-size:.9rem}}.no-data[data-v-41dc517b]{text-align:center;color:#999;padding:100px 20px;font-size:1.1rem}.loading-state[data-v-41dc517b]{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:100px 20px;font-size:1.1rem;display:flex}.loading-spinner[data-v-41dc517b]{border:3px solid #f3f3f3;border-top-color:#e63946;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin-41dc517b}@keyframes spin-41dc517b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shop[data-v-c9882d1d]{background:#fff;min-height:100vh}.loading-state[data-v-c9882d1d]{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:100px 20px;font-size:1.1rem;display:flex}.loading-spinner[data-v-c9882d1d]{border:3px solid #f3f3f3;border-top-color:#e63946;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin-c9882d1d}@keyframes spin-c9882d1d{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-data[data-v-c9882d1d]{text-align:center;color:#999;padding:100px 20px;font-size:1.1rem}.shop-banner[data-v-c9882d1d]{width:100%;height:300px;position:relative;overflow:hidden}.shop-banner img[data-v-c9882d1d]{object-fit:cover;width:100%;height:100%}.banner-overlay[data-v-c9882d1d]{color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.banner-overlay h1[data-v-c9882d1d]{color:#fff;margin-bottom:15px;font-size:2.5rem}.banner-overlay p[data-v-c9882d1d]{opacity:.9;font-size:1.1rem}.product-grid[data-v-c9882d1d]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;max-width:1200px;margin:0 auto;padding:40px 20px;display:grid}.product-item[data-v-c9882d1d]{background:#fff;border:1px solid #f0f0f0;border-radius:8px;transition:box-shadow .3s;overflow:hidden}.product-item[data-v-c9882d1d]:hover{box-shadow:0 4px 12px #00000014}.product-image[data-v-c9882d1d]{background:#fff;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.product-image img[data-v-c9882d1d]{object-fit:contain;max-width:100%;max-height:100%}.product-item h3[data-v-c9882d1d]{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:20px 15px 8px;font-size:1.1rem;overflow:hidden}.price[data-v-c9882d1d]{color:#e63946;padding:0 15px 12px;font-size:1.15rem;font-weight:700}.description[data-v-c9882d1d]{color:#666;padding:0 15px 12px;font-size:.85rem;line-height:1.5}.buy-btn[data-v-c9882d1d]{color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;background:#333;border:none;border-radius:4px;width:calc(100% - 30px);margin:0 15px 15px;padding:8px;font-size:.9rem;text-decoration:none;transition:background .3s;display:block}.buy-btn[data-v-c9882d1d]:hover{background:#555}@media (width<=1024px){.shop-banner[data-v-c9882d1d]{height:280px}.banner-overlay h1[data-v-c9882d1d]{font-size:2rem}.product-grid[data-v-c9882d1d]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:40px 20px}}@media (width<=768px){.shop-banner[data-v-c9882d1d]{height:250px}.banner-overlay h1[data-v-c9882d1d]{font-size:1.8rem}.banner-overlay p[data-v-c9882d1d]{font-size:1rem}.product-grid[data-v-c9882d1d]{grid-template-columns:repeat(3,1fr);gap:15px;padding:30px 15px}.product-image[data-v-c9882d1d]{height:150px}.product-item h3[data-v-c9882d1d]{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.price[data-v-c9882d1d]{font-size:.95rem}}@media (width<=480px){.shop-banner[data-v-c9882d1d]{height:200px}.banner-overlay h1[data-v-c9882d1d]{font-size:1.5rem}.product-grid[data-v-c9882d1d]{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 12px}.product-image[data-v-c9882d1d]{height:130px}.product-item h3[data-v-c9882d1d]{white-space:nowrap;text-overflow:ellipsis;padding:10px 12px 4px;font-size:.85rem;overflow:hidden}.price[data-v-c9882d1d]{padding:0 12px 6px;font-size:.9rem}.description[data-v-c9882d1d]{padding:0 12px 10px;font-size:.8rem}.buy-btn[data-v-c9882d1d]{width:calc(100% - 24px);margin:0 12px 12px;padding:6px;font-size:.85rem}}.about[data-v-5f80fb77]{background:#fff;min-height:100vh}.loading-state[data-v-5f80fb77]{text-align:center;color:#999;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:100px 20px;font-size:1.1rem;display:flex}.loading-spinner[data-v-5f80fb77]{border:3px solid #f3f3f3;border-top-color:#e63946;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin-5f80fb77}@keyframes spin-5f80fb77{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-banner[data-v-5f80fb77]{width:100%;height:300px;position:relative;overflow:hidden}.about-banner img[data-v-5f80fb77]{object-fit:cover;width:100%;height:100%}.banner-overlay[data-v-5f80fb77]{color:#fff;background:#0006;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.banner-overlay h1[data-v-5f80fb77]{color:#fff;margin-bottom:15px;font-size:2.5rem}.banner-overlay p[data-v-5f80fb77]{opacity:.9;font-size:1.1rem}.about-content[data-v-5f80fb77]{flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:0 auto 60px;padding:60px 20px 0;display:flex}.about-text[data-v-5f80fb77]{background:#fff;border-radius:10px;flex:1;min-width:300px;margin-right:20px;padding:20px}.about-image[data-v-5f80fb77]{border-radius:10px;flex:1;min-width:300px;display:block;overflow:hidden}.about-image img[data-v-5f80fb77]{object-fit:cover;border-radius:10px;width:100%;height:auto;display:block}.about-text h2[data-v-5f80fb77]{color:#333;margin-bottom:20px;font-size:1.8rem}.about-text p[data-v-5f80fb77]{color:#666;margin-bottom:18px;font-size:1.15rem;line-height:1.8}.team[data-v-5f80fb77]{max-width:1200px;margin:100px auto 60px}.team h2[data-v-5f80fb77]{text-align:center;color:#333;margin-bottom:40px;font-size:1.9rem}.team-grid[data-v-5f80fb77]{grid-template-columns:repeat(3,1fr);gap:30px;max-width:800px;margin:0 auto;display:grid}.team-member[data-v-5f80fb77]{text-align:center;background:#fff;border-radius:10px;padding:30px}.team-member img[data-v-5f80fb77]{object-fit:cover;border:3px solid #f8f9fa;border-radius:50%;width:140px;height:140px;margin-bottom:15px;box-shadow:0 4px 15px #0000001a}.team-member h3[data-v-5f80fb77]{color:#333;margin-bottom:5px;font-size:1.3rem}.team-member p[data-v-5f80fb77]{color:#666;font-size:1.05rem}.contact[data-v-5f80fb77]{background:#fff;border-radius:10px;max-width:1200px;margin:0 auto 80px;padding:40px}.contact h2[data-v-5f80fb77]{text-align:center;color:#333;margin-bottom:50px;font-size:1.9rem}.contact-content[data-v-5f80fb77]{align-items:stretch;gap:80px;display:flex}.contact-map[data-v-5f80fb77]{flex:1;min-width:300px}.contact-map .map-image[data-v-5f80fb77]{object-fit:cover;border-radius:8px;width:100%;height:100%;min-height:300px;max-height:400px}.contact-info[data-v-5f80fb77]{color:#666;flex-direction:column;flex:1;justify-content:center;min-width:250px;font-size:1.15rem;line-height:2;display:flex}.contact-info p[data-v-5f80fb77]{margin-bottom:10px}.contact-link[data-v-5f80fb77]{color:#666;cursor:pointer;text-decoration:none;transition:color .3s}.contact-link[data-v-5f80fb77]:hover{color:#e63946}.wechat-link[data-v-5f80fb77]{border-bottom:1px dashed #999;padding-bottom:2px}.wechat-link[data-v-5f80fb77]:hover{border-bottom-color:#e63946}@media (width<=1024px){.about[data-v-5f80fb77]{padding:50px 20px}.about-content[data-v-5f80fb77]{flex-direction:column}.about-text[data-v-5f80fb77]{margin-bottom:20px;margin-right:0}.team-grid[data-v-5f80fb77]{grid-template-columns:repeat(2,1fr);gap:25px}}@media (width<=768px){.about[data-v-5f80fb77]{padding:0}.about-banner[data-v-5f80fb77]{height:250px;margin:0;padding:0}.banner-overlay h1[data-v-5f80fb77]{margin-bottom:10px;font-size:2.2rem}.banner-overlay p[data-v-5f80fb77]{font-size:1rem}.about-content[data-v-5f80fb77]{margin:0;padding:40px 20px}.about-text h2[data-v-5f80fb77]{margin-bottom:15px;font-size:1.5rem}.about-text p[data-v-5f80fb77]{margin-bottom:14px;font-size:.95rem;line-height:1.7}.about-image[data-v-5f80fb77]{border-radius:10px;overflow:hidden}.team[data-v-5f80fb77]{margin:60px 20px;padding:0}.team h2[data-v-5f80fb77]{margin-bottom:30px;font-size:1.5rem}.team-grid[data-v-5f80fb77]{grid-template-columns:repeat(3,1fr);gap:15px;max-width:500px}.team-member[data-v-5f80fb77]{padding:15px}.team-member img[data-v-5f80fb77]{width:80px;height:80px}.team-member h3[data-v-5f80fb77]{font-size:.95rem}.team-member p[data-v-5f80fb77]{font-size:.85rem}.contact h2[data-v-5f80fb77]{margin-bottom:30px;font-size:1.5rem}.contact[data-v-5f80fb77]{margin:0 20px 40px;padding:30px}.contact-content[data-v-5f80fb77]{flex-direction:column}.contact-map[data-v-5f80fb77]{min-width:100%}.contact-map iframe[data-v-5f80fb77]{min-height:250px}.contact-info[data-v-5f80fb77]{text-align:center;font-size:.95rem}}@media (width<=480px){.about[data-v-5f80fb77]{padding:0}.about-banner[data-v-5f80fb77]{height:200px}.banner-overlay h1[data-v-5f80fb77]{font-size:1.8rem}.banner-overlay p[data-v-5f80fb77]{font-size:.95rem}.about-content[data-v-5f80fb77]{padding:30px 15px}.about-text[data-v-5f80fb77]{padding:15px}.about-text h2[data-v-5f80fb77]{margin-bottom:12px;font-size:1.3rem}.about-text p[data-v-5f80fb77]{margin-bottom:12px;font-size:.9rem;line-height:1.6}.team[data-v-5f80fb77]{margin:40px 15px}.team h2[data-v-5f80fb77]{margin-bottom:20px;font-size:1.3rem}.team-grid[data-v-5f80fb77]{grid-template-columns:repeat(3,1fr);gap:10px;max-width:350px}.team-member[data-v-5f80fb77]{padding:10px}.team-member img[data-v-5f80fb77]{width:60px;height:60px}.team-member h3[data-v-5f80fb77]{font-size:.85rem}.team-member p[data-v-5f80fb77]{font-size:.75rem}.contact h2[data-v-5f80fb77]{margin-bottom:20px;font-size:1.3rem}.contact[data-v-5f80fb77]{margin:0 15px 30px;padding:20px}.contact-info[data-v-5f80fb77],.contact-info p[data-v-5f80fb77]{font-size:.9rem}}.video-player-page[data-v-72efcd35]{background:#f5f5f5;min-height:100vh;padding-bottom:60px}.video-container[data-v-72efcd35]{background:#000;width:100%;padding-top:0;position:relative;overflow:hidden}.video-bg-blur[data-v-72efcd35]{filter:blur(40px);opacity:.7;z-index:0;background-position:50%;background-size:cover;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.video-wrapper[data-v-72efcd35]{aspect-ratio:16/9;z-index:1;border-radius:12px;max-width:1180px;max-height:calc(100vh - 140px);margin:10px auto;position:relative;overflow:hidden}.dplayer-container[data-v-72efcd35]{width:100%;height:100%}.video-error[data-v-72efcd35]{color:#ff6b6b;text-align:center;background:#1a1a1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.video-error p[data-v-72efcd35]{margin:10px 0;font-size:1.1rem}.video-error .error-detail[data-v-72efcd35]{color:#999;word-break:break-all;font-size:.9rem}.video-loading[data-v-72efcd35]{color:#fff;text-align:center;background:#1a1a1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:absolute;top:0;left:0}.video-loading p[data-v-72efcd35]{margin:10px 0;font-size:1rem}.loading-spinner[data-v-72efcd35]{border:3px solid #fff3;border-top-color:#e63946;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin-72efcd35}@keyframes spin-72efcd35{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-info[data-v-72efcd35]{background:#fff;max-width:1200px;margin:0 auto;padding:30px 20px}.video-header[data-v-72efcd35]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.video-title[data-v-72efcd35]{color:#333;margin:0;font-size:1.8rem;font-weight:600}.btn-back-inline[data-v-72efcd35]{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:flex}.btn-back-inline[data-v-72efcd35]:hover{color:#333;background:#f5f5f5;border-color:#ccc}.video-meta[data-v-72efcd35]{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.meta-item[data-v-72efcd35]{color:#666;align-items:center;gap:6px;font-size:.9rem;display:flex}.video-description[data-v-72efcd35]{color:#555;margin-bottom:20px;font-size:1rem;line-height:1.8}.video-tags[data-v-72efcd35]{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.tag[data-v-72efcd35]{color:#666;background:#f0f0f0;border-radius:20px;padding:6px 12px;font-size:.85rem}.creators-section[data-v-72efcd35]{background:0 0;border-radius:0;margin-top:10px;margin-bottom:20px;padding:0}.creators-title[data-v-72efcd35]{color:#333;margin-bottom:15px;font-size:1rem;font-weight:600}.creators-list[data-v-72efcd35]{flex-wrap:wrap;gap:20px;display:flex}.creator-item[data-v-72efcd35]{min-width:60px;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:8px;padding:0;display:flex}.creator-avatar[data-v-72efcd35]{background:#f0f0f0;border-radius:50%;flex-shrink:0;width:48px;height:48px;overflow:hidden}.creator-avatar img[data-v-72efcd35]{object-fit:cover;width:100%;height:100%}.creator-details[data-v-72efcd35]{flex-direction:column;align-items:center;gap:4px;display:flex}.creator-name[data-v-72efcd35]{color:#333;font-size:.8rem;font-weight:500}.creator-position[data-v-72efcd35]{color:#666;background:0 0;border-radius:0;width:fit-content;padding:0;font-size:.7rem;display:inline-block}.creator-position.director[data-v-72efcd35],.creator-position.planner[data-v-72efcd35],.creator-position.editor[data-v-72efcd35],.creator-position.photographer[data-v-72efcd35],.creator-position.lighting[data-v-72efcd35]{color:#666;background:0 0}.related-works[data-v-72efcd35]{max-width:1200px;margin:40px auto 0;padding:0 20px}.section-title[data-v-72efcd35]{color:#333;margin-bottom:20px;font-size:1.4rem;font-weight:600}.related-grid[data-v-72efcd35]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.related-item[data-v-72efcd35]{cursor:pointer;background:#fff;border-radius:10px;transition:transform .3s,box-shadow .3s;overflow:hidden}.related-item[data-v-72efcd35]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.related-cover[data-v-72efcd35]{padding-bottom:56.25%;position:relative;overflow:hidden}.related-cover img[data-v-72efcd35]{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.play-overlay[data-v-72efcd35]{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.related-item:hover .play-overlay[data-v-72efcd35]{opacity:1}.related-title[data-v-72efcd35]{color:#333;padding:15px 15px 5px;font-size:1rem;font-weight:500}.related-category[data-v-72efcd35]{color:#999;padding:0 15px 15px;font-size:.85rem}@media (width<=768px){.video-player-page[data-v-72efcd35]{background:#f5f5f5;margin:0;padding-bottom:0}.video-bg-blur[data-v-72efcd35]{display:none}.video-container[data-v-72efcd35]{box-shadow:none;background:#000;border:none;outline:none;margin:0;padding:0;line-height:0;position:relative}.video-wrapper[data-v-72efcd35]{max-width:100%;box-shadow:none;aspect-ratio:16/9;border:none;border-radius:0;outline:none;max-height:none;margin:0;padding:0;line-height:normal;position:relative;top:0}.video-wrapper.is-portrait[data-v-72efcd35]{aspect-ratio:9/16;max-width:56.25vh;margin:0 auto}.video-error[data-v-72efcd35],.video-loading[data-v-72efcd35]{border:none;border-radius:0;outline:none}.dplayer-container[data-v-72efcd35]{box-shadow:none;border:none;outline:none;margin:0;padding:0;display:block}.video-title[data-v-72efcd35]{font-size:1.2rem}.video-meta[data-v-72efcd35]{gap:12px}.meta-item[data-v-72efcd35]{font-size:.85rem}.video-description[data-v-72efcd35]{font-size:.95rem}.video-info[data-v-72efcd35]{background:#fff;margin-top:0;padding:20px 15px}.related-works[data-v-72efcd35]{margin-top:20px;padding:0 15px}.section-title[data-v-72efcd35]{font-size:1.2rem}.related-grid[data-v-72efcd35]{grid-template-columns:repeat(2,1fr);gap:12px}.related-item[data-v-72efcd35]{border-radius:8px}.related-title[data-v-72efcd35]{padding:10px 10px 3px;font-size:.9rem}.related-category[data-v-72efcd35]{padding:0 10px 10px;font-size:.8rem}.creators-list[data-v-72efcd35]{gap:20px}.creator-avatar[data-v-72efcd35]{width:50px;height:50px}.creator-name[data-v-72efcd35]{font-size:.85rem}.creator-position[data-v-72efcd35]{font-size:.7rem}}@media (width<=480px){.video-title[data-v-72efcd35]{font-size:1.1rem}.video-info[data-v-72efcd35]{padding:15px 12px}.related-grid[data-v-72efcd35]{gap:10px}}.dplayer{border-radius:12px;overflow:hidden}@media (width<=768px){.dplayer{border-radius:0;box-shadow:none!important;background:#000!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.dplayer *{box-shadow:none!important;border-top:none!important}.dplayer-video-wrap{background:#000!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.dplayer-video-wrap video{object-fit:cover!important;background:#000!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;display:block!important}.dplayer-controller{box-shadow:none!important;border-top:none!important}.dplayer-container{background:#000!important}}.download-page[data-v-444e49bc]{background:#f5f5f5;min-height:100vh;padding:20px}.download-header[data-v-444e49bc]{text-align:center;margin-bottom:50px}.download-header h1[data-v-444e49bc]{color:#333;margin-bottom:10px;font-size:2rem;font-weight:600}.download-header p[data-v-444e49bc]{color:#666;font-size:1rem}.download-content[data-v-444e49bc]{max-width:1200px;margin:0 auto}.file-list[data-v-444e49bc]{flex-direction:column;gap:15px;display:flex}.file-item[data-v-444e49bc]{background:#fff;border-radius:10px;align-items:center;gap:20px;padding:20px 25px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 2px 8px #0000000f}.file-item[data-v-444e49bc]:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001a}.file-icon[data-v-444e49bc]{color:#e63946;flex-shrink:0}.file-info[data-v-444e49bc]{flex:1;min-width:0}.file-name[data-v-444e49bc]{color:#333;margin-bottom:6px;font-size:1.1rem;font-weight:500}.file-description[data-v-444e49bc]{color:#666;margin-bottom:8px;font-size:.9rem;line-height:1.5}.file-meta[data-v-444e49bc]{color:#999;gap:15px;font-size:.85rem;display:flex}.btn-download[data-v-444e49bc]{color:#fff;cursor:pointer;background:#333;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;transition:background .3s;display:flex}.btn-download[data-v-444e49bc]:hover{background:#555}.empty-state[data-v-444e49bc]{text-align:center;color:#999;padding:80px 20px}.empty-state svg[data-v-444e49bc]{opacity:.5;margin-bottom:20px}.empty-state p[data-v-444e49bc]{font-size:1rem}@media (width<=768px){.download-page[data-v-444e49bc]{padding:50px 15px}.download-header h1[data-v-444e49bc]{font-size:1.6rem}.file-item[data-v-444e49bc]{flex-direction:column;align-items:flex-start;gap:15px}.btn-download[data-v-444e49bc]{justify-content:center;width:100%}}.upload-page[data-v-0d2b4368]{background:#f5f5f5;min-height:100vh;padding:60px 20px}.upload-header[data-v-0d2b4368]{text-align:center;color:#333;margin-bottom:40px}.upload-header h1[data-v-0d2b4368]{margin-bottom:10px;font-size:2.5rem;font-weight:600}.upload-header p[data-v-0d2b4368]{opacity:.9;font-size:1.1rem}.upload-content[data-v-0d2b4368]{max-width:800px;margin:0 auto}.upload-card[data-v-0d2b4368]{background:#fff;border-radius:16px;padding:40px}.upload-area[data-v-0d2b4368]{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #ddd;border-radius:12px;padding:50px 30px;transition:all .3s}.upload-area[data-v-0d2b4368]:hover,.upload-area.drag-over[data-v-0d2b4368]{background:#f0f7ff;border-color:#4a9eff}.upload-area.uploading[data-v-0d2b4368]{cursor:not-allowed;border-color:#4a9eff}.upload-placeholder[data-v-0d2b4368]{color:#666}.upload-placeholder svg[data-v-0d2b4368]{color:#999;margin-bottom:20px}.placeholder-title[data-v-0d2b4368]{color:#333;margin-bottom:8px;font-size:1.2rem}.placeholder-desc[data-v-0d2b4368]{color:#666;margin-bottom:5px;font-size:.95rem}.placeholder-limit[data-v-0d2b4368]{color:#999;font-size:.85rem}.file-selected[data-v-0d2b4368]{flex-direction:column;align-items:center;display:flex}.selected-filename[data-v-0d2b4368]{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:400px;margin:15px 0 5px;font-size:1.1rem;font-weight:500;overflow:hidden}.selected-size[data-v-0d2b4368]{color:#666;margin-bottom:15px;font-size:.9rem}.btn-change[data-v-0d2b4368]{color:#4a9eff;cursor:pointer;background:0 0;border:1px solid #4a9eff;border-radius:6px;padding:8px 20px;font-size:.9rem;transition:all .3s}.btn-change[data-v-0d2b4368]:hover{color:#fff;background:#4a9eff}.upload-progress[data-v-0d2b4368]{flex-direction:column;align-items:center;display:flex}.progress-ring[data-v-0d2b4368]{width:120px;height:120px;margin-bottom:20px;position:relative}.progress-ring svg[data-v-0d2b4368]{transform:rotate(-90deg)}.progress-bg[data-v-0d2b4368]{fill:none;stroke:#eee;stroke-width:8px}.progress-bar[data-v-0d2b4368]{fill:none;stroke:#4a9eff;stroke-width:8px;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset .3s}.progress-text[data-v-0d2b4368]{color:#4a9eff;font-size:1.5rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-filename[data-v-0d2b4368]{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:400px;margin-bottom:8px;font-size:1rem;overflow:hidden}.progress-status[data-v-0d2b4368]{color:#666;font-size:.9rem}.upload-form[data-v-0d2b4368]{border-top:1px solid #eee;margin-top:30px;padding-top:30px}.form-group[data-v-0d2b4368]{margin-bottom:20px}.form-group label[data-v-0d2b4368]{color:#333;margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.form-group .required[data-v-0d2b4368]{color:#e63946}.form-group .form-input[data-v-0d2b4368],.form-group .form-textarea[data-v-0d2b4368]{color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:8px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s;box-shadow:inset 0 1px 3px #0000000d}.form-group .form-input[data-v-0d2b4368]:focus,.form-group .form-textarea[data-v-0d2b4368]:focus{background:#fff;border-color:#4a9eff;outline:none;box-shadow:inset 0 1px 3px #0000000d,0 0 0 3px #4a9eff1a}.cover-upload[data-v-0d2b4368]{cursor:pointer;background:#fafafa;border:2px dashed #d0d0d0;border-radius:8px;padding:20px;transition:all .3s}.cover-upload[data-v-0d2b4368]:hover{background:#f0f7ff;border-color:#4a9eff}.cover-placeholder[data-v-0d2b4368]{color:#666;flex-direction:column;align-items:center;gap:8px;display:flex}.cover-placeholder svg[data-v-0d2b4368]{color:#999}.cover-placeholder span[data-v-0d2b4368]{color:#333;font-size:.95rem}.cover-placeholder small[data-v-0d2b4368]{color:#999;font-size:.75rem}.cover-preview[data-v-0d2b4368]{display:inline-block;position:relative}.cover-preview img[data-v-0d2b4368]{object-fit:cover;border-radius:8px;max-width:200px;max-height:150px}.btn-remove-cover[data-v-0d2b4368]{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:background .3s;display:flex;position:absolute;top:-8px;right:-8px}.btn-remove-cover[data-v-0d2b4368]:hover{background:#d62839}.input-hint[data-v-0d2b4368]{color:#999;margin-top:5px;font-size:.8rem;display:block}.form-actions[data-v-0d2b4368]{justify-content:flex-end;gap:15px;margin-top:25px;display:flex}.btn-cancel[data-v-0d2b4368]{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:8px;padding:12px 30px;font-size:1rem;transition:background .3s}.btn-cancel[data-v-0d2b4368]:hover{background:#e0e0e0}.btn-submit[data-v-0d2b4368]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:8px;padding:12px 30px;font-size:1rem;transition:background .3s}.btn-submit[data-v-0d2b4368]:hover:not(:disabled){background:#3a8eef}.btn-submit[data-v-0d2b4368]:disabled{cursor:not-allowed;background:#ccc}.file-types[data-v-0d2b4368]{text-align:center;color:#333;margin-top:40px}.file-types h3[data-v-0d2b4368]{color:#333;margin-bottom:20px;font-size:1.1rem}.type-list[data-v-0d2b4368]{flex-wrap:wrap;justify-content:center;gap:40px;display:flex}.type-item[data-v-0d2b4368]{flex-direction:column;align-items:center;gap:8px;display:flex}.type-item svg[data-v-0d2b4368]{opacity:.9}.type-item span[data-v-0d2b4368]{font-size:.95rem;font-weight:500}.type-item small[data-v-0d2b4368]{opacity:.7;font-size:.75rem}@media (width<=768px){.upload-page[data-v-0d2b4368]{box-sizing:border-box;min-height:100vh;padding:5px 15px 15px}.upload-header[data-v-0d2b4368]{margin-bottom:10px}.upload-header h1[data-v-0d2b4368]{margin-bottom:3px;font-size:1.3rem}.upload-header p[data-v-0d2b4368]{font-size:.85rem}.upload-card[data-v-0d2b4368]{border-radius:10px;padding:12px}.upload-area[data-v-0d2b4368]{padding:15px 12px}.upload-placeholder svg[data-v-0d2b4368]{width:36px;height:36px;margin-bottom:8px}.placeholder-title[data-v-0d2b4368]{margin-bottom:3px;font-size:.95rem}.placeholder-desc[data-v-0d2b4368]{margin-bottom:2px;font-size:.8rem}.placeholder-limit[data-v-0d2b4368]{font-size:.7rem}.form-group[data-v-0d2b4368]{margin-bottom:12px}.form-group label[data-v-0d2b4368]{margin-bottom:4px;font-size:.85rem}.form-group .form-input[data-v-0d2b4368],.form-group .form-textarea[data-v-0d2b4368]{background:#fff;border:1px solid #d0d0d0;padding:10px;font-size:16px}.cover-upload[data-v-0d2b4368]{padding:15px}.cover-placeholder svg[data-v-0d2b4368]{width:24px;height:24px}.cover-placeholder span[data-v-0d2b4368]{font-size:.85rem}.cover-placeholder small[data-v-0d2b4368]{font-size:.7rem}.cover-preview img[data-v-0d2b4368]{max-width:150px;max-height:120px}.upload-form[data-v-0d2b4368]{margin-top:15px;padding-top:15px}.form-actions[data-v-0d2b4368]{flex-direction:column;gap:8px;margin-top:15px}.btn-cancel[data-v-0d2b4368],.btn-submit[data-v-0d2b4368]{width:100%;padding:10px;font-size:.95rem}.file-types[data-v-0d2b4368]{margin-top:15px}.file-types h3[data-v-0d2b4368]{margin-bottom:12px;font-size:.9rem}.type-list[data-v-0d2b4368]{flex-direction:column;gap:10px}.type-item[data-v-0d2b4368]{background:0 0;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;padding:4px 0}.type-item svg[data-v-0d2b4368]{flex-shrink:0;width:20px;height:20px}.type-item span[data-v-0d2b4368]{flex-shrink:0;font-size:.9rem}.type-item small[data-v-0d2b4368]{color:#888;margin-left:auto;font-size:.75rem}.file-selected svg[data-v-0d2b4368]{width:36px;height:36px}.selected-filename[data-v-0d2b4368]{margin:8px 0 2px;font-size:.9rem}.selected-size[data-v-0d2b4368]{margin-bottom:8px;font-size:.8rem}.progress-ring[data-v-0d2b4368]{width:70px;height:70px;margin-bottom:12px}.progress-text[data-v-0d2b4368]{font-size:1.1rem}.progress-filename[data-v-0d2b4368]{font-size:.85rem}.progress-status[data-v-0d2b4368]{font-size:.8rem}}.login-page[data-v-1aff2027]{background:linear-gradient(135deg,#4a9eff 0%,#6b7cff 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box[data-v-1aff2027]{background:#fff;border-radius:10px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0003}.login-box h1[data-v-1aff2027]{text-align:center;color:#333;margin-bottom:10px;font-size:1.8rem}.login-box h2[data-v-1aff2027]{text-align:center;color:#666;margin-bottom:30px;font-size:1.2rem;font-weight:400}.form-group[data-v-1aff2027]{margin-bottom:20px}.form-group label[data-v-1aff2027]{color:#333;margin-bottom:5px;font-weight:500;display:block}.form-group input[data-v-1aff2027]{border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:.9rem;transition:border-color .3s;color:#333!important;background:#fff!important}.form-group input[data-v-1aff2027]:focus{border-color:#4a9eff;outline:none;background:#fff!important}.form-group input[data-v-1aff2027]::placeholder{color:#999}.login-btn[data-v-1aff2027]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;width:100%;padding:10px;font-size:.9rem;transition:background .3s}.login-btn[data-v-1aff2027]:hover{background:#3a8eef}.error-msg[data-v-1aff2027]{color:#e74c3c;text-align:center;margin-top:15px}.admin-layout[data-v-7d4600ad]{min-height:100vh;display:flex}.sidebar[data-v-7d4600ad]{color:#fff;background:#1a1f2e;flex-direction:column;width:200px;height:100vh;display:flex;position:fixed}.sidebar-header[data-v-7d4600ad]{border-bottom:1px solid #2a3040;padding:20px}.sidebar-header h2[data-v-7d4600ad]{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.sidebar-nav[data-v-7d4600ad]{flex:1;padding:12px 0}.nav-item[data-v-7d4600ad]{color:#a0a8b8;border-radius:6px;align-items:center;margin:2px 12px;padding:12px 20px;text-decoration:none;transition:all .2s;display:flex}.nav-item[data-v-7d4600ad]:hover{color:#fff;background:#252b3d}.nav-item.active[data-v-7d4600ad]{color:#fff;background:#4a9eff}.nav-icon[data-v-7d4600ad]{margin-right:10px;font-size:1.2rem}.sidebar-footer[data-v-7d4600ad]{border-top:1px solid #34495e;padding:20px}.logout-btn[data-v-7d4600ad]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;width:100%;padding:10px;transition:background .3s}.logout-btn[data-v-7d4600ad]:hover{background:#c0392b}.main-content[data-v-7d4600ad]{background:#fafafa;flex:1;width:calc(100% - 200px);min-height:100vh;margin-left:200px}.top-bar[data-v-7d4600ad]{background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 30px;display:flex}.top-bar h1[data-v-7d4600ad]{color:#333;margin:0;font-size:1.2rem}.user-info[data-v-7d4600ad]{color:#666}.user-dropdown[data-v-7d4600ad]{cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:8px 15px;transition:background .3s;display:flex;position:relative}.user-dropdown[data-v-7d4600ad]:hover{background:#f0f0f0}.user-name[data-v-7d4600ad]{font-weight:500}.dropdown-menu[data-v-7d4600ad]{z-index:1000;background:#fff;border-radius:8px;min-width:160px;margin-top:10px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.dropdown-item[data-v-7d4600ad]{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:.95rem;text-decoration:none;transition:background .3s;display:flex}.dropdown-item[data-v-7d4600ad]:hover{background:#f5f5f5}.dropdown-item.logout[data-v-7d4600ad]{color:#e74c3c}.dropdown-item.logout[data-v-7d4600ad]:hover{background:#fef2f2}.dropdown-divider[data-v-7d4600ad]{background:#e0e0e0;height:1px;margin:5px 0}.content-area[data-v-7d4600ad]{box-sizing:border-box;width:100%;padding:24px 30px}.overview[data-v-03ff3fd4]{width:100%;max-width:100%}.stats-grid[data-v-03ff3fd4]{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card[data-v-03ff3fd4]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px;transition:all .2s}.stat-card[data-v-03ff3fd4]:hover{border-color:#d0d0d0;box-shadow:0 2px 8px #0000000a}.stat-label[data-v-03ff3fd4]{color:#999;margin-bottom:8px;font-size:13px}.stat-value[data-v-03ff3fd4]{color:#1a1a1a;margin-bottom:8px;font-size:28px;font-weight:600}.stat-value .unit[data-v-03ff3fd4]{color:#999;margin-left:4px;font-size:14px;font-weight:400}.stat-trend[data-v-03ff3fd4]{color:#999;font-size:12px}.stat-trend.up[data-v-03ff3fd4]{color:#52c41a}.stat-trend[data-v-03ff3fd4]:not(.up){color:#ff4d4f}.chart-section[data-v-03ff3fd4]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;margin-bottom:24px;padding:20px}.section-header[data-v-03ff3fd4]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h3[data-v-03ff3fd4]{color:#1a1a1a;margin:0;font-size:15px;font-weight:600}.time-range[data-v-03ff3fd4]{gap:8px;display:flex}.time-range button[data-v-03ff3fd4]{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:6px 12px;font-size:13px;transition:all .2s}.time-range button[data-v-03ff3fd4]:hover{color:#4a9eff;border-color:#4a9eff}.time-range button.active[data-v-03ff3fd4]{color:#fff;background:#4a9eff;border-color:#4a9eff}.chart-container[data-v-03ff3fd4]{position:relative}.chart-wrapper[data-v-03ff3fd4]{width:100%;height:200px;position:relative;overflow:hidden}.data-points-overlay[data-v-03ff3fd4]{width:100%;height:100%;position:absolute;top:0;left:0}.data-point-wrapper[data-v-03ff3fd4]{cursor:pointer;position:absolute;transform:translate(-50%,-50%)}.data-point-div[data-v-03ff3fd4]{background:#fff;border:2px solid #4a9eff;border-radius:50%;width:8px;height:8px;transition:all .2s}.data-point-wrapper:hover .data-point-div[data-v-03ff3fd4]{border-width:3px;transform:scale(1.5)}.data-tooltip[data-v-03ff3fd4]{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#1a1a1a;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}.data-tooltip[data-v-03ff3fd4]:after{content:"";border:4px solid #0000;border-top-color:#1a1a1a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.data-point-wrapper:hover .data-tooltip[data-v-03ff3fd4]{opacity:1;visibility:visible}.chart-loading[data-v-03ff3fd4]{color:#999;justify-content:center;align-items:center;height:200px;font-size:14px;display:flex}.trend-chart[data-v-03ff3fd4]{width:100%;height:100%;display:block}.grid-lines line[data-v-03ff3fd4]{stroke:#f0f0f0;stroke-width:1px}.trend-line[data-v-03ff3fd4]{stroke:#4a9eff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.data-point[data-v-03ff3fd4]{fill:#fff;stroke:#4a9eff;stroke-width:2px}.x-labels[data-v-03ff3fd4]{justify-content:space-between;margin-top:8px;padding:0 20px;display:flex}.x-labels span[data-v-03ff3fd4]{color:#999;font-size:12px}.two-column[data-v-03ff3fd4]{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.three-column[data-v-03ff3fd4]{grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.content-section[data-v-03ff3fd4],.ranking-section[data-v-03ff3fd4],.device-section[data-v-03ff3fd4],.source-section[data-v-03ff3fd4],.region-section[data-v-03ff3fd4]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px}.section-title[data-v-03ff3fd4]{color:#1a1a1a;border-bottom:1px solid #f0f0f0;align-items:center;gap:8px;margin:0 0 16px;padding-bottom:12px;font-size:15px;font-weight:600;display:flex}.title-icon[data-v-03ff3fd4]{font-size:10px}.title-icon.blue[data-v-03ff3fd4]{color:#4a9eff}.title-icon.green[data-v-03ff3fd4]{color:#52c41a}.title-icon.orange[data-v-03ff3fd4]{color:#faad14}.title-icon.purple[data-v-03ff3fd4]{color:#722ed1}.content-list[data-v-03ff3fd4]{flex-direction:column;display:flex}.content-item[data-v-03ff3fd4]{border-bottom:1px solid #f5f5f5;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.content-item[data-v-03ff3fd4]:last-child{border-bottom:none}.content-info[data-v-03ff3fd4]{align-items:center;gap:10px;display:flex}.content-icon[data-v-03ff3fd4]{font-size:12px}.content-icon.blue[data-v-03ff3fd4]{color:#4a9eff}.content-icon.green[data-v-03ff3fd4]{color:#52c41a}.content-icon.orange[data-v-03ff3fd4]{color:#faad14}.content-icon.purple[data-v-03ff3fd4]{color:#722ed1}.content-name[data-v-03ff3fd4]{color:#666;width:60px;font-size:14px}.content-count[data-v-03ff3fd4]{color:#1a1a1a;font-size:20px;font-weight:600}.content-link[data-v-03ff3fd4]{color:#999;font-size:13px;text-decoration:none;transition:color .2s}.content-link[data-v-03ff3fd4]:hover{color:#4a9eff}.ranking-list[data-v-03ff3fd4]{flex-direction:column;display:flex}.rank-item[data-v-03ff3fd4]{border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 0;display:flex}.rank-item[data-v-03ff3fd4]:last-child{border-bottom:none}.rank-index[data-v-03ff3fd4]{color:#999;background:#f5f5f5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:500;display:flex}.rank-index.top[data-v-03ff3fd4]{color:#fff;background:#4a9eff}.rank-name[data-v-03ff3fd4]{color:#333;flex-shrink:0;width:80px;font-size:14px}.rank-bar[data-v-03ff3fd4]{background:#f0f0f0;border-radius:2px;flex:1;height:4px;overflow:hidden}.rank-fill[data-v-03ff3fd4]{background:#4a9eff;border-radius:2px;height:100%;transition:width .3s}.rank-value[data-v-03ff3fd4]{color:#999;text-align:right;flex-shrink:0;width:50px;font-size:13px}.device-list[data-v-03ff3fd4],.source-list[data-v-03ff3fd4]{flex-direction:column;display:flex}.device-item[data-v-03ff3fd4],.source-item[data-v-03ff3fd4]{border-bottom:1px solid #f5f5f5;padding:12px 0}.device-item[data-v-03ff3fd4]:last-child,.source-item[data-v-03ff3fd4]:last-child{border-bottom:none}.device-info[data-v-03ff3fd4],.source-info[data-v-03ff3fd4]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.device-icon-svg[data-v-03ff3fd4]{color:#666;flex-shrink:0;width:18px;height:18px;margin-right:8px}.device-name[data-v-03ff3fd4],.source-name[data-v-03ff3fd4]{color:#333;align-items:center;font-size:14px;display:flex}.device-percent[data-v-03ff3fd4],.source-count[data-v-03ff3fd4]{color:#1a1a1a;font-size:14px;font-weight:600}.device-bar[data-v-03ff3fd4],.source-bar[data-v-03ff3fd4]{background:#f0f0f0;border-radius:2px;height:4px;overflow:hidden}.device-fill[data-v-03ff3fd4],.source-fill[data-v-03ff3fd4]{border-radius:2px;height:100%;transition:width .3s}.device-fill.blue[data-v-03ff3fd4],.source-fill.blue[data-v-03ff3fd4]{background:#4a9eff}.device-fill.green[data-v-03ff3fd4],.source-fill.green[data-v-03ff3fd4]{background:#52c41a}.device-fill.orange[data-v-03ff3fd4],.source-fill.orange[data-v-03ff3fd4]{background:#faad14}.device-fill.purple[data-v-03ff3fd4],.source-fill.purple[data-v-03ff3fd4]{background:#722ed1}.device-fill.gray[data-v-03ff3fd4],.source-fill.gray[data-v-03ff3fd4]{background:#999}.region-list[data-v-03ff3fd4]{flex-direction:column;display:flex}.region-item[data-v-03ff3fd4]{border-bottom:1px solid #f5f5f5;padding:10px 0}.region-item[data-v-03ff3fd4]:last-child{border-bottom:none}.region-info[data-v-03ff3fd4]{align-items:center;gap:8px;margin-bottom:6px;display:flex}.region-rank[data-v-03ff3fd4]{color:#999;background:#f5f5f5;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:500;display:flex}.region-item:first-child .region-rank[data-v-03ff3fd4]{color:#fff;background:#4a9eff}.region-item:nth-child(2) .region-rank[data-v-03ff3fd4]{color:#fff;background:#52c41a}.region-item:nth-child(3) .region-rank[data-v-03ff3fd4]{color:#fff;background:#faad14}.region-name[data-v-03ff3fd4]{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.region-count[data-v-03ff3fd4]{color:#1a1a1a;flex-shrink:0;font-size:13px;font-weight:600}.region-bar[data-v-03ff3fd4]{background:#f0f0f0;border-radius:2px;height:3px;overflow:hidden}.region-fill[data-v-03ff3fd4]{background:#4a9eff;border-radius:2px;height:100%;transition:width .3s}.quick-actions[data-v-03ff3fd4]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:20px}.action-list[data-v-03ff3fd4]{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.action-item[data-v-03ff3fd4]{background:#fafafa;border:1px solid #e8e8e8;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.action-item[data-v-03ff3fd4]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.action-item.blue[data-v-03ff3fd4]:hover{background:#e6f7ff;border-color:#4a9eff}.action-item.green[data-v-03ff3fd4]:hover{background:#f6ffed;border-color:#52c41a}.action-item.orange[data-v-03ff3fd4]:hover{background:#fffbe6;border-color:#faad14}.action-item.purple[data-v-03ff3fd4]:hover{background:#f9f0ff;border-color:#722ed1}.action-icon[data-v-03ff3fd4]{font-size:16px;font-weight:500}.action-item.blue .action-icon[data-v-03ff3fd4]{color:#4a9eff}.action-item.green .action-icon[data-v-03ff3fd4]{color:#52c41a}.action-item.orange .action-icon[data-v-03ff3fd4]{color:#faad14}.action-item.purple .action-icon[data-v-03ff3fd4]{color:#722ed1}.action-text[data-v-03ff3fd4]{color:#333;font-size:14px;transition:color .2s}.action-item:hover .action-text[data-v-03ff3fd4]{color:#1a1a1a}@media (width<=1200px){.stats-grid[data-v-03ff3fd4]{grid-template-columns:repeat(2,1fr)}.two-column[data-v-03ff3fd4]{grid-template-columns:1fr}.three-column[data-v-03ff3fd4]{grid-template-columns:1fr 1fr}.action-list[data-v-03ff3fd4]{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stats-grid[data-v-03ff3fd4],.three-column[data-v-03ff3fd4],.action-list[data-v-03ff3fd4]{grid-template-columns:1fr}.stats-grid[data-v-03ff3fd4],.action-list[data-v-03ff3fd4]{grid-template-columns:1fr}.rank-name[data-v-03ff3fd4]{flex:1;width:auto}.rank-bar[data-v-03ff3fd4]{display:none}}.cropper-container{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media (width>=768px){.cropper-point.point-se{width:15px;height:15px}}@media (width>=992px){.cropper-point.point-se{width:10px;height:10px}}@media (width>=1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.works-manage[data-v-7c558ed4]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.page-header[data-v-7c558ed4]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-actions[data-v-7c558ed4]{align-items:center;gap:15px;display:flex}.header-actions .search-box[data-v-7c558ed4]{align-items:center;display:flex;position:relative}.header-actions .search-box input[data-v-7c558ed4]{color:#333;background:#fff;border:1px solid #ddd;border-radius:20px;width:250px;padding:8px 35px 8px 15px;font-size:.9rem;transition:border-color .3s}.header-actions .search-box input[data-v-7c558ed4]:focus{border-color:#4a9eff;outline:none}.header-actions .search-box .search-icon[data-v-7c558ed4]{pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.page-header h2[data-v-7c558ed4]{color:#333;margin:0}.btn-primary[data-v-7c558ed4]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-primary[data-v-7c558ed4]:hover{background:#3a8eef}.works-list[data-v-7c558ed4]{min-height:200px;overflow-x:auto}table[data-v-7c558ed4]{border-collapse:collapse;table-layout:fixed;opacity:1;width:100%;transition:opacity .2s}th[data-v-7c558ed4],td[data-v-7c558ed4]{text-align:left;vertical-align:middle;border-bottom:1px solid #eee;padding:15px}th[data-v-7c558ed4]{color:#333;background:#f8f9fa;font-weight:600}.img-wrapper[data-v-7c558ed4]{cursor:pointer;background:#f0f0f0;border-radius:5px;flex-shrink:0;width:120px;height:75px;position:relative;overflow:hidden}.img-wrapper:hover .play-overlay[data-v-7c558ed4]{opacity:1}.work-thumb[data-v-7c558ed4]{object-fit:cover;width:100%;height:100%;display:block}.play-overlay[data-v-7c558ed4]{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.play-icon[data-v-7c558ed4]{color:#fff;text-shadow:0 2px 4px #00000080;font-size:24px}.btn-play[data-v-7c558ed4],.btn-edit[data-v-7c558ed4],.btn-delete[data-v-7c558ed4],.btn-offline[data-v-7c558ed4],.btn-publish[data-v-7c558ed4]{cursor:pointer;border:none;border-radius:3px;margin-right:5px;padding:5px 10px}.btn-play[data-v-7c558ed4]{color:#fff;background:#27ae60}.btn-edit[data-v-7c558ed4]{color:#fff;background:#f39c12}.btn-delete[data-v-7c558ed4]{color:#fff;background:#e74c3c}.btn-offline[data-v-7c558ed4]{color:#fff;background:#95a5a6}.btn-publish[data-v-7c558ed4]{color:#fff;background:#27ae60}.video-modal .modal-content[data-v-7c558ed4]{max-width:800px;padding:0;overflow:hidden}.video-header[data-v-7c558ed4]{background:#f8f9fa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.video-header h3[data-v-7c558ed4]{margin:0;font-size:1.1rem}.btn-close[data-v-7c558ed4]{cursor:pointer;color:#666;background:0 0;border:none;font-size:1.5rem}.video-player[data-v-7c558ed4]{padding:20px}.modal[data-v-7c558ed4]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-7c558ed4]{touch-action:pan-y pinch-zoom;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:10px;width:90%;max-width:850px;max-height:85vh;padding:30px;overflow-y:auto}.modal-content[data-v-7c558ed4]::-webkit-scrollbar{display:none}.modal-header[data-v-7c558ed4]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3[data-v-7c558ed4]{color:#333;margin:0}.btn-close[data-v-7c558ed4]{cursor:pointer;color:#999;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.8rem;line-height:1;transition:all .2s;display:flex}.btn-close[data-v-7c558ed4]:hover{color:#666;background:#f0f0f0}.form-group[data-v-7c558ed4]{margin-bottom:15px}.form-group label[data-v-7c558ed4]{color:#333;margin-bottom:5px;font-weight:500;display:block}.form-group input[data-v-7c558ed4],.form-group textarea[data-v-7c558ed4],.form-group select[data-v-7c558ed4]{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:8px;font-size:.9rem}.form-group input[data-v-7c558ed4]:focus,.form-group textarea[data-v-7c558ed4]:focus,.form-group select[data-v-7c558ed4]:focus{color:#333;background:#fff;border-color:#4a9eff;outline:none}.category-tag[data-v-7c558ed4]{color:#1976d2;background:#e3f2fd;border-radius:12px;padding:4px 10px;font-size:.8rem}.category-tag.private[data-v-7c558ed4]{color:#c2185b;background:#fce4ec}.tags-input-container[data-v-7c558ed4]{background:#fff;border:1px solid #ddd;border-radius:5px;padding:8px}.tags-list[data-v-7c558ed4]{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.tag-item[data-v-7c558ed4]{color:#1976d2;background:#e3f2fd;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;display:inline-flex}.tag-remove[data-v-7c558ed4]{color:#1976d2;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1rem;line-height:1}.tag-remove[data-v-7c558ed4]:hover{color:#c2185b}.tag-input[data-v-7c558ed4]{background:0 0;border:none;outline:none;width:100%;padding:4px;font-size:.9rem}.tags-cell[data-v-7c558ed4]{flex-wrap:wrap;gap:4px;display:flex}.tag-badge[data-v-7c558ed4]{color:#1976d2;background:#e3f2fd;border-radius:10px;padding:2px 8px;font-size:.75rem}.tag-more[data-v-7c558ed4]{color:#999;padding:2px 6px;font-size:.75rem}.featured-badge[data-v-7c558ed4]{color:#999;text-align:center;background:#f5f5f5;border-radius:12px;min-width:50px;padding:4px 10px;font-size:.8rem;font-weight:500;display:inline-block}.featured-badge.top[data-v-7c558ed4]{color:#fff;background:#e63946}.featured-badge.recommend1[data-v-7c558ed4]{color:#fff;background:#4a9eff}.featured-badge.recommend2[data-v-7c558ed4]{color:#fff;background:#27ae60}.featured-badge.none[data-v-7c558ed4]{color:#999;background:#f5f5f5}.featured-position[data-v-7c558ed4]{flex-flow:wrap;gap:10px;display:flex}.position-checkbox[data-v-7c558ed4]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex:1;justify-content:center;align-items:center;min-width:80px;padding:10px 15px;transition:all .2s;display:flex}.position-checkbox[data-v-7c558ed4]:hover{background:#f8fbff;border-color:#4a9eff}.position-checkbox.checked[data-v-7c558ed4]{background:#f0f7ff;border-color:#4a9eff}.position-checkbox.none.checked[data-v-7c558ed4]{background:#f5f5f5;border-color:#999}.position-checkbox input[type=radio][data-v-7c558ed4]{cursor:pointer;accent-color:#4a9eff;width:16px;height:16px;margin-right:8px}.checkbox-label[data-v-7c558ed4]{flex-direction:column;align-items:center;display:flex}.position-name[data-v-7c558ed4]{color:#333;font-size:.9rem;font-weight:600}.position-desc[data-v-7c558ed4]{color:#999;margin-top:2px;font-size:.75rem}.input-hint[data-v-7c558ed4]{color:#999;margin-top:5px;font-size:.8rem;display:block}.creator-select[data-v-7c558ed4]{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:8px;font-size:.9rem}.creator-select[data-v-7c558ed4]:focus{border-color:#4a9eff;outline:none}.creators-by-position[data-v-7c558ed4]{flex-direction:column;gap:12px;display:flex}.position-select[data-v-7c558ed4]{align-items:center;gap:10px;display:flex}.position-label[data-v-7c558ed4]{color:#333;min-width:80px;font-weight:500;margin-bottom:0!important}.position-select .creator-select[data-v-7c558ed4]{flex:1}.form-group textarea[data-v-7c558ed4]{resize:vertical;height:80px}.form-actions[data-v-7c558ed4]{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-cancel[data-v-7c558ed4]{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-save[data-v-7c558ed4]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-save[data-v-7c558ed4]:hover{background:#3a8eef}.creators-selection[data-v-7c558ed4]{flex-direction:column;gap:20px;display:flex}.creator-position-group[data-v-7c558ed4]{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.position-title[data-v-7c558ed4]{color:#333;margin-bottom:12px;font-size:.95rem;font-weight:600}.creators-list-horizontal[data-v-7c558ed4]{flex-wrap:wrap;gap:12px;display:flex}.creator-option[data-v-7c558ed4]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:60px;padding:8px;transition:all .2s;display:flex;position:relative}.creator-option[data-v-7c558ed4]:hover{border-color:#4a9eff;transform:translateY(-2px);box-shadow:0 2px 8px #4a9eff33}.creator-option.selected[data-v-7c558ed4]{background:#f0f7ff;border-color:#4a9eff}.share-image-upload[data-v-7c558ed4]{align-items:center;gap:10px;display:flex}.share-image-upload input[type=text][data-v-7c558ed4]{flex:1}.btn-upload[data-v-7c558ed4]{color:#fff;cursor:pointer;white-space:nowrap;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-upload[data-v-7c558ed4]:hover{background:#3a8eef}.share-image-preview[data-v-7c558ed4]{background:#f5f5f5;border:1px solid #ddd;border-radius:5px;width:120px;height:120px;margin-top:10px;overflow:hidden}.share-image-preview img[data-v-7c558ed4]{object-fit:cover;width:100%;height:100%}.crop-modal[data-v-7c558ed4]{z-index:1100}.crop-content[data-v-7c558ed4]{width:95%;max-width:600px}.crop-container[data-v-7c558ed4]{background:#f5f5f5;border-radius:8px;width:100%;height:400px;margin:15px 0;overflow:hidden}.crop-image[data-v-7c558ed4]{max-width:100%;display:block}.crop-actions[data-v-7c558ed4]{justify-content:flex-end;gap:10px;display:flex}.creator-option-avatar[data-v-7c558ed4]{object-fit:cover;background:#f0f0f0;border-radius:50%;width:36px;height:36px}.creator-option-name[data-v-7c558ed4]{color:#333;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:50px;font-size:.75rem;overflow:hidden}.selected-indicator[data-v-7c558ed4]{color:#fff;background:#4a9eff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.no-creators[data-v-7c558ed4]{color:#999;padding:10px;font-size:.85rem;font-style:italic}.share-settings[data-v-7c558ed4]{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.share-field[data-v-7c558ed4]{margin-bottom:15px}.share-field[data-v-7c558ed4]:last-child{margin-bottom:0}.sub-label[data-v-7c558ed4]{color:#555;margin-bottom:5px;font-size:.9rem;font-weight:500;display:block}.pagination[data-v-7c558ed4]{justify-content:center;align-items:center;gap:20px;margin-top:30px;display:flex}.pagination-btn[data-v-7c558ed4]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem;transition:background-color .3s}.pagination-btn[data-v-7c558ed4]:hover:not(:disabled){background:#3a8eef}.pagination-btn[data-v-7c558ed4]:disabled{cursor:not-allowed;background:#ccc}.pagination-info[data-v-7c558ed4]{color:#666;font-size:.9rem}.actors-selection[data-v-7c558ed4]{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:15px}.actors-list-horizontal[data-v-7c558ed4]{flex-wrap:wrap;gap:12px;display:flex}.actors-search-box[data-v-7c558ed4]{margin-bottom:10px;position:relative}.actor-search-input[data-v-7c558ed4]{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:8px 35px 8px 12px;font-size:.9rem}.actor-search-input[data-v-7c558ed4]:focus{border-color:#4a9eff;outline:none}.actors-search-box .search-icon[data-v-7c558ed4]{pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.products-manage[data-v-ebd517f8]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.page-header[data-v-ebd517f8]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h2[data-v-ebd517f8]{color:#333;margin:0}.btn-primary[data-v-ebd517f8]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-primary[data-v-ebd517f8]:hover{background:#3a8eef}.products-list[data-v-ebd517f8]{min-height:200px;overflow-x:auto}table[data-v-ebd517f8]{border-collapse:collapse;table-layout:fixed;opacity:1;width:100%;transition:opacity .2s}th[data-v-ebd517f8],td[data-v-ebd517f8]{text-align:left;vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #eee;height:90px;padding:15px}th[data-v-ebd517f8]{color:#333;background:#f8f9fa;font-weight:600}.img-wrapper[data-v-ebd517f8]{background:#f0f0f0;border-radius:5px;flex-shrink:0;width:60px;height:60px;overflow:hidden}.product-thumb[data-v-ebd517f8]{object-fit:cover;width:100%;height:100%;display:block}.status-badge[data-v-ebd517f8]{border-radius:3px;padding:4px 8px;font-size:.85rem;font-weight:500;display:inline-block}.status-badge.online[data-v-ebd517f8]{color:#fff;background:#27ae60}.status-badge.offline[data-v-ebd517f8]{color:#fff;background:#95a5a6}.actions[data-v-ebd517f8]{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:5px;display:flex}.actions button[data-v-ebd517f8]{flex-shrink:0}.btn-edit[data-v-ebd517f8],.btn-delete[data-v-ebd517f8],.btn-move[data-v-ebd517f8],.btn-status[data-v-ebd517f8]{cursor:pointer;white-space:nowrap;border:none;border-radius:3px;padding:5px 10px;font-size:.85rem}.btn-edit[data-v-ebd517f8]{color:#fff;background:#f39c12}.btn-delete[data-v-ebd517f8]{color:#fff;background:#e74c3c}.btn-move[data-v-ebd517f8]{color:#fff;background:#95a5a6;padding:5px 8px}.btn-move[data-v-ebd517f8]:disabled{cursor:not-allowed;background:#ddd}.btn-status[data-v-ebd517f8]{color:#fff}.btn-status.online[data-v-ebd517f8]{background:#e74c3c}.btn-status.offline[data-v-ebd517f8]{background:#27ae60}.modal[data-v-ebd517f8]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-ebd517f8]{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-radius:10px;width:90%;max-width:500px;max-height:90vh;padding:30px;overflow-y:auto}.modal-content[data-v-ebd517f8]::-webkit-scrollbar{display:none}.modal-header[data-v-ebd517f8]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3[data-v-ebd517f8]{color:#333;margin:0}.btn-close[data-v-ebd517f8]{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:24px;transition:all .3s;display:flex}.btn-close[data-v-ebd517f8]:hover{color:#666;background:#f0f0f0}.form-group[data-v-ebd517f8]{margin-bottom:15px}.form-group label[data-v-ebd517f8]{color:#333;margin-bottom:5px;font-weight:500;display:block}.form-group input[data-v-ebd517f8],.form-group textarea[data-v-ebd517f8],.form-group select[data-v-ebd517f8]{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:8px;font-size:.9rem}.form-group input[data-v-ebd517f8]:focus,.form-group textarea[data-v-ebd517f8]:focus,.form-group select[data-v-ebd517f8]:focus{color:#333;background:#fff;border-color:#4a9eff;outline:none}.form-group textarea[data-v-ebd517f8]{resize:vertical;height:80px}.input-hint[data-v-ebd517f8]{color:#999;margin-top:5px;font-size:.85rem;display:block}.price-range-inputs[data-v-ebd517f8]{align-items:center;gap:10px;display:flex}.price-range-inputs input[data-v-ebd517f8]{flex:1}.price-separator[data-v-ebd517f8]{color:#666;font-weight:500}.cover-upload[data-v-ebd517f8]{cursor:pointer;border:2px dashed #d0d0d0;border-radius:8px;width:200px;height:125px;position:relative;overflow:hidden}.cover-upload[data-v-ebd517f8]:hover{border-color:#4a90e2}.cover-preview[data-v-ebd517f8]{width:100%;height:100%;position:relative}.cover-preview img[data-v-ebd517f8]{object-fit:contain;width:100%;height:100%}.cover-overlay[data-v-ebd517f8]{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.cover-preview:hover .cover-overlay[data-v-ebd517f8]{opacity:1}.upload-placeholder[data-v-ebd517f8]{color:#999;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.upload-placeholder span[data-v-ebd517f8]:first-child{font-size:32px}.upload-hint[data-v-ebd517f8]{color:#999;margin:8px 0 0;font-size:.8rem}.form-actions[data-v-ebd517f8]{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-cancel[data-v-ebd517f8]{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-save[data-v-ebd517f8]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.9rem}.btn-save[data-v-ebd517f8]:hover{background:#3a8eef}.content-manage[data-v-b34980c9]{width:100%;max-width:100%}.content-manage h2[data-v-b34980c9]{color:#333;margin-bottom:30px}.content-sections[data-v-b34980c9]{flex-direction:column;gap:30px;display:flex}.section[data-v-b34980c9]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.section-header[data-v-b34980c9]{border-bottom:2px solid #3498db;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.section-header h3[data-v-b34980c9]{color:#333;margin:0}.btn-save-section[data-v-b34980c9]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:background .3s;display:flex}.btn-save-section[data-v-b34980c9]:hover{background:#3a8eef}.form-group[data-v-b34980c9]{margin-bottom:20px}.form-group label[data-v-b34980c9]{color:#555;margin-bottom:8px;font-weight:500;display:block}.form-group input[data-v-b34980c9],.form-group textarea[data-v-b34980c9]{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:.9rem;transition:border-color .3s}.form-group input[data-v-b34980c9]:focus,.form-group textarea[data-v-b34980c9]:focus{color:#333;background:#fff;border-color:#4a9eff;outline:none}.form-group textarea[data-v-b34980c9]{resize:vertical;min-height:80px}.message-toast[data-v-b34980c9]{color:#fff;z-index:1000;border-radius:8px;padding:15px 40px;font-weight:500;animation:.3s fadeInDown-b34980c9;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.message-toast.success[data-v-b34980c9]{background:#27ae60}@keyframes fadeInDown-b34980c9{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.partners-manage[data-v-b34980c9]{margin-top:20px}.partner-add[data-v-b34980c9]{align-items:center;gap:15px;margin-bottom:20px;display:flex}.btn-add-partner[data-v-b34980c9]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:background .3s;display:flex}.btn-add-partner[data-v-b34980c9]:hover{background:#3a8eef}.partner-hint[data-v-b34980c9]{color:#999;font-size:.85rem}.partners-list[data-v-b34980c9]{flex-direction:column;gap:15px;display:flex}.partner-item[data-v-b34980c9]{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:20px;padding:20px;display:flex}.partner-logo[data-v-b34980c9]{background:#fff;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:60px;display:flex;overflow:hidden}.partner-logo img[data-v-b34980c9]{object-fit:contain;max-width:100%;max-height:100%}.partner-info[data-v-b34980c9]{flex:1}.partner-name-input[data-v-b34980c9]{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px 12px;font-size:.95rem}.partner-name-input[data-v-b34980c9]:focus{border-color:#4a9eff;outline:none}.banner-upload[data-v-b34980c9]{flex-direction:column;gap:15px;display:flex}.banner-preview[data-v-b34980c9]{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;width:100%;max-width:600px;height:200px;overflow:hidden}.banner-preview img[data-v-b34980c9]{object-fit:cover;width:100%;height:100%}.banner-placeholder[data-v-b34980c9]{color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:600px;height:200px;display:flex}.banner-placeholder span[data-v-b34980c9]{font-size:.9rem}.banner-placeholder .btn-upload[data-v-b34980c9]{margin-top:5px}.banner-actions[data-v-b34980c9]{gap:10px;display:flex}.about-team-preview[data-v-b34980c9]{max-width:400px;height:250px}.about-team-preview img[data-v-b34980c9]{object-fit:contain;background:#f0f0f0}.partner-actions[data-v-b34980c9]{align-items:center;gap:8px;display:flex}.btn-move-up[data-v-b34980c9],.btn-move-down[data-v-b34980c9]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.btn-move-up[data-v-b34980c9]:hover:not(:disabled),.btn-move-down[data-v-b34980c9]:hover:not(:disabled){background:#f0f0f0;border-color:#3498db}.btn-move-up[data-v-b34980c9]:disabled,.btn-move-down[data-v-b34980c9]:disabled{opacity:.3;cursor:not-allowed}.btn-delete-partner[data-v-b34980c9]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:8px 15px;font-size:.85rem;transition:background .3s}.btn-delete-partner[data-v-b34980c9]:hover{background:#c0392b}.no-partners[data-v-b34980c9]{text-align:center;color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:40px}.banner-manage[data-v-b34980c9],.banner-video-section[data-v-b34980c9]{margin-top:20px}.section-label[data-v-b34980c9]{color:#555;margin-bottom:12px;font-weight:500;display:block}.video-input-tabs[data-v-b34980c9]{gap:10px;margin-bottom:15px;display:flex}.tab-btn[data-v-b34980c9]{cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:5px;padding:8px 16px;font-size:.85rem;transition:all .3s}.tab-btn[data-v-b34980c9]:hover{background:#e0e0e0}.tab-btn.active[data-v-b34980c9]{color:#fff;background:#4a9eff;border-color:#4a9eff}.video-url-input input[data-v-b34980c9]{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:12px;font-size:1rem}.video-url-input .input-hint[data-v-b34980c9]{color:#999;margin-top:8px;font-size:.85rem}.video-upload-area[data-v-b34980c9]{margin-top:10px}.video-upload-box[data-v-b34980c9]{text-align:center;cursor:pointer;background:#f8f9fa;border:2px dashed #3498db;border-radius:10px;padding:40px;transition:all .3s}.video-upload-box[data-v-b34980c9]:hover{background:#e3f2fd;border-color:#2980b9}.video-upload-box svg[data-v-b34980c9]{margin-bottom:15px}.video-upload-box p[data-v-b34980c9]{color:#333;margin:0 0 10px;font-size:1.1rem}.video-preview[data-v-b34980c9]{flex-direction:column;align-items:center;gap:15px;display:flex}.video-preview video[data-v-b34980c9]{border-radius:8px;max-width:100%}.btn-change-video[data-v-b34980c9]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:10px 25px;font-size:.95rem;transition:background .3s}.btn-change-video[data-v-b34980c9]:hover{background:#3a8eef}.team-manage[data-v-b34980c9]{margin-top:20px}.team-add[data-v-b34980c9]{align-items:center;gap:15px;margin-bottom:20px;display:flex}.btn-add-team[data-v-b34980c9]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;transition:background .3s;display:flex}.btn-add-team[data-v-b34980c9]:hover{background:#3a8eef}.team-hint[data-v-b34980c9]{color:#999;font-size:.85rem}.team-list[data-v-b34980c9]{flex-direction:column;gap:15px;display:flex}.team-item[data-v-b34980c9]{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;align-items:center;gap:20px;padding:20px;display:flex}.team-photo[data-v-b34980c9]{background:#fff;border:2px solid #ddd;border-radius:50%;flex-shrink:0;width:80px;height:80px;overflow:hidden}.team-photo img[data-v-b34980c9]{object-fit:cover;width:100%;height:100%}.team-info[data-v-b34980c9]{flex-direction:column;flex:1;gap:10px;display:flex}.team-input[data-v-b34980c9]{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px 12px;font-size:.95rem}.team-input[data-v-b34980c9]:focus{border-color:#3498db;outline:none}.team-actions[data-v-b34980c9]{align-items:center;gap:8px;display:flex}.btn-delete-team[data-v-b34980c9]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:8px 15px;font-size:.85rem;transition:background .3s}.btn-delete-team[data-v-b34980c9]:hover{background:#c0392b}.no-team[data-v-b34980c9]{text-align:center;color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;padding:40px}.map-image-upload[data-v-b34980c9]{margin-top:10px}.map-preview[data-v-b34980c9]{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;width:100%;max-width:600px;height:200px;margin-bottom:15px;overflow:hidden}.map-preview img[data-v-b34980c9]{object-fit:cover;width:100%;height:100%}.map-placeholder[data-v-b34980c9]{color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;max-width:600px;height:200px;margin-bottom:15px;display:flex}.map-placeholder span[data-v-b34980c9]{font-size:.9rem}.map-placeholder .btn-upload[data-v-b34980c9]{margin-top:5px}.btn-upload[data-v-b34980c9]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px;font-size:.85rem;transition:background .3s}.btn-upload[data-v-b34980c9]:hover{background:#3a8eef}.map-actions[data-v-b34980c9]{gap:10px;display:flex}.qrcode-upload[data-v-b34980c9]{margin-top:10px}.qrcode-preview[data-v-b34980c9]{background:#f8f9fa;border:2px solid #ddd;border-radius:8px;width:150px;height:150px;margin-bottom:15px;overflow:hidden}.qrcode-preview img[data-v-b34980c9]{object-fit:cover;width:100%;height:100%}.qrcode-placeholder[data-v-b34980c9]{color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:150px;height:150px;margin-bottom:15px;display:flex}.qrcode-placeholder span[data-v-b34980c9]{font-size:.85rem}.qrcode-actions[data-v-b34980c9]{gap:10px;margin-bottom:10px;display:flex}.qrcode-name-input[data-v-b34980c9]{color:#333;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;max-width:300px;padding:8px 12px;font-size:.9rem}.qrcode-name-input[data-v-b34980c9]:focus{border-color:#4a9eff;outline:none}.btn-delete-favicon[data-v-b34980c9]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:8px 16px;font-size:.85rem;transition:background .3s}.btn-delete-favicon[data-v-b34980c9]:hover{background:#c0392b}.modal[data-v-b34980c9]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-b34980c9]{background:#fff;border-radius:10px;width:90%;max-width:500px;padding:30px}.modal-content h3[data-v-b34980c9]{margin-bottom:20px}.crop-modal[data-v-b34980c9]{z-index:1100}.crop-content[data-v-b34980c9]{width:95%;max-width:600px}.crop-container[data-v-b34980c9]{background:#f5f5f5;border-radius:8px;width:100%;height:400px;margin-bottom:20px;overflow:hidden}.crop-image[data-v-b34980c9]{max-width:100%;display:block}.crop-actions[data-v-b34980c9]{justify-content:flex-end;gap:10px;display:flex}.btn-cancel[data-v-b34980c9]{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:5px;padding:8px 16px}.btn-save[data-v-b34980c9]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px}[data-v-b34980c9] .cropper-container{width:100%!important;height:100%!important}.input-hint[data-v-b34980c9]{color:#999;margin-top:8px;font-size:.85rem}.site-settings[data-v-a80569aa]{width:100%;max-width:100%}.site-settings h2[data-v-a80569aa]{color:#333;margin-bottom:30px}.settings-sections[data-v-a80569aa]{flex-direction:column;gap:30px;display:flex}.section[data-v-a80569aa]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.section-header[data-v-a80569aa]{border-bottom:2px solid #4a9eff;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.section-header h3[data-v-a80569aa]{color:#333;margin:0}.btn-save-section[data-v-a80569aa]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;transition:background .3s;display:flex}.btn-save-section[data-v-a80569aa]:hover{background:#3a8eef}.form-group[data-v-a80569aa]{margin-bottom:20px}.form-group label[data-v-a80569aa]{color:#555;margin-bottom:8px;font-weight:500;display:block}.form-group input[data-v-a80569aa],.form-group textarea[data-v-a80569aa]{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:.9rem;transition:border-color .3s}.form-group input[data-v-a80569aa]:focus,.form-group textarea[data-v-a80569aa]:focus{border-color:#4a9eff;outline:none}.checkbox-label[data-v-a80569aa]{cursor:pointer;align-items:center;gap:10px;display:flex!important}.checkbox-label input[type=checkbox][data-v-a80569aa]{width:auto}.seo-tabs[data-v-a80569aa]{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.seo-tabs .tab-btn[data-v-a80569aa]{cursor:pointer;background:#f0f0f0;border:1px solid #ddd;border-radius:5px;padding:8px 16px;font-size:.85rem;transition:all .3s}.seo-tabs .tab-btn.active[data-v-a80569aa]{color:#fff;background:#4a9eff;border-color:#4a9eff}.seo-content[data-v-a80569aa]{background:#f8f9fa;border-radius:8px;padding:20px}.favicon-upload[data-v-a80569aa]{flex-direction:column;align-items:center;gap:20px;display:flex}.favicon-preview[data-v-a80569aa]{background:#fff;border:2px solid #ddd;border-radius:8px;width:64px;height:64px;overflow:hidden}.favicon-preview img[data-v-a80569aa]{object-fit:contain;width:100%;height:100%}.favicon-placeholder[data-v-a80569aa]{color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.favicon-placeholder span[data-v-a80569aa]{margin-top:5px;font-size:.8rem}.favicon-actions[data-v-a80569aa]{gap:10px;display:flex}.btn-upload[data-v-a80569aa]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 20px;font-size:.85rem;transition:background .3s}.btn-upload[data-v-a80569aa]:hover{background:#3a8eef}.btn-delete-favicon[data-v-a80569aa]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:8px 20px;font-size:.85rem;transition:background .3s}.btn-delete-favicon[data-v-a80569aa]:hover{background:#c0392b}.favicon-hint[data-v-a80569aa]{color:#999;margin:0;font-size:.85rem}.logo-upload[data-v-a80569aa]{flex-direction:column;align-items:center;gap:20px;display:flex}.logo-preview-large[data-v-a80569aa]{background:#fff;border:2px solid #ddd;border-radius:8px;justify-content:center;align-items:center;width:200px;height:100px;display:flex;overflow:hidden}.logo-preview-large img[data-v-a80569aa]{object-fit:contain;max-width:100%;max-height:100%}.logo-placeholder-large[data-v-a80569aa]{color:#999;background:#f8f9fa;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:200px;height:100px;display:flex}.logo-placeholder-large span[data-v-a80569aa]{margin-top:8px;font-size:.9rem}.logo-actions[data-v-a80569aa]{gap:10px;display:flex}.logo-options[data-v-a80569aa]{width:100%;max-width:300px;margin-top:10px}.logo-options .form-group[data-v-a80569aa]{margin-bottom:0}.logo-options input[type=number][data-v-a80569aa]{width:100%}.hint-text[data-v-a80569aa]{color:#999;margin-top:5px;margin-bottom:0;font-size:.85rem}.password-input-wrapper[data-v-a80569aa]{align-items:center;display:flex;position:relative}.password-input-wrapper input[data-v-a80569aa]{width:100%;padding-right:40px}.toggle-password[data-v-a80569aa]{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex;position:absolute;right:10px}.toggle-password[data-v-a80569aa]:hover{color:#333}.user-settings[data-v-3c09c349]{width:100%;max-width:100%}.user-settings h2[data-v-3c09c349]{color:#333;margin-bottom:30px}.settings-sections[data-v-3c09c349]{flex-direction:column;gap:30px;display:flex}.section[data-v-3c09c349]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.section h3[data-v-3c09c349]{color:#333;border-bottom:2px solid #4a9eff;margin-bottom:20px;padding-bottom:10px}.current-account[data-v-3c09c349]{background:#f8f9fa;border-radius:5px;margin-bottom:20px;padding:15px}.current-account .label[data-v-3c09c349]{color:#666}.current-account .value[data-v-3c09c349]{color:#333;font-size:1.1rem;font-weight:600}.form-group[data-v-3c09c349]{margin-bottom:20px}.form-group label[data-v-3c09c349]{color:#555;margin-bottom:8px;font-weight:500;display:block}.form-group input[data-v-3c09c349]{color:#333;box-sizing:border-box;background:#fff;border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:.9rem;transition:border-color .3s}.form-group input[data-v-3c09c349]:focus{border-color:#4a9eff;outline:none}.form-actions[data-v-3c09c349]{margin-top:25px}.btn-primary[data-v-3c09c349]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:10px 25px;font-size:.9rem;transition:background .3s}.btn-primary[data-v-3c09c349]:hover{background:#3a8eef}.btn-secondary[data-v-3c09c349]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:5px;padding:10px 25px;font-size:.9rem;transition:background .3s}.btn-secondary[data-v-3c09c349]:hover{background:#c0392b}.security-info[data-v-3c09c349]{margin-bottom:20px}.info-item[data-v-3c09c349]{border-bottom:1px solid #eee;align-items:center;gap:10px;padding:12px 0;display:flex}.info-item[data-v-3c09c349]:last-child{border-bottom:none}.info-item span[data-v-3c09c349]{color:#555}.message-toast[data-v-3c09c349]{color:#fff;z-index:1000;border-radius:8px;padding:15px 40px;font-weight:500;animation:.3s fadeInDown-3c09c349;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0003}.message-toast.success[data-v-3c09c349]{background:#27ae60}.message-toast.error[data-v-3c09c349]{background:#e74c3c}@keyframes fadeInDown-3c09c349{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.file-manage[data-v-b5a9b021]{padding:20px}.page-header[data-v-b5a9b021]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h2[data-v-b5a9b021]{color:#333;margin:0;font-size:1.5rem}.btn-primary[data-v-b5a9b021]{color:#fff;cursor:pointer;background:#409eff;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;transition:background .3s;display:flex}.btn-primary[data-v-b5a9b021]:hover{background:#66b1ff}.btn-secondary[data-v-b5a9b021]{color:#fff;cursor:pointer;background:#909399;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem}.btn-secondary[data-v-b5a9b021]:hover{background:#a6a9ad}.empty-state[data-v-b5a9b021]{text-align:center;color:#909399;background:#f5f7fa;border-radius:8px;padding:80px 20px}.empty-state svg[data-v-b5a9b021]{margin-bottom:20px}.empty-state p[data-v-b5a9b021]{margin-bottom:20px;font-size:1rem}.data-table[data-v-b5a9b021]{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 12px #0000001a}.data-table th[data-v-b5a9b021],.data-table td[data-v-b5a9b021]{text-align:left;border-bottom:1px solid #ebeef5;padding:15px}.data-table th[data-v-b5a9b021]{color:#606266;background:#f5f7fa;font-weight:600}.sortable[data-v-b5a9b021]{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable[data-v-b5a9b021]:hover{background:#e4e7ed}.sort-icon[data-v-b5a9b021]{color:#409eff;margin-left:5px}.file-name-cell[data-v-b5a9b021]{align-items:center;gap:10px;display:flex}.file-icon-small[data-v-b5a9b021]{color:#409eff;flex-shrink:0}.file-name[data-v-b5a9b021]{cursor:pointer;color:#606266}.file-name[data-v-b5a9b021]:hover{color:#409eff}.edit-input[data-v-b5a9b021]{border:1px solid #409eff;border-radius:4px;width:200px;padding:5px 10px;font-size:.9rem}.actions[data-v-b5a9b021]{gap:8px;display:flex}.btn-icon[data-v-b5a9b021]{color:#606266;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px;transition:all .3s}.btn-icon[data-v-b5a9b021]:hover:not(:disabled){color:#409eff;background:#f5f7fa}.btn-icon[data-v-b5a9b021]:disabled{opacity:.3;cursor:not-allowed}.btn-delete[data-v-b5a9b021]:hover{color:#f56c6c}.modal[data-v-b5a9b021]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-b5a9b021]{background:#fff;border-radius:8px;width:90%;max-width:500px;padding:30px}.modal-content h3[data-v-b5a9b021]{color:#303133;margin-bottom:20px}.upload-area[data-v-b5a9b021]{text-align:center;cursor:pointer;border:2px dashed #d9d9d9;border-radius:8px;padding:40px;transition:border-color .3s}.upload-area[data-v-b5a9b021]:hover{border-color:#409eff}.upload-placeholder[data-v-b5a9b021]{color:#909399}.upload-placeholder svg[data-v-b5a9b021]{margin-bottom:15px}.upload-hint[data-v-b5a9b021]{color:#c0c4cc;margin-top:10px;font-size:.85rem}.upload-list[data-v-b5a9b021]{margin-top:20px}.upload-item[data-v-b5a9b021]{background:#f5f7fa;border-radius:4px;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.upload-name[data-v-b5a9b021]{color:#606266;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;overflow:hidden}.upload-progress[data-v-b5a9b021]{background:#e4e7ed;border-radius:3px;width:100px;height:6px;overflow:hidden}.progress-bar[data-v-b5a9b021]{background:#409eff;height:100%;transition:width .3s}.upload-status[data-v-b5a9b021]{color:#909399;text-align:right;min-width:60px;font-size:.85rem}.modal-actions[data-v-b5a9b021]{text-align:right;margin-top:20px}.creators-manage[data-v-3e3f1d2b]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.tabs[data-v-3e3f1d2b]{border-bottom:2px solid #eee;gap:0;margin-bottom:20px;display:flex}.tab[data-v-3e3f1d2b]{cursor:pointer;color:#666;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-weight:500;transition:all .3s}.tab[data-v-3e3f1d2b]:hover{color:#4a9eff}.tab.active[data-v-3e3f1d2b]{color:#4a9eff;border-bottom-color:#4a9eff}.page-header[data-v-3e3f1d2b]{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h2[data-v-3e3f1d2b]{color:#333;margin:0}.btn-primary[data-v-3e3f1d2b]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px}.creators-list table[data-v-3e3f1d2b],.actors-list table[data-v-3e3f1d2b]{border-collapse:collapse;width:100%}.creators-list th[data-v-3e3f1d2b],.creators-list td[data-v-3e3f1d2b],.actors-list th[data-v-3e3f1d2b],.actors-list td[data-v-3e3f1d2b]{text-align:left;border-bottom:1px solid #eee;padding:15px}.creators-list th[data-v-3e3f1d2b],.actors-list th[data-v-3e3f1d2b]{background:#f8f9fa;font-weight:600}.creator-avatar[data-v-3e3f1d2b]{object-fit:cover;background:#f0f0f0;border-radius:50%;width:50px;height:50px;display:block}.position-tag[data-v-3e3f1d2b]{border-radius:12px;padding:4px 12px;font-size:.85rem}.position-tag.director[data-v-3e3f1d2b]{color:#1976d2;background:#e3f2fd}.position-tag.planner[data-v-3e3f1d2b]{color:#7b1fa2;background:#f3e5f5}.position-tag.editor[data-v-3e3f1d2b]{color:#388e3c;background:#e8f5e9}.position-tag.photographer[data-v-3e3f1d2b]{color:#f57c00;background:#fff3e0}.position-tag.lighting[data-v-3e3f1d2b]{color:#c2185b;background:#fce4ec}.btn-edit[data-v-3e3f1d2b],.btn-delete[data-v-3e3f1d2b]{cursor:pointer;border:none;border-radius:3px;margin-right:5px;padding:5px 10px}.btn-edit[data-v-3e3f1d2b]{color:#fff;background:#f39c12}.btn-delete[data-v-3e3f1d2b]{color:#fff;background:#e74c3c}.modal[data-v-3e3f1d2b]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-3e3f1d2b]{background:#fff;border-radius:10px;width:90%;max-width:500px;padding:30px}.modal-content h3[data-v-3e3f1d2b]{margin-bottom:20px}.form-group[data-v-3e3f1d2b]{margin-bottom:15px}.form-group label[data-v-3e3f1d2b]{margin-bottom:5px;font-weight:500;display:block}.form-group input[data-v-3e3f1d2b],.form-group select[data-v-3e3f1d2b]{border:1px solid #ddd;border-radius:5px;width:100%;padding:8px}.form-input[data-v-3e3f1d2b],.form-select[data-v-3e3f1d2b]{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-size:.95rem}.form-input[data-v-3e3f1d2b]:focus,.form-select[data-v-3e3f1d2b]:focus{background:#fff;border-color:#4a9eff;outline:none}.form-input[data-v-3e3f1d2b]::placeholder{color:#999}.position-checkboxes[data-v-3e3f1d2b]{flex-wrap:wrap;gap:12px;padding:10px 0;display:flex}.checkbox-label[data-v-3e3f1d2b]{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;align-items:center;gap:10px;padding:12px 18px;transition:all .2s;display:flex}.checkbox-label[data-v-3e3f1d2b]:hover{border-color:#4a9eff}.checkbox-label.checked[data-v-3e3f1d2b]{background:#f0f7ff;border-color:#4a9eff}.checkbox-input[data-v-3e3f1d2b]{opacity:0;width:0;height:0;position:absolute}.custom-checkbox[data-v-3e3f1d2b]{background:#fff;border:2px solid #ccc;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.checkbox-label:hover .custom-checkbox[data-v-3e3f1d2b]{border-color:#4a9eff}.checkbox-label.checked .custom-checkbox[data-v-3e3f1d2b]{background:#4a9eff;border-color:#4a9eff}.custom-checkbox svg[data-v-3e3f1d2b]{color:#fff;width:14px;height:14px}.checkbox-text[data-v-3e3f1d2b]{color:#333;font-size:.95rem}.position-tags[data-v-3e3f1d2b]{flex-wrap:wrap;gap:6px;display:flex}.avatar-upload[data-v-3e3f1d2b]{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.avatar-error[data-v-3e3f1d2b]{color:#e74c3c;width:100%;margin-top:5px;font-size:.8rem}.avatar-preview[data-v-3e3f1d2b],.avatar-placeholder[data-v-3e3f1d2b]{object-fit:cover;color:#999;background:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.file-input[data-v-3e3f1d2b]{display:none}.btn-upload[data-v-3e3f1d2b]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px}.form-actions[data-v-3e3f1d2b]{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.btn-cancel[data-v-3e3f1d2b]{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:5px;padding:8px 16px}.btn-save[data-v-3e3f1d2b]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:5px;padding:8px 16px}.crop-modal[data-v-3e3f1d2b]{z-index:1100}.crop-content[data-v-3e3f1d2b]{width:95%;max-width:600px}.crop-container[data-v-3e3f1d2b]{background:#f5f5f5;border-radius:8px;width:100%;height:400px;margin-bottom:20px;overflow:hidden}.crop-image[data-v-3e3f1d2b]{max-width:100%;display:block}.crop-actions[data-v-3e3f1d2b]{justify-content:flex-end;gap:10px;display:flex}[data-v-3e3f1d2b] .cropper-container{width:100%!important;height:100%!important}[data-v-3e3f1d2b] .cropper-crop-box{border-radius:50%}[data-v-3e3f1d2b] .cropper-view-box{border-radius:50%;outline:none}[data-v-3e3f1d2b] .cropper-face{border-radius:50%}.dropbox-manage[data-v-ca6465fc]{background:#fff;border-radius:10px;padding:30px;box-shadow:0 2px 10px #0000001a}.page-header[data-v-ca6465fc]{margin-bottom:30px}.page-header h2[data-v-ca6465fc]{color:#333;margin:0 0 10px}.subtitle[data-v-ca6465fc]{color:#666;margin:0;font-size:.9rem}.file-list[data-v-ca6465fc]{overflow-x:auto}table[data-v-ca6465fc]{border-collapse:collapse;width:100%}th[data-v-ca6465fc],td[data-v-ca6465fc]{text-align:left;border-bottom:1px solid #eee;padding:15px}th[data-v-ca6465fc]{color:#333;background:#f8f9fa;font-weight:600}.file-info[data-v-ca6465fc]{flex-direction:column;gap:4px;display:flex}.file-name[data-v-ca6465fc]{color:#333;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-weight:500;overflow:hidden}.file-desc[data-v-ca6465fc]{color:#666;text-overflow:ellipsis;white-space:nowrap;max-width:300px;font-size:.85rem;overflow:hidden}.btn-download[data-v-ca6465fc]{color:#fff;cursor:pointer;background:#4a9eff;border:none;border-radius:4px;margin-right:8px;padding:6px 12px;font-size:.85rem}.btn-download[data-v-ca6465fc]:hover{background:#3a8eef}.btn-delete[data-v-ca6465fc]{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:4px;padding:6px 12px;font-size:.85rem}.btn-delete[data-v-ca6465fc]:hover{background:#c0392b}.empty-cell[data-v-ca6465fc]{text-align:center;color:#999;padding:50px}@media (width<=768px){.dropbox-manage[data-v-ca6465fc]{padding:20px}th[data-v-ca6465fc],td[data-v-ca6465fc]{padding:10px;font-size:.85rem}.file-name[data-v-ca6465fc]{max-width:150px}.btn-download[data-v-ca6465fc],.btn-delete[data-v-ca6465fc]{padding:4px 8px;font-size:.8rem}}.camera-manage[data-v-7438f2e4]{padding:20px}.tabs-header[data-v-7438f2e4]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tabs[data-v-7438f2e4]{gap:8px;display:flex}.tab-btn[data-v-7438f2e4]{color:#666;cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .3s}.tab-btn[data-v-7438f2e4]:hover{background:#e0e0e0}.tab-btn.active[data-v-7438f2e4]{color:#fff;background:#333}.page-header[data-v-7438f2e4]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2[data-v-7438f2e4]{color:#1a1a1a;margin:0;font-size:24px}.btn[data-v-7438f2e4]{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.btn-primary[data-v-7438f2e4]{color:#fff;background:#4a90e2}.btn-primary[data-v-7438f2e4]:hover{background:#357abd}.btn-secondary[data-v-7438f2e4]{color:#333;background:#f0f0f0}.btn-secondary[data-v-7438f2e4]:hover{background:#e0e0e0}.btn-danger[data-v-7438f2e4]{color:#fff;background:#e74c3c}.btn-danger[data-v-7438f2e4]:hover{background:#c0392b}.camera-grid[data-v-7438f2e4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.camera-card[data-v-7438f2e4]{cursor:move;background:#fff;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.camera-card[draggable=true][data-v-7438f2e4]:hover{box-shadow:0 4px 12px #0000001f}.drag-handle[data-v-7438f2e4]{cursor:grab;z-index:10;background:#ffffffe6;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .3s;display:flex;position:absolute;top:8px;left:8px}.drag-handle[data-v-7438f2e4]:hover{background:#fff;box-shadow:0 2px 8px #00000026}.drag-handle[data-v-7438f2e4]:active{cursor:grabbing}.camera-cover[data-v-7438f2e4]{aspect-ratio:16/9;background:#fff;width:100%;position:relative;overflow:hidden}.camera-cover img[data-v-7438f2e4]{object-fit:contain;width:100%;height:100%}.status-badge[data-v-7438f2e4]{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;position:absolute;top:8px;right:8px}.status-badge.published[data-v-7438f2e4]{color:#fff;background:#27ae60}.status-badge.draft[data-v-7438f2e4]{color:#fff;background:#95a5a6}.camera-info[data-v-7438f2e4]{padding:16px}.camera-info h3[data-v-7438f2e4]{margin:0 0 4px;font-size:16px;font-weight:600}.brand[data-v-7438f2e4]{color:#888;margin:0 0 12px;font-size:14px}.camera-meta[data-v-7438f2e4]{color:#666;justify-content:space-between;font-size:13px;display:flex}.camera-actions[data-v-7438f2e4]{border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}.library-section[data-v-7438f2e4],.share-settings-section[data-v-7438f2e4]{margin-top:20px}.share-info-card[data-v-7438f2e4]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.share-info-card h3[data-v-7438f2e4]{color:#333;margin:0 0 20px;font-size:18px}.share-preview[data-v-7438f2e4]{background:#f8f9fa;border:1px solid #e8e8e8;border-radius:8px;gap:16px;margin-bottom:20px;padding:16px;display:flex}.preview-image[data-v-7438f2e4]{background:#f0f0f0;border-radius:8px;flex-shrink:0;width:100px;height:100px;overflow:hidden}.preview-image img[data-v-7438f2e4]{object-fit:cover;width:100%;height:100%}.preview-content[data-v-7438f2e4]{flex-direction:column;flex:1;justify-content:center;gap:8px;display:flex}.preview-title[data-v-7438f2e4]{color:#333;font-size:16px;font-weight:600}.preview-desc[data-v-7438f2e4]{color:#666;font-size:14px;line-height:1.5}.preview-url[data-v-7438f2e4]{color:#999;font-size:12px}.share-details[data-v-7438f2e4]{flex-direction:column;gap:12px;display:flex}.detail-item[data-v-7438f2e4]{align-items:flex-start;gap:8px;display:flex}.detail-label[data-v-7438f2e4]{color:#666;flex-shrink:0;min-width:80px;font-size:14px}.detail-value[data-v-7438f2e4]{color:#333;word-break:break-all;font-size:14px}.category-tabs[data-v-7438f2e4]{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-tabs .tab-btn[data-v-7438f2e4]{padding:6px 16px;font-size:13px}.library-grid[data-v-7438f2e4]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.library-card[data-v-7438f2e4]{background:#fff;border:1px solid #eee;border-radius:8px;transition:box-shadow .3s;overflow:hidden}.library-card[data-v-7438f2e4]:hover{box-shadow:0 4px 12px #0000001a}.library-cover[data-v-7438f2e4]{aspect-ratio:16/9;cursor:pointer;background:#f5f5f5;width:100%;position:relative;overflow:hidden}.library-cover img[data-v-7438f2e4]{object-fit:cover;width:100%;height:100%}.play-overlay[data-v-7438f2e4]{color:#333;opacity:0;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:opacity .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.library-cover:hover .play-overlay[data-v-7438f2e4]{opacity:1}.library-info[data-v-7438f2e4]{padding:16px}.library-info h3[data-v-7438f2e4]{margin:0 0 8px;font-size:15px;font-weight:600}.library-desc[data-v-7438f2e4]{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.library-meta[data-v-7438f2e4]{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.category-badge[data-v-7438f2e4]{color:#fff;background:#e63946;border-radius:3px;padding:2px 8px;font-size:12px}.library-tags[data-v-7438f2e4]{flex-wrap:wrap;gap:4px;display:flex}.library-tags .tag[data-v-7438f2e4]{color:#666;background:#f0f0f0;border-radius:3px;padding:2px 6px;font-size:11px}.library-actions[data-v-7438f2e4]{border-top:1px solid #eee;gap:8px;padding-top:12px;display:flex}.tags-input-container[data-v-7438f2e4]{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px}.tags-list[data-v-7438f2e4]{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.tag-item[data-v-7438f2e4]{color:#1976d2;background:#e3f2fd;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;display:inline-flex}.tag-remove[data-v-7438f2e4]{color:#1976d2;cursor:pointer;background:0 0;border:none;font-size:14px;line-height:1}.tag-input[data-v-7438f2e4]{background:0 0;border:none;outline:none;width:100%;padding:4px;font-size:14px}.modal-overlay[data-v-7438f2e4]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-7438f2e4]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header[data-v-7438f2e4]{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h3[data-v-7438f2e4]{margin:0;font-size:20px}.close-btn[data-v-7438f2e4]{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex}.close-btn[data-v-7438f2e4]:hover{color:#333}.form-group[data-v-7438f2e4]{margin-bottom:16px}.form-row[data-v-7438f2e4]{gap:12px;display:flex}.form-row .form-group[data-v-7438f2e4]{flex:1}label[data-v-7438f2e4]{color:#555;align-items:center;margin-bottom:6px;font-size:14px;display:flex}input[data-v-7438f2e4],select[data-v-7438f2e4],textarea[data-v-7438f2e4]{box-sizing:border-box;color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:6px;width:100%;padding:10px 12px;font-size:14px}textarea[data-v-7438f2e4]{resize:vertical;min-height:80px}input[data-v-7438f2e4]::placeholder{color:#999}input[data-v-7438f2e4]:focus,select[data-v-7438f2e4]:focus{background:#fff;border-color:#4a90e2;outline:none;box-shadow:0 0 0 3px #4a90e21a}.cover-upload[data-v-7438f2e4]{width:100%}.cover-preview[data-v-7438f2e4]{aspect-ratio:16/9;background:#fff;border-radius:8px;width:320px;position:relative;overflow:hidden}.cover-preview img[data-v-7438f2e4]{object-fit:contain;width:100%;height:100%}.remove-btn[data-v-7438f2e4]{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex;position:absolute;top:8px;right:8px}.upload-area[data-v-7438f2e4]{cursor:pointer;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:320px;height:180px;transition:all .3s;display:flex}.size-hint[data-v-7438f2e4]{color:#999;margin-left:8px;font-size:12px;font-weight:400}.page-url-display[data-v-7438f2e4]{align-items:center;gap:8px;display:flex}.page-url-display .readonly-input[data-v-7438f2e4]{color:#666;cursor:text;background:#f5f5f5;flex:1}.page-url-display .copy-btn[data-v-7438f2e4]{white-space:nowrap;padding:10px 16px}.upload-area[data-v-7438f2e4]:hover{background:#f0f7ff;border-color:#4a90e2}.upload-area span[data-v-7438f2e4]{color:#999;margin-top:8px;font-size:14px}.modal-actions[data-v-7438f2e4]{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}@media (width<=768px){.camera-grid[data-v-7438f2e4]{grid-template-columns:1fr}}.comments-manage[data-v-89f146a2]{padding:20px}.page-header[data-v-89f146a2]{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2[data-v-89f146a2]{color:#1a1a1a;margin:0;font-size:24px}.header-stats[data-v-89f146a2]{gap:20px;display:flex}.stat-item[data-v-89f146a2]{color:#666;background:#f5f5f5;border-radius:8px;padding:8px 16px;font-size:14px}.filter-bar[data-v-89f146a2]{background:#fff;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex}.filter-group[data-v-89f146a2]{align-items:center;gap:8px;display:flex}.filter-group label[data-v-89f146a2]{color:#666;font-size:14px}.filter-group select[data-v-89f146a2],.filter-group input[data-v-89f146a2]{color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:6px;outline:none;padding:8px 12px;font-size:14px}.filter-group select[data-v-89f146a2]:focus,.filter-group input[data-v-89f146a2]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.filter-group input[data-v-89f146a2]{width:200px}.filter-group select option[data-v-89f146a2]{color:#333;background:#fff}.comments-table[data-v-89f146a2]{background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden}.table-header[data-v-89f146a2]{color:#333;background:#f5f5f5;grid-template-columns:120px 1fr 150px 100px 150px 80px;gap:16px;padding:16px;font-size:14px;font-weight:600;display:grid}.table-row[data-v-89f146a2]{border-bottom:1px solid #f0f0f0;grid-template-columns:120px 1fr 150px 100px 150px 80px;align-items:center;gap:16px;padding:16px;display:grid}.table-row[data-v-89f146a2]:hover{background:#fafafa}.col-author[data-v-89f146a2]{align-items:center;gap:10px;display:flex}.author-avatar[data-v-89f146a2]{color:#fff;background:#333;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.author-name[data-v-89f146a2]{color:#333;font-size:14px}.col-content[data-v-89f146a2]{min-width:0}.reply-row[data-v-89f146a2]{background:#e8f4fd;border-left:3px solid #4a90e2;border-radius:8px;grid-column:1/-1;align-items:flex-start;gap:12px;margin:0 16px 16px;padding:12px 16px;display:flex}.reply-label[data-v-89f146a2]{color:#4a90e2;white-space:nowrap;font-size:13px;font-weight:600}.reply-content[data-v-89f146a2]{color:#444;flex:1;font-size:14px;line-height:1.5}.reply-row .reply-time[data-v-89f146a2]{color:#999;white-space:nowrap;font-size:12px}.content-text[data-v-89f146a2]{color:#555;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.col-device[data-v-89f146a2],.col-type[data-v-89f146a2],.col-time[data-v-89f146a2]{color:#666;font-size:13px}.btn[data-v-89f146a2]{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.btn-sm[data-v-89f146a2]{padding:6px 12px;font-size:13px}.btn-secondary[data-v-89f146a2]{color:#333;background:#f0f0f0}.btn-secondary[data-v-89f146a2]:hover{background:#e0e0e0}.btn-secondary[data-v-89f146a2]:disabled{color:#ccc;cursor:not-allowed;background:#f5f5f5}.btn-danger[data-v-89f146a2]{color:#fff;background:#e74c3c}.btn-danger[data-v-89f146a2]:hover{background:#c0392b}.btn-primary[data-v-89f146a2]{color:#fff;background:#4a90e2}.btn-primary[data-v-89f146a2]:hover{background:#357abd}.reply-dialog-overlay[data-v-89f146a2]{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reply-dialog[data-v-89f146a2]{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.reply-dialog h3[data-v-89f146a2]{color:#333;margin:0 0 16px;font-size:18px}.reply-comment-preview[data-v-89f146a2]{color:#555;background:#f5f5f5;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.reply-textarea[data-v-89f146a2]{resize:vertical;box-sizing:border-box;border:1px solid #d0d0d0;border-radius:8px;outline:none;width:100%;margin-bottom:16px;padding:12px;font-size:14px}.reply-textarea[data-v-89f146a2]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.dialog-actions[data-v-89f146a2]{justify-content:flex-end;gap:12px;display:flex}.empty-state[data-v-89f146a2]{text-align:center;color:#999;padding:60px}.pagination[data-v-89f146a2]{justify-content:center;align-items:center;gap:16px;display:flex}.page-info[data-v-89f146a2]{color:#666;font-size:14px}@media (width<=1200px){.table-header[data-v-89f146a2],.table-row[data-v-89f146a2]{grid-template-columns:100px 1fr 120px 100px 120px 70px;gap:12px}}@media (width<=768px){.filter-bar[data-v-89f146a2]{flex-wrap:wrap}.table-header[data-v-89f146a2],.table-row[data-v-89f146a2]{flex-direction:column;gap:8px;display:flex}.table-header[data-v-89f146a2]{display:none}.table-row[data-v-89f146a2]{border-bottom:1px solid #eee;padding:16px}}.tutorial-player-page[data-v-f6ca9fc8]{background:#000;min-height:100vh;padding-bottom:80px}.video-container[data-v-f6ca9fc8]{aspect-ratio:16/9;background:#000;width:100%;position:relative}.video-container video[data-v-f6ca9fc8]{object-fit:contain;width:100%;height:100%}.video-placeholder[data-v-f6ca9fc8]{color:#666;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.video-info[data-v-f6ca9fc8]{background:#fff;border-bottom:1px solid #eee;padding:16px 20px}.video-info h1[data-v-f6ca9fc8]{margin:0 0 8px;font-size:18px;font-weight:600;line-height:1.4}.video-meta[data-v-f6ca9fc8]{color:#666;justify-content:space-between;align-items:center;font-size:13px;display:flex}.current-video-title[data-v-f6ca9fc8]{color:#667eea}.view-count[data-v-f6ca9fc8]{align-items:center;gap:4px;display:flex}.video-list-section[data-v-f6ca9fc8]{background:#fff;padding:16px 20px}.video-list-section h3[data-v-f6ca9fc8]{margin:0 0 16px;font-size:16px;font-weight:600}.video-list[data-v-f6ca9fc8]{flex-direction:column;gap:8px;display:flex}.video-item[data-v-f6ca9fc8]{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:background .2s;display:flex}.video-item[data-v-f6ca9fc8]:active{background:#f5f5f5}.video-item.active[data-v-f6ca9fc8]{background:#f0f4ff}.video-number[data-v-f6ca9fc8]{color:#666;background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.video-item.active .video-number[data-v-f6ca9fc8]{color:#fff;background:#667eea}.video-item-info[data-v-f6ca9fc8]{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.video-item-title[data-v-f6ca9fc8]{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.video-item-duration[data-v-f6ca9fc8]{color:#999;font-size:12px}.playing-icon[data-v-f6ca9fc8]{flex-shrink:0}.back-btn[data-v-f6ca9fc8]{color:#666;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);margin:20px;padding:14px;font-size:14px;transition:all .3s;display:flex}.back-btn[data-v-f6ca9fc8]:active{background:#f5f5f5}.camera-guide-page[data-v-6bff923a]{background:#f5f5f5;min-height:100vh}.page-title[data-v-6bff923a]{text-align:center;background:#f5f5f5;padding:16px}.page-title h1[data-v-6bff923a]{color:#333;margin:0;font-size:22px;font-weight:700}.switch-hint[data-v-6bff923a]{text-align:center;padding:0 16px 16px}.switch-hint span[data-v-6bff923a]{color:#666;background:#fff;border-radius:20px;padding:8px 20px;font-size:13px;display:inline-block;box-shadow:0 2px 8px #0000000d}.content[data-v-6bff923a]{padding:0 16px}.section[data-v-6bff923a]{background:#fff;border-radius:12px;margin-bottom:16px;padding:16px}.section-title[data-v-6bff923a]{color:#333;align-items:center;gap:8px;margin-bottom:16px;font-size:16px;font-weight:600;display:flex}.title-icon[data-v-6bff923a]{color:#333}.main-video-card[data-v-6bff923a]{cursor:pointer}.video-cover[data-v-6bff923a]{aspect-ratio:16/9;background:#f5f5f5;border-radius:12px;width:100%;margin-bottom:12px;position:relative;overflow:hidden}.video-cover img[data-v-6bff923a]{object-fit:cover;width:100%;height:100%}.empty-cover[data-v-6bff923a]{color:#ddd;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;display:flex}.play-btn[data-v-6bff923a]{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-btn span[data-v-6bff923a]{color:#333;margin-left:4px;font-size:24px}.video-info h3[data-v-6bff923a]{color:#333;margin:0 0 8px;font-size:16px;font-weight:600}.video-info p[data-v-6bff923a]{color:#666;margin:0;font-size:13px}.quick-access[data-v-6bff923a]{gap:12px;margin-bottom:16px;display:flex}.quick-card[data-v-6bff923a]{cursor:pointer;background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000d}.quick-icon[data-v-6bff923a]{background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;overflow:hidden}.icon-img[data-v-6bff923a]{object-fit:contain;width:100%;height:100%;padding:4px}.quick-label[data-v-6bff923a]{color:#333;font-size:14px;font-weight:500}.tutorial-list[data-v-6bff923a],.faq-list[data-v-6bff923a]{flex-direction:column;gap:12px;display:flex}.tutorial-item[data-v-6bff923a],.faq-item[data-v-6bff923a]{cursor:pointer;gap:12px;display:flex}.item-cover[data-v-6bff923a],.faq-cover[data-v-6bff923a]{background:#f5f5f5;border-radius:8px;flex-shrink:0;width:142px;height:80px;overflow:hidden}.item-cover img[data-v-6bff923a],.faq-cover img[data-v-6bff923a]{object-fit:cover;width:100%;height:100%}.item-info[data-v-6bff923a],.faq-info[data-v-6bff923a]{flex:1;min-width:0}.item-info h4[data-v-6bff923a],.faq-info h4[data-v-6bff923a]{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:15px;font-weight:600;overflow:hidden}.item-info p[data-v-6bff923a],.faq-info p[data-v-6bff923a]{color:#666;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.empty-state[data-v-6bff923a]{text-align:center;color:#999;padding:40px;font-size:14px}.video-dialog[data-v-6bff923a]{z-index:1000;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-container[data-v-6bff923a]{width:100%;max-width:500px;position:relative}.video-container video[data-v-6bff923a]{width:100%;display:block}.no-video[data-v-6bff923a]{aspect-ratio:16/9;color:#666;background:#333;justify-content:center;align-items:center;width:100%;display:flex}.close-btn[data-v-6bff923a]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;font-size:18px;position:absolute;top:-40px;right:16px}@media (width>=1024px){.camera-guide-page[data-v-6bff923a]{background:#f5f5f5;min-height:100vh}.page-title[data-v-6bff923a]{max-width:1400px;margin:0 auto;padding:30px 40px}.page-title h1[data-v-6bff923a]{font-size:32px}.switch-hint[data-v-6bff923a]{max-width:1400px;margin:0 auto;padding:0 40px 24px}.switch-hint span[data-v-6bff923a]{padding:12px 28px;font-size:15px}.content[data-v-6bff923a]{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:0 40px 40px;display:flex}.main-tutorial-section[data-v-6bff923a]{width:100%}.quick-access[data-v-6bff923a]{flex-direction:row;gap:24px;margin-bottom:0}.quick-card[data-v-6bff923a]{flex-direction:row;flex:1;justify-content:center;gap:16px;padding:40px 32px}.quick-icon[data-v-6bff923a]{width:56px;height:56px}.quick-icon svg[data-v-6bff923a]{width:32px;height:32px}.quick-label[data-v-6bff923a]{font-size:18px}.section[data-v-6bff923a]:nth-of-type(3),.section[data-v-6bff923a]:nth-of-type(4){width:100%}.section[data-v-6bff923a]{border-radius:16px;margin-bottom:24px;padding:24px}.section-title[data-v-6bff923a]{margin-bottom:20px;font-size:18px}.video-cover[data-v-6bff923a]{border-radius:16px;margin-bottom:20px}.play-btn[data-v-6bff923a]{width:80px;height:80px}.video-info h3[data-v-6bff923a]{margin-bottom:10px;font-size:20px}.video-info p[data-v-6bff923a]{font-size:14px}.tutorial-list[data-v-6bff923a],.faq-list[data-v-6bff923a],.tutorial-item[data-v-6bff923a],.faq-item[data-v-6bff923a]{gap:16px}.item-cover[data-v-6bff923a],.faq-cover[data-v-6bff923a]{width:178px;height:100px}.item-info h4[data-v-6bff923a],.faq-info h4[data-v-6bff923a]{font-size:16px}.item-info p[data-v-6bff923a],.faq-info p[data-v-6bff923a]{-webkit-line-clamp:3;font-size:14px}}@media (width>=768px) and (width<=1023px){.camera-guide-page[data-v-6bff923a]{background:#f5f5f5;max-width:100%;padding:0 20px}.page-title[data-v-6bff923a]{padding:20px}.page-title h1[data-v-6bff923a]{font-size:24px}.content[data-v-6bff923a]{grid-template-columns:1fr 280px;align-items:start;gap:16px;padding:0;display:grid}.quick-access[data-v-6bff923a]{flex-direction:column;grid-area:1/2;margin-bottom:0}.quick-card[data-v-6bff923a]{flex-direction:row;justify-content:flex-start;gap:10px;padding:14px 16px}.quick-icon[data-v-6bff923a]{width:36px;height:36px}.section[data-v-6bff923a]:nth-of-type(3),.section[data-v-6bff923a]:nth-of-type(4){grid-column:2}.section[data-v-6bff923a]{margin-bottom:16px;padding:16px}.video-cover[data-v-6bff923a]{border-radius:12px}.play-btn[data-v-6bff923a]{width:70px;height:70px}.item-cover[data-v-6bff923a],.faq-cover[data-v-6bff923a]{width:160px;height:90px}}.video-detail-page[data-v-17e88dce]{background:#f5f5f5;min-height:100vh;padding-bottom:40px}.category-tabs[data-v-17e88dce]{background:#f5f5f5}.tabs-container[data-v-17e88dce]{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border-bottom:1px solid #0000000d;gap:10px;max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;overflow-x:auto}.tabs-container[data-v-17e88dce]::-webkit-scrollbar{display:none}.no-category-hint[data-v-17e88dce]{color:#999;white-space:nowrap;background:#0000000d;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:14px}.tab-btn[data-v-17e88dce]{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.tab-btn[data-v-17e88dce]:hover{color:#333;border-color:#333}.tab-btn.active[data-v-17e88dce]{color:#fff;background:#333;border:1px solid #333}.tab-icon[data-v-17e88dce]{justify-content:center;align-items:center;width:14px;height:14px;display:flex}.tab-icon svg[data-v-17e88dce]{width:100%;height:100%}.video-container[data-v-17e88dce]{background:#000;width:100%;position:relative;overflow:hidden}.video-bg-blur[data-v-17e88dce]{filter:blur(30px);opacity:.3;z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.video-wrapper[data-v-17e88dce]{aspect-ratio:16/9;z-index:1;max-width:1180px;max-height:calc(100vh - 200px);margin:0 auto;position:relative;overflow:hidden}.dplayer-container[data-v-17e88dce]{width:100%;height:100%}.video-loading[data-v-17e88dce]{text-align:center;color:#fff;z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner[data-v-17e88dce]{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:50px;height:50px;margin:0 auto 16px;animation:1s linear infinite spin-17e88dce}@keyframes spin-17e88dce{to{transform:rotate(360deg)}}@media (width<=768px){.video-detail-page[data-v-17e88dce]{padding-bottom:0}.video-bg-blur[data-v-17e88dce]{display:none}.video-container[data-v-17e88dce]{box-shadow:none;background:#000;border:none;outline:none;margin:0;padding:0;line-height:0;position:relative}.video-wrapper[data-v-17e88dce]{max-width:100%;box-shadow:none;aspect-ratio:16/9;border:none;border-radius:0;max-height:none;margin:0;padding:0;line-height:normal}.dplayer-container[data-v-17e88dce]{border-radius:0}}.video-wrapper video[data-v-17e88dce]::-webkit-media-controls-play-button{background-color:#ffffffe6;border-radius:50%}.video-wrapper video[data-v-17e88dce]::-webkit-media-controls-panel{background:linear-gradient(#0000,#000000b3)}.video-wrapper video[data-v-17e88dce]::-moz-range-thumb{background:#fff}.video-container[data-v-17e88dce]{accent-color:auto}.no-video-placeholder[data-v-17e88dce]{color:#666;background:#1a1a1a;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.no-video-placeholder svg[data-v-17e88dce]{opacity:.5;margin-bottom:16px}.no-video-placeholder p[data-v-17e88dce]{color:#999;margin:0 0 8px;font-size:18px;font-weight:500}.no-video-hint[data-v-17e88dce]{color:#666;font-size:14px}.video-info[data-v-17e88dce]{background:#fff;max-width:1200px;margin:0 auto;padding:24px 20px}.video-header[data-v-17e88dce]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;display:flex}.video-title[data-v-17e88dce]{color:#333;margin:0;font-size:1.5rem;font-weight:600}.btn-back[data-v-17e88dce]{color:#666;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:all .3s;display:flex}.btn-back[data-v-17e88dce]:hover{color:#333;background:#f5f5f5;border-color:#ccc}.video-meta[data-v-17e88dce]{flex-wrap:wrap;gap:20px;margin-bottom:16px;display:flex}.meta-item[data-v-17e88dce]{color:#666;align-items:center;gap:6px;font-size:.9rem;display:flex}.video-description[data-v-17e88dce]{color:#555;margin-bottom:16px;font-size:1rem;line-height:1.8}.video-tags[data-v-17e88dce]{flex-wrap:wrap;gap:10px;display:flex}.tag[data-v-17e88dce]{color:#666;background:#f0f0f0;border-radius:20px;padding:6px 14px;font-size:.85rem}.tag.device-tag[data-v-17e88dce]{color:#333;background:#f0f0f0}.related-section[data-v-17e88dce]{max-width:1200px;margin:30px auto 0;padding:0 20px}.section-title[data-v-17e88dce]{color:#333;margin-bottom:16px;font-size:1.3rem;font-weight:600}.related-grid[data-v-17e88dce]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.related-item[data-v-17e88dce]{cursor:pointer;background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.related-item[data-v-17e88dce]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.related-cover[data-v-17e88dce]{background:#f5f5f5;padding-bottom:56.25%;position:relative;overflow:hidden}.related-cover img[data-v-17e88dce]{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.empty-cover[data-v-17e88dce]{color:#ddd;justify-content:center;align-items:center;width:100%;height:100%;font-size:32px;display:flex;position:absolute;top:0;left:0}.play-overlay[data-v-17e88dce]{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.related-item:hover .play-overlay[data-v-17e88dce]{opacity:1}.related-title[data-v-17e88dce]{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:12px 12px 4px;font-size:.95rem;font-weight:500;overflow:hidden}.related-type[data-v-17e88dce]{color:#666;margin:0;padding:0 12px 12px;font-size:.8rem}.comments-section[data-v-17e88dce]{background:#fff;border-radius:12px;max-width:1200px;margin:30px auto 0;padding:24px 20px}.comments-section .section-title[data-v-17e88dce]{color:#333;align-items:center;gap:8px;margin-bottom:20px;font-size:1.2rem;font-weight:600;display:flex}.comments-count[data-v-17e88dce]{color:#999;font-size:.9rem;font-weight:400}.comment-form[data-v-17e88dce]{margin-bottom:24px}.form-header[data-v-17e88dce]{margin-bottom:12px}.anonymous-hint[data-v-17e88dce]{color:#666;align-items:center;gap:6px;font-size:13px;display:flex}.anonymous-hint svg[data-v-17e88dce]{stroke:#999}.anonymous-hint strong[data-v-17e88dce]{color:#4a90e2;font-weight:600}.nickname-input[data-v-17e88dce]{color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:8px;outline:none;width:200px;padding:10px 14px;font-size:14px;transition:all .3s}.nickname-input[data-v-17e88dce]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.comment-textarea[data-v-17e88dce]{resize:vertical;box-sizing:border-box;color:#333;background:#fff;border:1px solid #d0d0d0;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .3s}.comment-textarea[data-v-17e88dce]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-footer[data-v-17e88dce]{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.char-count[data-v-17e88dce]{color:#999;font-size:12px}.btn-submit[data-v-17e88dce]{color:#fff;cursor:pointer;background:#333;border:none;border-radius:8px;padding:10px 24px;font-size:14px;transition:background .3s}.btn-submit[data-v-17e88dce]:hover{background:#555}.btn-submit[data-v-17e88dce]:disabled{cursor:not-allowed;background:#ccc}.comments-list[data-v-17e88dce]{flex-direction:column;gap:16px;display:flex}.comment-item[data-v-17e88dce]{background:#f9f9f9;border-radius:12px;gap:12px;padding:16px;display:flex}.comment-avatar[data-v-17e88dce]{color:#fff;background:#333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.comment-content[data-v-17e88dce]{flex:1}.comment-header[data-v-17e88dce]{align-items:center;gap:10px;margin-bottom:8px;display:flex}.comment-author[data-v-17e88dce]{color:#333;font-size:14px;font-weight:600}.comment-time[data-v-17e88dce]{color:#999;font-size:12px}.comment-text[data-v-17e88dce]{color:#555;word-break:break-word;margin:0;font-size:14px;line-height:1.6}.admin-reply[data-v-17e88dce]{background:#e8f4fd;border-left:3px solid #4a90e2;border-radius:8px;margin-top:12px;padding:12px 16px}.reply-header[data-v-17e88dce]{align-items:center;gap:10px;margin-bottom:6px;display:flex}.reply-badge[data-v-17e88dce]{color:#4a90e2;font-size:12px;font-weight:600}.reply-time[data-v-17e88dce]{color:#999;font-size:11px}.reply-text[data-v-17e88dce]{color:#444;margin:0;font-size:14px;line-height:1.5}.empty-comments[data-v-17e88dce]{text-align:center;color:#999;padding:40px}.empty-comments p[data-v-17e88dce]{margin-top:12px;font-size:14px}@media (width<=768px){.video-detail-page[data-v-17e88dce]{padding-bottom:20px}.video-wrapper[data-v-17e88dce]{border-radius:0;max-width:100%;max-height:none;margin:0}.video-info[data-v-17e88dce]{padding:16px}.tabs-container[data-v-17e88dce]{padding:12px 16px}.video-title[data-v-17e88dce]{font-size:1.15rem}.video-meta[data-v-17e88dce]{gap:12px}.meta-item[data-v-17e88dce]{font-size:.85rem}.video-description[data-v-17e88dce]{font-size:.95rem}.video-tags[data-v-17e88dce]{gap:6px}.video-tags .tag[data-v-17e88dce]{border-radius:12px;padding:4px 10px;font-size:.75rem}.related-section[data-v-17e88dce]{margin-top:20px;padding:0 12px}.section-title[data-v-17e88dce]{font-size:1rem}.comments-section .section-title[data-v-17e88dce]{font-size:.9rem}.related-grid[data-v-17e88dce]{grid-template-columns:repeat(2,1fr);gap:12px}.related-item[data-v-17e88dce]{border-radius:8px}.related-title[data-v-17e88dce]{padding:10px 10px 3px;font-size:.85rem}.related-type[data-v-17e88dce]{padding:0 10px 10px;font-size:.75rem}}@media (width<=480px){.video-title[data-v-17e88dce]{font-size:1.2rem}.video-info[data-v-17e88dce]{padding:12px}.related-grid[data-v-17e88dce]{gap:10px}.btn-back[data-v-17e88dce]{padding:6px 12px;font-size:.8rem}}.tutorial-home-page[data-v-615646b1]{background:#f5f5f5;min-height:100vh}.collect-hint[data-v-615646b1]{z-index:1000;animation:2s ease-in-out infinite hintFloat-615646b1;position:fixed;top:10px;right:10px}.hint-content[data-v-615646b1]{color:#fff;white-space:nowrap;background:#e63946f2;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex;box-shadow:0 4px 12px #e6394666}.hint-icon[data-v-615646b1]{flex-shrink:0}.hint-arrow[data-v-615646b1]{border-bottom:8px solid #e63946f2;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;right:20px}@keyframes hintFloat-615646b1{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.hero-banner[data-v-615646b1]{height:35vh;min-height:200px;max-height:350px;position:relative;overflow:hidden}.hero-video-container[data-v-615646b1]{background:#000;width:100%;height:100%;font-size:0;line-height:0;position:absolute;top:0;left:0}.hero-video[data-v-615646b1]{object-fit:cover;vertical-align:top;width:100%;height:100%;display:block}.video-overlay[data-v-615646b1]{pointer-events:none;background:linear-gradient(#0003 0%,#00000080 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content[data-v-615646b1]{text-align:center;color:#fff;width:100%;padding:0 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-content h1[data-v-615646b1]{text-shadow:0 2px 10px #0000004d;margin:0 0 12px;font-size:2.5rem;font-weight:700;color:#fff!important}.hero-content p[data-v-615646b1]{opacity:.9;text-shadow:0 1px 5px #0000004d;margin:0;font-size:1.1rem;color:#fff!important}.search-section[data-v-615646b1]{max-width:1200px;margin:0 auto;padding:20px 20px 0}.search-box[data-v-615646b1]{box-sizing:border-box;background:#fff;border-radius:12px;align-items:center;min-height:48px;padding:12px 16px;transition:box-shadow .3s;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.search-box[data-v-615646b1]:focus-within{box-shadow:0 4px 16px #0000001a}.search-icon[data-v-615646b1]{color:#999;flex-shrink:0;margin-right:12px}.search-input[data-v-615646b1]{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:16px}.search-input[data-v-615646b1]::placeholder{color:#999}.clear-btn[data-v-615646b1]{cursor:pointer;color:#999;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .3s;display:flex}.clear-btn[data-v-615646b1]:hover{color:#666}.cameras-section[data-v-615646b1]{max-width:1200px;margin:0 auto;padding:20px 20px 40px}.section-header[data-v-615646b1]{text-align:center;margin-bottom:32px}.section-header h2[data-v-615646b1]{color:#333;margin:0 0 8px;font-size:1.5rem;font-weight:600}.section-header p[data-v-615646b1]{color:#666;margin:0;font-size:.9rem}.cameras-grid[data-v-615646b1]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.camera-card[data-v-615646b1]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #f0f0f0;border-radius:8px;transition:box-shadow .3s;overflow:hidden}.camera-card[data-v-615646b1]:hover{box-shadow:0 4px 12px #00000014}.camera-cover[data-v-615646b1]{background:#fff;justify-content:center;align-items:center;width:100%;height:180px;display:flex;overflow:hidden}.camera-cover img[data-v-615646b1]{object-fit:contain;max-width:100%;max-height:100%}.camera-info[data-v-615646b1]{padding:15px}.camera-info h3[data-v-615646b1]{color:#333;white-space:nowrap;text-overflow:ellipsis;text-align:left;margin:0 0 8px;font-size:1.1rem;overflow:hidden}.camera-desc-row[data-v-615646b1]{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.camera-desc[data-v-615646b1]{color:#666;margin:0;font-size:.85rem;line-height:1.5}.view-count[data-v-615646b1]{color:#999;flex-shrink:0;align-items:center;gap:4px;font-size:.8rem;display:flex}.view-count svg[data-v-615646b1]{vertical-align:middle}.view-btn[data-v-615646b1]{color:#fff;cursor:pointer;text-align:center;background:#333;border:none;border-radius:4px;width:100%;padding:8px;font-size:.9rem;transition:background .3s;display:block}.view-btn[data-v-615646b1]:hover{background:#555}.tutorials-grid[data-v-615646b1]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tutorial-card[data-v-615646b1]{cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border:1px solid #f0f0f0;border-radius:8px;transition:box-shadow .3s;overflow:hidden}.tutorial-card[data-v-615646b1]:hover{box-shadow:0 4px 12px #00000014}.tutorial-cover[data-v-615646b1]{aspect-ratio:16/9;background:#f5f5f5;width:100%;position:relative;overflow:hidden}.tutorial-cover img[data-v-615646b1]{object-fit:cover;width:100%;height:100%}.tutorial-cover .play-overlay[data-v-615646b1]{color:#333;background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0003}.tutorial-info[data-v-615646b1]{padding:12px}.tutorial-info h3[data-v-615646b1]{color:#333;white-space:nowrap;text-overflow:ellipsis;text-align:left;margin:0 0 6px;font-size:.95rem;font-weight:600;overflow:hidden}.tutorial-camera[data-v-615646b1]{color:#666;text-align:left;margin:0 0 8px;font-size:.8rem}.tutorial-tags[data-v-615646b1]{flex-wrap:wrap;gap:4px;display:flex}.tutorial-tags .tag[data-v-615646b1]{color:#e63946;background:#e639461a;border-radius:3px;padding:2px 6px;font-size:.7rem}.empty-state[data-v-615646b1]{text-align:center;color:#999;padding:60px 20px}.empty-state p[data-v-615646b1]{margin-top:16px;font-size:14px}.clear-search-btn[data-v-615646b1]{color:#fff;cursor:pointer;background:#333;border:none;border-radius:20px;margin-top:16px;padding:8px 20px;font-size:14px;transition:background .3s}.clear-search-btn[data-v-615646b1]:hover{background:#555}.loading-state[data-v-615646b1]{text-align:center;color:#999;padding:60px 20px}.loading-spinner[data-v-615646b1]{border:3px solid #f0f0f0;border-top-color:#333;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin-615646b1}@keyframes spin-615646b1{to{transform:rotate(360deg)}}@media (width<=768px){.hero-banner[data-v-615646b1]{height:30vh;min-height:180px}.hero-content h1[data-v-615646b1]{font-size:1.6rem}.hero-content p[data-v-615646b1]{font-size:.9rem}.search-section[data-v-615646b1]{padding:16px 12px 0}.search-box[data-v-615646b1]{padding:10px 12px}.search-input[data-v-615646b1]{font-size:16px}.cameras-section[data-v-615646b1]{padding:16px 12px 40px}.cameras-grid[data-v-615646b1]{grid-template-columns:repeat(2,1fr);gap:12px}.camera-card[data-v-615646b1]{border-radius:8px}.camera-cover[data-v-615646b1]{height:150px}.camera-info[data-v-615646b1]{padding:10px 12px 12px}.camera-info h3[data-v-615646b1]{margin-bottom:4px;font-size:.9rem}.camera-desc[data-v-615646b1]{margin-bottom:8px;font-size:.8rem}.view-btn[data-v-615646b1]{padding:6px;font-size:.85rem}.tutorial-cover[data-v-615646b1]{aspect-ratio:16/9}.tutorial-info[data-v-615646b1]{padding:10px}.tutorial-info h3[data-v-615646b1]{font-size:.85rem}.tutorial-camera[data-v-615646b1]{font-size:.75rem}.tutorial-cover .play-overlay[data-v-615646b1]{width:40px;height:40px}.tutorial-cover .play-overlay svg[data-v-615646b1]{width:24px;height:24px}}@media (width>=769px){.cameras-grid[data-v-615646b1]{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto}.camera-info h3[data-v-615646b1]{font-size:1rem}}*{box-sizing:border-box;margin:0;padding:0}body{color:#333;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}.app{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 50px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.logo{flex-shrink:0}.logo-text{color:#333;font-size:1.5rem;font-weight:700}.logo img{object-fit:contain;max-width:200px}.nav-center{flex:1;justify-content:center;display:flex}.nav-links{margin:0;padding:0;list-style:none;display:flex}.nav-links li{margin:0 20px;position:relative}.nav-links a{color:#333;z-index:101;padding:10px 5px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.nav-links a:hover,.nav-links a.active{color:#e63946}.router-view{flex:1}.footer{color:#fff;background:#333;margin-top:auto;padding:40px 0}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;max-width:1200px;margin:0 auto;padding:0 50px;display:flex}.footer-info{flex:1;min-width:200px;margin-bottom:20px}.footer-brand{color:#888;margin-bottom:10px;font-size:1.5rem}.footer-info h3{color:#888;margin-bottom:10px;font-size:1.3rem}.footer-info p{color:#666;font-size:1rem}.footer-download-link{color:#777;margin-top:10px;font-size:1rem;text-decoration:none;transition:color .3s;display:inline-block}.footer-download-link:hover{color:#aaa}.footer-contact{flex:2;min-width:300px;margin-bottom:20px}.footer-contact h3{color:#888;margin-bottom:15px;font-size:1.2rem}.footer-contact p{color:#777;margin-bottom:10px;font-size:1rem;line-height:1.8}.footer-contact strong{color:#999}.footer-contact a{color:#777;text-decoration:underline;transition:color .3s}.footer-contact a:hover{color:#aaa}.footer-social{flex:1;min-width:200px;margin-bottom:20px}.footer-social h3{color:#888;margin-bottom:15px;font-size:1.2rem}.social-links{flex-direction:column;gap:12px;display:flex}.social-link{color:#777;cursor:pointer;font-size:1rem;text-decoration:none;transition:color .3s}.social-link:hover{color:#aaa}.footer-copyright{text-align:center;color:#777;border-top:1px solid #555;width:100%;margin-top:20px;padding-top:30px;font-size:.95rem}.footer-copyright a{color:#777;text-decoration:none}.footer-copyright a:hover{color:#aaa}.qr-modal{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-content{text-align:center;background:#fff;border-radius:10px;width:90%;max-width:300px;padding:30px;position:relative}.qr-close{cursor:pointer;color:#666;background:0 0;border:none;font-size:24px;position:absolute;top:10px;right:15px}.qr-content h3{color:#333;margin-bottom:20px}.qr-image-container{background:#fff;border-radius:10px;padding:20px}.qr-image{object-fit:contain;border-radius:8px;width:200px;height:200px;margin-bottom:15px}.qr-hint{color:#666;font-size:.9rem}.qr-placeholder{background:#f8f9fa;border:2px dashed #ddd;border-radius:10px;padding:40px 20px}.qr-placeholder p{color:#666;margin-bottom:10px}.qr-platform{color:#333;text-transform:capitalize;font-weight:700}@media (width<=768px){.footer{display:none}}@media (width<=1024px){.navbar{padding:0 30px}.nav-links li{margin:0 15px}}@media (width<=768px){.navbar{flex-direction:column;height:auto;padding:20px}.logo{display:none}.nav-center{width:100%}.nav-links{justify-content:center}.nav-links li{margin:0 15px}.logo h1{font-size:1.5rem}}@media (width<=480px){.navbar{padding:15px}.nav-links{flex-wrap:wrap;gap:10px}.nav-links li{margin:0 10px}.nav-links a{font-size:.9rem}.logo h1{font-size:1.3rem}}