*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:PingFang SC,Microsoft YaHei,sans-serif}#app{height:100%}.navbar[data-v-cc1fce90]{position:fixed;top:0;left:0;right:0;background:#fffffff5;z-index:1000;padding:18px 0;transition:var(--transition);box-shadow:0 6px 18px #0f172a14;border-bottom:1px solid rgba(15,23,42,.08)}@media screen and (max-width: 768px){.navbar[data-v-cc1fce90]{background:transparent!important;box-shadow:none!important;border-bottom:none!important}.mobile-menu-btn[data-v-cc1fce90]{background:transparent!important}.mobile-menu-btn span[data-v-cc1fce90]{background:#333!important}.nav-menu[data-v-cc1fce90]{display:none!important}.mobile-menu-btn[data-v-cc1fce90]{display:flex!important}.logo[data-v-cc1fce90]{width:100px!important;height:40px!important}}.container[data-v-cc1fce90]{max-width:1200px;margin:0 auto;padding:0 20px}.nav-content[data-v-cc1fce90]{display:flex;justify-content:space-between;align-items:center}.logo-section[data-v-cc1fce90]{display:flex;align-items:center;gap:15px}.logo[data-v-cc1fce90]{width:158px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.logo-image[data-v-cc1fce90]{width:100%;height:100%;object-fit:cover;border-radius:8px}.nav-menu[data-v-cc1fce90]{display:flex;align-items:center;gap:30px}.nav-link[data-v-cc1fce90]{color:#333!important;text-decoration:none;font-size:16px;transition:var(--transition);position:relative}.nav-link[data-v-cc1fce90]:hover{color:var(--primary-color)!important}.nav-dropdown[data-v-cc1fce90]{position:relative}.dropdown-trigger[data-v-cc1fce90]{display:flex;align-items:center;gap:5px}.dropdown-arrow[data-v-cc1fce90]{font-size:10px;transition:var(--transition);color:#333!important}.nav-dropdown:hover .dropdown-arrow[data-v-cc1fce90]{transform:rotate(180deg)}.dropdown-menu[data-v-cc1fce90]{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(-10px);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:40px 50px;width:900px;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:0 20px 40px #00000026;display:flex;gap:60px}.services-menu[data-v-cc1fce90],.products-menu[data-v-cc1fce90]{width:1000px}.nav-dropdown:hover .dropdown-menu[data-v-cc1fce90]{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.menu-column[data-v-cc1fce90]{flex:1;min-width:250px}.menu-title[data-v-cc1fce90]{font-weight:700;font-size:18px;color:#333!important;margin-bottom:20px;display:flex;align-items:center;gap:10px}.title-bar[data-v-cc1fce90]{color:var(--primary-color);font-weight:700;font-size:20px}.dropdown-item[data-v-cc1fce90]{display:block;padding:12px 0;color:#666!important;text-decoration:none;transition:var(--transition);font-size:15px;line-height:1.5;border-bottom:1px solid transparent}.dropdown-item[data-v-cc1fce90]:hover{color:var(--primary-color)!important;padding-left:8px;border-bottom:1px solid rgba(220,38,38,.2)}.mobile-menu-btn[data-v-cc1fce90]{display:none;position:relative;width:63px;height:63px;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.mobile-menu-btn[data-v-cc1fce90]:hover{opacity:.7}.mobile-menu-btn span[data-v-cc1fce90]{position:absolute;height:3px;background:#333;border-radius:1.5px;transition:all .3s ease}.mobile-menu-btn span[data-v-cc1fce90]:nth-child(1){top:21px;left:15px;right:15px}.mobile-menu-btn span[data-v-cc1fce90]:nth-child(2){top:30px;left:18px;right:18px}.mobile-menu-btn span[data-v-cc1fce90]:nth-child(3){top:39px;left:15px;right:15px}.mobile-menu-btn.active span[data-v-cc1fce90]:nth-child(1){top:30px;transform:rotate(45deg)}.mobile-menu-btn.active span[data-v-cc1fce90]:nth-child(2){opacity:0}.mobile-menu-btn.active span[data-v-cc1fce90]:nth-child(3){top:30px;transform:rotate(-45deg)}.mobile-menu[data-v-cc1fce90]{position:fixed;top:0;left:0;right:0;bottom:0;background:#2a2a2a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);z-index:998}.mobile-menu.active[data-v-cc1fce90]{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-content[data-v-cc1fce90]{height:100%;display:flex;flex-direction:column;padding:60px 0 20px}.mobile-menu-header[data-v-cc1fce90]{display:flex;justify-content:space-between;align-items:center;padding:0 20px 20px}.mobile-logo[data-v-cc1fce90]{width:120px;height:40px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-logo-image[data-v-cc1fce90]{width:100%;height:100%;object-fit:cover;border-radius:4px}.close-btn[data-v-cc1fce90]{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;padding:10px;line-height:1;border-radius:50%;transition:var(--transition)}.close-btn[data-v-cc1fce90]:hover{background:#ffffff1a}.mobile-menu-items[data-v-cc1fce90]{flex:1;display:flex;flex-direction:column;padding:0 20px}.mobile-nav-link[data-v-cc1fce90]{display:block;padding:18px 0;color:#fff;text-decoration:none;transition:var(--transition);font-size:16px;font-weight:400;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-nav-link[data-v-cc1fce90]:hover{color:var(--primary-color)}.mobile-dropdown[data-v-cc1fce90]{border-bottom:1px solid rgba(255,255,255,.1)}.mobile-dropdown-trigger[data-v-cc1fce90]{display:flex;align-items:center;justify-content:space-between;padding:18px 0;color:#fff;cursor:pointer;transition:var(--transition);font-size:16px;font-weight:400}.mobile-dropdown-trigger[data-v-cc1fce90]:hover{color:var(--primary-color)}@media (max-width: 768px){.mobile-dropdown .dropdown-arrow[data-v-cc1fce90]{font-size:12px;transition:transform .3s ease;color:#fff}.mobile-dropdown .dropdown-arrow.active[data-v-cc1fce90]{transform:rotate(180deg)}}.mobile-dropdown-content[data-v-cc1fce90]{max-height:0;overflow:hidden;transition:max-height .3s ease;background:#0003}.mobile-dropdown-content.active[data-v-cc1fce90]{max-height:500px}.dropdown-section[data-v-cc1fce90]{margin-bottom:0}.dropdown-section[data-v-cc1fce90]:last-child{margin-bottom:0}.dropdown-section h4[data-v-cc1fce90]{margin:0;color:#fff;font-size:14px;font-weight:500;padding:12px 0 8px 20px;border-left:3px solid var(--primary-color);background:#dc26261a}.dropdown-item[data-v-cc1fce90]{display:block;padding:10px 0 10px 40px;color:#fffc;text-decoration:none;font-size:14px;transition:var(--transition);border-bottom:1px solid rgba(255,255,255,.05)}.dropdown-item[data-v-cc1fce90]:hover{color:var(--primary-color);background:#ffffff0d}@media (max-width: 1200px){.dropdown-menu[data-v-cc1fce90]{width:800px}.services-menu[data-v-cc1fce90],.products-menu[data-v-cc1fce90]{width:900px}}@media (max-width: 1024px){.dropdown-menu[data-v-cc1fce90]{width:700px;padding:30px 40px;gap:40px}.services-menu[data-v-cc1fce90],.products-menu[data-v-cc1fce90]{width:800px}.menu-column[data-v-cc1fce90]{min-width:200px}}@media (max-width: 768px){.dropdown-menu[data-v-cc1fce90]{width:90vw;left:5vw;transform:translateY(-10px);padding:20px 30px;gap:30px}.nav-dropdown:hover .dropdown-menu[data-v-cc1fce90]{transform:translateY(0)}}.hero-section[data-v-82d2c81e]{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background[data-v-82d2c81e]{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:1}.background-overlay[data-v-82d2c81e]{position:absolute;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#1f2937cc,#dc26261a);z-index:2}.background-image[data-v-82d2c81e]{position:absolute;top:0;left:0;width:100%;height:100vh;background-image:url(/images/background.png);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.hero-content[data-v-82d2c81e]{position:relative;z-index:3;width:100%;text-align:center}.container[data-v-82d2c81e]{max-width:1200px;margin:0 auto;padding:0 20px}.hero-text[data-v-82d2c81e]{max-width:800px;margin:0 auto}.hero-subtitle[data-v-82d2c81e]{font-size:18px;color:var(--text-white);margin-bottom:20px;font-weight:400;opacity:.9}.hero-title[data-v-82d2c81e]{font-size:4rem;font-weight:700;color:var(--text-white);margin-bottom:40px;line-height:1.2;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-cta[data-v-82d2c81e]{margin-top:40px}.cta-button[data-v-82d2c81e]{background:var(--primary-color);color:var(--text-white);border:none;padding:16px 40px;font-size:18px;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px #dc26264d;position:relative;overflow:hidden}.cta-button[data-v-82d2c81e]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.cta-button[data-v-82d2c81e]:hover:before{left:100%}.cta-button[data-v-82d2c81e]:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.cta-button[data-v-82d2c81e]:active{transform:translateY(0)}@media (max-width: 1024px){.hero-title[data-v-82d2c81e]{font-size:3rem}}@media (max-width: 768px){.hero-title[data-v-82d2c81e]{font-size:2.5rem}.hero-subtitle[data-v-82d2c81e]{font-size:16px}.cta-button[data-v-82d2c81e]{padding:14px 30px;font-size:16px}.container[data-v-82d2c81e]{padding:0 15px}.hero-content[data-v-82d2c81e]{text-align:left}.hero-text[data-v-82d2c81e]{max-width:800px;margin:0}}@media (max-width: 480px){.hero-title[data-v-82d2c81e]{font-size:2rem}.hero-subtitle[data-v-82d2c81e]{font-size:14px}.cta-button[data-v-82d2c81e]{padding:12px 25px;font-size:14px}}.hero-subtitle[data-v-82d2c81e]{animation-delay:.2s}.hero-title[data-v-82d2c81e]{animation-delay:.4s}.hero-cta[data-v-82d2c81e]{animation-delay:.6s}.scroll-indicator[data-v-82d2c81e]{position:absolute;left:50%;bottom:90px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:4;cursor:pointer;color:var(--text-white);opacity:.9;-webkit-user-select:none;user-select:none}.scroll-indicator .text[data-v-82d2c81e]{font-size:12px;letter-spacing:2px}.scroll-indicator .arrow[data-v-82d2c81e]{width:14px;height:14px;border-left:2px solid rgba(255,255,255,.9);border-bottom:2px solid rgba(255,255,255,.9);transform:rotate(-45deg);animation:bounceDown-82d2c81e 1.6s infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}@keyframes bounceDown-82d2c81e{0%{transform:translateY(0) rotate(-45deg);opacity:.7}50%{transform:translateY(8px) rotate(-45deg);opacity:1}to{transform:translateY(0) rotate(-45deg);opacity:.7}}@media (max-width: 768px){.scroll-indicator[data-v-82d2c81e]{bottom:100px}}.mobile-top-header[data-v-ef285a85]{position:fixed;top:0;left:0;right:0;z-index:999;background:#fff;box-shadow:0 2px 8px #00000014;padding:8px 12px;display:none}.mobile-top-header-inner[data-v-ef285a85]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.mobile-top-logo[data-v-ef285a85]{width:110px;height:36px;display:flex;align-items:center;justify-content:center;overflow:hidden}.mobile-top-logo-image[data-v-ef285a85]{width:100%;height:100%;object-fit:cover;border-radius:4px}.mobile-top-actions[data-v-ef285a85]{display:flex;align-items:center;gap:8px}.mobile-top-menu-btn[data-v-ef285a85]{position:relative;width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.mobile-top-menu-btn span[data-v-ef285a85]{position:absolute;height:2px;background:#333;border-radius:1px;transition:all .3s ease}.mobile-top-menu-btn span[data-v-ef285a85]:nth-child(1){top:14px;left:10px;right:10px}.mobile-top-menu-btn span[data-v-ef285a85]:nth-child(2){top:20px;left:13px;right:13px}.mobile-top-menu-btn span[data-v-ef285a85]:nth-child(3){top:26px;left:10px;right:10px}@media (max-width: 768px){.mobile-top-header[data-v-ef285a85]{display:block}}.home[data-v-ef285a85]{position:relative;height:100vh;overflow:hidden}@media (max-width: 768px){.home[data-v-ef285a85]{height:auto;overflow:visible}}.page-container[data-v-ef285a85]{height:100vh;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}@media (max-width: 768px){.page-container[data-v-ef285a85]{height:auto;transition:none}}.page[data-v-ef285a85]{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:80px 0 60px;overflow-y:auto;box-sizing:border-box}.company-intro[data-v-ef285a85]{background:#f8f9fa;color:#333}.services-page[data-v-ef285a85]{background:#f8f9fa;color:#333;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.cases-page[data-v-ef285a85]{background:#f8f9fa;color:#333;height:100vh;display:flex;align-items:center;justify-content:center}.clients-page[data-v-ef285a85]{background:#f8f9fa;color:#333;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.future-page[data-v-ef285a85]{background:#f8f9fa;color:#333}.contact-page[data-v-ef285a85]{background:#111827;color:var(--text-white)}.nav-dots[data-v-ef285a85]{position:fixed;right:30px;top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:15px}.dot[data-v-ef285a85]{width:8px;height:8px;border-radius:50%;background:#0000004d;cursor:pointer;transition:var(--transition)}.dot.active[data-v-ef285a85]{background:var(--primary-color);transform:scale(1.2)}.dot[data-v-ef285a85]:hover{background:var(--primary-color);transform:scale(1.1)}.content-section[data-v-ef285a85]{padding:80px 0;background:#1a202c;color:var(--text-white)}.about-section[data-v-ef285a85]{padding:80px 0;background:#2d3748;color:var(--text-white)}.container[data-v-ef285a85]{max-width:1200px;margin:0 auto;padding:0 20px}.content-page h2[data-v-ef285a85],.about-page h2[data-v-ef285a85]{font-size:2.5rem;text-align:center;margin-bottom:50px;color:#333}.content-text[data-v-ef285a85]{max-width:800px;margin:0 auto;text-align:left}.content-text p[data-v-ef285a85]{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:var(--text-gray)}.contact-content[data-v-ef285a85]{max-width:600px;margin:0 auto;text-align:center}.contact-content p[data-v-ef285a85]{font-size:1.1rem;line-height:1.8;margin-bottom:20px;color:var(--text-white)}.contact-info[data-v-ef285a85]{margin-top:30px}.contact-info p[data-v-ef285a85]{font-size:1.2rem;color:#ffffffe6;margin-bottom:15px}.contact-page .layui-btn[data-v-ef285a85]{padding:10px 28px;font-size:.95rem;border-radius:8px}@media (min-width: 769px){.contact-page .layui-btn[data-v-ef285a85]{padding:14px 44px;font-size:1.05rem}}.intro-content[data-v-ef285a85]{max-width:900px;margin:0 auto}.company-name[data-v-ef285a85]{text-align:center;margin-bottom:40px}.company-name h3[data-v-ef285a85]{font-size:2.2rem;color:#333;margin-bottom:15px;font-weight:600}.company-tagline[data-v-ef285a85]{font-size:1.3rem;color:var(--primary-color);font-weight:500;margin:0}.intro-text[data-v-ef285a85]{text-align:left}.intro-text p[data-v-ef285a85]{font-size:1.1rem;line-height:1.8;margin-bottom:25px;color:var(--text-gray)}.highlight-text[data-v-ef285a85]{color:#333!important;font-weight:500;background:#dc26261a;padding:20px;border-radius:8px;border-left:4px solid var(--primary-color)}.services-container[data-v-ef285a85]{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px 80px;box-sizing:border-box}.services-title[data-v-ef285a85]{font-size:2.5rem;color:#333;margin-bottom:40px;text-align:center;font-weight:600}.services-grid[data-v-ef285a85]{display:grid;gap:24px;width:100%;max-width:1200px;margin:0 auto}.services-review-grid[data-v-ef285a85]{grid-template-columns:repeat(4,minmax(0,1fr))}.service-review-card[data-v-ef285a85]{background:#fff;border-radius:16px;padding:20px 24px;box-shadow:0 10px 30px #0000000a;border:1px solid rgba(15,23,42,.06);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.service-review-card[data-v-ef285a85]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(248,113,113,.12),transparent 55%);opacity:.9;pointer-events:none}.service-review-card[data-v-ef285a85]>*{position:relative;z-index:1}.service-review-header[data-v-ef285a85]{display:flex;justify-content:space-between;align-items:flex-start}.service-review-title[data-v-ef285a85]{font-size:1rem;font-weight:600;color:#111827;margin-bottom:4px}.service-review-subtitle[data-v-ef285a85]{font-size:.8rem;color:#6b7280}.service-review-quote[data-v-ef285a85]{font-size:2.4rem;line-height:1;color:#f8717199}.service-review-text[data-v-ef285a85]{font-size:.9rem;line-height:1.7;color:#4b5563}.service-card[data-v-ef285a85]{background:#fffc;border-radius:16px;padding:25px;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden;position:relative}.service-card[data-v-ef285a85]:hover{background:#fffffff2;transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.service-header[data-v-ef285a85]{display:flex;align-items:center;margin-bottom:20px;flex-shrink:0}.service-icon[data-v-ef285a85]{font-size:2.5rem;margin-right:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.service-header h3[data-v-ef285a85]{font-size:1.5rem;color:#333;margin:0;font-weight:600}.service-items[data-v-ef285a85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,140px));gap:12px;flex:1;overflow-y:auto;padding-right:5px;justify-content:center}.service-items[data-v-ef285a85]::-webkit-scrollbar{width:4px}.service-items[data-v-ef285a85]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.service-items[data-v-ef285a85]::-webkit-scrollbar-thumb{background:#dc262680;border-radius:2px}.service-item[data-v-ef285a85]{background:#0000000d;padding:12px 8px;border-radius:8px;text-align:center;color:#666;font-size:.9rem;transition:all .3s ease;border:1px solid rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:140px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.service-item[data-v-ef285a85]:hover{background:#dc262633;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.design-card[data-v-ef285a85]{border-left:4px solid #ff6b6b}.camera-card[data-v-ef285a85]{border-left:4px solid #4ecdc4}.planning-card[data-v-ef285a85]{border-left:4px solid #45b7d1}.execution-card[data-v-ef285a85]{border-left:4px solid #f9ca24}.cases-container[data-v-ef285a85]{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px 80px;box-sizing:border-box}.cases-title[data-v-ef285a85]{font-size:2.5rem;color:#333;margin-bottom:40px;text-align:center;font-weight:600}.cases-groups[data-v-ef285a85]{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:32px}.cases-group-title[data-v-ef285a85]{font-size:1.4rem;font-weight:600;color:#333;margin-bottom:16px}.cases-list[data-v-ef285a85]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:1280px}@media (min-width: 1024px){.cases-container[data-v-ef285a85]{padding:50px 30px 40px}.cases-title[data-v-ef285a85]{margin-bottom:28px}.cases-list[data-v-ef285a85]{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1400px}.case-title-text[data-v-ef285a85]{font-size:.95rem;padding:8px 10px 10px}}.case-card[data-v-ef285a85]{background:#fff;border-radius:10px;overflow:hidden;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 12px #0000000d;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;cursor:pointer;height:auto}.case-card[data-v-ef285a85]:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}.case-image-wrapper[data-v-ef285a85]{width:100%;padding-top:56%;position:relative;overflow:hidden}.case-image[data-v-ef285a85]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.case-image-placeholder[data-v-ef285a85]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.85rem}.case-title-text[data-v-ef285a85]{padding:10px 12px 12px;font-size:1rem;color:#333;line-height:1.5;font-weight:500}.cases-grid[data-v-ef285a85]{display:grid;grid-template-columns:1fr 1fr;gap:30px;width:100%;max-width:1200px;min-height:500px;margin:0 auto}.case-category[data-v-ef285a85]{background:#fffc;border-radius:16px;padding:25px;border:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden;position:relative}.case-category[data-v-ef285a85]:hover{background:#fffffff2;transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.case-header[data-v-ef285a85]{display:flex;align-items:center;margin-bottom:20px;flex-shrink:0}.case-icon[data-v-ef285a85]{font-size:2.5rem;margin-right:15px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.case-header h3[data-v-ef285a85]{font-size:1.5rem;color:#333;margin:0;font-weight:600}.case-items[data-v-ef285a85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,140px));gap:12px;flex:1;overflow-y:auto;padding-right:5px;justify-content:center}.case-items[data-v-ef285a85]::-webkit-scrollbar{width:4px}.case-items[data-v-ef285a85]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.case-items[data-v-ef285a85]::-webkit-scrollbar-thumb{background:#dc262680;border-radius:2px}.case-item[data-v-ef285a85]{background:#0000000d;border-radius:8px;text-align:center;color:#666;font-size:.9rem;transition:all .3s ease;border:1px solid rgba(0,0,0,.1);width:140px;height:40px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;overflow:hidden}.case-item[data-v-ef285a85]:hover{background:#dc262633;color:#333;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.case-placeholder[data-v-ef285a85]{color:#666;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.design-cases[data-v-ef285a85]{border-left:4px solid #ff6b6b}.video-cases[data-v-ef285a85]{border-left:4px solid #4ecdc4}.clients-container[data-v-ef285a85]{width:100%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px 80px;box-sizing:border-box}.clients-title[data-v-ef285a85]{font-size:2.5rem;color:#333;margin-bottom:40px;text-align:center;font-weight:600}.clients-grid[data-v-ef285a85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,200px));gap:20px;width:100%;max-width:1200px;min-height:500px;margin:0 auto;justify-content:center}.clients-grid[data-v-ef285a85]::-webkit-scrollbar{width:4px}.clients-grid[data-v-ef285a85]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.clients-grid[data-v-ef285a85]::-webkit-scrollbar-thumb{background:#dc262680;border-radius:2px}.client-logo[data-v-ef285a85]{background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;width:200px;height:120px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;overflow:hidden}.client-logo[data-v-ef285a85]:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#dc26264d}.client-placeholder[data-v-ef285a85]{color:var(--text-gray);font-size:1rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;transition:color .3s ease}.client-logo:hover .client-placeholder[data-v-ef285a85]{color:var(--text-white)}.future-content[data-v-ef285a85]{max-width:1000px;margin:0 auto}.future-intro[data-v-ef285a85]{text-align:center;margin-bottom:50px}.future-intro h3[data-v-ef285a85]{font-size:2rem;color:#333;margin-bottom:20px;font-weight:600}.future-intro p[data-v-ef285a85]{font-size:1.2rem;color:var(--text-gray);max-width:700px;margin:0 auto;line-height:1.7}.pillars[data-v-ef285a85]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.pillar[data-v-ef285a85]{background:#ffffff0d;padding:30px;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.pillar[data-v-ef285a85]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;background:#ffffff14}.pillar h4[data-v-ef285a85]{font-size:1.4rem;color:var(--primary-color);margin-bottom:15px;font-weight:600}.pillar p[data-v-ef285a85]{font-size:1rem;color:var(--text-gray);line-height:1.6;margin:0}@media (max-width: 768px){.nav-dots[data-v-ef285a85]{display:none}.page-container[data-v-ef285a85]{height:auto;transform:none!important}.page[data-v-ef285a85]{height:auto;min-height:100vh;padding:80px 0 60px}.hero-page[data-v-ef285a85]{height:100vh;min-height:100vh}.company-intro[data-v-ef285a85],.services-page[data-v-ef285a85],.cases-page[data-v-ef285a85],.clients-page[data-v-ef285a85],.future-page[data-v-ef285a85],.contact-page[data-v-ef285a85]{height:auto;min-height:100vh;padding:80px 0 60px}.company-intro h2[data-v-ef285a85],.services-page h2[data-v-ef285a85],.cases-page h2[data-v-ef285a85],.clients-page h2[data-v-ef285a85],.future-page h2[data-v-ef285a85],.contact-page h2[data-v-ef285a85]{font-size:2rem}.company-name h3[data-v-ef285a85]{font-size:1.8rem}.company-tagline[data-v-ef285a85]{font-size:1.1rem}.intro-text[data-v-ef285a85]{text-align:left}.intro-text p[data-v-ef285a85]{font-size:1rem}.services-container[data-v-ef285a85]{padding:40px 15px 60px;min-height:auto}.services-title[data-v-ef285a85]{font-size:2rem;margin-bottom:30px}.services-grid[data-v-ef285a85]{grid-template-columns:1fr;grid-template-rows:auto;gap:20px;min-height:auto}.services-review-grid[data-v-ef285a85]{grid-template-columns:1fr}.service-card[data-v-ef285a85]{padding:20px}.service-header[data-v-ef285a85]{flex-direction:column;text-align:center;margin-bottom:15px}.service-icon[data-v-ef285a85]{margin-right:0;margin-bottom:10px;font-size:2rem}.service-header h3[data-v-ef285a85]{font-size:1.3rem}.service-items[data-v-ef285a85]{grid-template-columns:repeat(auto-fit,minmax(120px,120px));gap:10px;justify-content:center}.service-item[data-v-ef285a85]{padding:10px 6px;font-size:.8rem;width:120px;height:36px}.cases-container[data-v-ef285a85]{padding:40px 15px 60px;min-height:auto}.cases-title[data-v-ef285a85]{font-size:2rem;margin-bottom:30px}.cases-list[data-v-ef285a85]{grid-template-columns:1fr}.case-card[data-v-ef285a85]{height:auto}.clients-container[data-v-ef285a85]{padding:40px 15px 60px;min-height:auto}.clients-title[data-v-ef285a85]{font-size:2rem;margin-bottom:30px}.clients-grid[data-v-ef285a85]{grid-template-columns:repeat(auto-fit,minmax(150px,150px));gap:15px;min-height:auto}.client-logo[data-v-ef285a85]{width:150px;height:90px}.client-placeholder[data-v-ef285a85]{font-size:.9rem}.pillars[data-v-ef285a85]{grid-template-columns:1fr;gap:20px}.pillar[data-v-ef285a85]{padding:20px}}.bottom-nav[data-v-ef285a85]{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;padding:8px 15px;z-index:1000;box-sizing:border-box;background:#1f2937;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -2px 10px #0000004d}.nav-item[data-v-ef285a85]{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;cursor:pointer;transition:var(--transition);color:#fff;background:var(--primary-color);border-radius:6px;box-shadow:0 2px 8px #dc26264d;border:1px solid transparent;height:40px}.nav-item[data-v-ef285a85]:hover{background:#b91c1c;transform:translateY(-2px);box-shadow:0 6px 20px #dc262666;border-color:#fff3}.nav-item[data-v-ef285a85]:active{transform:translateY(0);box-shadow:0 2px 10px #dc26264d}.nav-icon[data-v-ef285a85]{width:18px;height:18px;margin-right:6px;display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.nav-icon svg[data-v-ef285a85]{width:100%;height:100%;fill:#fff}.nav-item span[data-v-ef285a85]{font-size:12px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (max-width: 768px){.bottom-nav[data-v-ef285a85]{display:flex;gap:10px;padding:6px 20px;transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.bottom-nav.show-nav[data-v-ef285a85]{transform:translateY(0);opacity:1}.nav-item[data-v-ef285a85]{padding:6px 12px;border-radius:6px;height:36px}.nav-icon[data-v-ef285a85]{width:16px;height:16px;margin-right:6px}.nav-item span[data-v-ef285a85]{font-size:12px;font-weight:600}}@media (min-width: 769px){.bottom-nav[data-v-ef285a85]{display:none}.page[data-v-ef285a85]{padding-bottom:0}}.simple-header[data-v-8207ec7e]{background:#fff;border-bottom:1px solid #e9ecef;padding:20px 0;position:sticky;top:0;z-index:100}.header-content[data-v-8207ec7e]{max-width:1200px;margin:0 auto;padding:0 20px}.logo-section[data-v-8207ec7e]{display:flex;align-items:center;gap:12px}.logo-image[data-v-8207ec7e]{width:120px;height:60px;object-fit:cover;border-radius:8px}.logo-text[data-v-8207ec7e]{display:flex;flex-direction:column}.brand-name[data-v-8207ec7e]{font-size:20px;font-weight:600;color:#333;line-height:1;margin-bottom:2px}.brand-domain[data-v-8207ec7e]{font-size:12px;color:#666;line-height:1}@media (max-width: 768px){.simple-header[data-v-8207ec7e]{padding:15px 0}.header-content[data-v-8207ec7e]{padding:0 15px}.logo-image[data-v-8207ec7e]{width:100px;height:50px}.brand-name[data-v-8207ec7e]{font-size:18px}.brand-domain[data-v-8207ec7e]{font-size:11px}}.cases-page[data-v-c75295ed]{min-height:100vh;background:#f8f9fa}.cases-content[data-v-c75295ed]{padding-top:0}.container[data-v-c75295ed]{max-width:1200px;margin:0 auto;padding:0 20px}.top-section[data-v-c75295ed]{background:#fff;padding:30px 0;border-bottom:1px solid #e9ecef}.top-content[data-v-c75295ed]{display:flex;justify-content:space-between;align-items:center;gap:30px}.categories-nav[data-v-c75295ed]{display:flex;gap:0;align-items:center}.category-item[data-v-c75295ed]{padding:8px 20px;cursor:pointer;border-radius:20px;transition:var(--transition);color:#333;font-size:14px;font-weight:500;margin-right:20px}.category-item.active[data-v-c75295ed]{background:var(--primary-color);color:#fff}.category-item[data-v-c75295ed]:hover:not(.active){color:var(--primary-color)}.search-section[data-v-c75295ed]{flex-shrink:0}.search-input-wrapper[data-v-c75295ed]{position:relative;width:350px}.search-input[data-v-c75295ed]{width:100%;padding:12px 45px 12px 20px;border:1px solid #ddd;border-radius:25px;font-size:14px;background:#fff;outline:none;transition:var(--transition)}.search-input[data-v-c75295ed]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #dc26261a}.search-icon[data-v-c75295ed]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--primary-color);font-size:18px;pointer-events:none}.filter-section[data-v-c75295ed]{background:#f8f9fa;padding:40px 0}.filter-categories[data-v-c75295ed]{max-width:1200px;margin:0 auto}.filter-category[data-v-c75295ed]{display:flex;align-items:flex-start;margin-bottom:25px;gap:20px}.category-label[data-v-c75295ed]{font-size:13px;color:#333;font-weight:600;min-width:80px;padding-top:6px}.filter-options[data-v-c75295ed]{display:flex;flex-wrap:wrap;gap:10px;flex:1}.filter-option[data-v-c75295ed]{padding:6px 14px;border-radius:18px;cursor:pointer;font-size:12px;transition:var(--transition);white-space:nowrap;color:#333;background:#fff;border:1px solid #e9ecef;font-weight:500}.filter-option.active[data-v-c75295ed]{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-option[data-v-c75295ed]:hover:not(.active){background:#f8f9fa;border-color:var(--primary-color);color:var(--primary-color)}.cases-grid-section[data-v-c75295ed]{padding:50px 0;background:#fff}.cases-grid[data-v-c75295ed]{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.case-card[data-v-c75295ed]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 20px #00000014;transition:var(--transition);cursor:pointer;border:1px solid #f0f0f0}.case-card[data-v-c75295ed]:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001f;border-color:var(--primary-color)}.case-image[data-v-c75295ed]{height:240px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.case-image img[data-v-c75295ed]{width:100%;height:100%;object-fit:contain;transition:var(--transition)}.image-placeholder[data-v-c75295ed]{color:#999;font-size:16px;font-weight:500}.case-info[data-v-c75295ed]{padding:25px}.case-info h3[data-v-c75295ed]{font-size:20px;font-weight:600;margin-bottom:10px;color:#333;line-height:1.4}.case-info p[data-v-c75295ed]{color:#666;font-size:15px;line-height:1.5}.action-buttons[data-v-c75295ed]{position:fixed;right:30px;bottom:30px;display:flex;flex-direction:column;gap:15px;z-index:1000}.action-btn[data-v-c75295ed]{width:50px;height:50px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:20px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px #dc26264d}.action-btn[data-v-c75295ed]:hover{background:#b91c1c;transform:scale(1.1)}.loading-state[data-v-c75295ed]{text-align:center;padding:60px 20px;color:#999}.loading-spinner[data-v-c75295ed]{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin-c75295ed 1s linear infinite;margin:0 auto 16px}@keyframes spin-c75295ed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state[data-v-c75295ed]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-c75295ed]{font-size:48px;margin-bottom:16px}.case-meta[data-v-c75295ed]{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.case-tag[data-v-c75295ed]{padding:4px 8px;background:#f0f0f0;border-radius:12px;font-size:12px;color:#666}.loading-more[data-v-c75295ed]{text-align:center;padding:40px 20px;color:#999}.no-more-data[data-v-c75295ed]{text-align:center;padding:40px 20px;color:#999;font-size:14px}.mobile-search-section[data-v-c75295ed]{display:none}@media (min-width: 769px){.mobile-search-section[data-v-c75295ed],.mobile-filter-modal[data-v-c75295ed]{display:none!important}.search-input[data-v-c75295ed]{padding:12px 45px 12px 20px!important;font-size:14px!important}.search-icon[data-v-c75295ed]{right:15px!important;font-size:18px!important}}@media (max-width: 768px){.top-section[data-v-c75295ed],.filter-section[data-v-c75295ed]{display:none}.mobile-search-section[data-v-c75295ed]{display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fff;border-bottom:1px solid #e9ecef}.mobile-search-bar[data-v-c75295ed]{flex:1;position:relative}.mobile-search-input[data-v-c75295ed]{width:100%;padding:12px 40px 12px 15px;border:1px solid #ddd;border-radius:25px;font-size:14px;background:#fff;outline:none;transition:all .3s ease}.mobile-search-input[data-v-c75295ed]:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.mobile-search-icon[data-v-c75295ed]{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#dc2626;font-size:16px;pointer-events:none}.mobile-filter-btn[data-v-c75295ed]{background:#dc2626;color:#fff;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.mobile-filter-btn[data-v-c75295ed]:hover{background:#b91c1c;transform:translateY(-1px)}.mobile-filter-modal[data-v-c75295ed]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;padding:20px}.mobile-filter-modal.active[data-v-c75295ed]{opacity:1;visibility:visible}.mobile-filter-modal-content[data-v-c75295ed]{background:#fff;width:100%;max-width:400px;max-height:80vh;border-radius:16px;transform:scale(.9) translateY(20px);transition:transform .3s ease;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #0003}.mobile-filter-modal.active .mobile-filter-modal-content[data-v-c75295ed]{transform:scale(1) translateY(0)}.mobile-filter-header[data-v-c75295ed]{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:#fff;position:sticky;top:0;z-index:10}.mobile-filter-header h3[data-v-c75295ed]{margin:0;font-size:18px;font-weight:600;color:#333}.mobile-close-btn[data-v-c75295ed]{background:none;border:none;font-size:24px;color:#666;cursor:pointer;padding:5px;line-height:1;border-radius:50%;transition:all .3s ease}.mobile-close-btn[data-v-c75295ed]:hover{background:#f0f0f0;color:#333}.mobile-filter-body[data-v-c75295ed]{flex:1;overflow-y:auto;padding:0 20px 20px}.mobile-filter-section[data-v-c75295ed]{margin-bottom:25px}.mobile-filter-section h4[data-v-c75295ed]{font-size:16px;font-weight:600;color:#333;margin:0 0 15px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.mobile-filter-options[data-v-c75295ed]{display:flex;flex-wrap:wrap}.mobile-filter-option[data-v-c75295ed]{padding:8px 16px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;white-space:nowrap;color:#333;background:#f8f9fa;border:1px solid #e9ecef;font-weight:500;margin:4px;display:inline-block}.mobile-filter-option.active[data-v-c75295ed]{background:#dc2626;color:#fff;border-color:#dc2626}.mobile-filter-option[data-v-c75295ed]:hover:not(.active){background:#e9ecef;border-color:#dc2626;color:#dc2626}.mobile-filter-actions[data-v-c75295ed]{display:flex;gap:15px;padding:20px;background:#fff;border-top:1px solid #e9ecef;position:sticky;bottom:0}.mobile-reset-btn[data-v-c75295ed],.mobile-apply-btn[data-v-c75295ed]{flex:1;padding:12px 20px;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.mobile-reset-btn[data-v-c75295ed]{background:#f8f9fa;color:#666;border:1px solid #e9ecef}.mobile-reset-btn[data-v-c75295ed]:hover{background:#e9ecef}.mobile-apply-btn[data-v-c75295ed]{background:#dc2626;color:#fff;border:1px solid #dc2626}.mobile-apply-btn[data-v-c75295ed]:hover{background:#b91c1c}.top-content[data-v-c75295ed]{flex-direction:column;gap:20px}.categories-nav[data-v-c75295ed]{justify-content:center;flex-wrap:wrap;gap:10px}.category-item[data-v-c75295ed]{margin-right:0}.search-section[data-v-c75295ed]{width:100%}.search-input-wrapper[data-v-c75295ed]{width:100%;max-width:400px;margin:0 auto}.filter-category[data-v-c75295ed]{flex-direction:column;align-items:flex-start;gap:10px}.category-label[data-v-c75295ed]{min-width:auto;padding-top:0}.filter-options[data-v-c75295ed]{width:100%}.cases-grid[data-v-c75295ed]{grid-template-columns:1fr;gap:20px}.case-image[data-v-c75295ed]{height:200px}.action-buttons[data-v-c75295ed]{right:15px;bottom:15px}.action-btn[data-v-c75295ed]{width:45px;height:45px;font-size:18px}.action-buttons[data-v-c75295ed]{display:none}}.case-detail[data-v-2260d4cb]{background:#f5f6f7;min-height:100vh}.page[data-v-2260d4cb]{padding:20px 0 40px}.card.layout[data-v-2260d4cb]{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 6px 24px #0000000f;display:grid;grid-template-columns:300px 1fr;gap:0;overflow:hidden}.sidebar[data-v-2260d4cb]{background:#fafafa;padding:20px;border-right:1px solid #f0f0f0}.side-title[data-v-2260d4cb]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.rec-item[data-v-2260d4cb]{display:flex;gap:10px;padding:10px;border-radius:8px;cursor:pointer;transition:background .2s}.rec-item[data-v-2260d4cb]:hover{background:#f0f2f5}.rec-thumb[data-v-2260d4cb]{width:56px;height:42px;border-radius:6px;overflow:hidden;background:#eee}.rec-thumb img[data-v-2260d4cb]{width:100%;height:100%;object-fit:cover}.rec-text[data-v-2260d4cb]{display:flex;flex-direction:column;justify-content:center}.rec-title[data-v-2260d4cb]{font-size:13px;color:#333;line-height:1.3}.rec-sub[data-v-2260d4cb]{font-size:12px;color:#999}.side-empty[data-v-2260d4cb]{color:#999;font-size:12px;padding:10px 0}.main[data-v-2260d4cb]{padding:24px 28px}.title[data-v-2260d4cb]{font-size:28px;font-weight:700;margin:0 0 8px}.meta[data-v-2260d4cb]{color:#6b7280;font-size:14px;display:flex;gap:16px;margin-bottom:24px}.paragraphs[data-v-2260d4cb]{display:flex;flex-direction:column;gap:0}.para[data-v-2260d4cb]{padding:32px 0}.row-white[data-v-2260d4cb]{background:#fff}.row-gray[data-v-2260d4cb]{background:#f7f7f7}.para-inner[data-v-2260d4cb]{max-width:860px;margin:0;padding:0;display:flex;align-items:center;gap:40px}.para-inner.image-left[data-v-2260d4cb]{flex-direction:row}.para-inner.image-right[data-v-2260d4cb]{flex-direction:row-reverse}.para-inner.image-center[data-v-2260d4cb],.para-inner.text-only[data-v-2260d4cb]{justify-content:center}.para-image[data-v-2260d4cb]{flex:0 0 460px;display:flex;align-items:center;justify-content:center}.para-image img[data-v-2260d4cb]{width:460px;height:auto;border-radius:8px}.para-image img.auto-height[data-v-2260d4cb]{width:460px;height:auto}.para-text[data-v-2260d4cb]{flex:1;color:#111827}.para-text h3[data-v-2260d4cb]{margin:0 0 10px;font-size:20px}.para-text p[data-v-2260d4cb]{margin:0;line-height:1.8;color:#374151}.para-video[data-v-2260d4cb]{flex:0 0 460px;display:flex;align-items:center;justify-content:center}.para-video video[data-v-2260d4cb]{width:460px;height:auto;border-radius:8px;background:#000}@media (max-width: 1024px){.card.layout[data-v-2260d4cb]{grid-template-columns:1fr}.sidebar[data-v-2260d4cb]{border-right:none;border-bottom:1px solid #f0f0f0}}@media (max-width: 768px){.case-detail[data-v-2260d4cb]{background:#fff}.page[data-v-2260d4cb]{padding:10px 0 20px}.card.layout[data-v-2260d4cb]{max-width:100%;margin:0;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.sidebar[data-v-2260d4cb]{background:#f8f9fa;padding:20px 15px;border-right:none;border-top:1px solid #e9ecef;order:2}.main[data-v-2260d4cb]{padding:20px 15px;order:1}.title[data-v-2260d4cb]{font-size:24px;font-weight:700;margin:0 0 12px;color:#333;line-height:1.3}.meta[data-v-2260d4cb]{color:#666;font-size:14px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #f0f0f0}.meta span[data-v-2260d4cb]{background:#f8f9fa;padding:4px 8px;border-radius:12px;font-size:12px}.paragraphs[data-v-2260d4cb]{display:flex;flex-direction:column;gap:0}.para[data-v-2260d4cb]{padding:20px 0;border-bottom:1px solid #f0f0f0}.para[data-v-2260d4cb]:last-child{border-bottom:none}.row-white[data-v-2260d4cb]{background:#fff}.row-gray[data-v-2260d4cb]{background:#f8f9fa}.para-inner[data-v-2260d4cb]{flex-direction:column!important;gap:16px;text-align:left;max-width:100%}.para-image[data-v-2260d4cb]{flex:0 0 auto;width:100%}.para-image img[data-v-2260d4cb]{width:100%;height:auto;max-width:100%;border-radius:8px;box-shadow:0 2px 8px #0000001a}.para-video[data-v-2260d4cb]{flex:0 0 auto;width:100%}.para-video video[data-v-2260d4cb]{width:100%;height:auto;max-width:100%;border-radius:8px}.para-text[data-v-2260d4cb]{flex:1;color:#333}.para-text h3[data-v-2260d4cb]{margin:0 0 12px;font-size:18px;font-weight:600;color:#333;line-height:1.4}.para-text p[data-v-2260d4cb]{margin:0;line-height:1.6;color:#666;font-size:14px}.side-title[data-v-2260d4cb]{font-size:18px;font-weight:600;color:#333;margin-bottom:16px;text-align:center;padding:16px 0;border-bottom:2px solid #dc2626}.rec-item[data-v-2260d4cb]{display:flex;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;border:1px solid #e9ecef;margin-bottom:8px}.rec-item[data-v-2260d4cb]:hover{background:#f8f9fa;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #dc26261a}.rec-thumb[data-v-2260d4cb]{width:60px;height:45px;border-radius:6px;overflow:hidden;background:#eee;flex-shrink:0}.rec-thumb img[data-v-2260d4cb]{width:100%;height:100%;object-fit:cover}.rec-text[data-v-2260d4cb]{display:flex;flex-direction:column;justify-content:center;flex:1}.rec-title[data-v-2260d4cb]{font-size:14px;color:#333;line-height:1.3;font-weight:500;margin-bottom:4px}.rec-sub[data-v-2260d4cb]{font-size:12px;color:#999}.side-empty[data-v-2260d4cb]{color:#999;font-size:14px;padding:20px 0;text-align:center}}.page-view[data-v-33061fcf] *{box-sizing:border-box}.page-view[data-v-33061fcf]{min-height:100vh;background:#fff;width:100%;max-width:100vw}.page-view .navbar[data-v-33061fcf]{background:#fff!important;box-shadow:0 2px 10px #0000001a!important}.paragraphs-container[data-v-33061fcf]{margin-top:80px}.paragraph-item[data-v-33061fcf]{margin-bottom:0}.row-hero[data-v-33061fcf]{background:#c90816;min-height:30vh;display:flex;align-items:center;position:relative;overflow:hidden}.row-white[data-v-33061fcf]{background:#fff;min-height:30vh;display:flex;align-items:center;position:relative;overflow:hidden}.row-gray[data-v-33061fcf]{background:#f7f7f7;min-height:30vh;display:flex;align-items:center;position:relative;overflow:hidden}.section-content[data-v-33061fcf]{max-width:1200px;margin:0 auto;padding:40px 20px;display:flex;align-items:center;gap:40px;width:100%;box-sizing:border-box;overflow:hidden}.section-content.image-left[data-v-33061fcf]{flex-direction:row}.section-content.image-right[data-v-33061fcf]{flex-direction:row-reverse}.section-content.image-right .section-text[data-v-33061fcf]{text-align:left}.section-content.image-left .section-text[data-v-33061fcf]{text-align:right}.section-text[data-v-33061fcf]{flex:1;z-index:2}.row-hero .section-text[data-v-33061fcf]{color:#fff}.row-white .section-text[data-v-33061fcf],.row-gray .section-text[data-v-33061fcf]{color:#333}.hero-title[data-v-33061fcf]{font-size:36px;font-weight:700;margin:0 0 15px;line-height:1.2}.content-title[data-v-33061fcf]{font-size:28px;font-weight:700;margin:0 0 15px;position:relative}.content-title[data-v-33061fcf]:after{position:absolute;bottom:-6px;left:0;width:50px;height:3px;background:#dc2626}.section-description[data-v-33061fcf]{font-size:16px;margin:0;line-height:1.6;opacity:.9}.section-image[data-v-33061fcf]{flex:0 0 460px;display:flex;align-items:center;justify-content:center}.section-image img[data-v-33061fcf]{width:460px;height:320px;object-fit:cover;border-radius:8px}.case-center[data-v-33061fcf]{background:#fff;padding:60px 0}.case-center-header[data-v-33061fcf]{text-align:center;margin-bottom:50px}.case-center-header h2[data-v-33061fcf]{font-size:32px;font-weight:700;color:#111827;margin:0}.case-grid[data-v-33061fcf]{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.case-item[data-v-33061fcf]{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;cursor:pointer}.case-item[data-v-33061fcf]:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.case-image[data-v-33061fcf]{width:100%;height:180px;overflow:hidden;background:#f3f4f6}.case-image img[data-v-33061fcf]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.case-item:hover .case-image img[data-v-33061fcf]{transform:scale(1.05)}.case-title[data-v-33061fcf]{padding:16px;font-size:14px;font-weight:500;color:#374151;line-height:1.4;text-align:center;background:#fff}@keyframes float-33061fcf{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes fadeInUp-33061fcf{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft-33061fcf{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight-33061fcf{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-33061fcf{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.paragraph-item[data-v-33061fcf]{animation:fadeInUp-33061fcf .6s ease-out}.section-content.image-left .section-text[data-v-33061fcf]{animation:slideInRight-33061fcf .8s ease-out}.section-content.image-right .section-text[data-v-33061fcf]{animation:slideInLeft-33061fcf .8s ease-out}.section-image[data-v-33061fcf]{animation:fadeInUp-33061fcf .8s ease-out .2s both}@media (max-width: 1024px){.case-grid[data-v-33061fcf]{grid-template-columns:repeat(3,1fr)}.section-content[data-v-33061fcf]{gap:30px}}@media (max-width: 768px){.page-view[data-v-33061fcf]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.paragraphs-container[data-v-33061fcf]{margin-top:70px;padding:0}.paragraph-item[data-v-33061fcf]{margin-bottom:0;position:relative}.row-hero[data-v-33061fcf]{background:linear-gradient(135deg,#dc2626,#b91c1c);min-height:50vh;position:relative;overflow:hidden;box-shadow:0 8px 32px #dc26264d}.row-hero[data-v-33061fcf]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.05)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.row-white[data-v-33061fcf]{background:linear-gradient(135deg,#fff,#f8fafc);min-height:40vh;box-shadow:0 4px 20px #00000014;border-top:1px solid rgba(0,0,0,.05)}.row-gray[data-v-33061fcf]{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);min-height:40vh;box-shadow:0 4px 20px #0000000f;border-top:1px solid rgba(0,0,0,.05)}.section-content[data-v-33061fcf]{flex-direction:column!important;gap:30px;text-align:center;padding:40px 20px;position:relative;z-index:2}.section-content .section-text[data-v-33061fcf]{text-align:center!important}.hero-title[data-v-33061fcf]{font-size:32px;font-weight:800;background:linear-gradient(45deg,#fff,#fef2f2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);margin-bottom:20px;line-height:1.2}.content-title[data-v-33061fcf]{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:20px;position:relative;padding-bottom:10px}.content-title[data-v-33061fcf]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#dc2626,#f59e0b);border-radius:2px}.section-description[data-v-33061fcf]{font-size:16px;line-height:1.7;color:#fffffff2;font-weight:400;max-width:90%;margin:0 auto}.row-white .section-description[data-v-33061fcf],.row-gray .section-description[data-v-33061fcf]{color:#4b5563}.section-image[data-v-33061fcf]{flex:none;width:100%;max-width:300px;margin:0 auto}.section-image img[data-v-33061fcf]{width:100%;height:200px;object-fit:cover;border-radius:16px;box-shadow:0 10px 30px #0003;transition:transform .3s ease}.section-image img[data-v-33061fcf]:hover{transform:scale(1.02)}.case-center[data-v-33061fcf]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:60px 0;margin-top:20px}.case-center-header h2[data-v-33061fcf]{font-size:28px;font-weight:700;background:linear-gradient(45deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.case-grid[data-v-33061fcf]{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}.case-item[data-v-33061fcf]{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid rgba(0,0,0,.05)}.case-item[data-v-33061fcf]:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.case-image[data-v-33061fcf]{height:160px;overflow:hidden;position:relative}.case-image[data-v-33061fcf]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#dc26261a,#3b82f61a);opacity:0;transition:opacity .3s ease;z-index:1}.case-item:hover .case-image[data-v-33061fcf]:before{opacity:1}.case-image img[data-v-33061fcf]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.case-item:hover .case-image img[data-v-33061fcf]{transform:scale(1.1)}.case-title[data-v-33061fcf]{padding:20px 16px;font-size:14px;font-weight:600;color:#374151;line-height:1.5;text-align:center;background:#fff}}@media (max-width: 480px){.case-grid[data-v-33061fcf]{grid-template-columns:1fr;gap:15px;padding:0 15px}.hero-title[data-v-33061fcf]{font-size:28px;line-height:1.1}.content-title[data-v-33061fcf]{font-size:24px}.section-description[data-v-33061fcf]{font-size:15px;line-height:1.6}.section-content[data-v-33061fcf]{padding:30px 15px}.section-image img[data-v-33061fcf]{height:180px;border-radius:12px}.case-center-header h2[data-v-33061fcf]{font-size:24px}.case-image[data-v-33061fcf]{height:140px}.case-title[data-v-33061fcf]{padding:16px 12px;font-size:13px}}.page-content[data-v-33061fcf]{text-align:center;padding:60px 20px;color:#999;margin-top:80px}.error[data-v-33061fcf]{color:#ef4444;text-align:center;padding:60px 20px;margin-top:80px}:root{--primary-color: #dc2626;--dark-bg: #1f2937;--text-white: #ffffff;--text-gray: #9ca3af;--transition: all .3s ease}body{background-color:var(--dark-bg);color:var(--text-white);overflow-x:hidden;overflow-y:auto}::-webkit-scrollbar{width:0px;background:transparent}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}::-webkit-scrollbar-thumb:hover{background:transparent}.fade-in{animation:fadeIn 1s ease-in-out}.slide-up{animation:slideUp .8s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container{padding:0 20px}}