header nav.nav{flex-grow:0;flex-basis:auto;justify-content:flex-end;flex-flow:row wrap;position:static;padding:0}@media (max-width:767px){header nav.nav{flex-flow:column;justify-content:flex-start}}:root{--blue-dark:#1E3A5F;--blue-primary:#2B5EA8;--blue-light:#5B9BD5;--blue-sky:#7EC8E3;--green-primary:#3CB371;--green-light:#7DD3A8;--yellow:#FFD93D;--orange:#FF9F43;--white:#FFFFFF;--gray-light:#F5F7FA;--text-dark:#2D3748;--text-gray:#666666}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Noto Sans TC',sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden}a{color:#fff}.section-nav{position:fixed;top:76px;left:0;right:0;z-index:999;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:10px 0;overflow-x:auto;scrollbar-width:none;box-shadow:0 4px 12px rgba(0,0,0,.06)}.section-nav::-webkit-scrollbar{display:none}.section-nav-inner{display:flex;gap:8px;padding:0 20px;max-width:1200px;margin:0 auto;white-space:nowrap;justify-content:center}.section-nav-item{display:inline-flex;align-items:center;font-size:13px;font-weight:700;color:#5a6c7d;padding:7px 14px;border-radius:20px;background:0 0;border:1px solid transparent;text-decoration:none;transition:all .2s;cursor:pointer;flex-shrink:0}.section-nav-item:hover{background:#ebf1f8;color:var(--blue-dark)}.section-nav-item.active{background:linear-gradient(135deg,var(--blue-primary),var(--blue-dark));color:#fff;border-color:var(--yellow);box-shadow:0 2px 8px rgba(33,66,113,.3)}.collapsible{position:relative}.collapsible-body{position:relative;max-height:320px;overflow:hidden;transition:max-height .5s ease-out}.collapsible.open .collapsible-body{max-height:8000px}.collapsible-body::after{content:'';position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(180deg,rgba(255,255,255,0) 0,rgba(255,255,255,.85) 45%,#fff 100%);pointer-events:none;transition:opacity .3s}.collapsible.open .collapsible-body::after{opacity:0}.collapsible[data-bg=gray] .collapsible-body::after{background:linear-gradient(180deg,rgba(245,247,250,0) 0,rgba(245,247,250,.85) 45%,#f5f7fa 100%)}.collapsible[data-bg=blue] .collapsible-body::after{background:linear-gradient(180deg,rgba(235,241,248,0) 0,rgba(235,241,248,.85) 45%,#ebf1f8 100%)}.collapsible-expand-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin:24px auto 0;padding:12px 32px;background:linear-gradient(135deg,var(--yellow),#f59e0b);color:var(--blue-dark);font-size:14px;font-weight:800;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 12px rgba(245,158,11,.35);transition:transform .2s,box-shadow .2s;letter-spacing:.5px;font-family:inherit}.collapsible-expand-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(245,158,11,.45)}.collapsible-expand-btn svg{width:16px;height:16px;transition:transform .3s}.collapsible.open .collapsible-expand-btn svg{transform:rotate(180deg)}@media (max-width:768px){.section-nav{top:64px}.section-nav-inner{justify-content:flex-start!important;padding:0 12px!important;gap:6px!important}.section-nav-item{padding:6px 11px!important;font-size:12px!important}}@media (min-width:769px){.collapsible .collapsible-body{max-height:none!important}.collapsible-body::after{display:none!important}.collapsible-expand-btn{display:none!important}}.header{background:linear-gradient(135deg,var(--blue-dark) 0,var(--blue-primary) 100%);padding:16px 24px;position:fixed;top:0;left:0;right:0;z-index:1000}.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo-icon{font-size:28px}.logo-text{font-size:20px;font-weight:700;color:var(--white)}.nav{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 18px;color:rgba(255,255,255,.85);text-decoration:none;font-size:14px;font-weight:500;border-radius:25px;transition:all .3s}.nav-link:hover{background:rgba(255,255,255,.15);color:var(--white)}.nav-btn-outline{border:1.5px solid rgba(255,255,255,.6)}.nav-dropdown{position:relative}.nav-dropdown-menu{display:none;position:absolute;top:100%;right:0;margin-top:8px;background:var(--white);border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.15);min-width:180px;padding:8px 0;z-index:1000}.nav-dropdown:hover .nav-dropdown-menu{display:block}.nav-dropdown-menu a{display:block;padding:10px 20px;color:var(--text-dark);text-decoration:none;font-size:14px;transition:background .2s}.nav-dropdown-menu a:hover{background:var(--gray-light);color:var(--blue-primary)}.nav-btn{padding:10px 24px;background:var(--yellow);color:var(--blue-dark);border-radius:25px;font-weight:600;text-decoration:none;font-size:14px;transition:all .3s}.nav-btn:hover{background:var(--white);transform:translateY(-2px)}.hamburger{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:8px;z-index:1001}.hamburger span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:all .3s}.nav-close{display:none}.back-to-top{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:var(--blue-primary);color:#fff;border:none;border-radius:50%;font-size:20px;cursor:pointer;box-shadow:0 4px 16px rgba(43,94,168,.4);z-index:900;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;display:flex;align-items:center;justify-content:center}.back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--blue-dark);transform:translateY(-3px);box-shadow:0 6px 24px rgba(43,94,168,.5)}.hero{background:linear-gradient(135deg,var(--blue-dark) 0,var(--blue-primary) 50%,var(--blue-light) 100%);padding:180px 24px 0;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;right:0;width:60%;height:100%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 600'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' d='M0,300 Q200,100 400,300 T800,300 L800,600 L0,600 Z'/%3E%3C/svg%3E");background-size:cover}.hero-inner{max-width:90%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:8px 16px;border-radius:30px;font-size:14px;color:var(--yellow);margin-bottom:20px}.hero-title{font-size:42px;font-weight:900;color:var(--white);line-height:1.3;margin-bottom:20px}.hero-title span{color:var(--yellow)}.hero-subtitle{font-size:18px;color:rgba(255,255,255,.9);margin-bottom:32px;line-height:1.8}.hero-path-card:hover{background:rgba(255,255,255,.22)!important;border-color:rgba(255,255,255,.5)!important;transform:translateY(-2px)}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:50px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;border:none;cursor:pointer}.btn-primary{background:var(--yellow);color:var(--blue-dark);box-shadow:0 8px 25px rgba(255,217,61,.4)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(255,217,61,.5)}.btn-secondary{background:rgba(255,255,255,.15);color:var(--white);border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:var(--white);color:var(--blue-dark)}.hero-image{position:relative}.hero-illustration{width:100%;max-width:500px;margin:0 auto;display:block}.hero-bunny{font-size:200px;text-align:center;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, .2))}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.code-badge{text-align:center;padding:40px 24px;background:var(--gray-light)}.code-badge-inner{max-width:800px;margin:0 auto}.code-badge h2{font-size:28px;color:var(--blue-dark);margin-bottom:16px}.code-badge h2 span{color:var(--blue-light)}.code-box{background:var(--blue-dark);border-radius:12px;padding:20px 30px;display:inline-flex;align-items:center;gap:16px;margin-top:16px}.code-text{font-family:'Courier New',monospace;font-size:14px;color:var(--blue-sky)}.code-text a{font-family:'Courier New',monospace;font-size:14px;color:var(--blue-sky)}.code-copy{background:var(--yellow);color:var(--blue-dark);border:none;padding:8px 16px;border-radius:6px;font-weight:600;cursor:pointer;font-size:13px}.video-section{padding:80px 24px;background:var(--white);text-align:center}.video-inner{max-width:960px;margin:0 auto}.video-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b6b,var(--orange));color:var(--white);padding:8px 20px;border-radius:30px;font-size:14px;font-weight:600;margin-bottom:20px}.video-title{font-size:32px;font-weight:700;color:var(--blue-dark);margin-bottom:12px}.video-subtitle{font-size:16px;color:var(--text-gray);margin-bottom:40px;line-height:1.8}.video-wrapper{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(30,58,95,.2);background:var(--blue-dark)}.video-wrapper::before{content:'';position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,var(--blue-light),var(--yellow),var(--green-primary),var(--blue-sky));border-radius:22px;z-index:-1}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.video-highlights{display:flex;justify-content:center;gap:32px;margin-top:32px;flex-wrap:wrap}.video-highlight-item{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--text-dark);font-weight:500}.video-highlight-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--blue-light),var(--blue-sky));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--white)}.security-section{padding:100px 24px;background:linear-gradient(180deg,#0d1b2a 0,var(--blue-dark) 100%);position:relative;overflow:hidden}.security-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(91,155,213,.08) 0,transparent 50%),radial-gradient(circle at 80% 30%,rgba(126,200,227,.06) 0,transparent 50%);pointer-events:none}.security-section::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(91,155,213,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(91,155,213,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.security-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1}.security-header{text-align:center;margin-bottom:60px}.security-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(91,155,213,.15);border:1px solid rgba(91,155,213,.3);color:var(--blue-sky);padding:8px 20px;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:20px;letter-spacing:1px;text-transform:uppercase}.security-title{font-size:36px;font-weight:900;color:var(--white);margin-bottom:16px;line-height:1.3}.security-title span{background:linear-gradient(135deg,var(--blue-sky),var(--green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.security-desc{font-size:17px;color:rgba(255,255,255,.7);max-width:700px;margin:0 auto;line-height:1.8}.security-architecture{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin-bottom:60px}.arch-zone{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:32px;position:relative}.arch-zone-label{position:absolute;top:-12px;left:24px;background:var(--blue-dark);padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.arch-zone-ai .arch-zone-label{color:var(--orange);border:1px solid rgba(255,159,67,.4)}.arch-zone-commerce .arch-zone-label{color:var(--green-primary);border:1px solid rgba(60,179,113,.4)}.arch-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;margin-bottom:12px;transition:all .3s}.arch-zone-ai .arch-item{background:rgba(255,159,67,.06);border:1px solid rgba(255,159,67,.12)}.arch-zone-ai .arch-item:hover{background:rgba(255,159,67,.12);border-color:rgba(255,159,67,.3)}.arch-zone-commerce .arch-item{background:rgba(60,179,113,.06);border:1px solid rgba(60,179,113,.12)}.arch-zone-commerce .arch-item:hover{background:rgba(60,179,113,.12);border-color:rgba(60,179,113,.3)}.arch-item:last-child{margin-bottom:0}.arch-item-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.arch-zone-ai .arch-item-icon{background:rgba(255,159,67,.15)}.arch-zone-commerce .arch-item-icon{background:rgba(60,179,113,.15)}.arch-item-text{color:rgba(255,255,255,.9);font-size:14px;font-weight:500}.arch-item-desc{color:rgba(255,255,255,.5);font-size:12px;margin-top:2px}.arch-divider{display:flex;flex-direction:column;align-items:center;gap:12px}.arch-shield{width:80px;height:90px;position:relative;display:flex;align-items:center;justify-content:center}.arch-shield-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(91,155,213,.2),rgba(60,179,113,.2));clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);animation:shieldPulse 3s ease-in-out infinite}@keyframes shieldPulse{0%,100%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.arch-shield-icon{font-size:32px;position:relative;z-index:1}.arch-divider-text{color:rgba(255,255,255,.5);font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;writing-mode:vertical-lr;text-orientation:mixed}.arch-divider-line{width:2px;height:40px;background:linear-gradient(180deg,transparent,rgba(91,155,213,.3),transparent)}.security-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.security-feature-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px 28px;transition:all .4s;position:relative;overflow:hidden}.security-feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--blue-sky),transparent);opacity:0;transition:opacity .4s}.security-feature-card:hover{background:rgba(255,255,255,.08);border-color:rgba(91,155,213,.3);transform:translateY(-5px)}.security-feature-card:hover::before{opacity:1}.security-feature-icon{width:52px;height:52px;background:linear-gradient(135deg,rgba(91,155,213,.15),rgba(126,200,227,.1));border:1px solid rgba(91,155,213,.2);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.security-feature-name{font-size:17px;font-weight:700;color:var(--white);margin-bottom:10px}.security-feature-desc{font-size:14px;color:rgba(255,255,255,.6);line-height:1.7}.security-feature-tag{display:inline-block;margin-top:14px;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px}.tag-patent{background:rgba(255,217,61,.12);color:var(--yellow);border:1px solid rgba(255,217,61,.25)}.tag-standard{background:rgba(60,179,113,.12);color:var(--green-light);border:1px solid rgba(60,179,113,.25)}.tag-encryption{background:rgba(91,155,213,.12);color:var(--blue-sky);border:1px solid rgba(91,155,213,.25)}.security-bottom{text-align:center;margin-top:50px;padding-top:40px;border-top:1px solid rgba(255,255,255,.06)}.security-bottom-text{font-size:15px;color:rgba(255,255,255,.5);margin-bottom:20px}.security-bottom-text strong{color:var(--blue-sky)}.security-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--blue-light),var(--blue-sky));color:var(--white);border-radius:30px;text-decoration:none;font-weight:600;font-size:15px;transition:all .3s;box-shadow:0 8px 25px rgba(91,155,213,.3)}.security-cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(91,155,213,.45)}.feature-section{padding:80px 24px;position:relative;overflow:hidden}.feature-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-inner.reverse{direction:rtl}.feature-inner.reverse>*{direction:ltr}.wave-blue{background:linear-gradient(180deg,var(--blue-primary) 0,var(--blue-light) 100%);color:var(--white);clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);padding:120px 24px}.wave-green{background:linear-gradient(180deg,var(--green-primary) 0,var(--green-light) 100%);color:var(--white);clip-path:polygon(0 0,100% 5%,100% 100%,0 95%);padding:120px 24px}.feature-icon{width:80px;height:80px;background:rgba(255,255,255,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;margin-bottom:24px}.feature-icon-white{background:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.1)}.feature-badge{display:inline-block;background:rgba(255,255,255,.2);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px}.feature-badge-dark{background:var(--blue-light);color:var(--white)}.feature-title{font-size:32px;font-weight:700;margin-bottom:16px;line-height:1.3}.feature-subtitle{font-size:16px;opacity:.9;margin-bottom:24px}.feature-list{list-style:none}.feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:15px}.feature-list-icon{width:24px;height:24px;background:rgba(255,255,255,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:2px}.feature-list-icon-dark{background:var(--green-primary);color:var(--white)}.feature-list strong{color:var(--yellow)}.feature-list-dark strong{color:var(--blue-primary)}.feature-cta{display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:12px 28px;background:var(--white);color:var(--blue-dark);border-radius:30px;text-decoration:none;font-weight:600;font-size:14px;transition:all .3s}.feature-cta:hover{transform:translateX(5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.feature-cta-outline{background:0 0;color:var(--white);border:2px solid var(--white)}.feature-cta-outline:hover{background:var(--white);color:var(--blue-dark)}.feature-image{position:relative;text-align:center}.feature-img-box{background:#fff;border-radius:24px;padding:40px;backdrop-filter:blur(10px);position:relative}.feature-img-box-white{background:var(--white);box-shadow:0 20px 60px rgba(0,0,0,.1)}.device-mockup{font-size:120px;line-height:1}.floating-badge{position:absolute;background:var(--white);padding:12px 20px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);font-size:14px;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:8px}.floating-badge.top-right{top:-10px;right:-10px}.floating-badge.bottom-left{bottom:-10px;left:-10px}.floating-badge.top-left{top:20px;left:-20px}.floating-icon{width:32px;height:32px;background:var(--green-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px}.floating-icon.blue{background:var(--blue-light)}.floating-icon.orange{background:var(--orange)}.stats-section{background:var(--gray-light);padding:60px 24px}.stats-inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}.stat-item{padding:30px 20px;background:var(--white);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.05)}.stat-number{font-size:42px;font-weight:900;color:var(--blue-primary);margin-bottom:8px}.stat-label{font-size:14px;color:var(--text-gray)}.more-features{background:linear-gradient(135deg,var(--blue-light) 0,var(--blue-sky) 100%);padding:80px 24px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%)}.more-features-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.more-features-content{color:var(--white)}.more-features-title{font-size:28px;font-weight:700;margin-bottom:32px}.more-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.more-feature-item{background:rgba(255,255,255,.15);backdrop-filter:blur(10px);padding:24px;border-radius:16px;transition:all .3s}.more-feature-item:hover{background:rgba(255,255,255,.25);transform:translateY(-5px)}.more-feature-icon{font-size:32px;margin-bottom:12px}.more-feature-name{font-size:16px;font-weight:600;margin-bottom:6px}.more-feature-desc{font-size:13px;opacity:.85}.ssl-badge{text-align:center}.ssl-icon{font-size:150px;padding-left:5%;background-color:#fff;border-radius:20px}.embed-section{padding:80px 24px;text-align:center;background:var(--white)}.embed-inner{max-width:900px;margin:0 auto}.embed-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--blue-light),var(--blue-sky));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 24px;color:var(--white)}.embed-title{font-size:32px;font-weight:700;color:var(--blue-dark);margin-bottom:16px}.embed-desc{font-size:18px;color:var(--text-gray);margin-bottom:32px;line-height:1.8}.embed-platforms{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-bottom:40px}.platform-badge{display:flex;align-items:center;gap:8px;background:var(--gray-light);padding:12px 24px;border-radius:30px;font-size:14px;font-weight:500;color:var(--text-dark)}.platform-badge span{font-size:20px}.product-section{padding:80px 24px;background:linear-gradient(180deg,var(--gray-light) 0,var(--white) 100%)}.product-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.product-content{text-align:center}.product-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--orange),var(--yellow));color:var(--white);padding:10px 20px;border-radius:30px;font-size:14px;font-weight:700;margin-bottom:20px;box-shadow:0 8px 25px rgba(255,159,67,.3)}.product-title{font-size:36px;font-weight:900;color:var(--blue-dark);margin-bottom:16px}.product-subtitle{font-size:18px;color:var(--text-gray);margin-bottom:24px;line-height:1.8}.product-features{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.product-feature{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-dark)}.product-feature-icon{width:28px;height:28px;background:var(--green-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px}.product-image{position:relative}.product-mockup{background:var(--white);border-radius:24px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.15);position:relative}.product-screen{background:linear-gradient(135deg,var(--blue-light),var(--green-light));border-radius:16px;padding:40px;text-align:center;color:var(--white);font-size:48px}.product-arrow{position:absolute;font-size:60px;color:var(--orange);top:-30px;right:-30px;transform:rotate(15deg);animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:rotate(15deg) translateY(0)}50%{transform:rotate(15deg) translateY(-10px)}}.features5-section{padding:80px 24px;background:linear-gradient(180deg,#fff 0,#f4f9ff 100%);position:relative;overflow:hidden}.features5-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--blue-primary),var(--yellow),var(--blue-primary),transparent)}.features5-inner{max-width:1200px;margin:0 auto}.features5-head{text-align:center;margin-bottom:50px}.features5-tag{display:inline-block;background:var(--blue-light,#ebf1f8);color:var(--blue-dark);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:16px;letter-spacing:1px}.features5-title{font-size:36px;font-weight:900;color:var(--blue-dark);margin:0 0 16px;letter-spacing:-.5px}.features5-subtitle{font-size:16px;color:var(--text-gray);line-height:1.8;margin:0;max-width:600px;margin-left:auto;margin-right:auto}.features5-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.features5-card{background:#fff;border-radius:20px;padding:32px 28px;border:1px solid #e5eaf0;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.features5-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(33,66,113,.15);border-color:var(--blue-primary)}.features5-card-highlight{background:linear-gradient(180deg,#fff9e6 0,#fff 70%);border-color:var(--yellow);box-shadow:0 8px 24px rgba(250,204,21,.15)}.features5-card-highlight::before{content:'✨ AI 加持';position:absolute;top:-10px;right:20px;background:linear-gradient(135deg,var(--yellow),#f59e0b);color:var(--blue-dark);font-size:11px;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:.5px;box-shadow:0 2px 8px rgba(245,158,11,.3)}.features5-icon{width:64px;height:64px;margin-bottom:16px;line-height:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue-primary),var(--blue-dark));border-radius:16px;color:#fff;font-size:30px;box-shadow:0 6px 16px rgba(33,66,113,.25)}.features5-card-highlight .features5-icon{background:linear-gradient(135deg,var(--yellow),#f59e0b);color:var(--blue-dark);box-shadow:0 6px 16px rgba(245,158,11,.3)}.features5-icon i{line-height:1}.features5-card-title{font-size:20px;font-weight:800;color:var(--blue-dark);margin:0 0 12px;letter-spacing:-.3px}.features5-card-desc{font-size:14px;color:var(--text-dark);line-height:1.8;margin:0 0 16px;flex:1}.features5-card-desc strong{color:var(--blue-dark);font-weight:700}.features5-card-badge{display:inline-block;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:12px;margin-left:4px;letter-spacing:.3px;white-space:nowrap}.features5-card-badge-link{text-decoration:none;transition:all .2s;cursor:pointer}.features5-card-badge-link:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(16,185,129,.4)}.features5-card-badge-link i{margin-left:4px;font-size:10px;transition:transform .2s}.features5-card-badge-link:hover i{transform:translateX(3px)}.features5-card-tag{font-size:12px;color:var(--text-gray);padding:8px 14px;background:#f4f9ff;border-radius:8px;border-left:3px solid var(--blue-primary);font-weight:600}.features5-foot{text-align:center;padding-top:20px}.features5-foot-text{font-size:18px;color:var(--blue-dark);font-weight:700;margin:0 0 16px;letter-spacing:.5px}.features5-foot-text strong{color:#f59e0b;font-weight:900}.features5-foot-link{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:rgba(33,66,113,.08);color:var(--blue-dark);border-radius:30px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s}.features5-foot-link:hover{background:var(--blue-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(33,66,113,.25)}.features5-foot-link i{transition:transform .2s}.features5-foot-link:hover i{transform:translateX(4px)}@media (max-width:1024px){.features5-grid{grid-template-columns:repeat(2,1fr)}.features5-title{font-size:30px}}@media (max-width:768px){.features5-section{padding:50px 20px}.features5-grid{grid-template-columns:1fr;gap:16px}.features5-title{font-size:26px}.features5-subtitle{font-size:15px}.features5-card{padding:28px 24px}.features5-card-title{font-size:18px}.features5-icon{width:56px;height:56px;font-size:26px;border-radius:14px}}.courses-section{padding:60px 24px;background:linear-gradient(180deg,#ebf1f8 0,#f4f9ff 100%);position:relative;overflow:hidden}.courses-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--yellow),transparent)}.courses-inner{max-width:1100px;margin:0 auto;position:relative}.courses-head{text-align:center;margin-bottom:36px}.courses-title{font-size:32px;font-weight:800;color:var(--blue-dark);margin-bottom:12px;letter-spacing:-.5px}.courses-subtitle{font-size:16px;color:var(--text-gray);margin:0}.courses-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;max-width:960px;margin:0 auto}.course-card{background:#fff;border-radius:20px;padding:36px 32px;position:relative;transition:all .3s;border:1px solid #e5eaf0;display:flex;flex-direction:column}.course-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(33,66,113,.15)}.course-card-paid{border-color:var(--yellow);background:linear-gradient(180deg,#fff9e6 0,#fff 60%);box-shadow:0 8px 24px rgba(250,204,21,.15)}.course-card-free{border-color:#c8e6d0;background:linear-gradient(180deg,#f0f9f3 0,#fff 60%);box-shadow:0 8px 24px rgba(76,175,80,.12)}.course-card-badge{position:absolute;top:-12px;left:24px;background:linear-gradient(135deg,#f59e0b,#dc8a00);color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:20px;letter-spacing:.5px;box-shadow:0 4px 12px rgba(245,158,11,.35)}.course-card-badge-free{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px rgba(16,185,129,.3)}.course-card-icon{font-size:48px;margin-bottom:12px}.course-card-title{font-size:24px;font-weight:800;color:var(--blue-dark);margin:0 0 8px}.course-card-sub{font-size:14px;color:var(--text-gray);margin:0 0 24px;line-height:1.6}.course-card-meta{display:flex;flex-direction:column;gap:10px;padding:18px 20px;background:rgba(255,255,255,.7);border-radius:12px;margin-bottom:20px;border:1px solid rgba(0,0,0,.04)}.course-card-meta-item{display:flex;justify-content:space-between;align-items:center;font-size:14px}.course-card-meta-label{color:var(--text-gray);font-weight:600}.course-card-meta-value{color:var(--text-dark);font-weight:700;text-align:right}.course-card-price{font-size:18px;color:#dc8a00;font-weight:900}.course-card-price-free{font-size:16px;color:#059669;font-weight:900}.course-card-highlights{list-style:none;padding:0;margin:0 0 24px;font-size:14px;color:var(--text-dark);line-height:1.9;flex:1}.course-card-highlights li{padding-left:22px;position:relative}.course-card-highlights li::before{content:'✓';position:absolute;left:0;color:var(--yellow);font-weight:900}.course-card-free .course-card-highlights li::before{color:#10b981}.course-card-btn{display:block;padding:14px 24px;border-radius:30px;text-align:center;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s}.course-card-btn-primary{background:linear-gradient(135deg,var(--yellow),#f59e0b);color:var(--blue-dark);box-shadow:0 4px 14px rgba(245,158,11,.35)}.course-card-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(245,158,11,.45)}.course-card-btn-free{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 14px rgba(16,185,129,.3)}.course-card-btn-free:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,.4)}@media (max-width:768px){.courses-section{padding:60px 20px}.courses-title{font-size:26px}.courses-grid{grid-template-columns:1fr;gap:20px}.course-card{padding:28px 22px}.course-card-title{font-size:22px}.course-card-icon{font-size:42px}}.cta-section{background:linear-gradient(135deg,var(--blue-dark) 0,var(--blue-primary) 100%);padding:80px 24px;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'\1F430';position:absolute;font-size:300px;opacity:.05;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-inner{max-width:700px;margin:0 auto;position:relative;z-index:1}.cta-title{font-size:36px;font-weight:900;color:var(--white);margin-bottom:16px}.cta-subtitle{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:32px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer{background:#0d1b2a;color:rgba(255,255,255,.7);padding:60px 24px 30px}.footer-inner{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo-icon{font-size:36px}.footer-logo-text{font-size:20px;font-weight:700;color:var(--white)}.footer-brand p{font-size:14px;line-height:1.8;margin-bottom:24px}.footer-contact-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:13px}.footer-contact-icon{width:20px;text-align:center}.footer-title{font-size:15px;font-weight:600;color:var(--white);margin-bottom:20px}.footer-links{list-style:none}.footer-links li{margin-bottom:12px}.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;font-size:13px;transition:all .3s}.footer-links a:hover{color:var(--yellow)}.footer-social{display:flex;gap:12px;margin-top:20px}.social-btn{width:40px;height:40px;background:rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;font-size:18px;transition:all .3s}.social-btn:hover{background:var(--blue-light)}.footer-bottom{padding-top:30px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copyright{font-size:12px;color:rgba(255,255,255,.5)}.footer-powered{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.5)}@media (max-width:1024px){.feature-inner,.hero-inner,.more-features-inner,.product-inner{grid-template-columns:1fr;text-align:center}.feature-inner.reverse{direction:ltr}.hero-title{font-size:32px}.hero-two-paths{justify-content:center}.feature-list{text-align:left}.stats-inner{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr;text-align:center}.security-architecture{grid-template-columns:1fr;gap:20px}.arch-divider{flex-direction:row;gap:16px}.arch-divider-text{writing-mode:horizontal-tb}.arch-divider-line{width:40px;height:2px}.security-features{grid-template-columns:1fr}}@media (max-width:768px){.nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--blue-dark) 0,var(--blue-primary) 100%);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:100px;gap:8px;z-index:1001;padding-left:20px;padding-right:20px}.nav.open{display:flex}.nav .nav-btn,.nav .nav-link{font-size:18px;padding:14px 32px;width:100%;text-align:center;border-radius:12px}.nav .nav-btn-outline{border-color:rgba(255,255,255,.4)}.nav .nav-dropdown{width:100%}.nav .nav-dropdown-menu{position:static;display:none;background:rgba(255,255,255,.1);box-shadow:none;border-radius:12px;margin-top:4px;padding:4px 0}.nav .nav-dropdown.open .nav-dropdown-menu{display:block}.nav .nav-dropdown-menu a{color:rgba(255,255,255,.9);text-align:center;font-size:16px;padding:12px 20px}.nav .nav-dropdown-menu a:hover{background:rgba(255,255,255,.15);color:#fff}.hamburger{display:flex!important}.nav.open+.hamburger{display:none!important}.nav-close{display:block;position:absolute;top:20px;right:24px;font-size:32px;color:#fff;background:0 0;border:none;cursor:pointer;line-height:1;z-index:10;width:48px;height:48px}.nav .nav-dropdown{width:100%}.nav .nav-dropdown>a{width:100%;display:block}.hero{padding:100px 20px 50px}.hero-title{font-size:26px}.hero-subtitle{font-size:15px}.hero-two-paths{flex-direction:column!important;gap:12px!important}.hero-bunny{font-size:120px}.hero-bunny img{max-width:100%;height:auto}.hero-buttons{justify-content:center}body{overflow-x:hidden}section{overflow-x:hidden}.feature-section,.wave-blue,.wave-green{padding:50px 20px;clip-path:none}.feature-inner,.feature-inner.reverse{gap:30px}.feature-title{font-size:24px}.feature-img-box,.feature-img-box-white{padding:20px 10px;overflow:hidden}.floating-badge{display:none}.feature-image{overflow:hidden}.code-box{display:block;padding:14px;overflow-x:auto;max-width:100%}.code-text{font-size:11px;word-break:break-all;white-space:pre-wrap}.embed-section{padding:50px 20px}.embed-title{font-size:22px}.embed-platforms{flex-direction:column;align-items:center}.video-section{padding:50px 20px}.video-highlights{flex-direction:column;align-items:center}.stats-inner{grid-template-columns:1fr}.more-features-grid{grid-template-columns:1fr}.security-section{padding:50px 20px}.security-title{font-size:24px}.security-features{grid-template-columns:1fr}.security-architecture{padding:0}.arch-zone{padding:20px 14px!important}.arch-item{padding:10px 12px!important;gap:10px!important}.arch-item-icon{font-size:18px!important;width:32px!important;height:32px!important}.arch-item-text{font-size:13px!important}.arch-item-desc{font-size:11px!important}.arch-zone-label{font-size:14px!important}.feature-img-box>div[style*="text-align: left"]{padding:8px 10px!important}.feature-img-box>div[style*="text-align: left"]>div{padding:10px 12px!important;margin-bottom:12px!important}.feature-img-box>div[style*="text-align: left"]>div:last-child{margin-bottom:0!important}.video-wrapper{border-radius:12px!important}.video-border::before{display:none}.showcase-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;text-align:center}.cta-section{padding:50px 20px}.cta-title{font-size:24px}img,video{max-width:100%;height:auto}iframe{max-width:100%;height:100%}.feature-list li{text-align:left}.hero-content{text-align:center}.hero-buttons{justify-content:center}.feature-content{text-align:center}.feature-content div[style*="display: flex"]{justify-content:center}}