/* ===== 全域 ===== */
        body {
            font-family: 'Inter', sans-serif;
            color: #1a1a2e;
            scroll-behavior: smooth;
            background: #fafcff;
        }
        .section-title { font-weight: 700; letter-spacing: -0.02em; }
        .section-title span { color: #0d6efd; }
        .bg-soft-primary { background-color: #f0f7ff; }

        /* ===== 導航列 ===== */
        .navbar {
            background: rgba(255, 255, 255, 0.92);
            backdrop-filter: blur(12px);
            box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
            padding-top: 14px;
            padding-bottom: 14px;
        }
        .navbar-brand {
            font-weight: 800;
            font-size: 1.5rem;
            letter-spacing: -0.03em;
            color: #0d6efd !important;
        }
        .navbar-brand i { font-size: 1.8rem; margin-right: 6px; color: #0d6efd; }
        .navbar .nav-link {
            font-weight: 600;
            font-size: 0.95rem;
            color: #1a1a2e !important;
            padding: 0.5rem 1rem !important;
            border-radius: 40px;
            transition: all 0.2s;
            cursor: pointer;
        }
        .navbar .nav-link:hover,
        .navbar .nav-link.active {
            background: #0d6efd;
            color: #fff !important;
        }
        /* 下拉選單樣式 */
        .navbar .dropdown-menu {
            border-radius: 16px;
            border: 1px solid rgba(0,0,0,0.06);
            box-shadow: 0 12px 32px rgba(0,0,0,0.08);
            padding: 0.5rem;
        }
        .navbar .dropdown-item {
            border-radius: 12px;
            font-weight: 500;
            padding: 0.5rem 1.2rem;
            color: #1a1a2e;
        }
        .navbar .dropdown-item:hover {
            background: #0d6efd;
            color: #fff;
        }
        .navbar .dropdown-item.active {
            background: #0d6efd;
            color: #fff;
        }
        .navbar .btn-outline-primary {
            border-radius: 40px;
            font-weight: 600;
            padding: 0.5rem 1.6rem;
        }
        /* 語言切換按鈕 */
        .lang-btn {
            border-radius: 40px;
            padding: 0.3rem 1rem;
            font-weight: 600;
            font-size: 0.85rem;
            background: transparent;
            border: 1px solid #dee2e6;
            transition: 0.2s;
            cursor: pointer;
            color: #1a1a2e;
        }
        .lang-btn:hover { background: #0d6efd; color: #fff; border-color: #0d6efd; }
        .lang-btn.active { background: #0d6efd; color: #fff; border-color: #0d6efd; }

        /* ===== 頁面容器 ===== */
        .page-section { padding-top: 130px; padding-bottom: 80px; }
        .page-section.active-page { display: block; }

        /* ===== 首頁英雄 ===== */
        .hero {
            background: linear-gradient(145deg, #ffffff 0%, #f4f9ff 100%);
            position: relative;
            overflow: hidden;
            padding: 40px 0 60px;
        }
        .hero::before {
            content: '';
            position: absolute;
            top: -30%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(13,110,253,0.07) 0%, transparent 70%);
            border-radius: 50%;
            pointer-events: none;
        }
        .hero h1 { font-weight: 800; font-size: 3.6rem; letter-spacing: -0.03em; line-height: 1.15; }
        .hero h1 .highlight {
            background: linear-gradient(135deg, #0d6efd, #00b4d8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .hero p.lead { font-size: 1.2rem; color: #4a4a6a; max-width: 520px; }
        .hero .btn-primary {
            border-radius: 50px;
            padding: 0.8rem 2.6rem;
            font-weight: 600;
            box-shadow: 0 8px 28px rgba(13,110,253,0.35);
            transition: 0.3s;
        }
        .hero .btn-primary:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(13,110,253,0.45); }
        .hero .btn-outline-secondary {
            border-radius: 50px;
            padding: 0.8rem 2.2rem;
            font-weight: 600;
        }

        /* 無人機插畫 */
        .drone-illustration {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .drone-illustration .drone-body {
            width: 260px;
            height: 260px;
            background: radial-gradient(circle at 30% 30%, #e8f0fe, #b6cce4);
            border-radius: 50% 50% 45% 45%;
            box-shadow: 0 30px 60px rgba(13,110,253,0.20), inset 0 -10px 30px rgba(0,0,0,0.04);
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            animation: float 5s ease-in-out infinite;
        }
		.drone-illustration .drone-body2 {
            width: 260px;
            height: 260px;
           
           /*  border-radius: 50% 50% 45% 45%;
            box-shadow: 0 30px 60px rgba(13,110,253,0.20), inset 0 -10px 30px rgba(0,0,0,0.04); */
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            animation: float 5s ease-in-out infinite;
        }
        .drone-illustration .drone-body i {
            font-size: 9rem;
            color: #0d6efd;
            filter: drop-shadow(0 12px 24px rgba(13,110,253,0.25));
            transform: rotate(-12deg);
        }
        .propeller {
            position: absolute;
            width: 70px;
            height: 70px;
            border-radius: 50%;
            background: rgba(13,110,253,0.10);
            border: 2px dashed rgba(13,110,253,0.25);
            animation: spin 3s linear infinite;
        }
        .propeller::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 12px;
            height: 12px;
            background: #0d6efd;
            border-radius: 50%;
            transform: translate(-50%, -50%);
        }
        .propeller.tl { top: -20px; left: -20px; }
        .propeller.tr { top: -20px; right: -20px; }
        .propeller.bl { bottom: -20px; left: -20px; }
        .propeller.br { bottom: -20px; right: -20px; }

        @keyframes float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-18px); } }
        @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }

        /* ===== 特點卡片 ===== */
        .feature-card {
            background: #fff;
            border: 1px solid rgba(0,0,0,0.04);
            border-radius: 24px;
            padding: 2.2rem 1.8rem;
            transition: 0.3s;
            box-shadow: 0 4px 20px rgba(0,0,0,0.02);
            height: 100%;
        }
        .feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 48px rgba(13,110,253,0.10); border-color: rgba(13,110,253,0.15); }
        .feature-card .icon-box {
            width: 64px;
            height: 64px;
            border-radius: 18px;
            background: #eef4ff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            color: #0d6efd;
            margin-bottom: 1.2rem;
        }
        .feature-card h5 { font-weight: 700; letter-spacing: -0.01em; }
        .feature-card p { color: #5a5a7a; font-size: 0.95rem; }

        /* ===== 產品卡片 ===== */
        .product-card {
            background: #fff;
            border-radius: 28px;
            overflow: hidden;
            box-shadow: 0 8px 32px rgba(0,0,0,0.04);
            transition: 0.3s;
            border: 1px solid rgba(0,0,0,0.03);
            height: 100%;
            cursor: pointer;
        }
        .product-card:hover { transform: translateY(-6px); box-shadow: 0 24px 56px rgba(13,110,253,0.10); }
        .product-card .product-img {		
            background: linear-gradient(145deg, #f4f9ff, #e8f0fe);
            padding: 2.2rem 1.5rem 1.2rem;
            text-align: center;
            font-size: 5rem;
            color: #0d6efd;
        }
		.product-img img{max-width:100%;}
        .product-card .product-body { padding: 1.6rem 1.8rem 1.8rem; }
        .product-card .product-body h5 { font-weight: 700; }
        .product-card .product-body .badge { font-weight: 600; padding: 0.4rem 1rem; border-radius: 40px; }
        .product-card .product-body .price { font-weight: 700; font-size: 1.3rem; color: #0d6efd; }

        /* ===== 統計區 ===== */
        .stats-section { background: #0d1b2a; color: #fff; padding: 70px 0; }
        .stats-section .stat-number { font-size: 3.2rem; font-weight: 800; letter-spacing: -0.02em; color: #fff; }
        .stats-section .stat-label { color: rgba(255,255,255,0.65); font-weight: 500; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.04em; }
        .stats-section .stat-item { border-right: 1px solid rgba(255,255,255,0.08); }
        .stats-section .stat-item:last-child { border-right: none; }

        /* ===== CTA ===== */
        .cta-section {
            background: linear-gradient(135deg, #0d6efd, #0056b3);
            border-radius: 40px;
            padding: 4rem 3rem;
            color: #fff;
            box-shadow: 0 24px 56px rgba(13,110,253,0.30);
        }
        .cta-section h2 { font-weight: 700; letter-spacing: -0.02em; }
        .cta-section .btn-light {
            border-radius: 50px;
            padding: 0.8rem 2.8rem;
            font-weight: 600;
            color: #0d6efd;
            transition: 0.3s;
        }
        .cta-section .btn-light:hover { transform: scale(1.04); box-shadow: 0 12px 32px rgba(0,0,0,0.20); }

        /* ===== 關於頁面 ===== */
        .about-img-placeholder {
            background: #e8f0fe;
            border-radius: 32px;
            height: 500px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 6rem;
            color: #0d6efd;
        }
		.about-img-placeholder{overflow:hidden;}
		.about-img-placeholder img{display:block;width:100%;max-width:100%;height:auto;border-radius:30px;}
        .team-card {
            background: #fff;
            border-radius: 24px;
            padding: 1.8rem;
            text-align: center;
            border: 1px solid rgba(0,0,0,0.04);
            transition: 0.3s;
        }
        .team-card:hover { transform: translateY(-5px); box-shadow: 0 12px 32px rgba(0,0,0,0.06); }
        .team-card .avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: #dbe4f0;
            margin: 0 auto 1rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 3rem;
            color: #0d6efd;
        }

        /* ===== 聯絡頁面 ===== */
        .contact-info-item {
            display: flex;
            align-items: center;
            gap: 1rem;
            padding: 0.8rem 0;
            border-bottom: 1px solid rgba(0,0,0,0.04);
        }
        .contact-info-item i { font-size: 1.6rem; color: #0d6efd; width: 2.2rem; text-align: center; }
        .form-control, .form-select {
            border-radius: 16px;
            padding: 0.8rem 1.2rem;
            border: 1px solid #e2e8f0;
        }
        .form-control:focus, .form-select:focus { border-color: #0d6efd; box-shadow: 0 0 0 3px rgba(13,110,253,0.15); }

        /* ===== 新聞卡片 ===== */
        .news-card {
            background: #fff;
            border-radius: 20px;
            padding: 1.8rem;
            border: 1px solid rgba(0,0,0,0.04);
            transition: 0.3s;
            cursor: pointer;
        }
        .news-card:hover { transform: translateY(-5px); box-shadow: 0 12px 32px rgba(0,0,0,0.06); border-color: #0d6efd; }
        .news-card .news-date { font-size: 0.85rem; color: #6c757d; }
        .news-card .news-title { font-weight: 600; font-size: 1rem; margin: 0.5rem 0; }
        .news-card .news-summary { color: #202224;font-size:0.85rem; }

        /* ===== 新聞詳情 ===== */
        .news-detail-header { border-bottom: 2px solid #eef4ff; padding-bottom: 1.5rem; margin-bottom: 2rem; }
        .news-detail-header .news-date { color: #6c757d; }
        .news-detail-body p { line-height: 1.8; color: #2d2d44; }
        .news-detail-body img { max-width: 100%; border-radius: 20px; margin: 1.5rem 0; display:block;}
		.news-detail-header h2{font-size:1.2rem !important;}

        /* ===== 產品詳情 ===== */
        .product-detail-img {
            background: #e8f0fe;
            border-radius: 28px;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 7rem;
            color: #0d6efd;
			overflow:hidden;
        }
		.fw-bold{font-size:1.6rem;}
		.product-detail-img img{max-width:100%;}
        .product-detail-specs li { padding: 0.5rem 0; border-bottom: 1px solid #f0f0f0; }
        .product-detail-specs img{max-width:100%;}
		.product_detail{overflow:hidden;}
		.product_detail img{display:block;max-width:100%;height:auto;width:100%;border-radius:10px;}
        /* ===== 應用方案卡片 ===== */
        .solution-card {
            background: #fff;
            border-radius: 24px;
            padding: 2rem;
            border: 1px solid rgba(0,0,0,0.04);
            transition: 0.3s;
            height: 100%;
        }
        .solution-card:hover { transform: translateY(-6px); box-shadow: 0 16px 40px rgba(0,0,0,0.06); border-color: #0d6efd; }
        .solution-card .icon-lg { font-size: 3.5rem; color: #0d6efd; }
		.icon-lg{overflow:hidden;}
		.icon-lg img{width:100%;max-width:100%;display:block;height:auto;}
		.fw-bold_anli{font-size:1.1rem;}

        /* ===== 頁腳 ===== */
        .footer { background: #0d1b2a; color: rgba(255,255,255,0.7); padding: 50px 0 30px; }
        .footer h6 { color: #fff; font-weight: 700; letter-spacing: 0.02em; }
        .footer a { color: rgba(255,255,255,0.6); text-decoration: none; transition: 0.2s; }
        .footer a:hover { color: #fff; }
        .footer .social-icons a {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: rgba(255,255,255,0.06);
            color: rgba(255,255,255,0.7);
            transition: 0.2s;
            font-size: 1.1rem;
        }
        .footer .social-icons a:hover { background: #0d6efd; color: #fff; transform: translateY(-3px); }
        .footer-bottom { border-top: 1px solid rgba(255,255,255,0.06); padding-top: 24px; font-size: 0.9rem; }

        /* ===== 響應式 ===== */
        @media (max-width: 768px) {
            .hero { text-align: center; padding-top: 30px; }
            .hero h1 { font-size: 2.5rem; }
            .hero p.lead { margin-left: auto; margin-right: auto; }
            .drone-illustration { margin-top: 30px; }
            .drone-illustration .drone-body { width: 200px; height: 200px; }
            .drone-illustration .drone-body i { font-size: 6.5rem; }
            .propeller { width: 50px; height: 50px; }
            .stats-section .stat-item { border-right: none; border-bottom: 1px solid rgba(255,255,255,0.06); padding-bottom: 20px; margin-bottom: 20px; }
            .stats-section .stat-item:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }
            .cta-section { padding: 2.5rem 1.5rem; border-radius: 28px; text-align: center; }
            .section-title { font-size: 2rem; }
            .page-section { padding-top: 120px; }
            .navbar .dropdown-menu { border-radius: 12px; }
        }
        @media (max-width: 576px) {
            .hero h1 { font-size: 2rem; }
            .navbar .btn-outline-primary { padding: 0.4rem 1.2rem; font-size: 0.85rem; }
            .product-card .product-img { font-size: 3.8rem; padding: 1.6rem 1rem 0.8rem; }
        }

        /* 產品詳情與新聞詳情隱藏所有子內容，只顯示對應ID */
     
        .product-detail-content.active-detail { display: block; }
      
        .news-detail-content.active-detail { display: block; }

        /* 新聞分類標籤 */
        .news-tab .nav-link {
            border-radius: 40px;
            font-weight: 600;
            color: #1a1a2e;
            border: 1px solid transparent;
        }
        .news-tab .nav-link.active {
            background: #0d6efd;
            color: #fff;
            border-color: #0d6efd;
        }
        .news-tab .nav-link:hover:not(.active) {
            border-color: #0d6efd;
            color: #0d6efd;
        }
        /* 新聞卡片過濾 */
        .news-card-item { display: block; }
        .news-card-item.hidden-news { display: none; }
		
		/*----------- pageNav -----------*/
		
		.sjtwo{text-indent: 2em;}
		
		/* 导航位置 */
		@media (max-width: 768px) {
			.lang a{margin:10px 25px;}
		}
		.lang a{margin:10px 3px;font-size:0.8rem;}
		
		
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #337ab7;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #23527c;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
cursor: default; }