:root{--bs-body-bg: #020617;--bs-body-color: #e2e8f0;--bs-primary: #00d4ff;--transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);--glow-primary: 0 0 20px rgba(0, 212, 255, 0.3);--glow-strong: 0 0 30px rgba(0, 212, 255, 0.5)}.text-primary{color:#00d4ff !important}h1,h2,h3,h4,h5,h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6{font-family:"Orbitron","Noto Sans TC",sans-serif}body{background:#020617;background-image:linear-gradient(rgba(0, 212, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 212, 255, 0.03) 1px, transparent 1px);background-size:50px 50px;color:#e2e8f0;font-family:"Noto Sans TC","Plus Jakarta Sans",system-ui,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}body::before{content:"";position:fixed;top:0;left:0;right:0;height:100%;background:radial-gradient(ellipse 80% 50% at 50% -20%, rgba(0, 212, 255, 0.15), transparent),radial-gradient(ellipse 60% 40% at 100% 50%, rgba(99, 102, 241, 0.08), transparent),radial-gradient(ellipse 60% 40% at 0% 50%, rgba(0, 255, 200, 0.06), transparent);pointer-events:none;z-index:0}.navbar{position:relative;z-index:100;background:rgba(15,23,42,.85) !important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,212,255,.2);box-shadow:0 0 20px rgba(0,212,255,.05)}.navbar .navbar-brand{font-weight:700;letter-spacing:.05em;color:#00d4ff !important;text-shadow:0 0 10px rgba(0,212,255,.5);transition:all var(--transition-base)}.navbar .navbar-brand:hover{text-shadow:0 0 20px rgba(0,212,255,.8)}.navbar .nav-link{font-weight:500;letter-spacing:.02em;border-radius:.25rem;padding:.5rem .75rem !important;transition:all var(--transition-base);color:hsla(0,0%,100%,.85) !important}.navbar .nav-link:hover{color:#00d4ff !important;text-shadow:0 0 8px rgba(0,212,255,.4)}.navbar .btn-primary{font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;border-radius:.25rem;box-shadow:var(--glow-primary);transition:all var(--transition-base)}.navbar .btn-primary:hover{box-shadow:var(--glow-strong);transform:translateY(-2px)}.card{background:rgba(15,23,42,.8);border:1px solid rgba(0,212,255,.2);border-radius:.5rem;backdrop-filter:blur(8px);transition:all var(--transition-base)}.card:hover{border-color:rgba(0,212,255,.5);box-shadow:0 0 24px rgba(0,212,255,.15)}.card .card-title{color:#e2e8f0;font-weight:600;letter-spacing:.02em}.card .card-text{color:rgb(175.5795454545,192.0113636364,213.9204545455)}.form-control,.form-select{background:rgba(30,41,59,.8);border:1px solid rgba(0,212,255,.2);color:#e2e8f0;border-radius:.25rem;transition:all var(--transition-base)}.form-control:focus,.form-select:focus{background:rgba(30,41,59,.9);border-color:#00d4ff;box-shadow:0 0 0 2px rgba(0,212,255,.2);color:#e2e8f0}.form-control::placeholder,.form-select::placeholder{color:hsla(0,0%,100%,.35)}.form-label{font-weight:500;letter-spacing:.02em;color:rgb(192.3863636364,205.3409090909,222.6136363636)}.fw-medium{font-weight:500}.btn{font-weight:600;letter-spacing:.05em;border-radius:.25rem;transition:all var(--transition-base)}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg, #00d4ff 0%, #00a8cc 100%);border:1px solid rgba(0,212,255,.5);box-shadow:var(--glow-primary)}.btn-primary:hover{box-shadow:var(--glow-strong);border-color:#00d4ff}.btn-outline-light{border-color:hsla(0,0%,100%,.3);color:#e2e8f0}.btn-outline-light:hover{background:rgba(0,212,255,.1);border-color:#00d4ff;color:#00d4ff;box-shadow:0 0 20px rgba(0,212,255,.2)}footer{position:relative;z-index:1;background:rgba(15,23,42,.9);backdrop-filter:blur(16px);border-top:1px solid rgba(0,212,255,.2);color:rgb(158.7727272727,178.6818181818,205.2272727273);box-shadow:0 0 30px rgba(0,212,255,.03)}footer .social-links a{color:inherit;opacity:.7;transition:all var(--transition-base)}footer .social-links a:hover{opacity:1;color:#00d4ff;text-shadow:0 0 10px rgba(0,212,255,.5)}.hero-title{font-weight:800;letter-spacing:-0.02em;background:linear-gradient(135deg, #fff 0%, #00d4ff 50%, #00ffc8 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;filter:drop-shadow(0 0 20px rgba(0, 212, 255, 0.3))}.hero-title .text-primary{-webkit-text-fill-color:#00d4ff;filter:drop-shadow(0 0 15px rgba(0, 212, 255, 0.6))}.feature-card{transition:transform var(--transition-base)}.feature-card:hover{transform:translateY(-4px)}.feature-card:hover .feature-icon{transform:scale(1.05);box-shadow:var(--glow-primary)}.feature-card .feature-icon{transition:all var(--transition-base);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;background:linear-gradient(135deg, rgba(0, 212, 255, 0.2) 0%, rgba(0, 255, 200, 0.1) 100%);border:1px solid rgba(0,212,255,.3)}.avatar{width:4rem;height:4rem;font-size:1.5rem;background:linear-gradient(135deg, #00d4ff 0%, #00ffc8 100%);box-shadow:var(--glow-primary)}.alert{border-radius:.25rem;border:1px solid rgba(0,212,255,.3)}.dropdown-menu{background:rgba(30,41,59,.98);border:1px solid rgba(0,212,255,.2);border-radius:.25rem;box-shadow:0 0 30px rgba(0,0,0,.4)}.dropdown-menu .dropdown-item{color:#e2e8f0;transition:all var(--transition-base)}.dropdown-menu .dropdown-item:hover{background:rgba(0,212,255,.1);color:#00d4ff}.bg-surface-subtle{background:rgba(15,23,42,.6);position:relative}.bg-surface-subtle::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0, 212, 255, 0.02) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 212, 255, 0.02) 1px, transparent 1px);background-size:40px 40px;pointer-events:none}.bg-surface-elevated{background:rgba(30,41,59,.9);border:1px solid rgba(0,212,255,.2)}.hero-section{min-height:70vh;display:flex;align-items:center;position:relative;z-index:1}.hero-image-placeholder{border:1px solid rgba(0,212,255,.2);max-width:100%;background:linear-gradient(135deg, rgba(0, 212, 255, 0.05) 0%, rgba(99, 102, 241, 0.05) 100%) !important;box-shadow:0 0 40px rgba(0,212,255,.1),inset 0 0 60px rgba(0,212,255,.05)}.hero-image-placeholder i{filter:drop-shadow(0 0 20px rgba(0, 212, 255, 0.4))}.hero-robot-svg{width:100%;max-width:200px;height:auto;color:#00d4ff;filter:drop-shadow(0 0 20px rgba(0, 212, 255, 0.4))}.hero-robot-cool{filter:drop-shadow(0 0 25px rgba(0, 212, 255, 0.5)) drop-shadow(0 0 50px rgba(0, 212, 255, 0.2))}.hero-robot-detective{filter:drop-shadow(0 0 15px rgba(0, 212, 255, 0.3)) drop-shadow(2px 4px 8px rgba(0, 0, 0, 0.4))}.hero-detective-box{box-shadow:0 0 30px rgba(0,212,255,.1),inset 0 0 40px rgba(0,0,0,.2);background:linear-gradient(180deg, rgba(15, 23, 42, 0.6) 0%, rgba(2, 6, 23, 0.9) 100%) !important}.hero-robot-expert{filter:drop-shadow(0 0 20px rgba(0, 212, 255, 0.35))}.hero-expert-box{box-shadow:0 0 35px rgba(0,212,255,.15);background:linear-gradient(180deg, rgba(15, 23, 42, 0.5) 0%, rgba(30, 41, 59, 0.4) 100%) !important}.hero-robot-box{box-shadow:0 0 40px rgba(0,212,255,.2),inset 0 0 60px rgba(0,212,255,.05)}.hero-discussion-svg{max-width:220px}.hero-discussion-box{box-shadow:0 0 40px rgba(0,212,255,.15),inset 0 0 50px rgba(0,212,255,.03)}.hero-assistant-svg{max-width:240px}.hero-assistant-box{box-shadow:0 0 45px rgba(0,212,255,.2),inset 0 0 60px rgba(0,212,255,.05)}.hero-isometric-svg{max-width:220px}.hero-isometric-box{box-shadow:0 0 40px rgba(0,212,255,.18)}.hero-business-svg{max-width:240px}.hero-business-box{box-shadow:0 0 45px rgba(0,212,255,.2)}.hero-fb-svg{max-width:680px}.hero-fb-box{box-shadow:0 0 45px rgba(0,212,255,.18)}.hero-fb-no-frame{border:none !important;padding:0 !important;box-shadow:none !important;background:rgba(0,0,0,0) !important}.tech-corner{position:absolute;width:24px;height:24px;border-color:#00d4ff;border-style:solid;border-width:0;opacity:.6}.tech-corner-tl{top:12px;left:12px;border-top-width:2px;border-left-width:2px}.tech-corner-tr{top:12px;right:12px;border-top-width:2px;border-right-width:2px}.tech-corner-br{bottom:12px;right:12px;border-bottom-width:2px;border-right-width:2px}.tech-corner-bl{bottom:12px;left:12px;border-bottom-width:2px;border-left-width:2px}.hero-cool-box{box-shadow:0 0 40px rgba(0,212,255,.15),inset 0 0 60px rgba(0,212,255,.03)}.filter-card{background:rgba(15,23,42,.6);border:1px solid rgba(0,212,255,.2);transition:all var(--transition-base);color:#e2e8f0;position:relative;overflow:hidden}.filter-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg, transparent, #00d4ff, transparent);opacity:0;transition:opacity var(--transition-base)}.filter-card:hover{border-color:rgba(0,212,255,.6);transform:translateY(-4px);box-shadow:0 0 30px rgba(0,212,255,.2)}.filter-card:hover::before{opacity:1}.filter-card:hover .fa-solid{color:#00d4ff !important;filter:drop-shadow(0 0 8px rgba(0, 212, 255, 0.6))}.stat-card{background:rgba(15,23,42,.6);border:1px solid rgba(0,212,255,.2);transition:all var(--transition-base)}.stat-card .display-4{color:#00d4ff !important;font-weight:800;text-shadow:0 0 20px rgba(0,212,255,.4)}.stat-card:hover{border-color:rgba(0,212,255,.5);box-shadow:0 0 24px rgba(0,212,255,.1)}.problem-card{background:rgba(15,23,42,.6);border:1px solid rgba(0,212,255,.2);transition:all var(--transition-base)}.problem-card:hover{border-color:rgba(0,212,255,.4);transform:translateY(-2px);box-shadow:0 0 20px rgba(0,212,255,.1)}.problem-card .fa-solid{opacity:.9}.case-placeholder{height:180px;background:linear-gradient(135deg, rgba(30, 41, 59, 0.8) 0%, rgba(0, 212, 255, 0.05) 100%);position:relative}.case-placeholder::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0, 212, 255, 0.03) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 212, 255, 0.03) 1px, transparent 1px);background-size:20px 20px}.case-card{transition:all var(--transition-base)}.case-card:hover{transform:translateY(-4px);box-shadow:0 0 30px rgba(0,212,255,.15)}.case-card:hover .case-placeholder{opacity:.95}.article-card{background:rgba(15,23,42,.6);border:1px solid rgba(0,212,255,.2);transition:all var(--transition-base)}.article-card:hover{border-color:rgba(0,212,255,.5);box-shadow:0 0 24px rgba(0,212,255,.15)}.robot-index-icon{height:80px;width:auto;object-fit:contain}.solution-card,.robot-card{transition:all var(--transition-base)}.solution-card:hover,.robot-card:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.5);box-shadow:0 0 24px rgba(0,212,255,.15)}.robot-product-card{background:rgba(15,23,42,.5);border-color:rgba(0,212,255,.2) !important;transition:all var(--transition-base)}.robot-product-card:hover{transform:translateY(-2px);border-color:rgba(0,212,255,.5) !important;box-shadow:0 0 16px rgba(0,212,255,.1)}.breadcrumb{--bs-breadcrumb-divider-color: rgba(255, 255, 255, 0.7)}.breadcrumb .breadcrumb-item a,.breadcrumb .breadcrumb-item.active{color:hsla(0,0%,100%,.7)}.breadcrumb .breadcrumb-item a{text-decoration:none;transition:color var(--transition-base)}.breadcrumb .breadcrumb-item a:hover{color:#00d4ff;text-shadow:0 0 8px rgba(0,212,255,.4)}.breadcrumb .breadcrumb-item+.breadcrumb-item::before{color:hsla(0,0%,100%,.7)}.content-block a{color:#00d4ff;text-decoration:none;transition:all var(--transition-base)}.content-block a:hover{text-decoration:underline;text-shadow:0 0 8px rgba(0,212,255,.3)}.content-block ul{padding-left:1.25rem}section h2{letter-spacing:.05em;position:relative;display:inline-block}section h2::after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:2px;background:linear-gradient(90deg, transparent, #00d4ff, transparent);border-radius:1px}
