*{margin:0;padding:0;box-sizing:border-box}
        :root{--primary:#6366f1;--secondary:#8b5cf6;--accent:#06b6d4;--dark:#0f172a;--light:#f8fafc;--gray:#64748b;--success:#10b981;--warning:#f59e0b;--gradient:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 50%,var(--accent) 100%)}
        html{scroll-behavior:smooth}
        body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--light);color:#334155;line-height:1.6;overflow-x:hidden}

        /* 导航栏 */
        .navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all .4s}
        .navbar.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);box-shadow:0 4px 30px rgba(0,0,0,.08)}
        .navbar .container{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}
        .navbar .logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:#fff;text-decoration:none}
        .navbar.scrolled .logo{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
        .nav-links{display:flex;gap:36px;list-style:none}
        .nav-links a{color:rgba(255,255,255,.9);text-decoration:none;font-size:15px;font-weight:500;transition:all .3s}
        .navbar.scrolled .nav-links a{color:var(--gray)}
        .navbar.scrolled .nav-links a:hover{color:var(--primary)}
        .nav-btn{padding:10px 22px;background:rgba(255,255,255,.15);color:#fff;border:1px solid rgba(255,255,255,.25);border-radius:50px;text-decoration:none;font-size:13px;font-weight:600;transition:all .3s}
        .navbar.scrolled .nav-btn{background:var(--gradient);color:#fff;border:none;box-shadow:0 4px 15px rgba(99,102,241,.4)}
        .nav-right{display:flex;align-items:center;gap:10px}

        /* 查看演示下拉菜单 */
        .demo-dropdown{position:relative}
        .demo-btn{padding:10px 18px;background:linear-gradient(135deg,#f43f5e,#ec4899);color:#fff;border:none;border-radius:50px;text-decoration:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:6px}
        .demo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(244,63,94,.4)}
        .demo-btn i{font-size:14px;transition:transform .3s}
        .demo-dropdown:hover .demo-btn i.ri-arrow-down-s-line,.demo-dropdown.open .demo-btn i.ri-arrow-down-s-line{transform:rotate(180deg)}
        .demo-panel{position:absolute;top:100%;right:0;padding-top:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;z-index:100}
        .demo-dropdown:hover .demo-panel,.demo-dropdown.open .demo-panel{opacity:1;visibility:visible;transform:translateY(0)}
        .demo-panel-arrow{position:absolute;top:2px;right:55px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #5a7dea}
        .demo-panel-inner{width:520px;background:#fff;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.15);overflow:hidden}
        .demo-panel-header{background:var(--gradient);padding:18px 20px;text-align:center}
        .demo-panel-header h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:4px}
        .demo-panel-header p{color:rgba(255,255,255,.8);font-size:12px}
        .demo-panel-body{padding:14px;max-height:58vh;overflow:hidden}
        .demo-list{display:flex;flex-direction:column;gap:12px}
        .demo-base-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
        .demo-template-section{display:flex;flex-direction:column;gap:10px;margin-top:4px;padding-top:14px;border-top:1px solid #eef2f7}
        .demo-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
        .demo-section-title{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.08em}
        .demo-section-count{font-size:12px;color:#94a3b8}
        .demo-template-search{height:34px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:0 12px;color:var(--dark);font-size:13px;outline:none}
        .demo-template-search:focus{border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
        .demo-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:220px;overflow-y:auto;padding-right:6px;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.42) transparent}
        .demo-template-list::-webkit-scrollbar,.mobile-demo-template-list::-webkit-scrollbar{width:5px}
        .demo-template-list::-webkit-scrollbar-track,.mobile-demo-template-list::-webkit-scrollbar-track{background:transparent;border-radius:999px}
        .demo-template-list::-webkit-scrollbar-thumb,.mobile-demo-template-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(99,102,241,.58),rgba(139,92,246,.50));border-radius:999px;border:1px solid rgba(255,255,255,.55)}
        .demo-template-list::-webkit-scrollbar-thumb:hover,.mobile-demo-template-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(99,102,241,.85),rgba(139,92,246,.78))}
        .demo-empty-tip{display:none;padding:14px;color:#94a3b8;text-align:center;font-size:13px;background:var(--light);border-radius:12px}
        .demo-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--light);border-radius:12px;transition:all .3s;text-decoration:none;color:inherit}
        .demo-item:hover{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));transform:translateX(4px)}
        .demo-item-left{display:flex;align-items:center;gap:10px;min-width:0}
        .demo-item-icon{width:34px;height:34px;background:var(--gradient);border-radius:9px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
        .demo-item-icon i{font-size:16px;color:#fff}
        .demo-item-info{min-width:0}
        .demo-item-info h5{font-size:14px;font-weight:600;color:var(--dark);margin-bottom:2px}
        .demo-item-info span{font-size:11px;color:var(--gray)}
        .demo-item-info h5,.demo-item-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
        .demo-item-arrow{font-size:20px;color:#cbd5e1;line-height:1;flex:0 0 auto;transition:all .3s}
        .demo-item:hover .demo-item-arrow{color:var(--primary);transform:translateX(2px)}
        .demo-panel-footer{padding:12px 16px;border-top:1px solid #f1f5f9;text-align:center}
        .demo-panel-footer p{font-size:12px;color:var(--gray)}
        .demo-panel-footer a{color:var(--primary);text-decoration:none;font-weight:600}
        .demo-panel-footer a:hover{text-decoration:underline}

        /* 移动端菜单按钮 */
        .mobile-menu-btn{display:none;width:44px;height:44px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:12px;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
        .mobile-menu-btn i{font-size:22px;color:#fff;transition:all .3s}
        .navbar.scrolled .mobile-menu-btn{background:var(--light);border-color:#e2e8f0}
        .navbar.scrolled .mobile-menu-btn i{color:var(--dark)}
        .mobile-menu-btn:hover{background:rgba(255,255,255,.25)}
        .navbar.scrolled .mobile-menu-btn:hover{background:#e2e8f0}

        /* 移动端侧边栏 */
        .mobile-sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;transition:all .3s}
        .mobile-sidebar-overlay.show{opacity:1;visibility:visible}
        .mobile-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:#fff;z-index:2000;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
        .mobile-sidebar.show{transform:translateX(0)}
        .mobile-sidebar-header{padding:20px 24px;background:var(--gradient);display:flex;align-items:center;justify-content:space-between}
        .mobile-sidebar-header .logo{font-size:20px;font-weight:800;color:#fff;display:flex;align-items:center;gap:10px;text-decoration:none}
        .mobile-sidebar-header .logo>img{width:25px;height:25px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,208,132,.28))}
        .mobile-sidebar-close{width:36px;height:36px;background:rgba(255,255,255,.2);border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
        .mobile-sidebar-close i{font-size:20px;color:#fff}
        .mobile-sidebar-close:hover{background:rgba(255,255,255,.3)}
        .mobile-sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}
        .mobile-sidebar-nav a{display:flex;align-items:center;gap:14px;padding:14px 24px;color:var(--dark);text-decoration:none;font-size:15px;font-weight:500;transition:all .3s;border-left:3px solid transparent}
        .mobile-sidebar-nav a:hover,.mobile-sidebar-nav a.active{background:linear-gradient(90deg,rgba(99,102,241,.08),transparent);color:var(--primary);border-left-color:var(--primary)}
        .mobile-sidebar-nav a i{font-size:20px;width:24px;text-align:center}
        .mobile-sidebar-footer{padding:20px 24px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:12px}
        .mobile-sidebar-footer a,.mobile-demo-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;background:var(--gradient);color:#fff;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer}
        .mobile-sidebar-footer a:hover,.mobile-demo-btn:hover{box-shadow:0 8px 25px rgba(99,102,241,.4);transform:translateY(-2px)}
        .mobile-demo-btn{background:linear-gradient(135deg,#f43f5e,#ec4899)}
        .mobile-demo-btn:hover{box-shadow:0 8px 25px rgba(244,63,94,.4)}

        /* 移动端演示弹窗 */
        .mobile-demo-modal{position:fixed;inset:0;background:rgba(15,23,42,var(--mobile-demo-backdrop-opacity,.7));backdrop-filter:blur(8px);z-index:3000;display:none;align-items:flex-end;justify-content:center;padding:0 10px calc(10px + env(safe-area-inset-bottom));transition:background .24s ease}
        .mobile-demo-modal.show{display:flex}
        .mobile-demo-modal-content{background:#fff;border-radius:24px 24px 18px 18px;width:100%;max-width:430px;max-height:88vh;overflow:hidden;animation:modalSlideUp .28s ease-out;display:flex;flex-direction:column;transform:translateY(var(--mobile-demo-drag-y,0));transition:transform .24s cubic-bezier(.22,1,.36,1)}
        .mobile-demo-modal-content.dragging{animation:none;transition:none}
        @supports (height:100dvh){
            .mobile-demo-modal-content{max-height:calc(100dvh - 20px - env(safe-area-inset-bottom))}
        }
        @keyframes modalSlideUp{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
        .mobile-demo-modal-header{background:var(--gradient);padding:20px 18px 14px;text-align:left;position:relative;flex-shrink:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
        .mobile-demo-modal-content.dragging .mobile-demo-modal-header{cursor:grabbing}
        .mobile-demo-modal-header::before{content:'';position:absolute;top:8px;left:50%;width:42px;height:4px;border-radius:999px;background:rgba(255,255,255,.38);box-shadow:0 6px 14px rgba(255,255,255,.12);transform:translateX(-50%)}
        .mobile-demo-modal-header h4{color:#fff;font-size:18px;font-weight:700;margin:8px 42px 3px 0}
        .mobile-demo-modal-header p{color:rgba(255,255,255,.8);font-size:12px;line-height:1.55;margin-right:42px}
        .mobile-demo-modal-close{position:absolute;top:18px;right:16px;width:32px;height:32px;background:rgba(255,255,255,.2);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
        .mobile-demo-modal-close i{font-size:18px;color:#fff}
        .mobile-demo-modal-close:hover{background:rgba(255,255,255,.3)}
        .mobile-demo-modal-body{padding:14px;overflow:hidden;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}
        .mobile-demo-group-title{font-size:12px;font-weight:700;color:#94a3b8;letter-spacing:.08em;margin:2px 0 9px}
        .mobile-demo-base-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;flex-shrink:0}
        .mobile-demo-template-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 10px;flex-shrink:0}
        .mobile-demo-template-head .mobile-demo-group-title{margin:0}
        .mobile-demo-template-count{font-size:12px;color:#94a3b8}
        .mobile-demo-template-search{width:100%;height:38px;border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:0 12px;margin-bottom:10px;color:var(--dark);outline:none;flex-shrink:0}
        .mobile-demo-template-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-content:start;align-items:start;gap:9px;min-height:0;max-height:48vh;overflow-y:auto;padding:2px 6px 14px 2px;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.42) transparent;flex:1 1 auto;-webkit-overflow-scrolling:touch}
        .mobile-demo-item{display:flex;align-items:center;gap:14px;padding:16px;background:var(--light);border-radius:14px;text-decoration:none;color:inherit;transition:all .3s;margin-bottom:12px;position:relative}
        .mobile-demo-item:last-child{margin-bottom:0}
        .mobile-demo-base-grid .mobile-demo-item{display:block;min-height:108px;margin-bottom:0;padding:12px}
        .mobile-demo-base-grid .mobile-demo-item>i{position:absolute;top:12px;right:10px}
        .mobile-demo-base-grid .mobile-demo-item-icon{width:38px;height:38px;border-radius:11px;margin-bottom:9px}
        .mobile-demo-base-grid .mobile-demo-item-info span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden}
        .mobile-demo-template-list .mobile-demo-item{display:block;min-height:96px;padding:13px;margin-bottom:0;border-radius:14px}
        .mobile-demo-template-list .mobile-demo-item>i{position:absolute;top:12px;right:10px}
        .mobile-demo-template-list .mobile-demo-item-icon{width:36px;height:36px;border-radius:11px;margin-bottom:8px}
        .mobile-demo-template-list .mobile-demo-item-icon i{font-size:18px}
        .mobile-demo-template-list .mobile-demo-item-info h5{font-size:14px;margin-bottom:2px}
        .mobile-demo-template-list .mobile-demo-item-info span{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;line-height:1.35}
        .mobile-demo-template-list .mobile-demo-item.no-icon{display:flex;align-items:center;min-height:70px;padding:14px 34px 14px 14px}
        .mobile-demo-template-list .mobile-demo-item.no-icon>i{top:50%;right:10px;transform:translateY(-50%)}
        #mobileDemoTemplateEmpty{margin-top:8px}
        .mobile-demo-item:hover{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));transform:translateX(4px)}
        .mobile-demo-item-icon{width:48px;height:48px;background:var(--gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .mobile-demo-item-icon i{font-size:22px;color:#fff}
        .mobile-demo-item-info{flex:1}
        .mobile-demo-item-info h5{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:4px}
        .mobile-demo-item-info span{font-size:13px;color:var(--gray)}
        .mobile-demo-item>i{font-size:20px;color:#cbd5e1}
        @media(max-width:360px){
            .mobile-demo-modal{padding:0 6px calc(6px + env(safe-area-inset-bottom))}
            .mobile-demo-modal-body{padding:12px}
            .mobile-demo-base-grid,.mobile-demo-template-list{gap:7px}
            .mobile-demo-template-list .mobile-demo-item{min-height:92px;padding:10px}
            .mobile-demo-template-list .mobile-demo-item.no-icon{min-height:64px;padding:10px 30px 10px 10px}
            .mobile-demo-base-grid .mobile-demo-item{min-height:102px;padding:10px}
            .mobile-demo-template-list .mobile-demo-item-info h5,
            .mobile-demo-base-grid .mobile-demo-item-info h5{font-size:13px}
            .mobile-demo-template-list .mobile-demo-item-info span,
            .mobile-demo-base-grid .mobile-demo-item-info span{font-size:11px}
        }

        /* 更新日志弹窗 */
        .changelog-modal{position:fixed;inset:0;background:rgba(15,23,42,.7);backdrop-filter:blur(8px);z-index:3000;display:none;align-items:center;justify-content:center;padding:20px}
        .changelog-modal.show{display:flex}
        .changelog-modal-content{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:85vh;overflow:hidden;animation:modalSlideUp .3s ease-out;display:flex;flex-direction:column}
        .changelog-modal-header{background:var(--gradient);padding:28px 24px;text-align:center;position:relative;flex-shrink:0}
        .changelog-modal-header h4{color:#fff;font-size:22px;font-weight:700;margin-bottom:6px}
        .changelog-modal-header p{color:rgba(255,255,255,.8);font-size:14px}
        .changelog-modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;background:rgba(255,255,255,.2);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}
        .changelog-modal-close i{font-size:20px;color:#fff}
        .changelog-modal-close:hover{background:rgba(255,255,255,.3)}
        .changelog-modal-body{padding:24px;overflow-y:auto;flex:1}
        .changelog-item{padding:20px;background:var(--light);border-radius:16px;margin-bottom:16px;border-left:4px solid var(--primary)}
        .changelog-item:last-child{margin-bottom:0}
        .changelog-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:10px}
        .changelog-version{display:inline-flex;align-items:center;gap:8px;background:var(--gradient);color:#fff;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}
        .changelog-version i{font-size:14px}
        .changelog-date{font-size:13px;color:var(--gray)}
        .changelog-title{font-size:16px;font-weight:600;color:var(--dark);margin-bottom:10px}
        .changelog-list{margin:0;padding-left:20px;color:#475569;font-size:12px;line-height:2}
        .changelog-list li{margin-bottom:4px}
        .changelog-list li:last-child{margin-bottom:0}
        .changelog-empty{text-align:center;padding:40px 20px;color:var(--gray)}
        .changelog-empty i{font-size:48px;margin-bottom:16px;display:block;opacity:.5}
        .changelog-loading{text-align:center;padding:60px 20px;color:var(--gray)}
        .changelog-loading i{font-size:32px;display:block;margin-bottom:12px;animation:spin 1s linear infinite}
        .changelog-load-more{text-align:center;padding:20px;color:var(--gray);font-size:14px}
        .changelog-load-more i{animation:spin 1s linear infinite;margin-right:6px}
        .changelog-no-more{text-align:center;padding:20px;color:#cbd5e1;font-size:13px}

        /* Hero区域 - 3D产品展示 */
        .hero{min-height:100vh;background:var(--gradient);display:flex;align-items:center;position:relative;overflow:hidden}
        .hero::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
        .hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none}
        .hero-glow-1{top:-200px;left:-100px;background:#06b6d4}
        .hero-glow-2{bottom:-200px;right:-100px;background:#8b5cf6}
        .hero .container{max-width:1280px;margin:0 auto;padding:120px 24px 80px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
        .hero-content{animation:fadeInUp .8s ease-out}
        @keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
        .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:13px;color:#fff;margin-bottom:24px}
        .hero-badge i{color:#fbbf24}
        .hero-content :is(h1,h2){font-size:54px;font-weight:800;color:#fff;line-height:1.15;margin-bottom:24px;letter-spacing:-1px}
        .hero-content :is(h1,h2) span{position:relative;display:inline-block}
        .hero-content :is(h1,h2) span::after{content:'';position:absolute;bottom:8px;left:0;right:0;height:12px;background:rgba(251,191,36,.4);z-index:-1;border-radius:4px}
        .hero-content p{font-size:18px;color:rgba(255,255,255,.85);margin-bottom:40px;max-width:520px;line-height:1.8}
        .hero-btns{display:flex;gap:16px;flex-wrap:wrap}
        .btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:50px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;cursor:pointer;border:none}
        .btn-primary{background:#fff;color:var(--primary);box-shadow:0 8px 30px rgba(0,0,0,.15)}
        .btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.2)}
        .btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.4)}
        .btn-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}

        /* 3D产品展示卡片 */
        .hero-visual{animation:fadeInUp .8s ease-out .2s both;perspective:1000px}
        .product-showcase{position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}
        @keyframes float{0%,100%{transform:translateY(0) rotateX(5deg) rotateY(-5deg)}50%{transform:translateY(-20px) rotateX(5deg) rotateY(5deg)}}
        .showcase-main{background:rgba(255,255,255,.12);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:28px;color:#fff;box-shadow:0 25px 80px rgba(0,0,0,.25);position:relative;overflow:hidden}
        .showcase-main::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 4s infinite}
        @keyframes shine{0%{transform:translateX(-100%) rotate(45deg)}100%{transform:translateX(100%) rotate(45deg)}}
        .showcase-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}
        .showcase-dots{display:flex;gap:6px}
        .showcase-dots span{width:12px;height:12px;border-radius:50%}
        .showcase-dots span:nth-child(1){background:#ff5f57}
        .showcase-dots span:nth-child(2){background:#ffbd2e}
        .showcase-dots span:nth-child(3){background:#28ca42}
        .showcase-title{flex:1;text-align:center;font-size:13px;color:rgba(255,255,255,.6)}
        .showcase-content{display:flex;flex-direction:column;gap:16px}
        .showcase-item{display:flex;align-items:center;gap:14px;padding:16px;background:rgba(255,255,255,.08);border-radius:14px;transition:all .3s}
        .showcase-item:hover{background:rgba(255,255,255,.15);transform:translateX(8px)}
        .showcase-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px}
        .showcase-icon.purple{background:linear-gradient(135deg,#8b5cf6,#6366f1)}
        .showcase-icon.cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}
        .showcase-icon.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}
        .showcase-icon.green{background:linear-gradient(135deg,#10b981,#059669)}
        .showcase-text h4{font-size:15px;font-weight:600;margin-bottom:2px}
        .showcase-text p{font-size:12px;color:rgba(255,255,255,.6)}
        .showcase-badge{position:absolute;top:10px;right:20px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:11px;font-weight:700;padding:6px 14px;border-radius:20px;box-shadow:0 4px 15px rgba(251,191,36,.4)}
        .floating-card{position:absolute;background:rgba(255,255,255,.15);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:16px 20px;color:#fff;box-shadow:0 15px 40px rgba(0,0,0,.2);animation:floatCard 5s ease-in-out infinite}
        .floating-card-1{top:-5px;right:-30px;animation-delay:0s}
        .floating-card-2{bottom:-10px;left:-40px;animation-delay:1.5s}
        @keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
        .floating-card i{font-size:24px;margin-bottom:6px;display:block}
        .floating-card span{font-size:13px;font-weight:600}
        .floating-card small{display:block;font-size:11px;color:rgba(255,255,255,.6);margin-top:2px}

        /* 通用Section样式 */
        .section{padding:120px 0}
        .section .container{max-width:1280px;margin:0 auto;padding:0 24px}
        .section-header{text-align:center;margin-bottom:72px}
        .section-tag{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.2);border-radius:50px;font-size:13px;font-weight:600;color:var(--primary);margin-bottom:20px}
        .section-header h2{font-size:44px;font-weight:800;color:var(--dark);margin-bottom:16px;letter-spacing:-1px}
        .section-header p{font-size:18px;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.7}

        /* 应用场景 */
        .scenarios{background:#fff}
        .scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
        .scenario-card{background:var(--light);border-radius:20px;padding:36px 28px;text-align:center;border:2px solid transparent;transition:all .4s;position:relative;overflow:hidden}
        .scenario-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 40px rgba(99,102,241,.15)}
        .scenario-icon{width:72px;height:72px;margin:0 auto 20px;background:var(--gradient);border-radius:20px;display:flex;align-items:center;justify-content:center;transition:transform .4s}
        .scenario-card:hover .scenario-icon{transform:scale(1.1) rotate(-5deg)}
        .scenario-icon i{font-size:32px;color:#fff}
        .scenario-card h3{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:10px}
        .scenario-card p{font-size:14px;color:var(--gray);line-height:1.7}

        /* 分店系统 */
        .subsite{background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
        .subsite-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
        .subsite-content{padding-right:20px}
        .subsite-content h3{font-size:36px;font-weight:800;color:var(--dark);margin-bottom:20px;line-height:1.3}
        .subsite-content>p{font-size:16px;color:var(--gray);line-height:1.8;margin-bottom:32px}
        .subsite-features{display:flex;flex-direction:column;gap:20px}
        .subsite-feature{display:flex;align-items:flex-start;gap:16px;position:relative;cursor:pointer;outline:none;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
        .subsite-feature::after{content:'✓';position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#03110c;font-size:12px;font-weight:800;opacity:0;transform:scale(.72);transition:opacity .2s ease,transform .2s ease}
        .subsite-feature.is-active::after{opacity:1;transform:scale(1)}
        .subsite-feature:focus-visible{box-shadow:0 0 0 3px rgba(0,208,132,.26)}
        .subsite-feature-icon{width:48px;height:48px;background:var(--gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .subsite-feature-icon i{font-size:22px;color:#fff}
        .subsite-feature-text h4{font-size:17px;font-weight:700;color:var(--dark);margin-bottom:6px}
        .subsite-feature-text p{font-size:14px;color:var(--gray);line-height:1.6}
        .subsite-visual{position:relative}
        .subsite-card{background:#fff;border-radius:24px;padding:28px;box-shadow:0 20px 60px rgba(99,102,241,.12);border:1px solid #e2e8f0;position:relative;overflow:hidden}
        .subsite-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient)}
        .subsite-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}
        .subsite-card-header i{font-size:28px;color:var(--primary)}
        .subsite-card-header span{font-size:18px;font-weight:700;color:var(--dark)}
        .subsite-list{display:flex;flex-direction:column;gap:14px}
        .subsite-item{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--light);border-radius:14px;transition:all .3s}
        .subsite-item:hover{background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.08));transform:translateX(8px)}
        .subsite-item-left{display:flex;align-items:center;gap:12px}
        .subsite-item-avatar{width:40px;height:40px;border-radius:10px;background:var(--gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}
        .subsite-item-info h5{font-size:15px;font-weight:600;color:var(--dark);margin-bottom:-5px}
        .subsite-item-info span{font-size:12px;color:var(--gray)}
        .subsite-item-right{text-align:right}
        .subsite-item-right .amount{font-size:16px;font-weight:700;color:var(--success);display:block}
        .subsite-item-right .label{font-size:11px;color:var(--gray)}
        .subsite-float{position:absolute;background:#fff;border-radius:16px;padding:16px 20px;box-shadow:0 15px 40px rgba(0,0,0,.12);display:flex;align-items:center;gap:12px;animation:floatCard 4s ease-in-out infinite}
        .subsite-float-1{top:30px;right:20px}
        .subsite-float-2{bottom:10px;left:-30px;animation-delay:1.5s}
        .subsite-float i{font-size:24px}
        .subsite-float span{font-size:14px;font-weight:600;color:var(--dark)}

        /* 核心功能 */
        .features{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
        .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
        .feature-card{background:#fff;border-radius:24px;padding:40px 32px;text-align:center;transition:all .4s;border:1px solid #e2e8f0;position:relative;overflow:hidden}
        .feature-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform .4s}
        .feature-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(99,102,241,.12);border-color:transparent}
        .feature-card:hover::after{transform:scaleX(1)}
        .feature-icon{width:80px;height:80px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border-radius:24px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;transition:all .4s}
        .feature-card:hover .feature-icon{background:var(--gradient);transform:rotate(-5deg)}
        .feature-icon i{font-size:36px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .4s}
        .feature-card:hover .feature-icon i{-webkit-text-fill-color:#fff;background:none}
        .feature-card h3{font-size:20px;font-weight:700;color:var(--dark);margin-bottom:14px}
        .feature-card p{font-size:15px;color:var(--gray);line-height:1.8}

        /* 应用市场 */
        .appstore{background:#fff}
        .app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
        .app-card{background:#fff;border-radius:24px;padding:0;border:1px solid #e2e8f0;transition:all .4s;text-decoration:none;color:inherit;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden}
        .app-card::before{content:'';position:absolute;top:0;left:0;right:0;height:100px;background:linear-gradient(135deg,rgba(99,102,241,.08),rgba(139,92,246,.05));opacity:0;transition:opacity .4s}
        .app-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px rgba(99,102,241,.15);border-color:transparent}
        .app-card:hover::before{opacity:1}
        .app-card-inner{padding:24px;position:relative;z-index:1}
        .app-icon-wrap{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;position:relative;transition:transform .4s}
        .app-card:hover .app-icon-wrap{transform:scale(1.1) rotate(-5deg)}
        .app-icon-wrap.plugin{background:var(--gradient);box-shadow:0 8px 24px rgba(99,102,241,.3)}
        .app-icon-wrap.template{background:linear-gradient(135deg,#ec4899,#f43f5e);box-shadow:0 8px 24px rgba(236,72,153,.3)}
        .app-icon-wrap i{font-size:28px;color:#fff}
        .app-icon-wrap img{width:100%;height:100%;object-fit:cover;border-radius:18px}
        .app-card h3{font-size:17px;font-weight:700;color:var(--dark);margin-bottom:6px;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden}
        .app-card h3>span:first-child{overflow:hidden;text-overflow:ellipsis}
        .app-type-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600}
        .app-type-tag.plugin{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));color:var(--primary)}
        .app-type-tag.template{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(244,63,94,.1));color:#ec4899}
        .app-version{font-size:11px;color:var(--gray);font-weight:500}
        .app-meta i{font-size:14px}
        .app-desc{font-size:13px;color:var(--gray);line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
        .app-card-footer{padding:16px 24px;border-top:1px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;background:#fafbfc}
        .app-author{font-size:13px;color:var(--gray);display:flex;align-items:center;gap:6px}
        .app-author i{font-size:15px}
        .app-view-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--gradient);color:#fff;border-radius:20px;font-size:12px;font-weight:600;transition:all .3s}
        .app-card:hover .app-view-btn{box-shadow:0 4px 15px rgba(99,102,241,.4)}
        .app-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:48px}
        .app-refresh{width:52px;height:52px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--gray);font-size:20px}
        .app-refresh:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:rotate(180deg)}
        .app-refresh.loading i{animation:spin 1s linear infinite}
        @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
        .app-more a{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--gradient);color:#fff;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s;box-shadow:0 8px 25px rgba(99,102,241,.3)}
        .app-more a:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(99,102,241,.4)}

        /* 应用弹窗 */
        .app-modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px);z-index:2000;display:none;align-items:center;justify-content:center;padding:20px}
        .app-modal-overlay.show{display:flex}
        .app-modal{background:#fff;border-radius:28px;max-width:440px;width:100%;max-height:85vh;overflow:hidden;position:relative;animation:modalIn .4s}
        @keyframes modalIn{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
        .app-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.95);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--gray);transition:all .3s;z-index:10}
        .app-modal-close:hover{background:#fee2e2;color:#ef4444;transform:scale(1.1)}
        .app-modal-cover{width:100%;height:260px;background:var(--gradient);display:flex;align-items:center;justify-content:center;overflow:hidden}
        .app-modal-cover.template{background:linear-gradient(135deg,#ec4899,#f43f5e)}
        .app-modal-cover img{width:100%;height:100%;object-fit:cover}
        .app-modal-cover i{font-size:80px;color:rgba(255,255,255,.25)}
        .app-modal-content{padding:28px}
        .app-modal-header{display:flex;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
        .app-modal-title{font-size:22px;font-weight:800;color:var(--dark)}
        .app-modal-meta{display:flex;align-items:center;gap:20px;font-size:14px;color:var(--gray);margin-bottom:16px}
        .app-modal-meta span{display:flex;align-items:center;gap:6px}
        .app-modal-meta i{font-size:16px;color:var(--primary)}
        .app-modal-desc{font-size:15px;color:#475569;line-height:1.9}

        /* 价格区域 */
        .pricing{background:linear-gradient(180deg,#f8fafc 0%,#fff 100%)}
        .pricing .container{max-width:1100px}
        .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
        .pricing-card{background:#fff;border-radius:28px;padding:48px 36px;text-align:center;border:2px solid #e2e8f0;position:relative;transition:all .4s}
        .pricing-card:hover{transform:translateY(-12px);box-shadow:0 30px 60px rgba(99,102,241,.15)}
        .pricing-card.popular{border-color:var(--primary);transform:scale(1.05);box-shadow:0 25px 50px rgba(99,102,241,.2)}
        .pricing-card.popular:hover{transform:scale(1.05) translateY(-12px)}
        .pricing-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gradient);color:#fff;padding:8px 24px;border-radius:50px;font-size:13px;font-weight:700}
        .pricing-name{font-size:24px;font-weight:800;color:var(--dark);margin-bottom:12px}
        .pricing-desc{font-size:14px;color:var(--gray);margin-bottom:28px}
        .pricing-price{margin-bottom:36px}
        .pricing-price .currency{font-size:28px;font-weight:700;color:var(--primary);vertical-align:top}
        .pricing-price .amount{font-size:64px;font-weight:800;color:var(--dark);line-height:1}
        .pricing-price .unit{font-size:15px;color:var(--gray)}
        .pricing-features{list-style:none;margin-bottom:36px;text-align:left}
        .pricing-features li{padding:14px 0;border-bottom:1px solid #f1f5f9;font-size:15px;color:#475569;display:flex;align-items:center;gap:12px}
        .pricing-features li:last-child{border-bottom:none}
        .pricing-features li i{font-size:18px}
        .pricing-features li i.ri-check-line{color:var(--success)}
        .pricing-features li i.ri-price-tag-3-line{color:var(--warning)}
        .pricing-features li i.ri-gift-line{color:var(--secondary)}
        .pricing-btn{display:block;padding:16px 32px;background:var(--light);color:var(--primary);border-radius:50px;text-decoration:none;font-weight:700;transition:all .3s}
        .pricing-btn:hover{background:var(--primary);color:#fff;box-shadow:0 8px 25px rgba(99,102,241,.3)}
        .pricing-card.popular .pricing-btn{background:var(--gradient);color:#fff;box-shadow:0 8px 25px rgba(99,102,241,.3)}

        /* 服务区域 */
        .services{background:var(--gradient);position:relative;overflow:hidden}
        .services::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23fff' fill-opacity='.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
        .services .section-header h2{color:#fff}
        .services .section-header p{color:rgba(255,255,255,.8)}
        .services .section-tag{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.2);color:#fff}
        .service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
        .service-card{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:36px;display:flex;gap:24px;transition:all .4s}
        .service-card:hover{background:rgba(255,255,255,.15);transform:translateY(-6px)}
        .service-icon{width:64px;height:64px;background:rgba(255,255,255,.15);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
        .service-icon i{font-size:30px;color:#fbbf24}
        .service-content h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:12px}
        .service-content p{font-size:15px;color:rgba(255,255,255,.8);line-height:1.9}

        /* 快速入口 */
        .portals{background:#fff}
        .portals .container{max-width:1000px}
        .portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
        .portal-card{background:var(--light);border-radius:24px;padding:40px 28px;text-align:center;text-decoration:none;color:inherit;transition:all .4s;border:2px solid transparent}
        .portal-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(99,102,241,.12);border-color:var(--primary)}
        .portal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:36px;transition:transform .4s}
        .portal-card:hover .portal-icon{transform:scale(1.1)}
        .portal-icon.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2563eb}
        .portal-icon.user{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}
        .portal-icon.store{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#db2777}
        .portal-icon.doc{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}
        .portal-card h3{font-size:18px;font-weight:700;color:var(--dark);margin-bottom:8px}
        .portal-card p{font-size:14px;color:var(--gray)}

        /* 页脚 */
        .footer{background:var(--dark);color:rgba(255,255,255,.6);padding:40px 0;border-top:1px solid rgba(255,255,255,.08)}
        .footer .container{max-width:1280px;margin:0 auto;padding:0 24px;text-align:center}
        .footer-logo{display:flex;align-items:center;justify-content:center;gap:12px;font-size:28px;font-weight:800;color:#fff;margin-bottom:16px}
        .footer-logo img{display:block;width:190px;height:auto;filter:drop-shadow(0 0 18px rgba(0,208,132,.16))}
        .footer p{font-size:15px;margin-bottom:24px;color:rgba(255,255,255,.5)}
        .footer-links{display:flex;justify-content:center;gap:36px;margin-bottom:24px}
        .footer-links a{color:rgba(255,255,255,.6);text-decoration:none;font-size:14px;transition:color .3s}
        .footer-links a:hover{color:#fff}
        .copyright{font-size:13px;color:rgba(255,255,255,.4)}
        .footer-bottom{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}
        .footer-bottom a{color:rgba(255,255,255,.4);text-decoration:none;font-size:13px;transition:color .3s;display:flex;align-items:center;gap:6px}
        .footer-bottom a:hover{color:rgba(255,255,255,.7)}
        .footer-bottom a img{height:16px;width:auto;vertical-align:middle;opacity:.6;transition:opacity .3s}
        .footer-bottom a:hover img{opacity:.9}

        /* 动画 */
        .fade-in{opacity:0;transform:translateY(30px);transition:all .8s}
        .fade-in.visible{opacity:1;transform:translateY(0)}

        /* 滚动条 */
        ::-webkit-scrollbar{width:10px}
        ::-webkit-scrollbar-track{background:#f1f5f9}
        ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}

        /* 响应式 */
        @media(max-width:1024px){
            .hero .container{grid-template-columns:1fr;text-align:center;gap:48px}
            .hero-content :is(h1,h2){font-size:44px}
            .hero-content p{margin:0 auto 40px}
            .hero-btns{justify-content:center}
            .hero-visual{max-width:420px;margin:0 auto}
            .floating-card{display:none}
            .feature-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}
            .pricing-card.popular{transform:scale(1)}
            .service-grid{grid-template-columns:1fr}
            .scenario-grid,.portal-grid,.app-grid{grid-template-columns:repeat(2,1fr)}
            .subsite-wrapper{grid-template-columns:1fr;gap:48px}
            .subsite-content{padding-right:0;text-align:center}
            .subsite-features{align-items:center}
            .subsite-feature{flex-direction:column;text-align:center}
            .subsite-visual{max-width:480px;margin:0 auto}
            .subsite-float{display:none}
        }
        @media(max-width:768px){
            .nav-links{display:none}
            .mobile-menu-btn{display:flex}
            .demo-dropdown{display:none}
            .nav-right{gap:8px}
            .hero-content :is(h1,h2){font-size:36px}
            .section{padding:80px 0}
            .section-header h2{font-size:32px}
            .section-header{margin-bottom:48px}
            .feature-grid,.portal-grid,.pricing-grid,.scenario-grid,.app-grid{grid-template-columns:1fr}
            .service-card{flex-direction:column;text-align:center}
            .service-icon{margin:0 auto}
            .subsite-content h3{font-size:28px}
        }
        @media(max-width:480px){
            .hero-content :is(h1,h2){font-size:28px}
            .hero-btns{flex-direction:column}
            .btn{width:100%;justify-content:center}
        }

        /* 返回顶部按钮 */
        .back-to-top{position:fixed;bottom:32px;right:32px;width:52px;height:52px;background:var(--gradient);border:none;border-radius:16px;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px rgba(99,102,241,.4);z-index:999}
        .back-to-top:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(99,102,241,.5)}
        .back-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
        .back-to-top::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:16px;opacity:0;transition:opacity .3s}
        .back-to-top:hover::before{opacity:1}
        .back-to-top i{position:relative;z-index:1;transition:transform .3s}
        .back-to-top:hover i{transform:translateY(-2px)}

        /* 悬浮客服 - 精美版 */
        .float-service{position:fixed;bottom:120px;right:28px;z-index:998}
        .float-service-toggle{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(251,191,36,.5);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}
        .float-service-toggle::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);opacity:.3;animation:servicePulse 2s ease-out infinite}
        .float-service-toggle::after{content:'';position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);opacity:.15;animation:servicePulse 2s ease-out infinite .5s}
        @keyframes servicePulse{0%{transform:scale(1);opacity:.3}100%{transform:scale(1.4);opacity:0}}
        .float-service-toggle:hover{transform:scale(1.1);box-shadow:0 12px 40px rgba(251,191,36,.6)}
        .float-service-toggle i{transition:transform .4s}
        .float-service.active .float-service-toggle i{transform:rotate(45deg)}
        .float-service-menu{position:absolute;bottom:70px;right:0;display:flex;flex-direction:column;gap:14px;opacity:0;visibility:hidden;transform:translateY(20px);transition:all .4s cubic-bezier(.4,0,.2,1)}
        .float-service.active .float-service-menu{opacity:1;visibility:visible;transform:translateY(0)}
        .float-service-item{position:relative;display:flex;align-items:center;justify-content:flex-end}
        .float-service-item:nth-child(1){transition-delay:.05s}
        .float-service-item:nth-child(2){transition-delay:.1s}
        .float-service-item:nth-child(3){transition-delay:.15s}
        .float-service-item:nth-child(4){transition-delay:.2s}
        .float-service-item:nth-child(5){transition-delay:.25s}
        .float-service-item:nth-child(6){transition-delay:.3s}
        .float-service-item:nth-child(7){transition-delay:.35s}
        .float-service-btn{width:50px;height:50px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s;position:relative;text-decoration:none;flex-shrink:0}
        .float-service-btn.qq{background:linear-gradient(135deg,#12b7f5 0%,#0099ff 100%);color:#fff;box-shadow:0 6px 24px rgba(18,183,245,.4)}
        .float-service-btn.qq-group{background:linear-gradient(135deg,#5b8ff9 0%,#3d6dd8 100%);color:#fff;box-shadow:0 6px 24px rgba(91,143,249,.4)}
        .float-service-btn.wechat{background:linear-gradient(135deg,#2dc100 0%,#07c160 100%);color:#fff;box-shadow:0 6px 24px rgba(7,193,96,.4)}
        .float-service-btn.telegram{background:linear-gradient(135deg,#2aabee 0%,#229ed9 100%);color:#fff;box-shadow:0 6px 24px rgba(42,171,238,.4)}
        .float-service-btn.whatsapp{background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);color:#fff;box-shadow:0 6px 24px rgba(37,211,102,.4)}
        .float-service-btn.email{background:linear-gradient(135deg,#ea4335 0%,#c5221f 100%);color:#fff;box-shadow:0 6px 24px rgba(234,67,53,.4)}
        .float-service-btn.phone{background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);color:#fff;box-shadow:0 6px 24px rgba(255,107,107,.4)}
        .float-service-btn:hover{transform:scale(1.15);box-shadow:0 10px 30px rgba(0,0,0,.25)}
        .float-service-label{position:absolute;right:60px;background:#fff;padding:10px 16px;border-radius:12px;font-size:13px;font-weight:600;color:var(--dark);white-space:nowrap;box-shadow:0 6px 24px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateX(10px);transition:all .3s}
        .float-service-label::after{content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);border-left:6px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
        .float-service-item:hover .float-service-label{opacity:1;visibility:visible;transform:translateX(0)}
        .float-service-qrcode{position:absolute;right:60px;bottom:-20px;background:#fff;padding:16px;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateX(10px) scale(.9);transition:all .3s;z-index:20}
        .float-service-qrcode::before{content:'';position:absolute;right:-8px;bottom:40px;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}
        .float-service-item:hover .float-service-qrcode{opacity:1;visibility:visible;transform:translateX(0) scale(1)}
        .float-service-qrcode img{width:150px;height:150px;border-radius:12px;display:block;border:1px solid #f0f0f0}
        .float-service-qrcode-text{text-align:center;margin-top:12px;font-size:13px;color:var(--gray);font-weight:500}
        .float-service-qrcode-text i{color:var(--success);margin-right:4px}
        @media(max-width:768px){.float-service{bottom:100px;right:20px}.float-service-toggle{width:50px;height:50px;font-size:22px}.float-service-btn{width:44px;height:44px;font-size:20px}.float-service-label{display:none}.float-service-qrcode{right:54px;padding:12px}.float-service-qrcode img{width:120px;height:120px}}

        /* ===== DCSHOP 首页技术风重构：去蓝紫 AI 渐变 + 七牛云式鼠标跟随 Hero ===== */
        :root{
            --primary:#00d084;
            --secondary:#08b7ff;
            --accent:#ffb547;
            --dark:#06080d;
            --light:#f6f8fb;
            --gray:#6b7280;
            --success:#11c985;
            --warning:#f59e0b;
            --gradient:linear-gradient(135deg,#08131a 0%,#071018 48%,#05070b 100%);
            --hero-accent:#00e0a4;
            --hero-accent-rgb:0,224,164;
        }
        body{background:#f6f8fb;color:#1d2433}

        /* 顶部导航：从“玻璃渐变按钮”改成更像云厂商官网的克制深色导航 */
        .navbar{padding:14px 0;background:rgba(5,8,13,.42);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
        .navbar.scrolled{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 14px 44px rgba(15,23,42,.08)}
        .navbar .logo{font-weight:900;letter-spacing:-.04em;color:#fff}
        .navbar .logo>img{width:26px;height:26px;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 14px rgba(0,208,132,.35))}
        .navbar.scrolled .logo{background:none;-webkit-text-fill-color:initial;color:#07111f}
        .navbar.scrolled .logo i{color:var(--primary)}
        .nav-links{gap:30px}
        .nav-links a{font-size:14px;color:rgba(255,255,255,.74)}
        .nav-links a:hover{color:#fff}
        .navbar.scrolled .nav-links a{color:#4b5563}
        .navbar.scrolled .nav-links a:hover{color:#06131c}
        .nav-btn{border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);box-shadow:none;color:#fff}
        .nav-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
        .navbar.scrolled .nav-btn{background:#07111f;color:#fff;border:1px solid #07111f;box-shadow:0 10px 24px rgba(7,17,31,.12)}
        .demo-btn{border-radius:10px;background:rgba(0,208,132,.12);border:1px solid rgba(0,208,132,.32);color:#c9ffe8;box-shadow:none}
        .demo-btn:hover{background:rgba(0,208,132,.18);box-shadow:0 10px 28px rgba(0,208,132,.16)}
        .navbar.scrolled .demo-btn{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
        .demo-panel-arrow{border-bottom-color:#07111f}
        .demo-panel-inner{border-radius:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 24px 80px rgba(15,23,42,.18)}
        .demo-panel-header{background:#07111f}
        .demo-item-icon,.mobile-demo-item-icon{background:#07111f}
        .demo-item:hover,.mobile-demo-item:hover{background:#f0fdf4}
        .demo-item-arrow{color:#94a3b8}

        /* Hero */
        .hero{min-height:760px;background:#05070b;color:#fff;display:flex;align-items:center;position:relative;overflow:hidden;isolation:isolate;cursor:crosshair}
        .hero::before{content:'';position:absolute;inset:0;z-index:0;background:
            linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
            linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
            background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),rgba(0,0,0,.35),transparent);pointer-events:none}
        .hero::after{content:'';position:absolute;inset:auto -20% -44% -20%;height:52%;z-index:0;background:radial-gradient(ellipse at center,rgba(var(--hero-accent-rgb),.2),transparent 64%);filter:blur(28px);opacity:.8;pointer-events:none}
        .nebula-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.95}
        .hero-glow{display:none}
        .hero .container{max-width:1280px;margin:0 auto;padding:150px 24px 92px;display:grid;grid-template-columns:1.06fr .94fr;column-gap:70px;row-gap:34px;align-items:center;position:relative;z-index:2}
        .hero-content{animation:fadeInUp .7s ease-out;min-width:0}
        .hero-slider{position:relative;min-height:310px}
        .hero-slide{display:none}
        .hero-slide.active{display:block;animation:heroSlideIn .56s cubic-bezier(.2,.8,.2,1)}
        @keyframes heroSlideIn{from{transform:translateY(18px)}to{transform:translateY(0)}}
        .hero-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:12px;letter-spacing:.06em;color:rgba(236,253,245,.88);margin-bottom:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
        .hero-badge i{color:var(--hero-accent)}
        .live-dot{width:7px;height:7px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 0 6px rgba(var(--hero-accent-rgb),.12),0 0 18px rgba(var(--hero-accent-rgb),.8);display:inline-block}
        .hero-content :is(h1,h2){font-size:64px;font-weight:900;color:#fff;line-height:1.06;margin-bottom:24px;letter-spacing:-.06em;text-wrap:balance}
        .hero-content :is(h1,h2) span{display:inline;color:var(--hero-accent);text-shadow:0 0 28px rgba(var(--hero-accent-rgb),.22)}
        .hero-content :is(h1,h2) span::after{display:none}
        .hero-content p{font-size:17px;color:rgba(226,232,240,.72);margin-bottom:32px;max-width:590px;line-height:1.95}
        .hero-campaign-slide{position:relative}
        .hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:570px;margin-bottom:30px}
        .hero-metric{padding:14px 16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
        .hero-metric strong{display:block;font-size:21px;font-weight:850;color:#fff;letter-spacing:-.02em}
        .hero-metric span{display:block;margin-top:3px;font-size:12px;color:rgba(226,232,240,.55)}
        .hero-btns{display:flex;gap:14px;flex-wrap:wrap}
        .btn{border-radius:12px;padding:15px 24px;font-size:14px}
        .btn-primary{background:var(--hero-accent);color:#03110c;box-shadow:0 14px 34px rgba(var(--hero-accent-rgb),.24)}
        .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(var(--hero-accent-rgb),.34)}
        .btn-outline{background:rgba(255,255,255,.04);color:#fff;border:1px solid rgba(255,255,255,.14)}
        .btn-outline:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}
        .hero-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:8px auto -85px;padding:8px 10px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:rgba(5,9,15,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 18px 46px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055)}
        .hero-control{position:relative;isolation:isolate;overflow:hidden;width:10px;height:10px;padding:0;border:0;border-radius:999px;background:rgba(226,232,240,.34);color:transparent;font-size:0;line-height:0;cursor:pointer;opacity:.72;transition:width .32s ease,background .32s ease,box-shadow .32s ease,opacity .32s ease;box-shadow:0 0 0 1px rgba(255,255,255,.08)}
        .hero-control::before{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,.42);opacity:0;transform:scale(.45);transition:opacity .28s ease,transform .28s ease}
        .hero-control::after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--hero-accent),rgba(var(--hero-accent-rgb),.52));box-shadow:0 0 16px rgba(var(--hero-accent-rgb),.42);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
        .hero-control:hover{opacity:1;background:rgba(226,232,240,.56)}
        .hero-control:hover::before{opacity:.34;transform:scale(1)}
        .hero-control.active{width:42px;background:rgba(255,255,255,.13);opacity:1;box-shadow:0 0 0 1px rgba(var(--hero-accent-rgb),.28),0 0 22px rgba(var(--hero-accent-rgb),.18)}
        .hero-control.active::before{opacity:1;transform:scale(1);background:rgba(var(--hero-accent-rgb),.16)}
        .hero-control.active.is-timing::after{opacity:1;will-change:transform;animation:heroControlTimer var(--hero-current-ms,var(--hero-slide-ms,4200ms)) linear forwards}
        .hero.is-paused .hero-control.active.is-timing::after{animation-play-state:paused}
        @keyframes heroControlTimer{from{transform:scaleX(0)}to{transform:scaleX(1)}}
        @media(prefers-reduced-motion:reduce){.hero-control.active.is-timing::after{animation:none;transform:scaleX(1)}}

        /* 右侧产品面板：鼠标跟随 3D 视差 */
        .hero-visual{animation:fadeInUp .8s ease-out .16s both;perspective:1200px;min-width:0}
        .product-showcase{position:relative;width:100%;transform-style:preserve-3d;animation:none;transition:transform .12s ease-out;will-change:transform}
        .showcase-main{z-index:1;background:linear-gradient(180deg,rgba(12,18,29,.84),rgba(6,10,16,.78));backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;color:#fff;box-shadow:0 32px 100px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);position:relative;overflow:hidden;transform:translateZ(42px)}
        .showcase-main::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(var(--hero-accent-rgb),.18),transparent 34%);opacity:.9;pointer-events:none}
        .showcase-main::after{content:'';position:absolute;inset:0;border-radius:28px;border:1px solid rgba(var(--hero-accent-rgb),.18);mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude;padding:1px;pointer-events:none}
        .showcase-header{position:relative;z-index:1;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}
        .showcase-title{flex:1;min-width:0;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:12px;color:rgba(226,232,240,.56);letter-spacing:.08em}
        .showcase-badge{position:static;display:inline-flex;align-items:center;flex:0 0 auto;background:rgba(var(--hero-accent-rgb),.12);color:#d9fff2;border:1px solid rgba(var(--hero-accent-rgb),.28);border-radius:9px;box-shadow:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
        .campaign-only{display:none!important}
        .hero.campaign-active .normal-only{display:none!important}
        .hero.campaign-active .campaign-only{display:initial!important}
        .hero.campaign-active .showcase-main{background:radial-gradient(circle at 84% 0%,rgba(255,214,102,.18),transparent 32%),linear-gradient(180deg,rgba(255,90,31,.16),rgba(6,10,16,.78));border-color:rgba(255,214,102,.34);box-shadow:0 32px 100px rgba(255,90,31,.22),inset 0 1px 0 rgba(255,255,255,.12)}
        .hero.campaign-active .showcase-main::before{background:radial-gradient(circle at 18% 0%,rgba(255,214,102,.18),transparent 36%),linear-gradient(135deg,rgba(255,90,31,.12),transparent 48%);opacity:1}
        .hero.campaign-active .showcase-main::after{border-color:rgba(255,214,102,.26)}
        .hero.campaign-active .showcase-badge{background:rgba(255,214,102,.14);color:#ffe8b2;border-color:rgba(255,214,102,.32)}
        .hero.campaign-active .console-metrics{background:rgba(255,214,102,.13)}
        .hero.campaign-active .console-metric{background:rgba(3,5,9,.24)}
        .hero.campaign-active .console-metric strong{color:#ffe8b2;text-shadow:0 0 24px rgba(255,122,24,.24)}
        .hero.campaign-active .console-metric em{color:#fff0c2}
        .hero.campaign-active .showcase-item{background:rgba(3,5,9,.22);border-color:rgba(255,214,102,.16)}
        .hero.campaign-active .console-state{color:#fff0c2;background:rgba(255,214,102,.13);border-color:rgba(255,214,102,.28)}
        .hero.campaign-active .console-status-pill{background:rgba(3,5,9,.22);border-color:rgba(255,214,102,.16);color:rgba(255,240,194,.68)}
        .hero.campaign-active .floating-card{background:radial-gradient(circle at 18% 0%,rgba(255,226,138,.24),transparent 42%),linear-gradient(135deg,rgba(255,90,31,.26),rgba(8,13,22,.18));border-color:rgba(255,214,102,.34);box-shadow:0 18px 54px rgba(255,90,31,.24),inset 0 1px 0 rgba(255,255,255,.16)}
        .hero.campaign-active .floating-card i{color:#ffe28a!important;filter:drop-shadow(0 0 14px rgba(255,122,24,.42))}
        .hero.campaign-active .floating-card span{color:#fff0c2;font-weight:900}
        .hero.campaign-active .floating-card small{color:rgba(255,245,226,.72)}
        .showcase-dots span{width:9px;height:9px;opacity:.82}
        .showcase-content{position:relative;z-index:1;gap:12px}
        .showcase-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:15px;transform:translateZ(24px)}
        .showcase-item:hover{background:rgba(255,255,255,.075);transform:translateX(6px) translateZ(24px);border-color:rgba(var(--hero-accent-rgb),.28)}
        .showcase-icon{width:42px;height:42px;border-radius:12px;background:#0f172a!important;border:1px solid rgba(255,255,255,.08);color:var(--hero-accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
        .showcase-icon i{color:var(--hero-accent)}
        .showcase-text h4{color:#f8fafc}
        .showcase-text p{color:rgba(226,232,240,.55)}
        .tech-orbit{position:absolute;inset:-44px;border:1px solid rgba(255,255,255,.07);border-radius:34px;transform:translateZ(-24px) rotate(-2deg);pointer-events:none}
        .tech-orbit::before,.tech-orbit::after{content:'';position:absolute;border-radius:inherit;border:1px solid rgba(var(--hero-accent-rgb),.16)}
        .tech-orbit::before{inset:36px;transform:rotate(5deg)}
        .tech-orbit::after{inset:78px;transform:rotate(-7deg)}
        .floating-card{z-index:30;background:rgba(8,13,22,.10);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 18px 48px rgba(0,0,0,.3);backdrop-filter:blur(18px);transform:translate3d(0,0,96px);animation:floatCard 6s ease-in-out infinite}
        .floating-card-1{right:-35px}
        .floating-card-2{left:-60px}
        .floating-card-3{right:-45px;bottom:-10px;animation-delay:3s}
        .floating-card span{color:#fff}
        .floating-card small{color:rgba(226,232,240,.5)}
        [data-dashboard-module][hidden]{display:none!important}
        @keyframes floatCard{0%,100%{transform:translate3d(0,0,96px) translateY(0)}50%{transform:translate3d(0,0,96px) translateY(-15px)}}
        .terminal-strip{position:relative;z-index:1;margin-top:14px;padding:12px 14px;background:#05070b;border:1px solid rgba(255,255,255,.08);border-radius:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:rgba(226,232,240,.72);font-size:12px;line-height:1.8;overflow:hidden}
        .terminal-strip em{font-style:normal;color:var(--hero-accent)}
        .terminal-strip::after{content:'';display:inline-block;width:7px;height:14px;background:var(--hero-accent);vertical-align:-2px;margin-left:4px;animation:blink 1s steps(2,end) infinite}
        @keyframes blink{50%{opacity:0}}

        .console-status-row{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0}
        .console-status-pill{padding:9px 10px;border-radius:11px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:rgba(226,232,240,.58);display:flex;align-items:center;justify-content:center;gap:6px}
        .console-status-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 12px rgba(var(--hero-accent-rgb),.72)}
        .console-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:12px;padding:1px;border-radius:16px;background:rgba(255,255,255,.10);overflow:hidden}
        .console-metric{min-width:0;padding:13px;background:rgba(255,255,255,.045)}
        .console-metric span{display:block;margin-bottom:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:rgba(226,232,240,.42);text-transform:uppercase}
        .console-metric strong{display:block;font-size:20px;line-height:1;color:#fff;letter-spacing:-.04em}
        .console-metric em{display:block;margin-top:6px;font-style:normal;font-size:11px;color:#9fffdc}
        .showcase-content.console-feed{gap:8px}
        .console-event{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:14px}
        .console-event:hover{transform:translateZ(24px);background:rgba(0,208,132,.075)}
        .console-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:rgba(226,232,240,.42)}
        .console-copy{min-width:0}
        .console-copy h4{font-size:14px;margin-bottom:3px;color:#fff}
        .console-copy p{font-size:12px;color:rgba(226,232,240,.50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .console-state{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:#9fffdc;padding:5px 8px;border-radius:8px;background:rgba(0,208,132,.09);border:1px solid rgba(0,208,132,.22)}
        .console-state.warn{color:#ffd89a;background:rgba(255,181,71,.10);border-color:rgba(255,181,71,.24)}
        .console-nodes{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
        .console-node{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:11px;color:rgba(226,232,240,.56);display:flex;align-items:center;gap:8px}
        .console-node i{width:7px;height:7px;border-radius:50%;background:var(--hero-accent);box-shadow:0 0 12px rgba(var(--hero-accent-rgb),.6)}
        /* 下方模块同步降噪：保留亮色页面，但减少“渐变 AI 卡片感” */
        .section-tag{background:#eefdf6;border-color:#bbf7d0;color:#047857;border-radius:10px}
        .scenario-icon,.subsite-feature-icon,.subsite-item-avatar,.feature-card:hover .feature-icon,.app-icon-wrap.plugin{background:#07111f!important;box-shadow:none}
        .feature-icon{background:#f0fdf4}
        .feature-icon i{background:none;-webkit-text-fill-color:initial;color:#047857}
        .feature-card:hover .feature-icon i{color:#fff;-webkit-text-fill-color:initial}
        .feature-card::after,.subsite-card::before{background:var(--primary)}
        .scenario-card:hover,.feature-card:hover,.app-card:hover,.portal-card:hover{box-shadow:0 24px 54px rgba(15,23,42,.10);border-color:rgba(0,208,132,.32)}
        .app-view-btn,.app-more a,.pricing-card.popular .pricing-btn,.pricing-badge,.changelog-version{background:#07111f;box-shadow:none}
        .pricing-card.popular{border-color:#07111f;box-shadow:0 25px 60px rgba(15,23,42,.12)}
        .services{background:#07111f}
        .back-to-top{background:#07111f;box-shadow:0 12px 28px rgba(7,17,31,.25)}

        /* ===== 下方模块继续统一：云厂商技术官网质感 ===== */
        .section{position:relative;overflow:hidden}
        .section .container{position:relative;z-index:1}
        .section-header{text-align:left;margin-bottom:54px;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);gap:40px;align-items:end}
        .section-header .section-tag{justify-self:start}
        .section-header h2{font-size:46px;letter-spacing:-.055em;line-height:1.08;margin-bottom:0;color:#07111f}
        .section-header p{font-size:16px;line-height:1.9;margin:0;max-width:none;color:#64748b}
        .section-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;border-radius:999px;padding:7px 12px;background:#ecfdf5;border-color:#bbf7d0;color:#047857}

        /* 场景区：承接 Hero 的深色技术场，做成云产品矩阵 */
        .scenarios{background:#05070b;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding-top:118px}
        .scenarios::before{content:'';position:absolute;inset:0;background:
            linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
            linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
            background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 88%);pointer-events:none}
        .scenarios::after{content:'';position:absolute;right:-18%;top:-22%;width:680px;height:680px;background:radial-gradient(circle,rgba(0,208,132,.16),transparent 68%);filter:blur(14px);pointer-events:none}
        .scenarios .section-header h2,.blog-system .section-header h2,.appstore .section-header h2,.services .section-header h2,.portals .section-header h2{color:#fff}
        .scenarios .section-header p,.blog-system .section-header p,.appstore .section-header p,.services .section-header p,.portals .section-header p{color:rgba(226,232,240,.64)}
        .scenarios .section-tag,.blog-system .section-tag,.appstore .section-tag,.services .section-tag,.portals .section-tag{background:rgba(0,208,132,.1);border-color:rgba(0,208,132,.28);color:#b7ffe5}
        .scenario-grid{counter-reset:scenario;gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden}
        .scenario-card{counter-increment:scenario;background:linear-gradient(180deg,rgba(11,17,28,.96),rgba(6,10,16,.94));border:0;border-radius:0;padding:34px 28px 32px;text-align:left;min-height:230px;box-shadow:none}
        .scenario-card::before{content:"0" counter(scenario);position:absolute;right:24px;top:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:rgba(226,232,240,.32);letter-spacing:.08em}
        .scenario-card::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--hero-accent),transparent);opacity:0;transition:opacity .35s}
        .scenario-card:hover{transform:none;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,13,22,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);border-color:transparent}
        .scenario-card:hover::after{opacity:1}
        .scenario-icon{width:52px;height:52px;margin:0 0 26px;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.1);border-radius:15px;color:var(--hero-accent)}
        .scenario-icon i{font-size:24px;color:var(--hero-accent)}
        .scenario-card:hover .scenario-icon{transform:translateY(-2px);background:rgba(0,208,132,.1)!important;border-color:rgba(0,208,132,.28)}
        .scenario-card h3{font-size:18px;color:#f8fafc;letter-spacing:-.02em}
        .scenario-card p{color:rgba(226,232,240,.56);line-height:1.85}

        /* 分店系统：产品说明 + 深色控制台 */
        .subsite{background:#f6f8fb}
        .subsite::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 10%,rgba(0,208,132,.09),transparent 30%),radial-gradient(circle at 88% 72%,rgba(8,183,255,.08),transparent 34%);pointer-events:none}
        .subsite-content h3{font-size:42px;letter-spacing:-.052em;color:#07111f}
        .subsite-content>p{font-size:16px;color:#526173}
        .subsite-feature{padding:16px;border:1px solid #e5eaf0;background:rgba(255,255,255,.74);border-radius:18px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
        .subsite-feature-icon{width:44px;height:44px;border-radius:12px;background:#07111f!important}
        .subsite-feature-text h4{color:#07111f}
        .subsite-card{background:#07111f;color:#fff;border-color:rgba(255,255,255,.08);border-radius:26px;box-shadow:0 32px 90px rgba(7,17,31,.22),inset 0 1px 0 rgba(255,255,255,.08)}
        .subsite-card::before{height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}
        .subsite-card-header{border-bottom-color:rgba(255,255,255,.08)}
        .subsite-card-header i{color:var(--primary)}
        .subsite-card-header span{color:#fff}
        .subsite-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:16px}
        .subsite-item:hover{background:rgba(0,208,132,.08);transform:translateX(6px)}
        .subsite-item-info h5{color:#f8fafc}
        .subsite-item-info span,.subsite-item-right .label{color:rgba(226,232,240,.48)}
        .subsite-float{background:#fff;border:1px solid #e5eaf0;box-shadow:0 18px 42px rgba(15,23,42,.12)}

        /* 核心功能：从居中图标卡改成工程文档式卡片 */
        .features{background:#fff}
        .features::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.04) 1px,transparent 1px);background-size:96px 100%;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.9) 18%,rgba(0,0,0,.9) 82%,transparent);pointer-events:none}
        .feature-grid{gap:18px}
        .feature-card{text-align:left;border-radius:22px;padding:32px 28px;border:1px solid #e5eaf0;box-shadow:0 10px 28px rgba(15,23,42,.04)}
        .feature-card::after{height:2px;background:var(--primary)}
        .feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(15,23,42,.10);border-color:#cbd5e1}
        .feature-icon{width:52px;height:52px;margin:0 0 24px;border-radius:15px;background:#f1f5f9;border:1px solid #e2e8f0}
        .feature-card:hover .feature-icon{transform:none;background:#07111f!important}
        .feature-card h3{letter-spacing:-.025em;color:#07111f}
        .feature-card p{font-size:14px;color:#64748b}

        /* 应用市场：黑色 marketplace，卡片更像产品生态面板 */
        .appstore{background:#05070b;color:#fff}
        .appstore::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 70% 0%,rgba(8,183,255,.13),transparent 34%),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px);background-size:auto,56px 56px;pointer-events:none}
        .app-grid{gap:18px}
        .app-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:20px;color:#fff;box-shadow:none}
        .app-card::before{height:100%;background:radial-gradient(circle at 20% 0%,rgba(0,208,132,.14),transparent 42%);opacity:0}
        .app-card:hover{transform:translateY(-6px);border-color:rgba(0,208,132,.28);box-shadow:0 22px 54px rgba(0,0,0,.24)}
        .app-icon-wrap{border-radius:15px;background:#111827!important;border:1px solid rgba(255,255,255,.08);box-shadow:none!important}
        .app-icon-wrap.template{background:#111827!important}
        .app-card h3{color:#f8fafc}
        .app-desc,.app-author,.app-version{color:rgba(226,232,240,.56)}
        .app-card-footer{background:rgba(255,255,255,.035);border-top-color:rgba(255,255,255,.08)}
        .app-type-tag.plugin{background:rgba(0,208,132,.12);color:#b7ffe5}
        .app-type-tag.template{background:rgba(255,181,71,.13);color:#ffd89a}
        .app-refresh{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:#dbe4ef}
        .app-refresh:hover{background:var(--primary);border-color:var(--primary);color:#03110c}

        /* 授权价格：更硬朗的商业卡片 */
        .pricing{background:#f6f8fb}
        .pricing-card{border-radius:24px;border:1px solid #e2e8f0;padding:42px 34px;box-shadow:0 14px 42px rgba(15,23,42,.05)}
        .pricing-card:hover{box-shadow:0 30px 72px rgba(15,23,42,.12)}
        .pricing-card.popular{background:#07111f;color:#fff;border-color:#07111f}
        .pricing-card.popular .pricing-name,.pricing-card.popular .pricing-price .amount{color:#fff}
        .pricing-card.popular .pricing-desc,.pricing-card.popular .pricing-price .unit,.pricing-card.popular .pricing-features li{color:rgba(226,232,240,.68)}
        .pricing-price .currency{color:#047857}
        .pricing-card.popular .pricing-price .currency{color:var(--primary)}
        .pricing-btn{border-radius:12px;background:#ecfdf5;color:#047857}
        .pricing-btn:hover{background:#07111f;color:#fff;box-shadow:none}
        .pricing-card.popular .pricing-btn{background:var(--primary);color:#03110c}

        /* 服务与快速入口：统一成深色底上的边框卡片 */
        .services,.portals{background:#07111f;color:#fff}
        .services::before,.portals::before{content:'';position:absolute;inset:0;background:
            radial-gradient(circle at 12% 18%,rgba(0,208,132,.11),transparent 28%),
            radial-gradient(circle at 88% 84%,rgba(8,183,255,.10),transparent 32%);
            pointer-events:none}
        .service-card{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);border-radius:22px}
        .service-card:hover{background:rgba(255,255,255,.07);border-color:rgba(0,208,132,.25)}
        .service-icon{background:rgba(0,208,132,.10);border:1px solid rgba(0,208,132,.24)}
        .service-icon i{color:var(--primary)}
        .service-content p{color:rgba(226,232,240,.62)}
        .portal-card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:22px;color:#fff}
        .portal-card:hover{border-color:rgba(0,208,132,.28);box-shadow:0 24px 54px rgba(0,0,0,.22)}
        .portal-card h3{color:#fff}
        .portal-card p{color:rgba(226,232,240,.58)}
        .portal-icon{border-radius:18px;background:rgba(255,255,255,.06)!important;color:var(--primary)!important;border:1px solid rgba(255,255,255,.09)}

        /* ===== 中后段二次重构：统一为连续的深色产品系统页面 ===== */
        .subsite,.features,.pricing,.services,.portals,.stats,.footer{background:#05070b;color:#fff;border-top:1px solid rgba(255,255,255,.08)}
        .subsite::before,.features::before,.pricing::before,.services::before,.portals::before{
            content:'';position:absolute;inset:0;pointer-events:none;background:
            radial-gradient(circle at 18% 8%,rgba(0,208,132,.10),transparent 28%),
            radial-gradient(circle at 82% 70%,rgba(8,183,255,.08),transparent 34%),
            linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
            linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
            background-size:auto,auto,72px 72px,72px 72px;
            mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.95) 14%,rgba(0,0,0,.95) 86%,transparent)
        }
        .subsite .section-header h2,.features .section-header h2,.pricing .section-header h2,.services .section-header h2,.portals .section-header h2{color:#fff}
        .subsite .section-header p,.features .section-header p,.pricing .section-header p,.services .section-header p,.portals .section-header p{color:rgba(226,232,240,.62)}
        .subsite .section-tag,.features .section-tag,.pricing .section-tag,.services .section-tag,.portals .section-tag{background:rgba(0,208,132,.10);border-color:rgba(0,208,132,.28);color:#b7ffe5}

        .subsite{padding-top:124px;background:linear-gradient(180deg,#05070b 0%,#07111f 100%)}
        .subsite-wrapper{padding:1px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.04));border-radius:34px;gap:0;overflow:hidden;box-shadow:0 32px 120px rgba(0,0,0,.28)}
        .subsite-content{padding:48px;background:rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.08)}
        .subsite-content h3{color:#fff;font-size:46px}
        .subsite-content>p{color:rgba(226,232,240,.62)}
        .subsite-features{gap:12px}
        .subsite-feature{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);box-shadow:none}
        .subsite-feature:hover{background:rgba(0,208,132,.075);border-color:rgba(0,208,132,.22)}
        .subsite-feature.is-active{background:rgba(0,208,132,.10);border-color:rgba(0,208,132,.38);box-shadow:inset 0 0 0 1px rgba(0,208,132,.10)}
        .subsite-feature-text h4{color:#fff}
        .subsite-feature-text p{color:rgba(226,232,240,.52)}
        .subsite-visual{padding:48px;background:linear-gradient(180deg,rgba(7,17,31,.82),rgba(5,8,13,.92))}
        .subsite-card{min-height:498px;box-shadow:none;background:rgba(5,8,13,.72);border-color:rgba(255,255,255,.1)}
        .subsite-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px}
        .subsite-metric{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
        .subsite-metric span{display:block;margin-bottom:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:rgba(226,232,240,.42)}
        .subsite-metric strong{display:block;color:#fff;font-size:16px;line-height:1.1}
        .subsite-metric:first-child strong{font-size:20px;color:#b7ffe5}
        .subsite-list{display:grid;height:280px;gap:10px;overflow:hidden}
        .subsite-list[data-subsite-mode="levels"]{grid-template-rows:repeat(3,minmax(0,1fr))}
        .subsite-list[data-subsite-mode="permissions"],
        .subsite-list[data-subsite-mode="upgrade"]{grid-template-rows:repeat(5,minmax(0,1fr))}
        .subsite-list .subsite-item{min-height:0;padding:9px 14px}
        .subsite-item-left,.subsite-item-info{min-width:0}
        .subsite-item-info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .subsite-item-right{flex:0 0 auto}
        .subsite-item-right .amount.is-disabled{color:rgba(226,232,240,.50)}
        .subsite-item.is-disabled{opacity:.72}
        .subsite-float-1 i{color:var(--primary)}
        .subsite-float-2 i{color:var(--success)}
        .subsite-card.is-changing .subsite-card-header,
        .subsite-card.is-changing .subsite-metrics{animation:subsitePanelIn .24s cubic-bezier(.22,1,.36,1) both}
        .subsite-card.is-changing .subsite-item{animation:subsitePanelIn .28s cubic-bezier(.22,1,.36,1) both}
        .subsite-card.is-changing .subsite-item:nth-child(2){animation-delay:.025s}
        .subsite-card.is-changing .subsite-item:nth-child(3){animation-delay:.05s}
        .subsite-card.is-changing .subsite-item:nth-child(4){animation-delay:.075s}
        .subsite-card.is-changing .subsite-item:nth-child(5){animation-delay:.1s}
        @keyframes subsitePanelIn{from{opacity:.25;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
        @keyframes subsitePanelFade{from{opacity:.45}to{opacity:1}}
        .subsite-float{background:rgba(7,17,31,.92);border-color:rgba(255,255,255,.1);color:#fff;backdrop-filter:blur(18px)}
        .subsite-float span{color:#fff}

        .features{background:#07111f}
        .feature-grid{counter-reset:feature;gap:1px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);border-radius:28px;overflow:hidden}
        .feature-card{counter-increment:feature;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.032));border:0;border-radius:0;box-shadow:none;padding:34px 30px 36px;min-height:255px}
        .feature-card::before{content:"module / 0" counter(feature);display:block;margin-bottom:28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:rgba(226,232,240,.36)}
        .feature-card::after{top:auto;bottom:0;height:2px;background:linear-gradient(90deg,var(--primary),transparent);transform:scaleX(0);transform-origin:left}
        .feature-card:hover{transform:none;background:linear-gradient(180deg,rgba(0,208,132,.085),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.06);border-color:transparent}
        .feature-card:hover::after{transform:scaleX(1)}
        .feature-icon{position:absolute;right:28px;top:28px;width:48px;height:48px;margin:0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10)}
        .feature-icon i{color:var(--primary);font-size:24px}
        .feature-card h3{color:#fff;font-size:22px;margin-top:34px}
        .feature-card p{color:rgba(226,232,240,.58);font-size:14px;line-height:1.9}

        .appstore{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
        .app-grid{padding:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.10);border-radius:28px;gap:1px;overflow:hidden}
        .app-card{border:0;border-radius:0;background:rgba(255,255,255,.038)}
        .app-card:hover{transform:none;background:rgba(0,208,132,.07);box-shadow:none}
        .app-card-inner{padding:26px 26px 10px 26px;position:relative}
        .app-card-footer{padding:10px 26px}
        .app-card-top{display:block;margin-bottom:20px}
        .app-package-meta{position:absolute;top:26px;right:26px;display:flex;flex-direction:column;align-items:stretch;gap:6px;width:92px}
        .app-package-meta>span{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;padding:4px 8px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.06em;color:rgba(226,232,240,.52);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
        .app-cap-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
        .app-cap-row span{padding:5px 8px;border-radius:8px;background:rgba(0,208,132,.075);border:1px solid rgba(0,208,132,.16);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;color:#aefedf;letter-spacing:.06em}

        .pricing{background:linear-gradient(180deg,#07111f 0%,#05070b 100%)}
        .pricing .container{max-width:1280px}
        .pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.10);border-radius:30px;overflow:visible;padding:1px}
        .pricing-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));border:0;border-radius:28px;padding:38px 34px;text-align:left;color:#fff;box-shadow:none;overflow:hidden}
        .pricing-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(0,208,132,.10),transparent 42%);opacity:0;transition:opacity .35s}
        .pricing-card::after{content:'';position:absolute;right:-44px;top:-44px;width:138px;height:138px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 64%);opacity:.35;pointer-events:none}
        .pricing-card:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(0,0,0,.24)}
        .pricing-card:hover::before{opacity:1}
        .pricing-card.popular{transform:none;background:linear-gradient(180deg,rgba(0,208,132,.16),rgba(255,255,255,.045));border:1px solid rgba(0,208,132,.34);box-shadow:0 0 0 1px rgba(0,208,132,.18),0 28px 90px rgba(0,208,132,.10)}
        .pricing-card.popular:hover{transform:translateY(-4px)}
        .pricing-card-free{background:linear-gradient(180deg,rgba(8,183,255,.14),rgba(255,255,255,.03));border:1px solid rgba(8,183,255,.28);box-shadow:0 0 0 1px rgba(8,183,255,.10),0 24px 70px rgba(8,183,255,.10)}
        .pricing-card-free::before{opacity:1;background:radial-gradient(circle at 18% 0%,rgba(8,183,255,.16),transparent 38%),linear-gradient(135deg,rgba(8,183,255,.10),transparent 48%)}
        .pricing-card-free .pricing-badge{background:rgba(8,183,255,.16);border-color:rgba(8,183,255,.34);color:#c9f4ff}
        .pricing-card-free .pricing-price .currency,.pricing-card-free .pricing-price .amount{color:#d8f7ff}
        .pricing-card-free .pricing-btn{background:rgba(8,183,255,.10);border-color:rgba(8,183,255,.25);color:#d8f7ff}
        .pricing-card-free .pricing-btn:hover{background:#08b7ff;color:#03110c;border-color:#08b7ff}
        .pricing-card-campaign{border:1px solid rgba(255,90,31,.42);background:radial-gradient(circle at 84% 0%,rgba(255,214,102,.18),transparent 32%),linear-gradient(180deg,rgba(255,90,31,.13),rgba(255,255,255,.035));box-shadow:0 0 0 1px rgba(255,90,31,.12),0 24px 90px rgba(255,90,31,.13)}
        .pricing-card-campaign::before{opacity:1;background:radial-gradient(circle at 18% 0%,rgba(255,214,102,.16),transparent 36%),linear-gradient(135deg,rgba(255,90,31,.10),transparent 48%)}
        .pricing-card-campaign::after{background:conic-gradient(from 180deg,rgba(255,214,102,.22),rgba(255,90,31,.08),rgba(255,214,102,.22));opacity:.65}
        .pricing-name,.pricing-desc,.pricing-price,.pricing-matrix,.pricing-features,.pricing-btn{position:relative;z-index:1}
        .pricing-name{color:#fff;font-size:26px;display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
        .pricing-desc{color:rgba(226,232,240,.55)}
        .pricing-price{position:relative;padding:22px 0;margin-bottom:18px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
        .pricing-card-campaign .pricing-price{padding:24px 0 22px;border-color:rgba(255,214,102,.20)}
        .pricing-card-campaign .pricing-price::before{content:'活动价';position:absolute;right:0;top:18px;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#ffe28a,#ff7a18);color:#4a1700;font-size:11px;font-weight:900;box-shadow:0 8px 22px rgba(255,122,24,.24)}
        .pricing-price .amount{color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:58px}
        .pricing-card-campaign .pricing-price .amount{color:#ffe8b2;text-shadow:0 0 24px rgba(255,122,24,.24)}
        .pricing-price .unit{color:rgba(226,232,240,.48)}
        .pricing-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 18px;padding:1px;border-radius:16px;background:rgba(255,255,255,.10);overflow:hidden}
        .pricing-matrix div{padding:12px;background:rgba(255,255,255,.045)}
        .pricing-matrix span{display:block;margin-bottom:5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(226,232,240,.40)}
        .pricing-matrix strong{display:block;font-size:14px;color:#fff}
        .pricing-features li{color:rgba(226,232,240,.66);border-bottom-color:rgba(255,255,255,.08)}
        .pricing-badge{position:static;transform:none;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:999px;background:rgba(0,208,132,.14);border:1px solid rgba(0,208,132,.3);color:#b7ffe5;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0}
        .pricing-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);color:#fff;text-align:center}
        .pricing-btn:hover,.pricing-card.popular .pricing-btn{background:var(--primary);color:#03110c;border-color:var(--primary)}
        .home-campaign-banner{position:relative;z-index:1;margin:-18px 0 30px;padding:30px 32px;border:1px solid rgba(255,214,102,.34);border-radius:30px;background:
            radial-gradient(circle at 10% 0%,rgba(255,214,102,.26),transparent 30%),
            radial-gradient(circle at 86% 18%,rgba(255,90,31,.28),transparent 28%),
            linear-gradient(135deg,rgba(128,24,0,.88),rgba(255,90,31,.30) 48%,rgba(8,17,31,.92));display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;box-shadow:0 30px 110px rgba(255,90,31,.22),inset 0 1px 0 rgba(255,255,255,.18)}
        .home-campaign-banner::before{content:'';position:absolute;inset:0;background:
            linear-gradient(120deg,transparent 0 18%,rgba(255,255,255,.11) 19%,transparent 22% 52%,rgba(255,255,255,.08) 53%,transparent 56%),
            radial-gradient(circle at 18% 8%,rgba(255,255,255,.24),transparent 24%);pointer-events:none}
        .home-campaign-banner::after{content:'SALE';position:absolute;right:26px;top:14px;font-size:72px;line-height:1;font-weight:1000;letter-spacing:-.08em;color:rgba(255,255,255,.055);transform:rotate(-8deg);pointer-events:none}
        .home-campaign-main{position:relative;display:flex;align-items:flex-start;gap:18px;min-width:0}
        .home-campaign-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,#ffe28a,#ff7a18);border:1px solid rgba(255,255,255,.28);color:#4a1700;font-size:28px;box-shadow:0 16px 42px rgba(255,122,24,.35);flex:0 0 auto}
        .home-campaign-copy{min-width:0}
        .home-campaign-badge{display:inline-flex;margin-bottom:10px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;letter-spacing:.08em;color:#fff0c2;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
        .home-campaign-copy h3{font-size:32px;line-height:1.08;color:#fff;letter-spacing:-.055em;margin:0 0 9px;text-shadow:0 10px 30px rgba(0,0,0,.28)}
        .home-campaign-copy p{max-width:720px;color:rgba(255,245,226,.78);font-size:15px;line-height:1.8;margin:0}
        .home-campaign-meta{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:0 0 auto}
        .home-campaign-deadline{padding:8px 12px;border-radius:999px;background:rgba(3,5,9,.32);border:1px solid rgba(255,255,255,.14);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;color:#fff0c2;white-space:nowrap}
        .home-campaign-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border-radius:14px;background:linear-gradient(135deg,#ffe28a,#ff7a18);color:#4a1700;text-decoration:none;font-weight:1000;font-size:14px;box-shadow:0 16px 40px rgba(255,122,24,.32)}
        .home-campaign-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
        .pricing-campaign-tag{display:inline-flex;position:relative;z-index:1;margin:10px 0 0;padding:6px 11px;border-radius:999px;background:linear-gradient(135deg,rgba(255,226,138,.18),rgba(255,90,31,.14));border:1px solid rgba(255,214,102,.32);color:#ffe8b2;font-size:12px;font-weight:900;box-shadow:0 10px 28px rgba(255,90,31,.14)}
        .pricing-original{display:block;margin-top:8px;color:rgba(255,232,178,.52);font-size:13px;text-decoration:line-through}
        .pricing-save{display:inline-flex;margin-top:8px;padding:5px 10px;border-radius:999px;background:rgba(255,214,102,.16);border:1px solid rgba(255,214,102,.30);color:#ffe8b2;font-size:12px;font-weight:900}
        .campaign-active .showcase-main{border-color:rgba(255,214,102,.38);background:radial-gradient(circle at 82% 0%,rgba(255,214,102,.20),transparent 34%),linear-gradient(180deg,rgba(255,90,31,.16),rgba(255,255,255,.05));box-shadow:0 0 0 1px rgba(255,90,31,.12),0 25px 80px rgba(255,90,31,.20),inset 0 1px 0 rgba(255,255,255,.16)}
        .campaign-active .showcase-main::before{background:linear-gradient(45deg,transparent,rgba(255,226,138,.18),transparent)}
        .campaign-active .showcase-title{color:#fff0c2;font-weight:800;letter-spacing:.02em}
        .campaign-active .showcase-badge{background:linear-gradient(135deg,#ffe28a,#ff7a18);color:#4a1700;box-shadow:0 8px 22px rgba(255,122,24,.28)}
        .showcase-campaign{display:none;position:relative;z-index:1}
        .campaign-active .showcase-normal{display:none}
        .campaign-active .showcase-campaign{display:block}
        .campaign-console-kicker{display:inline-flex;margin-bottom:14px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:900;letter-spacing:.08em;color:#fff0c2}
        .campaign-console-title{margin:0 0 8px;font-size:28px;line-height:1.12;font-weight:1000;letter-spacing:-.055em;color:#fff;text-shadow:0 10px 30px rgba(0,0,0,.26)}
        .campaign-console-desc{margin:0 0 18px;color:rgba(255,245,226,.76);font-size:13px;line-height:1.75}
        .campaign-console-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
        .campaign-console-price{padding:12px 10px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,214,102,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
        .campaign-console-price span{display:block;margin-bottom:6px;color:rgba(255,245,226,.58);font-size:11px;font-weight:800;white-space:nowrap}
        .campaign-console-price strong{display:inline;color:#ffe8b2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:20px;line-height:1;text-shadow:0 0 18px rgba(255,122,24,.24)}
        .campaign-console-price em{display:inline;margin-left:6px;color:rgba(255,232,178,.50);font-size:11px;font-style:normal;text-decoration:line-through;white-space:nowrap}
        .campaign-console-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 14px}
        .campaign-console-save,.campaign-console-deadline{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}
        .campaign-console-save{background:rgba(255,214,102,.16);border:1px solid rgba(255,214,102,.30);color:#ffe8b2}
        .campaign-console-deadline{background:rgba(3,5,9,.28);border:1px solid rgba(255,255,255,.14);color:#fff0c2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}
        .campaign-console-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 16px;border-radius:15px;background:linear-gradient(135deg,#ffe28a,#ff7a18);color:#4a1700;text-decoration:none;font-weight:1000;box-shadow:0 16px 40px rgba(255,122,24,.30)}
        .campaign-console-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}

        .services{background:linear-gradient(180deg,#07111f 0%,#05070b 100%)}
        .service-grid{gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.10);border-radius:28px;overflow:hidden}
        .service-card{border:0;border-radius:0;background:rgba(255,255,255,.04);padding:34px;backdrop-filter:none}
        .service-card:first-child{grid-column:span 2}
        .service-card:hover{transform:none;background:rgba(0,208,132,.07)}
        .service-icon{width:54px;height:54px;border-radius:15px}
        .service-content h3{letter-spacing:-.02em}

        .portals{background:#07111f}
        .portals .container{max-width:1280px}
        .portal-grid{gap:1px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.10);border-radius:28px;overflow:hidden}
        .portal-card{text-align:left;border:0;border-radius:0;background:rgba(255,255,255,.04);padding:30px;position:relative}
        .portal-card::after{content:'进入 →';display:block;margin-top:28px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;text-align: right;letter-spacing:.08em;color:rgba(0,208,132,.85)}
        .portal-card:hover{transform:none;background:rgba(0,208,132,.075);box-shadow:none}
        .portal-icon{margin:0 0 28px;width:52px;height:52px;border-radius:15px;font-size:24px}

        .footer{background:#030509;padding:54px 0;color:rgba(226,232,240,.52)}
        .footer-brand p{max-width:420px;color:rgba(226,232,240,.50);line-height:1.8}
        .footer-logo{justify-content:flex-start;letter-spacing:-.04em}
        .footer .container{text-align:left}
        .footer> .container{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}
        .footer p{margin-bottom:0}
        .footer-bottom{display:block;justify-self:end;text-align:right}
        .footer-bottom>div{justify-content:flex-end!important}
        .footer-info-row{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;width:100%;font-size:12px;line-height:1.7}
        .footer-info-row a{color:rgba(226,232,240,.62);font-size:12px;line-height:1.7}
        .footer-info-row a:hover{color:#fff}
        .footer-info-row .copyright{color:rgba(226,232,240,.42);font-size:12px}
        .footer-info-row:empty{display:none}
        .footer-info-row + .footer-info-row{margin-top:20px}

        /* 继续打磨：移动侧栏、弹窗、悬浮客服也同步技术风，避免跳回模板感 */
        .mobile-sidebar{background:#07111f;border-right:1px solid rgba(255,255,255,.10);box-shadow:24px 0 80px rgba(0,0,0,.32)}
        .mobile-sidebar-header{background:#05070b;border-bottom:1px solid rgba(255,255,255,.08)}
        .mobile-sidebar-nav a{color:rgba(226,232,240,.72);border-left-color:transparent}
        .mobile-sidebar-nav a:hover,.mobile-sidebar-nav a.active{background:rgba(0,208,132,.08);color:#fff;border-left-color:var(--primary)}
        .mobile-sidebar-footer{border-top-color:rgba(255,255,255,.08)}
        .mobile-sidebar-footer a,.mobile-demo-btn{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);box-shadow:none}
        .mobile-demo-btn{background:rgba(0,208,132,.12);border-color:rgba(0,208,132,.28);color:#d7fff0}
        .mobile-sidebar-footer a:hover,.mobile-demo-btn:hover{box-shadow:none;background:rgba(0,208,132,.14);transform:translateY(-1px)}
        .mobile-demo-modal-content,.app-modal{background:#07111f;color:#fff;border:1px solid rgba(255,255,255,.10);box-shadow:0 30px 110px rgba(0,0,0,.42)}
        .mobile-demo-modal-header{background:#05070b;border-bottom:1px solid rgba(255,255,255,.08)}
        .mobile-demo-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);color:#fff}
        .mobile-demo-item:hover{background:rgba(0,208,132,.08)}
        .mobile-demo-item-info span{color:rgba(226,232,240,.55)}
        .app-modal-overlay{background:rgba(3,5,9,.72)}
        .app-modal-cover{background:radial-gradient(circle at 50% 20%,rgba(0,208,132,.18),transparent 44%),#05070b}
        .app-modal-cover.template{background:radial-gradient(circle at 50% 20%,rgba(255,181,71,.18),transparent 44%),#05070b}
        .app-modal-close{background:rgba(255,255,255,.08);color:#fff}
        .app-modal-close:hover{background:rgba(239,68,68,.16);color:#fecaca}
        .app-modal-title{color:#fff}
        .app-modal-meta,.app-modal-desc{color:rgba(226,232,240,.62)}
        .float-service-toggle{background:#07111f;border:1px solid rgba(0,208,132,.28);box-shadow:0 14px 34px rgba(0,0,0,.28);color:var(--primary)}
        .float-service-toggle::before,.float-service-toggle::after{background:var(--primary)}
        .float-service-toggle:hover{box-shadow:0 18px 44px rgba(0,208,132,.20)}
        .float-service-btn{background:#07111f!important;border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 30px rgba(0,0,0,.24)}
        .float-service-label,.float-service-qrcode{background:#07111f;color:#fff;border:1px solid rgba(255,255,255,.10)}
        .float-service-label::after{border-left-color:#07111f}
        .float-service-qrcode::before{border-left-color:#07111f}
        .float-service-qrcode-text{color:rgba(226,232,240,.62)}

        .scenario-card:nth-child(2n),.feature-card:nth-child(2n),.app-card:nth-child(2n),.service-card:nth-child(2n),.portal-card:nth-child(2n){background-color:rgba(255,255,255,.052)}
        .section-header h2{text-wrap:balance}
        .section-header p{text-wrap:pretty}

        /* 弹窗与浮层细节重做：所有浮层都使用同一套控制台语义 */
        .demo-panel{padding-top:14px}
        .demo-panel-arrow{right:52px;border-bottom-color:#08111f}
        .demo-panel-inner{width:520px;background:#08111f;border:1px solid rgba(255,255,255,.11);border-radius:18px;box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}
        .demo-panel-header{background:radial-gradient(circle at 50% 0%,rgba(0,208,132,.14),transparent 48%),#05070b;text-align:left;padding:18px 20px 15px;border-bottom:1px solid rgba(255,255,255,.08)}
        .demo-panel-header h4{font-size:16px;letter-spacing:-.02em}
        .demo-panel-header p{color:rgba(226,232,240,.55);line-height:1.7}
        .demo-panel-body{padding:12px;background:#08111f}
        .demo-list{gap:9px}
        .demo-template-section{border-top-color:rgba(255,255,255,.08);padding-top:10px}
        .demo-template-search,.mobile-demo-template-search{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10);color:#fff}
        .demo-template-search:focus,.mobile-demo-template-search:focus{border-color:rgba(0,208,132,.36);box-shadow:0 0 0 3px rgba(0,208,132,.10)}
        .demo-template-list,.mobile-demo-template-list{scrollbar-color:rgba(0,208,132,.34) transparent}
        .demo-template-list::-webkit-scrollbar-thumb,.mobile-demo-template-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(0,208,132,.46),rgba(8,183,255,.30));border-color:rgba(8,17,31,.88)}
        .demo-template-list::-webkit-scrollbar-thumb:hover,.mobile-demo-template-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(0,208,132,.72),rgba(8,183,255,.50))}
        .demo-empty-tip{background:rgba(255,255,255,.045);color:rgba(226,232,240,.46)}
        .demo-section-title,.demo-section-count,.mobile-demo-group-title,.mobile-demo-template-count{color:rgba(226,232,240,.46)}
        .demo-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 11px}
        .demo-item:hover{background:rgba(0,208,132,.075);transform:none;border-color:rgba(0,208,132,.22)}
        .demo-item-icon{background:rgba(0,208,132,.10)!important;border:1px solid rgba(0,208,132,.24);border-radius:12px}
        .demo-item-icon i{color:var(--primary)}
        .demo-item-info h5{color:#fff}
        .demo-item-info span{color:rgba(226,232,240,.52)}
        .demo-item-arrow{color:rgba(226,232,240,.35)}
        .demo-item:hover .demo-item-arrow{color:var(--primary);transform:translateX(2px)}
        .demo-panel-footer{background:#05070b;border-top-color:rgba(255,255,255,.08);padding:13px 18px}
        .demo-panel-footer p{color:rgba(226,232,240,.48)}
        .demo-panel-footer a{color:#b7ffe5}

        .mobile-demo-modal,.changelog-modal,.app-modal-overlay{background:rgba(3,5,9,.76);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
        .mobile-demo-modal-content,.changelog-modal-content,.app-modal{background:#08111f;color:#fff;border:1px solid rgba(255,255,255,.11);box-shadow:0 34px 120px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.06)}
        .mobile-demo-modal-content{max-width:430px;border-radius:24px 24px 18px 18px}
        .mobile-demo-modal-header,.changelog-modal-header{background:radial-gradient(circle at 50% 0%,rgba(0,208,132,.14),transparent 52%),#05070b;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}
        .mobile-demo-modal-header h4,.changelog-modal-header h4{color:#fff;letter-spacing:-.025em}
        .mobile-demo-modal-header p,.changelog-modal-header p{color:rgba(226,232,240,.56);line-height:1.7}
        .mobile-demo-modal-close,.changelog-modal-close,.app-modal-close{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);color:#fff}
        .mobile-demo-modal-close:hover,.changelog-modal-close:hover,.app-modal-close:hover{background:rgba(255,255,255,.12);color:#fff;transform:none}
        .mobile-demo-modal-body{background:#08111f}
        .mobile-demo-modal-header::before{background:rgba(255,255,255,.22)}
        .mobile-demo-base-grid .mobile-demo-item,.mobile-demo-template-list .mobile-demo-item{background:rgba(255,255,255,.045)}
        .mobile-demo-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#fff}
        .mobile-demo-item:hover{background:rgba(0,208,132,.075);transform:none;border-color:rgba(0,208,132,.22)}
        .mobile-demo-item-icon{background:rgba(0,208,132,.10)!important;border:1px solid rgba(0,208,132,.24);border-radius:13px}
        .mobile-demo-item-icon i{color:var(--primary)}
        .mobile-demo-item-info h5{color:#fff}
        .mobile-demo-item-info span{color:rgba(226,232,240,.52)}
        .mobile-demo-item>i{color:rgba(226,232,240,.35)}

        .changelog-modal-content{max-width:720px;border-radius:22px}
        .changelog-modal-header{padding:24px 26px;text-align:left}
        .changelog-modal-header h4{display:flex;align-items:center;gap:10px;font-size:20px}
        .changelog-modal-body{background:#08111f;padding:18px;scrollbar-width:thin;scrollbar-color:rgba(0,208,132,.38) transparent}
        .changelog-item{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-left:1px solid rgba(0,208,132,.34);border-radius:16px;margin-bottom:12px}
        .changelog-item:hover{background:rgba(0,208,132,.065);border-color:rgba(0,208,132,.22)}
        .changelog-version{background:rgba(0,208,132,.12);border:1px solid rgba(0,208,132,.25);color:#b7ffe5;border-radius:9px}
        .changelog-date{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:rgba(226,232,240,.42)}
        .changelog-title{color:#fff}
        .changelog-list{color:rgba(226,232,240,.62)}
        .changelog-list li::marker{color:var(--primary)}
        .changelog-empty,.changelog-loading,.changelog-load-more,.changelog-no-more{color:rgba(226,232,240,.48)}

        .app-modal{max-width:540px;border-radius:22px}
        .app-modal-cover{height:350px;position:relative;background:radial-gradient(circle at 50% 0%,rgba(0,208,132,.18),transparent 50%),linear-gradient(180deg,#07111f,#05070b)}
        .app-modal-cover.template{background:radial-gradient(circle at 50% 0%,rgba(255,181,71,.18),transparent 50%),linear-gradient(180deg,#07111f,#05070b)}
        .app-modal-cover::after{content:'应用包详情';position:absolute;left:22px;bottom:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:rgba(226,232,240,.42)}
        .app-modal-cover img{filter:saturate(.92) contrast(1.02)}
        .app-modal-cover i{color:rgba(0,208,132,.24);font-size:82px}
        .app-modal-content{background:#08111f;padding:26px}
        .app-modal-title{color:#fff;letter-spacing:-.025em}
        .app-modal-meta{gap:10px;flex-wrap:wrap}
        .app-modal-meta span{padding:7px 10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:rgba(226,232,240,.58)}
        .app-modal-desc{padding-top:16px;border-top:1px solid rgba(255,255,255,.08);color:rgba(226,232,240,.66)}

        /* 顶部导航与按钮：收紧高度，统一成产品控制台风格 */
        .navbar{padding:12px 0;background:linear-gradient(180deg,rgba(3,5,9,.74),rgba(3,5,9,.28));border-bottom:0;backdrop-filter:none;-webkit-backdrop-filter:none}
        .navbar::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);pointer-events:none}
        .navbar .container{max-width:1328px;height:58px;padding:0 14px 0 18px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(5,8,13,.58);box-shadow:0 18px 60px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .28s}
        .navbar.scrolled{background:linear-gradient(180deg,rgba(3,5,9,.78),rgba(3,5,9,.38));box-shadow:none;border-bottom:0}
        .navbar.scrolled .container{height:56px;background:rgba(5,8,13,.84);border-color:rgba(255,255,255,.12);box-shadow:0 18px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.07)}
        .navbar .logo{min-width:max-content;padding-right:8px;font-size:21px;letter-spacing:-.05em;color:#fff;gap:9px}
        .navbar .logo::after{content:'永久免费';display:inline-flex;margin-left:6px;padding:4px 7px;border-radius:7px;background:rgba(0,208,132,.10);border:1px solid rgba(0,208,132,.22);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.04em;color:#b7ffe5;font-weight:700}
        .navbar.scrolled .logo{background:none;-webkit-text-fill-color:initial;color:#fff}
        .navbar.scrolled .logo::after{background:rgba(0,208,132,.12);border-color:rgba(0,208,132,.28);color:#b7ffe5}
        .nav-links{margin:0 auto;gap:2px;align-items:center;padding:4px;border-radius:14px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
        .navbar.scrolled .nav-links{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09)}
        .nav-links a{height:34px;display:flex;align-items:center;padding:0 12px;border-radius:10px;color:rgba(226,232,240,.72);font-size:13px;font-weight:650;letter-spacing:.01em}
        .nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
        .navbar.scrolled .nav-links a{color:rgba(226,232,240,.72)}
        .navbar.scrolled .nav-links a:hover{color:#fff;background:rgba(255,255,255,.08)}
        .nav-right{gap:8px;margin-left:12px;flex-shrink:0}
        .demo-btn,.nav-btn{height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#fff;text-decoration:none;font-size:13px;font-weight:750;line-height:1;white-space:nowrap;box-shadow:none;transition:background .22s,border-color .22s,color .22s,transform .22s}
        .demo-btn{background:rgba(0,208,132,.12);border-color:rgba(0,208,132,.30);color:#d7fff0}
        .demo-btn:hover,.nav-btn:hover{transform:translateY(-1px);box-shadow:none}
        .demo-btn:hover{background:rgba(0,208,132,.18);border-color:rgba(0,208,132,.42)}
        .nav-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.20)}
        .navbar.scrolled .demo-btn{background:rgba(0,208,132,.12);color:#d7fff0;border-color:rgba(0,208,132,.32)}
        .navbar.scrolled .nav-btn{background:rgba(255,255,255,.055);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:none}
        .navbar.scrolled .nav-btn:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.20)}
        .nav-btn-user{background:var(--primary);border-color:var(--primary);color:#03110c}
        .nav-btn-user:hover{background:#20e49b;border-color:#20e49b;color:#03110c}
        .navbar.scrolled .nav-btn-user{background:var(--primary);border-color:var(--primary);color:#03110c}
        .nav-btn-qq i,.mobile-action-qq i{color:#12b7f5}
        .nav-btn-wechat i,.mobile-action-wechat i{color:#07c160}
        .mobile-menu-btn{width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
        .mobile-demo-top-btn{display:none;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(0,208,132,.28);background:rgba(0,208,132,.12);color:#d7fff0;font-size:13px;font-weight:750;line-height:1;white-space:nowrap;cursor:pointer;transition:background .22s,border-color .22s,color .22s,transform .22s;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
        .mobile-demo-top-btn i{font-size:15px;color:#d7fff0}
        .mobile-demo-top-btn:hover{background:rgba(0,208,132,.18);border-color:rgba(0,208,132,.42);transform:translateY(-1px)}
        .mobile-menu-btn:hover{background:rgba(0,208,132,.12);border-color:rgba(0,208,132,.28)}
        .navbar.scrolled .mobile-demo-top-btn{background:#ecfdf5;color:#047857;border-color:#bbf7d0}
        .navbar.scrolled .mobile-demo-top-btn i{color:#047857}
        .navbar.scrolled .mobile-menu-btn{background:#fff;border-color:rgba(15,23,42,.08)}
        .navbar.scrolled .mobile-menu-btn:hover{background:#ecfdf5;border-color:#bbf7d0}
        .mobile-sidebar-overlay{background:rgba(3,5,9,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
        .mobile-sidebar{width:min(380px,calc(100vw - 28px));background:#07111f;border-right:1px solid rgba(255,255,255,.10);border-radius:0 24px 24px 0;box-shadow:30px 0 100px rgba(0,0,0,.42)}
        .mobile-sidebar-header{padding:18px 18px 16px;background:radial-gradient(circle at 12% 0%,rgba(0,208,132,.13),transparent 42%),#05070b;border-bottom:1px solid rgba(255,255,255,.08)}
        .mobile-sidebar-header .logo{font-size:19px;letter-spacing:-.045em}
        .mobile-sidebar-close{width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}
        .mobile-sidebar-close:hover{background:rgba(255,255,255,.11)}
        .mobile-sidebar-nav{padding:14px;display:flex;flex-direction:column;gap:6px}
        .mobile-sidebar-nav a{border-left:0;border-radius:13px;padding:13px 14px;color:rgba(226,232,240,.72);background:rgba(255,255,255,.035);border:1px solid transparent;font-weight:650}
        .mobile-sidebar-nav a:hover,.mobile-sidebar-nav a.active{background:rgba(0,208,132,.09);border-color:rgba(0,208,132,.22);color:#fff}
        .mobile-sidebar-nav a i{color:var(--primary);opacity:.9}
        .mobile-sidebar-footer{padding:16px 14px 18px;border-top:1px solid rgba(255,255,255,.08);gap:9px}
        .mobile-sidebar-footer a,.mobile-demo-btn{min-height:44px;justify-content:flex-start;padding:12px 14px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);color:#fff;box-shadow:none}
        .mobile-demo-btn{background:rgba(0,208,132,.12);border-color:rgba(0,208,132,.28);color:#d7fff0}
        .mobile-sidebar-footer a:hover,.mobile-demo-btn:hover{background:rgba(0,208,132,.10);border-color:rgba(0,208,132,.22);transform:none;box-shadow:none}
        .demo-btn,.mobile-demo-top-btn,.mobile-demo-btn,.js-open-demo{position:relative;overflow:hidden;isolation:isolate;box-shadow:0 0 0 1px rgba(0,208,132,.16),0 0 24px rgba(0,208,132,.16);animation:demoCtaGlow 1.7s ease-in-out infinite}
        .js-open-demo{border-color:rgba(0,208,132,.46);background:linear-gradient(135deg,rgba(0,208,132,.16),rgba(8,183,255,.08));color:#d7fff0}
        .demo-btn::before,.mobile-demo-top-btn::before,.mobile-demo-btn::before,.js-open-demo::before{content:'';position:absolute;inset:-70% -45%;z-index:0;background:linear-gradient(115deg,transparent 34%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.68) 50%,rgba(255,255,255,.10) 57%,transparent 66%);transform:translateX(-90%) rotate(10deg);animation:demoCtaShine 1.7s ease-in-out infinite;pointer-events:none}
        .demo-btn>i,.mobile-demo-top-btn>i,.mobile-demo-btn>i,.js-open-demo>i{position:relative;z-index:1}
        .demo-btn:hover,.mobile-demo-top-btn:hover,.mobile-demo-btn:hover,.js-open-demo:hover{box-shadow:0 0 0 1px rgba(0,208,132,.30),0 0 34px rgba(0,208,132,.28)}
        @keyframes demoCtaShine{
            0%{transform:translateX(-90%) rotate(10deg);opacity:0}
            14%{opacity:1}
            42%{transform:translateX(92%) rotate(10deg);opacity:.95}
            52%,100%{transform:translateX(92%) rotate(10deg);opacity:0}
        }
        @keyframes demoCtaGlow{
            0%,100%{box-shadow:0 0 0 1px rgba(0,208,132,.14),0 0 18px rgba(0,208,132,.12)}
            50%{box-shadow:0 0 0 1px rgba(0,208,132,.32),0 0 32px rgba(0,208,132,.26)}
        }
        @media(prefers-reduced-motion:reduce){
            .demo-btn,.mobile-demo-top-btn,.mobile-demo-btn,.js-open-demo,
            .demo-btn::before,.mobile-demo-top-btn::before,.mobile-demo-btn::before,.js-open-demo::before{animation:none}
            .subsite-feature,.subsite-feature::after{transition:none}
            .subsite-card.is-changing .subsite-card-header,
            .subsite-card.is-changing .subsite-metrics,
            .subsite-card.is-changing .subsite-item{animation:subsitePanelFade .12s linear both}
        }
        @media(max-width:1180px){
            .navbar .logo::after{display:none}
            .nav-links a{padding:0 9px}
            .nav-btn-qq,.nav-btn-wechat{display:none}
        }
        @media(max-width:900px){
            .navbar{padding:10px 12px}
            .navbar .container,.navbar.scrolled .container{height:54px;border-radius:16px;padding:0 10px 0 14px}
            .nav-links,.nav-right{display:none}
            .mobile-demo-top-btn{display:flex;margin-left:auto;margin-right:8px}
            .mobile-menu-btn{display:flex}
        }
        @media(max-width:480px){
            .navbar{padding:8px 10px}
            .navbar .container,.navbar.scrolled .container{height:52px;border-radius:15px}
            .navbar .logo{font-size:19px}
            .mobile-sidebar{width:calc(100vw - 18px);border-radius:0 20px 20px 0}
        }

        /* 结构差异化：避免整页都像同一套圆角卡片 */
        .scenario-grid{counter-reset:scenario;position:relative;gap:1px;padding:1px;border-radius:0;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));overflow:visible}
        .scenario-grid::before{content:'适用场景';position:absolute;right:0;top:-34px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:rgba(226,232,240,.36)}
        .scenario-card{counter-increment:scenario;text-align:left;border:0!important;border-radius:0!important;padding:30px 26px 34px;background:linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.026));clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);min-height:235px}
        .scenario-card::before{content:'node / 0' counter(scenario);display:block;margin-bottom:20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px;letter-spacing:.08em;color:rgba(226,232,240,.36)}
        .scenario-card::after{content:'';position:absolute;left:26px;right:26px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(0,208,132,.7),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s}
        .scenario-card:hover{transform:none!important;box-shadow:none!important;background:linear-gradient(180deg,rgba(0,208,132,.075),rgba(255,255,255,.032))}
        .scenario-card:hover::after{transform:scaleX(1)}
        .scenario-icon{width:46px;height:46px;margin:0 0 22px;border-radius:50%;background:rgba(0,208,132,.10)!important;border:1px solid rgba(0,208,132,.24);box-shadow:0 0 0 8px rgba(0,208,132,.035)!important}
        .scenario-icon i{font-size:22px;color:var(--primary)}
        .scenario-card:hover .scenario-icon{transform:none}

        .features .section-header{margin-bottom:54px}
        .feature-grid{grid-template-columns:1.12fr .94fr .94fr;grid-auto-rows:minmax(188px,auto);grid-auto-flow:dense;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
        .feature-card{min-height:auto;padding:30px}
        .feature-card:nth-child(1){grid-row:span 2;background:linear-gradient(180deg,rgba(0,208,132,.085),rgba(255,255,255,.034))}
        .feature-card:nth-child(3){grid-column:span 2}
        .feature-card:nth-child(6){background:linear-gradient(180deg,rgba(8,183,255,.075),rgba(255,255,255,.032))}
        .feature-card:nth-child(7){background:linear-gradient(180deg,rgba(255,181,71,.070),rgba(255,255,255,.032))}
        .feature-card::before{margin-bottom:22px}
        .feature-icon{right:24px;top:24px}

        .app-grid{grid-template-columns:1.2fr 1fr 1fr;grid-auto-flow:dense;border-radius:0;clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}
        .app-card{border-radius:0!important;min-height:250px}
        .app-card:nth-child(1),.app-card:nth-child(6n){grid-column:span 2}
        .app-card:nth-child(1) .app-card-inner,.app-card:nth-child(6n) .app-card-inner{display:grid;grid-template-columns:180px minmax(0,1fr);column-gap:26px;align-items:start}
        .app-card:nth-child(1) .app-card-top,.app-card:nth-child(6n) .app-card-top{grid-row:span 3;margin:0;display:block}
        .app-card:nth-child(1) .app-icon-wrap,.app-card:nth-child(6n) .app-icon-wrap{width:92px;height:92px;margin-bottom:18px;border-radius:20px}
        .app-card:nth-child(1) .app-package-meta,.app-card:nth-child(6n) .app-package-meta{align-items:flex-start}
        .app-card:nth-child(1) h3,.app-card:nth-child(6n) h3{font-size:22px;margin-top:4px}
        .app-view-btn{border-radius:8px;padding:7px 10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10)}

        .pricing-grid{gap:0;background:transparent;border:1px solid rgba(255,255,255,.10);border-radius:0;padding:0;overflow:hidden}
        .pricing-card{border-radius:0!important;border-right:1px solid rgba(255,255,255,.10);padding:40px 34px 34px}
        .pricing-card:last-child{border-right:0}
        .pricing-card.popular{border-top:2px solid rgba(0,208,132,.75);border-left:0;border-right:1px solid rgba(255,255,255,.10);border-bottom:0;box-shadow:inset 0 1px 0 rgba(0,208,132,.20)}
        .pricing-card:hover,.pricing-card.popular:hover{transform:none;box-shadow:inset 0 1px 0 rgba(0,208,132,.20)}
        .pricing-btn{border-radius:8px}

        .service-grid{counter-reset:delivery;display:block;position:relative;background:transparent;border:0;border-radius:0;overflow:visible}
        .service-grid::before{content:'';position:absolute;top:12px;bottom:12px;left:50%;width:1px;background:linear-gradient(to bottom,transparent,rgba(0,208,132,.45),rgba(255,255,255,.08),transparent)}
        .service-card,.service-card:first-child{counter-increment:delivery;grid-column:auto;width:calc(50% + 42px);margin:0 0 18px;padding:0;background:transparent;border:0;border-radius:0!important;display:grid;grid-template-columns:84px minmax(0,1fr);gap:20px;align-items:start}
        .service-card:nth-child(even){margin-left:auto}
        .service-card:hover{background:transparent;transform:none}
        .service-card::before{content:'0' counter(delivery);width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#07111f;border:1px solid rgba(0,208,132,.30);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#b7ffe5;font-size:16px;box-shadow:0 0 0 8px rgba(0,208,132,.035);z-index:1}
        .service-icon{display:none}
        .service-content{padding:24px 26px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
        .service-card:nth-child(even) .service-content{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}
        .legal-notice .legal-notice-summary{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;margin-top:60px;padding:25px 28px;border:1px solid rgba(0,208,132,.28);border-radius:0px;background:linear-gradient(135deg, rgba(0, 208, 132, .11), rgb(255 255 255 / 0%));box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 22px 60px rgba(0,0,0,.18)}
        .legal-notice .legal-notice-summary-icon{display:flex;width:52px;height:52px;align-items:center;justify-content:center;border:1px solid rgba(0,208,132,.32);border-radius:15px;background:rgba(0,208,132,.13);color:#b7ffe5;font-size:24px}
        .legal-notice .legal-notice-summary p{margin:0;color:rgba(236,253,245,.88);font-size:15px;line-height:1.85}
        .legal-notice .legal-notice-summary p+p{margin-top:10px;color:#b7ffe5}

        .portal-grid{display:grid;grid-template-columns:1fr;gap:0;max-width:900px;margin:0 auto;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.10);border-radius:0;overflow:visible}
        .portal-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:5px;align-items:center;text-align:left;padding:20px 0;border:0;border-bottom:1px solid rgba(255,255,255,.10);border-radius:0!important;background:transparent}
        .portal-card:hover{transform:none;box-shadow:none;background:transparent}
        .portal-icon{grid-row:1 / span 2;margin:0;width:44px;height:44px;border-radius:10px;font-size:21px}
        .portal-card h3{margin:0;color:#fff}
        .portal-card p{margin:0;color:rgba(226,232,240,.50)}
        .portal-card::after{margin:0;grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:end;color:rgba(0,208,132,.78)}

        /* 纠偏：应用生态和控制台入口不做过度异形，保持稳定的产品页秩序 */
        .app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0;background:transparent;border:0;border-radius:0;clip-path:none;overflow:visible}
        .app-card,.app-card:nth-child(1),.app-card:nth-child(6n){grid-column:auto;min-height:286px;border:1px solid rgba(255,255,255,.09);border-radius:16px!important;background:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.032));overflow:hidden}
        .app-card:hover{background:linear-gradient(180deg,rgba(0,208,132,.085),rgba(255,255,255,.038));border-color:rgba(0,208,132,.26);box-shadow:0 18px 48px rgba(0,0,0,.20)}
        .app-card-inner{flex:1;display:flex;flex-direction:column}
        .app-card:nth-child(1) .app-card-inner,.app-card:nth-child(6n) .app-card-inner{display:flex}
        .app-card:nth-child(1) .app-card-top,.app-card:nth-child(6n) .app-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}
        .app-card:nth-child(1) .app-icon-wrap,.app-card:nth-child(6n) .app-icon-wrap{width:64px;height:64px;margin-bottom:0;border-radius:16px}
        .app-card:nth-child(1) .app-package-meta,.app-card:nth-child(6n) .app-package-meta{align-items:flex-end}
        .app-card:nth-child(1) h3,.app-card:nth-child(6n) h3{font-size:17px;margin-top:0}
        .app-card h3{margin-bottom:0px}
        .app-desc{min-height:44px;margin-bottom:18px}
        .app-cap-row{margin-top:auto}
        .app-card-footer{background:rgba(5,8,13,.36)}

        @media(min-width:901px){
            .appstore .app-card-inner,
            .appstore .app-card:nth-child(1) .app-card-inner,
            .appstore .app-card:nth-child(6n) .app-card-inner{flex:1;display:flex;flex-direction:column}
            .appstore .app-card-top,
            .appstore .app-card:nth-child(1) .app-card-top,
            .appstore .app-card:nth-child(6n) .app-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;height:64px;min-height:64px;margin:0 0 20px}
            .appstore .app-icon-wrap,
            .appstore .app-card:nth-child(1) .app-icon-wrap,
            .appstore .app-card:nth-child(6n) .app-icon-wrap{margin:0}
            .appstore .app-card h3,
            .appstore .app-card:nth-child(1) h3,
            .appstore .app-card:nth-child(6n) h3{display:-webkit-box;height:40px;min-height:30px;margin:0 0 -5px;font-size:17px;line-height:20px;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
            .appstore .app-card h3>span:first-child{display:block;overflow:visible;text-overflow:clip}
            .appstore .app-desc{height:66px;min-height:66px;margin:0 0 10px;line-height:22px;-webkit-line-clamp:3}
            .appstore .app-cap-row{flex-wrap:nowrap;align-items:center;height:27px;min-height:27px;margin-top:auto;overflow:hidden}
            .appstore .app-card-footer{margin-top:auto}
        }

        .portal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;max-width:1180px;margin:0 auto;padding:1px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.10);border-radius:0px;overflow:hidden}
        .portal-card{display:block;text-align:left;padding:28px 26px;border:0;border-radius:0!important;background:rgba(255,255,255,.042);color:#fff}
        .portal-card:hover{background:rgba(0,208,132,.075);box-shadow:none;transform:none}
        .portal-icon{display:flex;grid-row:auto;margin:0 0 22px;width:48px;height:48px;border-radius:13px;font-size:23px;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)}
        .portal-card h3{margin:0 0 8px}
        .portal-card p{margin:0}
        .portal-card::after{content:'进入 →';display:block;margin-top:22px;grid-column:auto;grid-row:auto;align-self:auto;justify-self:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.08em;color:rgba(0,208,132,.82)}

        @media(min-width:1025px){
            .hero-visual{width:100%;min-width:0}
        }

        @media(max-width:1024px){
            .section-header{grid-template-columns:1fr;gap:18px;text-align:left}
            .section-header p{max-width:720px}
            .subsite-wrapper{grid-template-columns:1fr}
            .subsite-content{text-align:left}
            .subsite-content{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}
            .subsite-visual{max-width:none;width:100%}
            .subsite-features{align-items:stretch}
            .subsite-feature{flex-direction:row;text-align:left}
            .scenario-grid{grid-template-columns:repeat(2,1fr)}
            .feature-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}
            .feature-card:nth-child(1),.feature-card:nth-child(3){grid-row:auto;grid-column:auto}
            .app-grid{grid-template-columns:repeat(2,1fr)}
            .portal-grid{grid-template-columns:repeat(2,1fr)}
            .pricing-grid{grid-template-columns:1fr}
            .pricing-card{border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}
            .pricing-card:last-child{border-bottom:0}
            .pricing-card.popular{border-right:0;border-top:1px solid rgba(0,208,132,.45)}
            .service-grid::before{left:32px}
            .service-card,.service-card:first-child{width:100%;margin-left:0;grid-template-columns:64px minmax(0,1fr)}
            .service-card::before{width:52px;height:52px}
            .service-card:nth-child(even) .service-content{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
            .footer> .container{grid-template-columns:1fr;gap:28px}
            .footer-bottom{justify-self:start;text-align:left}
            .footer-bottom>div{justify-content:flex-start!important}
            .hero{min-height:auto}
            .hero .container{grid-template-columns:1fr;text-align:left;gap:0px;padding-top:132px}
            .hero-content :is(h1,h2){font-size:50px}
            .hero-content p{margin:0 0 32px}
            .hero-btns{justify-content:flex-start}
            .hero-visual{max-width:560px;margin:0 auto;width:100%}
            .hero-slider{min-height:300px}
        }
        @media(min-width:901px){
            .footer .container{width:min(1280px,calc(100% - 48px));max-width:none;padding:0}
        }
        @media(min-width:901px) and (max-width:1024px){
            .footer> .container{grid-template-columns:1fr 2fr;gap:40px}
            .footer-bottom{justify-self:end;text-align:right}
            .footer-bottom>div{justify-content:flex-end!important}
        }
        @media(max-width:768px){
            .navbar{background:rgba(5,8,13,.72)}
            .mobile-menu-btn{border-radius:10px}
            .hero .container{padding:118px 20px 74px}
            .hero-content :is(h1,h2){font-size:39px;letter-spacing:-.045em}
            .hero-content p{font-size:15px;line-height:1.85}
            .hero-slider{min-height:350px}
            .hero-metrics{grid-template-columns:1fr 1fr}
            .hero-metric:last-child{grid-column:1/-1}
            .hero-control{height:36px;padding:0 11px}
            .hero-control::before{display:none}
            .floating-card{display:none}
            .product-showcase{min-height:0;transform:none!important}
            .console-status-row,.console-metrics,.console-nodes{grid-template-columns:1fr}
            .console-event{grid-template-columns:44px minmax(0,1fr);align-items:flex-start}
            .console-state{grid-column:2;justify-self:start}
            .subsite-content,.subsite-visual{padding:28px}
            .subsite-content h3{font-size:34px}
            .feature-card{min-height:auto;padding:30px 24px}
            .feature-card h3{margin-top:24px}
            .scenario-grid,.feature-grid,.app-grid,.pricing-grid,.portal-grid{grid-template-columns:1fr}
            .scenario-grid,.feature-grid,.app-grid{clip-path:none}
            .scenario-grid::before{display:none}
            .scenario-card{clip-path:none;min-height:auto}
            .app-card-top{display:flex}
            .service-grid::before{left:26px}
            .service-card,.service-card:first-child{grid-template-columns:54px minmax(0,1fr);gap:14px}
            .service-card::before{width:44px;height:44px;font-size:13px}
            .service-content{padding:20px;clip-path:none!important}
            .portal-card{padding:24px}
            .portal-card::after{margin-top:16px}
            .pricing-grid,.service-grid,.portal-grid,.app-grid,.feature-grid,.scenario-grid{border-radius:0}
            .footer{padding:42px 0}
        }
        @media(max-width:480px){
            .hero-content :is(h1,h2){font-size:31px}
            .hero-slider{min-height:380px}
            .hero-metrics{grid-template-columns:1fr}
            .app-card-top{display:block}
            .app-package-meta{align-items:flex-start;margin-top:14px}
            .pricing-card{padding:32px 24px}
            .pricing-price .amount{font-size:46px}
            .pricing-matrix{grid-template-columns:1fr}
            .service-grid::before{display:none}
            .service-card,.service-card:first-child{display:block}
            .service-card::before{margin-bottom:12px}
            .btn{width:100%;justify-content:center}
        }

        /* 最终移动端重构：手机不是桌面缩放版，单独控制节奏、密度与触控区域 */
        .navbar .nav-btn-user:hover,
        .navbar.scrolled .nav-btn-user:hover{
            background:#00d084!important;
            border-color:#00d084!important;
            color:#03110c!important;
            transform:translateY(-1px);
            box-shadow:0 10px 24px rgba(0,208,132,.22)!important;
        }
        .navbar .nav-btn-user:hover i,
        .navbar.scrolled .nav-btn-user:hover i{color:#03110c!important}

        @media(max-width:900px){
            html{scroll-padding-top:74px}
            body{background:#05070b}
            .container{padding-left:18px;padding-right:18px}
            .navbar{padding:8px 10px;background:linear-gradient(180deg,rgba(3,5,9,.82),rgba(3,5,9,.34))}
            .navbar::after{display:none}
            .navbar .container,
            .navbar.scrolled .container{
                height:52px;
                padding:0 9px 0 13px;
                border-radius:15px;
                background:rgba(5,8,13,.78);
                border-color:rgba(255,255,255,.11);
                box-shadow:0 14px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);
            }
            .navbar.scrolled{background:rgba(3,5,9,.54);box-shadow:none}
            .navbar.scrolled .logo{color:#fff}
            .navbar .logo{font-size:19px;gap:8px}
            .navbar .logo::after{display:none}
            .mobile-menu-btn{
                width:40px;
                height:40px;
                border-radius:12px;
                background:rgba(255,255,255,.065)!important;
                border-color:rgba(255,255,255,.14)!important;
            }
            .mobile-menu-btn i,
            .navbar.scrolled .mobile-menu-btn i{color:#fff}

            .mobile-sidebar{
                width:min(200px,calc(100vw - 22px));
                background:linear-gradient(180deg,#07111f 0%,#05070b 100%);
                border-radius:0 22px 22px 0;
                border-right:1px solid rgba(255,255,255,.12);
            }
            .mobile-sidebar-header{padding:16px 16px 14px}
            .mobile-sidebar-nav{padding:12px;gap:7px}
            .mobile-sidebar-nav a{
                min-height:46px;
                padding:12px 13px;
                border-radius:12px;
                font-size:14px;
                background:rgba(255,255,255,.04);
                border-color:rgba(255,255,255,.06);
            }
            .mobile-sidebar-nav a i{font-size:19px;width:22px}
            .mobile-sidebar-footer{padding:12px 12px max(16px,env(safe-area-inset-bottom));gap:8px}
            .mobile-sidebar-footer a,
            .mobile-demo-btn{min-height:45px;border-radius:12px;font-size:14px}

            .hero{
                min-height:auto;
                cursor:default;
                align-items:flex-start;
                background:#05070b;
            }
            .hero::before{background-size:54px 54px;opacity:.72}
            .hero::after{height:36%;inset:auto -45% -18% -45%;filter:blur(24px);opacity:.62}
            .nebula-canvas{opacity:.50}
            .hero .container{
                display:flex;
                flex-direction:column;
                padding:92px 18px 54px;
                text-align:left;
            }
            .hero-content{order:1;width:100%}
            .hero-controls{order:2}
            .hero-visual{order:3}
            .hero-slider{min-height:0!important;margin-bottom:18px}
            .hero-badge{
                max-width:100%;
                margin-bottom:18px;
                padding:7px 10px;
                border-radius:9px;
                font-size:11px;
                letter-spacing:.03em;
                white-space:normal;
            }
            .hero-content :is(h1,h2){
                font-size:clamp(33px,9vw,42px);
                line-height:1.12;
                letter-spacing:-.055em;
                margin-bottom:16px;
            }
            .hero-content p{
                max-width:none;
                margin:0 0 20px;
                font-size:14px;
                line-height:1.78;
                color:rgba(226,232,240,.68);
            }
            .hero-controls{
                display:flex;
                gap:7px;
                width:max-content;
                justify-content:center;
                align-self:center;
                max-width:calc(100% - 28px);
                margin:0 auto 15px;
                padding:6px 8px;
            }
            .hero-control{
                width:8px;
                height:8px;
                padding:0;
                border-radius:999px;
            }
            .hero-metrics{
                grid-template-columns:repeat(3,minmax(0,1fr))!important;
                gap:8px;
                max-width:none;
                margin-bottom:18px;
            }
            .hero-metric{padding:11px 9px;border-radius:12px}
            .hero-metric strong{font-size:17px}
            .hero-metric span{font-size:11px;line-height:1.45}
            .hero-btns{
                display:grid;
                grid-template-columns:1fr 1fr;
                gap:9px;
                margin-bottom:14px;
            }
            .hero-btns .btn{justify-content:center}
            .btn{min-height:44px;padding:0 14px;border-radius:11px;font-size:13px}

            .hero-visual{max-width:none;width:100%;margin:0}
            .product-showcase{min-height:0;transform:none!important}
            .tech-orbit,.floating-card{display:none!important}
            .showcase-main{
                min-height:auto;
                transform:none;
                border-radius:20px;
                padding:16px;
                box-shadow:0 20px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08);
            }
            .showcase-main::after{border-radius:20px}
            .showcase-badge{
                position:static;
                display:inline-flex;
                margin:0 0 12px;
                padding:6px 9px;
                font-size:10px;
            }
            .showcase-header{margin-bottom:12px;padding-bottom:12px}
            .showcase-title{font-size:10px;letter-spacing:.06em}
            .console-status-row{
                grid-template-columns:repeat(3,minmax(0,1fr))!important;
                gap:6px;
                margin-bottom:8px;
            }
            .console-status-pill{padding:8px 5px;border-radius:9px;font-size:10px;letter-spacing:0}
            .console-status-pill::before{width:5px;height:5px}
            .console-metrics{
                grid-template-columns:repeat(3,minmax(0,1fr))!important;
                border-radius:13px;
                margin-bottom:8px;
            }
            .console-metric{padding:10px 8px}
            .console-metric span{font-size:10px;letter-spacing:0;text-transform:none;margin-bottom:6px}
            .console-metric strong{font-size:17px}
            .console-metric em{font-size:10px}
            .console-event{
                grid-template-columns:38px minmax(0,1fr) auto!important;
                gap:8px;
                padding:10px;
                border-radius:12px;
            }
            .console-copy h4{font-size:13px}
            .console-copy p{font-size:11px}
            .console-state{
                grid-column:auto!important;
                justify-self:end!important;
                padding:4px 6px;
                border-radius:7px;
                font-size:10px;
                letter-spacing:0;
            }
            .console-nodes{
                grid-template-columns:repeat(3,minmax(0,1fr))!important;
                gap:6px;
                margin-top:8px;
            }
            .console-node{padding:8px 7px;border-radius:10px;font-size:11px}
            .terminal-strip{display:none}

            .section{padding:62px 0}
            .section-header{
                display:block;
                margin-bottom:26px;
                text-align:left;
            }
            .section-tag{
                margin-bottom:12px;
                padding:7px 10px;
                border-radius:9px;
                font-size:12px;
            }
            .section-header h2{
                font-size:clamp(28px,7.4vw,34px);
                line-height:1.16;
                margin-bottom:12px;
                letter-spacing:-.045em;
            }
            .section-header p{
                max-width:none;
                font-size:14px;
                line-height:1.78;
            }

            .subsite{padding-top:64px}
            .subsite-wrapper{
                display:block;
                border-radius:20px;
                background:transparent;
                box-shadow:none;
                padding:0;
                overflow:visible;
            }
            .subsite-content{
                padding:0;
                background:transparent;
                border-right:0;
            }
            .subsite-visual{
                padding:0;
                margin-top:18px;
                background:transparent;
                max-width:none;
                width:100%;
            }
            .subsite-content h3{font-size:28px;line-height:1.18;margin-bottom:12px}
            .subsite-content>p{
                display:-webkit-box;
                -webkit-line-clamp:3;
                -webkit-box-orient:vertical;
                overflow:hidden;
                margin-bottom:16px;
                font-size:14px;
                line-height:1.75;
            }
            .subsite-features{
                display:grid;
                grid-template-columns:repeat(3,minmax(0,1fr));
                gap:8px;
                align-items:stretch;
            }
            .subsite-feature{
                display:flex;
                flex-direction:column;
                align-items:flex-start;
                padding:12px 10px;
                border-radius:14px;
                gap:8px;
                background:rgba(255,255,255,.045);
                border:1px solid rgba(255,255,255,.09);
            }
            .subsite-feature-icon{
                width:32px;
                height:32px;
                border-radius:10px;
                background:rgba(0,208,132,.12)!important;
                border:1px solid rgba(0,208,132,.24);
            }
            .subsite-feature-icon i{font-size:16px;color:#b7ffe5}
            .subsite-feature-text h4{
                margin:0;
                font-size:12px;
                line-height:1.28;
                color:#fff;
            }
            .subsite-feature-text p{display:none}
            .subsite-card{
                min-height:0;
                border-radius:20px;
                padding:18px;
                background:linear-gradient(180deg,rgba(7,17,31,.94),rgba(5,8,13,.88));
                box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);
            }
            .subsite-card-header{
                margin-bottom:14px;
                padding-bottom:14px;
                justify-content:space-between;
            }
            .subsite-card-header::after{
                content:'CONFIG';
                padding:4px 7px;
                border-radius:999px;
                background:rgba(0,208,132,.10);
                border:1px solid rgba(0,208,132,.22);
                font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
                font-size:10px;
                letter-spacing:.08em;
                color:#b7ffe5;
            }
            .subsite-card-header i{font-size:22px}
            .subsite-card-header span{font-size:15px}
            .subsite-metrics{
                grid-template-columns:repeat(2,minmax(0,1fr));
                gap:7px;
                margin-bottom:14px;
            }
            .subsite-metric{padding:10px 9px;border-radius:12px}
            .subsite-metric span{font-size:9px;letter-spacing:.04em;margin-bottom:5px}
            .subsite-metric strong{font-size:13px}
            .subsite-metric:first-child strong{font-size:16px}
            .subsite-list{
                display:grid;
                grid-auto-flow:row;
                grid-template-columns:minmax(0,1fr);
                grid-auto-columns:auto;
                height:330px;
                gap:10px;
                overflow-x:visible;
                overflow-y:visible;
                margin:0;
                padding:0;
            }
            .subsite-list::-webkit-scrollbar{display:none}
            .subsite-item{
                display:grid;
                grid-template-columns:minmax(0,1fr) auto;
                align-items:center;
                gap:10px;
                padding:10px 12px;
                border-radius:15px;
                background:rgba(255,255,255,.048);
                border:1px solid rgba(255,255,255,.09);
            }
            .subsite-item:hover{transform:none}
            .subsite-item-left{gap:10px}
            .subsite-item-avatar{width:34px;height:34px;border-radius:10px;font-size:12px}
            .subsite-item-info h5{font-size:13px;margin-bottom:3px}
            .subsite-item-info span{font-size:11px}
            .subsite-item-right{text-align:right}
            .subsite-item-right .amount{font-size:14px}
            .subsite-item-right .label{font-size:10px}

            .scenario-grid,
            .feature-grid,
            .app-grid,
            .pricing-grid,
            .portal-grid{
                grid-template-columns:1fr!important;
                gap:12px;
                border:0;
                background:transparent;
                clip-path:none!important;
                overflow:visible;
            }
            .scenario-grid::before{display:none}
            .scenario-card,
            .feature-card{
                min-height:auto;
                padding:22px;
                border:1px solid rgba(255,255,255,.09)!important;
                border-radius:16px!important;
                clip-path:none!important;
            }
            .scenario-card::before,
            .feature-card::before{margin-bottom:14px}
            .scenario-icon,
            .feature-icon{
                position:static;
                width:42px;
                height:42px;
                margin:0 0 16px;
                border-radius:13px;
            }
            .feature-card h3{margin-top:0;font-size:20px}
            .scenario-card h3{font-size:19px}
            .scenario-card p,
            .feature-card p{font-size:13px;line-height:1.75}

            .app-card,
            .app-card:nth-child(1),
            .app-card:nth-child(6n){
                min-height:auto;
                border-radius:16px!important;
            }
            .app-card-inner{padding:20px}
            .app-card-top,
            .app-card:nth-child(1) .app-card-top,
            .app-card:nth-child(6n) .app-card-top{
                display:flex!important;
                align-items:flex-start;
                margin-bottom:16px;
            }
            .app-icon-wrap,
            .app-card:nth-child(1) .app-icon-wrap,
            .app-card:nth-child(6n) .app-icon-wrap{
                width:56px;
                height:56px;
                margin:0;
                border-radius:14px;
            }
            .app-package-meta,
            .app-card:nth-child(1) .app-package-meta,
            .app-card:nth-child(6n) .app-package-meta{
                align-items:flex-end!important;
                margin-top:0!important;
                gap:5px;
            }
            .app-card h3{font-size:16px!important}
            .app-desc{min-height:auto;margin-bottom:14px;font-size:13px}
            .app-card-footer{padding:13px 20px}
            .app-view-btn{padding:6px 9px}
            .app-actions{margin-top:28px}

            .pricing-grid{
                border:1px solid rgba(255,255,255,.10);
                border-radius:18px!important;
                overflow:hidden;
                gap:0;
                background:rgba(255,255,255,.08);
            }
            .pricing-card{
                padding:28px 22px;
                border-right:0!important;
                border-bottom:1px solid rgba(255,255,255,.10);
            }
            .pricing-name{font-size:24px}
            .pricing-price .amount{font-size:44px}
            .pricing-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
            .pricing-btn{min-height:44px}

            .service-grid{padding-left:0}
            .service-grid::before{
                display:block!important;
                left:22px;
                top:8px;
                bottom:8px;
            }
            .service-card,
            .service-card:first-child{
                display:grid!important;
                grid-template-columns:46px minmax(0,1fr)!important;
                gap:12px;
                width:100%;
                margin:0 0 14px!important;
            }
            .service-card::before{
                width:42px!important;
                height:42px!important;
                margin:0!important;
                font-size:12px!important;
                border-radius:12px;
            }
            .service-content{
                padding:18px;
                border-radius:15px;
                clip-path:none!important;
            }
            .service-content h3{font-size:17px}
            .service-content p{font-size:13px;line-height:1.75}
            .legal-notice .service-content p{font-size:14px;line-height:1.8}
            .legal-notice .legal-notice-summary{grid-template-columns:42px minmax(0,1fr);gap:14px;margin-top:22px;padding:20px;border-radius:16px}
            .legal-notice .legal-notice-summary-icon{width:42px;height:42px;border-radius:12px;font-size:20px}
            .legal-notice .legal-notice-summary p{font-size:14px;line-height:1.8}

            .portal-grid{
                border:1px solid rgba(255,255,255,.10);
                border-radius:18px!important;
                overflow:hidden;
                gap:1px;
                background:rgba(255,255,255,.10);
            }
            .portal-card{
                display:grid;
                grid-template-columns:46px minmax(0,1fr) auto;
                gap:13px;
                align-items:center;
                padding:18px;
            }
            .portal-icon{width:42px;height:42px;margin:0;font-size:20px}
            .portal-card h3{margin:0 0 3px;font-size:16px}
            .portal-card p{font-size:12px}
            .portal-card::after{
                margin:0;
                grid-column:3;
                grid-row:1 / span 2;
                align-self:center;
                font-size:10px;
                white-space:nowrap;
            }

            .footer{
                position:relative;
                overflow:hidden;
                padding:38px 0 max(26px,env(safe-area-inset-bottom));
                background:
                    radial-gradient(circle at 20% 0%,rgba(0,208,132,.10),transparent 34%),
                    radial-gradient(circle at 88% 45%,rgba(8,183,255,.07),transparent 32%),
                    linear-gradient(180deg,#05070b 0%,#030509 100%);
            }
            .footer::before{
                content:'';
                position:absolute;
                left:18px;
                right:18px;
                top:0;
                height:1px;
                background:linear-gradient(90deg,transparent,rgba(0,208,132,.56),transparent);
            }
            .footer .container{position:relative;z-index:1}
            .footer> .container{display:block!important}
            .footer-brand{
                position:relative;
                overflow:hidden;
                padding:18px 16px;
                border-radius:20px;
                border:1px solid rgba(255,255,255,.09);
                background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
                box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
                text-align:center;
            }
            .footer-brand::after{
                content:'';
                position:absolute;
                left:50%;
                top:0;
                width:120px;
                height:1px;
                transform:translateX(-50%);
                background:linear-gradient(90deg,transparent,rgba(0,208,132,.65),transparent);
            }
            .footer-logo{
                justify-content:center!important;
                margin-bottom:8px;
                font-size:22px;
                letter-spacing:-.03em;
            }
            .footer-logo img{width:170px}
            .footer-brand p{
                margin:0 auto!important;
                font-size:12px;
                line-height:1.65;
                letter-spacing:.10em;
                color:rgba(226,232,240,.46);
            }
            .footer-bottom{
                display:block;
                justify-self:stretch!important;
                margin-top:12px;
                padding:12px;
                border-radius:20px;
                border:1px solid rgba(255,255,255,.08);
                background:rgba(255,255,255,.032);
                text-align:center;
                box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
            }
            .footer-info-row{
                justify-content:center!important;
                gap:8px!important;
            }
            .footer-info-row + .footer-info-row{margin-top:8px}
            .footer-info-primary{
                padding-bottom:8px;
                border-bottom:1px dashed rgba(255,255,255,.09);
            }
            .footer-info-primary .copyright{
                flex:1 0 100%;
                display:block;
                padding:0 4px 2px;
                color:rgba(226,232,240,.38);
                font-size:11px;
                line-height:1.5;
            }
            .footer-bottom a{
                justify-content:center;
                min-height:34px;
                max-width:100%;
                padding:8px 10px;
                border-radius:999px;
                border:1px solid rgba(255,255,255,.08);
                background:rgba(255,255,255,.045);
                color:rgba(226,232,240,.52);
                font-size:11px;
                line-height:1.35;
                text-align:center;
            }
            .footer-info-primary a{
                flex:1 1 100%;
                width:100%;
            }
            .footer-info-primary a[href*="miit.gov.cn"],
            .footer-info-primary a[href*="12377.cn"]{
                flex:1 1 calc(50% - 4px);
                width:auto;
            }
            .footer-info-secondary a{
                flex:1 1 100%;
                border-radius:12px;
            }
            .footer-info-primary a[href*="12377.cn"]{
                border-radius:999px;
                padding-left:12px;
                padding-right:12px;
            }
            .footer-bottom a img{
                height:14px;
                opacity:.68;
            }

            .mobile-demo-modal,
            .changelog-modal,
            .app-modal-overlay{padding:12px}
            .mobile-demo-modal-content,
            .changelog-modal-content,
            .app-modal{
                width:100%;
                max-height:calc(100dvh - 24px);
                border-radius:20px;
                overflow:auto;
            }
            .app-modal-cover{height:170px}
            .app-modal-content{padding:20px}

            .back-to-top{
                right:14px;
                bottom:18px;
                width:44px;
                height:44px;
                border-radius:13px;
                font-size:19px;
            }
            .float-service{right:14px;bottom:76px}
            .float-service-toggle{width:46px;height:46px;font-size:20px}
            .float-service-btn{width:40px;height:40px;font-size:18px}
            .float-service-menu{bottom:56px;gap:9px}
        }

        @media(max-width:420px){
            .container{padding-left:15px;padding-right:15px}
            .hero .container{padding:88px 15px 46px}
            .hero-content :is(h1,h2){font-size:31px}
            .hero-metrics{grid-template-columns:1fr!important}
            .hero-metric{display:flex;align-items:center;justify-content:space-between;gap:12px}
            .hero-metric span{text-align:right}
            .hero-btns{grid-template-columns:1fr 1fr}
            .hero-btns .btn{grid-column:auto!important}
            .console-status-row,
            .console-metrics,
            .console-nodes{grid-template-columns:1fr!important}
            .console-event{grid-template-columns:38px minmax(0,1fr)!important}
            .console-state{grid-column:2!important;justify-self:start!important;margin-top:4px}
            .portal-card{grid-template-columns:42px minmax(0,1fr)}
            .portal-card::after{grid-column:2;grid-row:auto;justify-self:start;margin-top:8px}
            .pricing-matrix{grid-template-columns:1fr}
            .legal-notice .legal-notice-summary{grid-template-columns:1fr}
            .mobile-sidebar{width:calc(100vw - 16px)}
        }

        /* 移动端控制台入口：默认露出 4 个入口，新增入口横向滑动查看，避免拉长页面 */
        @media(max-width:900px){
            .portals .section-header{margin-bottom:18px}
            .portal-grid{
                grid-template-columns:none!important;
                grid-auto-flow:column!important;
                grid-auto-columns:calc((100% - 3px) / 4)!important;
                gap:1px!important;
                border:1px solid rgba(255,255,255,.10)!important;
                border-radius:3px!important;
                background:rgba(255,255,255,.10)!important;
                overflow-x:auto!important;
                overflow-y:hidden!important;
                scroll-snap-type:x proximity;
                scrollbar-width:none;
            }
            .portal-grid::-webkit-scrollbar{display:none}
            .portal-card{
                display:flex!important;
                flex-direction:column;
                align-items:center;
                justify-content:center;
                min-height:92px;
                padding:12px 6px!important;
                gap:8px;
                text-align:center;
                border:0!important;
                background:rgba(255,255,255,.042)!important;
                scroll-snap-align:start;
            }
            .portal-icon{
                width:36px!important;
                height:36px!important;
                margin:0!important;
                border-radius:11px!important;
                font-size:18px!important;
            }
            .portal-card h3{
                margin:0!important;
                font-size:12px!important;
                line-height:1.2;
                white-space:nowrap;
            }
            .portal-card p,
            .portal-card::after{display:none!important}
        }

        @media(max-width:420px){
            .portal-grid{grid-auto-columns:calc((100% - 3px) / 4)!important}
            .portal-card{min-height:82px;padding:10px 4px!important}
            .portal-icon{width:32px!important;height:32px!important;font-size:16px!important;border-radius:10px!important}
            .portal-card h3{font-size:11px!important;letter-spacing:-.02em}
        }

        /* 移动端业务拓扑：改为横向滑动，避免 8 个场景把页面纵向拉得过高 */
        @media(max-width:900px){
            .scenarios .section-header{margin-bottom:18px}
            .scenarios .section-header::after{
                content:'← 滑动查看更多 →';
                display:inline-flex;
                align-items:center;
                margin-top:14px;
                padding:6px 10px;
                border:1px solid rgba(0,208,132,.22);
                border-radius:999px;
                background:rgba(0,208,132,.08);
                color:rgba(215,255,240,.86);
                font-size:11px;
                letter-spacing:.04em;
            }
            .scenario-grid{
                display:grid!important;
                grid-template-columns:none!important;
                grid-auto-flow:column;
                grid-auto-columns:minmax(238px,78vw);
                gap:12px!important;
                margin-right:calc(var(--container-padding, 15px) * -1);
                padding:0 15px 14px 0!important;
                background:transparent!important;
                border:0!important;
                border-radius:0!important;
                clip-path:none!important;
                overflow-x:auto!important;
                overflow-y:visible!important;
                scroll-snap-type:x mandatory;
                scroll-padding-left:0;
                -webkit-overflow-scrolling:touch;
                scrollbar-width:none;
            }
            .scenario-grid::-webkit-scrollbar{display:none}
            .scenario-grid::before{
                display:none!important;
            }
            .scenario-card{
                scroll-snap-align:start;
                padding:18px 16px!important;
                min-height:164px!important;
                border-radius:16px!important;
                border:1px solid rgba(255,255,255,.10)!important;
                background:linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.030))!important;
                clip-path:none!important;
            }
            .scenario-card::before{
                margin-bottom:12px!important;
                font-size:9px!important;
                letter-spacing:.04em!important;
            }
            .scenario-icon{
                width:36px!important;
                height:36px!important;
                margin:0 0 12px!important;
                border-radius:11px!important;
                box-shadow:none!important;
            }
            .scenario-icon i{font-size:18px!important}
            .scenario-card h3{
                font-size:15px!important;
                line-height:1.25;
                margin-bottom:7px!important;
                letter-spacing:-.02em;
            }
            .scenario-card p{
                display:-webkit-box;
                -webkit-line-clamp:2;
                -webkit-box-orient:vertical;
                overflow:hidden;
                font-size:12px!important;
                line-height:1.55!important;
            }
        }

        @media(max-width:360px){
            .scenario-grid{grid-auto-columns:minmax(218px,82vw)}
            .scenario-card{min-height:148px!important;padding:15px 13px!important}
            .scenario-card::before{margin-bottom:9px!important;font-size:8px!important}
            .scenario-icon{width:32px!important;height:32px!important;margin-bottom:10px!important}
            .scenario-card h3{font-size:14px!important}
            .scenario-card p{-webkit-line-clamp:2;font-size:11px!important}
        }

        /* 移动端应用生态：一行横滑，首屏显示 2 个应用，滑动查看剩余 6 个 */
        @media(max-width:900px){
            .appstore .section-header{margin-bottom:18px}
            .appstore .section-header::after{
                content:'← 滑动查看更多 →';
                display:inline-flex;
                align-items:center;
                margin-top:14px;
                padding:6px 10px;
                border:1px solid rgba(0,208,132,.22);
                border-radius:999px;
                background:rgba(0,208,132,.08);
                color:rgba(215,255,240,.86);
                font-size:11px;
                letter-spacing:.04em;
            }
            .appstore .app-grid{
                display:grid!important;
                grid-template-columns:none!important;
                grid-template-rows:none!important;
                grid-auto-flow:column;
                grid-auto-columns:calc((100% - 10px) / 2);
                gap:10px!important;
                padding:0 0 14px!important;
                background:transparent!important;
                border:0!important;
                border-radius:0!important;
                clip-path:none!important;
                overflow-x:auto!important;
                overflow-y:visible!important;
                scroll-snap-type:x mandatory;
                scroll-padding-left:0;
                -webkit-overflow-scrolling:touch;
                scrollbar-width:none;
            }
            .appstore .app-grid::-webkit-scrollbar{display:none}
            .appstore .app-card,
            .appstore .app-card:nth-child(1),
            .appstore .app-card:nth-child(6n){
                display:flex!important;
                grid-column:auto!important;
                min-height:208px!important;
                border-radius:16px!important;
                border:1px solid rgba(255,255,255,.10)!important;
                scroll-snap-align:start;
            }
            .appstore .app-card-inner,
            .appstore .app-card:nth-child(1) .app-card-inner,
            .appstore .app-card:nth-child(6n) .app-card-inner{
                display:block!important;
                padding:16px!important;
            }
            .appstore .app-card-top,
            .appstore .app-card:nth-child(1) .app-card-top,
            .appstore .app-card:nth-child(6n) .app-card-top{
                display:flex!important;
                align-items:flex-start;
                justify-content:space-between;
                gap:10px;
                margin-bottom:12px!important;
            }
            .appstore .app-icon-wrap,
            .appstore .app-card:nth-child(1) .app-icon-wrap,
            .appstore .app-card:nth-child(6n) .app-icon-wrap{
                width:42px!important;
                height:42px!important;
                margin:0!important;
                border-radius:12px!important;
            }
            .appstore .app-icon-wrap i{font-size:20px!important}
            .appstore .app-package-meta,
            .appstore .app-card:nth-child(1) .app-package-meta,
            .appstore .app-card:nth-child(6n) .app-package-meta{
                position:static!important;
                top:auto!important;
                right:auto!important;
                width:auto!important;
                display:flex!important;
                flex-direction:column!important;
                align-items:flex-end!important;
                gap:4px;
                min-width:0;
            }
            .appstore .app-package-meta>span{
                width:auto!important;
                max-width:82px!important;
                display:inline-flex!important;
                padding:3px 6px;
                font-size:9px;
                border-radius:7px;
            }
            .appstore .app-card h3,
            .appstore .app-card:nth-child(1) h3,
            .appstore .app-card:nth-child(6n) h3{
                margin:0 0 8px!important;
                font-size:14px!important;
                line-height:1.25;
            }
            .appstore .app-desc{
                display:-webkit-box;
                -webkit-line-clamp:2;
                -webkit-box-orient:vertical;
                overflow:hidden;
                min-height:38px;
                margin-bottom:10px;
                font-size:11px!important;
                line-height:1.6!important;
            }
            .appstore .app-cap-row{gap:4px;margin-top:10px}
            .appstore .app-cap-row span{padding:3px 6px;font-size:9px}
            .appstore .app-card-footer{
                padding:10px 12px!important;
                gap:8px;
            }
            .appstore .app-author{
                min-width:0;
                overflow:hidden;
                text-overflow:ellipsis;
                white-space:nowrap;
                font-size:11px;
            }
            .appstore .app-view-btn{padding:5px 8px;font-size:11px;white-space:nowrap}
            .appstore .app-actions{gap:12px;margin-top:18px}
            .appstore .app-refresh{width:42px;height:42px;font-size:17px}
            .appstore .app-more a{gap:7px;padding:11px 22px;font-size:13px}
        }

        /* 移动端能力架构：两行横滑，首屏显示 4 个模块，滑动查看剩余 3 个 */
        @media(max-width:900px){
            .features .section-header,.blog-system .section-header{margin-bottom:18px}
            .features .section-header::after{
                content:'← 滑动查看更多 →';
                display:inline-flex;
                align-items:center;
                margin-top:14px;
                padding:6px 10px;
                border:1px solid rgba(0,208,132,.22);
                border-radius:999px;
                background:rgba(0,208,132,.08);
                color:rgba(215,255,240,.86);
                font-size:11px;
                letter-spacing:.04em;
            }
            .feature-grid{
                display:grid!important;
                grid-template-columns:none!important;
                grid-template-rows:repeat(2,minmax(150px,auto));
                grid-auto-flow:column;
                grid-auto-columns:calc((100% - 10px) / 2);
                gap:10px!important;
                padding:0 0 14px!important;
                background:transparent!important;
                border:0!important;
                border-radius:0!important;
                clip-path:none!important;
                overflow-x:auto!important;
                overflow-y:visible!important;
                scroll-snap-type:x mandatory;
                scroll-padding-left:0;
                -webkit-overflow-scrolling:touch;
                scrollbar-width:none;
            }
            .feature-grid::-webkit-scrollbar{
                display:none;
            }
            .feature-card{
                scroll-snap-align:start;
                grid-row:auto!important;
                grid-column:auto!important;
                padding:15px 13px!important;
                min-height:150px!important;
                border-radius:15px!important;
                border:1px solid rgba(255,255,255,.10)!important;
                clip-path:none!important;
            }
            .feature-card::before{
                margin-bottom:10px!important;
                font-size:9px!important;
                letter-spacing:.04em!important;
            }
            .feature-icon{
                width:36px!important;
                height:36px!important;
                margin:0 0 12px!important;
                border-radius:11px!important;
                box-shadow:none!important;
            }
            .feature-icon i{font-size:18px!important}
            .feature-card h3{
                margin:0 0 7px!important;
                font-size:15px!important;
                line-height:1.25;
                letter-spacing:-.02em;
            }
            .feature-card p{
                display:-webkit-box;
                -webkit-line-clamp:3;
                -webkit-box-orient:vertical;
                overflow:hidden;
                font-size:12px!important;
                line-height:1.55!important;
            }
        }

        /* 移动端授权方案：普通横向滑动，不叠加卡片 */
        @media(max-width:900px){
            .pricing .section-header{margin-bottom:18px}
            .pricing .section-header::after{
                content:'← 滑动切换方案 →';
                display:inline-flex;
                align-items:center;
                margin-top:14px;
                padding:6px 10px;
                border:1px solid rgba(0,208,132,.22);
                border-radius:999px;
                background:rgba(0,208,132,.08);
                color:rgba(215,255,240,.86);
                font-size:11px;
                letter-spacing:.04em;
            }
            .pricing-grid{
                display:flex!important;
                grid-template-columns:none!important;
                gap:12px!important;
                padding:8px 0 18px!important;
                background:transparent!important;
                border:0!important;
                border-radius:0!important;
                clip-path:none!important;
                overflow-x:auto!important;
                overflow-y:visible!important;
                scroll-snap-type:x mandatory;
                scroll-padding-left:0;
                -webkit-overflow-scrolling:touch;
                scrollbar-width:none;
            }
            .pricing-grid::-webkit-scrollbar{display:none}
            .pricing-card{
                flex:0 0 84%;
                min-width:84%;
                margin:0!important;
                scroll-snap-align:start;
                padding:24px 20px!important;
                border:1px solid rgba(255,255,255,.12)!important;
                border-radius:24px!important;
                border-bottom:1px solid rgba(255,255,255,.12)!important;
                box-shadow:0 18px 50px rgba(0,0,0,.22)!important;
                transform:none!important;
                transform-origin:left center;
            }
            .pricing-card:nth-child(1),
            .pricing-card:nth-child(2),
            .pricing-card:nth-child(3){z-index:auto;margin-right:0!important}
            .pricing-card.popular{
                transform:none!important;
                border-color:rgba(0,208,132,.38)!important;
                box-shadow:0 22px 58px rgba(0,208,132,.12)!important;
            }
            .pricing-card:hover,
            .pricing-card.popular:hover{
                transform:none!important;
            }
            .pricing-badge{
                top:14px!important;
                right:14px!important;
                padding:5px 10px!important;
                font-size:10px!important;
            }
            .pricing-name{
                font-size:22px!important;
                margin-bottom:8px!important;
            }
            .pricing-desc{
                margin-bottom:16px!important;
                font-size:12px!important;
            }
            .pricing-price{
                padding:16px 0!important;
                margin-bottom:14px!important;
            }
            .pricing-price .currency{font-size:20px!important}
            .pricing-price .amount{font-size:42px!important}
            .pricing-price .unit{font-size:12px!important}
            .pricing-matrix{
                margin-bottom:14px!important;
                border-radius:13px!important;
            }
            .pricing-matrix div{padding:9px!important}
            .pricing-matrix span{font-size:9px!important}
            .pricing-matrix strong{font-size:12px!important}
            .pricing-features{
                margin-bottom:18px!important;
            }
            .pricing-features li{
                padding:9px 0!important;
                font-size:12px!important;
                gap:8px!important;
            }
            .pricing-features li i{font-size:15px!important}
            .pricing-btn{
                min-height:42px!important;
                padding:12px 16px!important;
                border-radius:12px!important;
                font-size:13px!important;
            }
            .home-campaign-banner{
                margin:0 0 16px!important;
                padding:16px!important;
                display:block!important;
            }
            .home-campaign-main{gap:10px!important}
            .home-campaign-icon{width:38px!important;height:38px!important;font-size:19px!important}
            .home-campaign-copy h3{font-size:18px!important}
            .home-campaign-copy p{font-size:12px!important}
            .home-campaign-meta{align-items:flex-start!important;margin-top:12px!important}
            .home-campaign-btn{width:100%;justify-content:center!important}
            .pricing-original{font-size:12px!important}
            .pricing-save,.pricing-campaign-tag{font-size:10px!important}
        }

        .mobile-scroll-hint{display:none}

        /* 移动端横向滑动区域：显示细滚动条，用户一眼能看出可滑动 */
        @media(max-width:900px){
            .scenarios .section-header::after,
            .appstore .section-header::after,
            .features .section-header::after,
            .pricing .section-header::after{
                display:none!important;
                content:none!important;
            }
            .mobile-scroll-hint{
                display:block;
                margin:6px 0 18px;
                text-align:center;
                color:rgba(226,232,240,.30);
                font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
                font-size:10px;
                line-height:1;
                letter-spacing:.06em;
                user-select:none;
            }
            .scenario-grid,
            .appstore .app-grid,
            .feature-grid,
            .pricing-grid{
                overflow-y:hidden!important;
                touch-action:pan-y pan-x;
                overscroll-behavior-x:contain;
                overscroll-behavior-y:auto;
                scrollbar-width:none!important;
                background-image:
                    linear-gradient(90deg,rgba(0,208,132,.92),rgba(8,183,255,.60)),
                    linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.12))!important;
                background-repeat:no-repeat!important;
                background-size:var(--scroll-thumb-w,54px) 4px,var(--scroll-track-w,112px) 4px!important;
                background-position:calc(var(--scroll-track-left,0px) + var(--scroll-thumb-x,0px)) bottom,var(--scroll-track-left,0px) bottom!important;
            }
            .scenario-grid::-webkit-scrollbar,
            .appstore .app-grid::-webkit-scrollbar,
            .feature-grid::-webkit-scrollbar,
            .pricing-grid::-webkit-scrollbar{
                display:none!important;
                width:0!important;
                height:0!important;
            }
            .scenario-grid,
            .appstore .app-grid,
            .feature-grid{
                padding-bottom:20px!important;
            }
            .pricing-grid{
                padding-bottom:24px!important;
            }
        }

        @media(max-width:360px){
            .feature-card{min-height:140px!important;padding:13px 11px!important}
            .feature-card::before{display:none!important}
            .feature-icon{width:32px!important;height:32px!important;margin-bottom:10px!important}
            .feature-card h3{font-size:14px!important}
            .feature-card p{font-size:11px!important}
            .pricing-grid{padding-right:0!important}
            .pricing-card{flex-basis:88%;min-width:88%;margin-right:0!important;padding:22px 18px!important}
            .pricing-price .amount{font-size:38px!important}
            .pricing-features li{font-size:11px!important}
        }

        .feature-brand-ip{display:none}
        .feature-card-product{
            z-index:3;
            overflow:visible;
        }
        @media(min-width:901px){
            .features .feature-card-product{
                background:linear-gradient(180deg,rgba(0,208,132,.085),rgba(255,255,255,.04));
                box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
            }
            .features .feature-card-product::after{transform:scaleX(1)}
        }

        .feature-card-product>h3,
        .feature-card-product>p,
        .feature-card-product>.feature-icon{
            position:relative;
            z-index:5;
        }
        .feature-card-product>.feature-icon{position:absolute}
        .dc-engineer-seat{
            --dc-seat-edge:62px;
            position:absolute;
            left:5%;
            bottom:calc(-1 * var(--dc-seat-edge));
            z-index:4;
            width:60%;
            aspect-ratio:1;
            pointer-events:none;
            transform: rotate(-5deg);
        }
        .dc-engineer-seat::after{
            content:'';
            position:absolute;
            left:28%;
            bottom:var(--dc-seat-edge);
            z-index:0;
            width:46%;
            height:12px;
            border-radius:50%;
            background:radial-gradient(ellipse,rgba(0,0,0,.48) 0%,rgba(0,208,132,.18) 44%,transparent 74%);
            filter:blur(3px);
            transform:translateY(50%);
            pointer-events:none;
        }
        .dc-engineer-seat img{
            position:relative;
            z-index:1;
            display:block;
            width:100%;
            height:auto;
            filter:drop-shadow(0 14px 18px rgba(0,0,0,.28)) drop-shadow(0 0 12px rgba(0,208,132,.08));
            pointer-events:none;
            animation:dcEngineerFloat 6s ease-in-out infinite;
        }
        @keyframes dcEngineerFloat{
            0%,100%{transform:translateY(0)}
            50%{transform:translateY(-3px)}
        }

        @media(min-width:901px) and (max-width:1024px){
            .dc-engineer-seat{
                --dc-seat-edge:54px;
                top:calc(200% - 96px);
                right:4%;
                bottom:auto;
                left:auto;
                width:150px;
            }
            .dc-engineer-seat::after{
                top:96px;
                bottom:auto;
            }
        }

        @media(max-width:900px){
            .features .feature-brand-ip{
                display:flex;
                grid-row:1!important;
                grid-column:1!important;
                position:relative;
                align-items:flex-end;
                justify-content:center;
                min-width:0;
                min-height:0;
                padding:0;
                overflow:visible;
                scroll-snap-align:start;
                pointer-events:none;
                z-index:3;
            }
            .features .feature-brand-ip img{
                display:block;
                position:absolute;
                left:60%;
                bottom:clamp(-54px,-12vw,-23px);
                width:95%;
                height:auto;
                max-height:none;
                object-fit:contain;
                object-position:center bottom;
                transform:translateX(-55%);
                pointer-events:none;
                animation:none;
                z-index:4;
            }
            .features .feature-card-product .dc-engineer-seat{
                display:none;
            }
            .features .feature-card-product{
                grid-row:1!important;
                grid-column:2!important;
            }
            .features .feature-card[data-feature-key="order"]{
                grid-row:2!important;
                grid-column:1!important;
            }
            .features .feature-card[data-feature-key="user"]{
                grid-row:2!important;
                grid-column:2!important;
            }
            .features .feature-card[data-feature-key="template"]{
                grid-row:1!important;
                grid-column:3!important;
            }
            .features .feature-card[data-feature-key="plugin"]{
                grid-row:1!important;
                grid-column:4!important;
            }
            .features .feature-card[data-feature-key="branch"]{
                grid-row:2!important;
                grid-column:3!important;
            }
            .features .feature-card[data-feature-key="system"]{
                grid-row:2!important;
                grid-column:4!important;
            }
        }

        @media(max-width:360px){
            .features .feature-brand-ip img{
                bottom:-18px;
            }
        }

        @media(max-width:480px){
            .features .feature-card{
                position:relative;
            }
            .features .feature-card>.feature-icon{
                position:absolute;
                top:24px;
                right:24px;
                margin:0!important;
            }
            .features .feature-card:not(.feature-card-product){
                min-height:140px!important;
                padding-bottom:12px!important;
            }
        }

        @media(max-width:360px){
            .features .feature-card::before{
                display:block!important;
            }
        }

        @media(prefers-reduced-motion:reduce){
            .dc-engineer-seat img,
            .feature-brand-ip img{animation:none}
        }

        .blog-system{
            position:relative;
            overflow:hidden;
            padding:70px 0;
            border-top:1px solid rgba(255,255,255,.08);
            background:linear-gradient(180deg,#07111f 0%,#05070b 100%);
            color:#fff;
        }
        .blog-system::before{
            content:'';
            position:absolute;
            inset:0;
            pointer-events:none;
            background:
                radial-gradient(circle at 12% 18%,rgba(0,208,132,.10),transparent 30%),
                radial-gradient(circle at 88% 68%,rgba(8,183,255,.08),transparent 34%),
                linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.020) 1px,transparent 1px);
            background-size:auto,auto,72px 72px,72px 72px;
            mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.96) 12%,rgba(0,0,0,.96) 88%,transparent);
        }
        .blog-system .container{position:relative;z-index:1}
        .blog-system .blog-bento{
            display:grid;
            grid-template-columns:repeat(24,minmax(0,1fr));
            grid-template-rows:168px 215px 149px;
            gap:20px;
        }
        .blog-system .blog-editorial-card{
            position:relative;
            min-width:0;
            overflow:hidden;
            border:1px solid rgba(255,255,255,.10);
            border-radius:15px 0px 33px 0px;
            background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));
            box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
            transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
        }
        .blog-system .blog-editorial-card::after{
            content:'';
            position:absolute;
            right:0;
            bottom:0;
            left:0;
            height:1px;
            background:linear-gradient(90deg,transparent,rgba(0,208,132,.74),transparent);
            opacity:0;
            transition:opacity .28s ease;
        }
        .blog-system .blog-editorial-card:hover{
            transform:translateY(-3px);
            border-color:rgba(0,208,132,.24);
            background:linear-gradient(180deg,rgba(0,208,132,.072),rgba(255,255,255,.038));
            box-shadow:0 22px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);
        }
        .blog-system .blog-editorial-card:hover::after{opacity:1}
        .blog-system .blog-main-card{
            grid-column:1 / span 14;
            grid-row:1 / span 3;
            display:flex;
            flex-direction:column;
            padding:32px;
            background:
                radial-gradient(circle at 92% 0%,rgba(0,208,132,.12),transparent 32%),
                linear-gradient(180deg,rgba(255,255,255,.060),rgba(255,255,255,.030));
        }
        .blog-system .blog-main-card::before{
            content:'';
            position:absolute;
            top:32px;
            right:32px;
            width:96px;
            height:52px;
            opacity:.26;
            background:repeating-linear-gradient(to bottom,rgba(226,232,240,.26) 0 1px,transparent 1px 13px);
            mask-image:linear-gradient(90deg,transparent,#000 24%,#000);
            pointer-events:none;
        }
        .blog-system .blog-main-statement{
            margin:0 0 14px;
            color:#fff;
            font-size:clamp(32px,2.8vw,40px);
            font-weight:850;
            line-height:1.12;
            letter-spacing:-.052em;
            text-wrap:balance;
        }
        .blog-system .blog-main-summary{
            display:-webkit-box;
            max-width:600px;
            overflow:hidden;
            margin:0 0 18px;
            color:rgba(226,232,240,.76);
            font-size:16px;
            font-weight:500;
            line-height:1.7;
            letter-spacing:-.018em;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
        }
        .blog-system .blog-topic-list{
            display:flex;
            flex-wrap:wrap;
            gap:7px;
            margin-bottom:20px;
        }
        .blog-system .blog-topic-list span{
            padding:6px 10px;
            border:1px solid rgba(255,255,255,.07);
            border-radius:999px;
            background:rgba(255,255,255,.035);
            color:rgba(226,232,240,.68);
            font-size:12px;
        }
        .blog-system .blog-reading{
            display:flex;
            min-height:0;
            flex:1 1 auto;
            flex-direction:column;
            margin-top:0;
            padding:17px 18px 5px;
            border:1px solid rgba(255,255,255,.09);
            border-radius:18px;
            background:rgba(3,7,12,.44);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
        }
        .blog-system .blog-article-list{
            display:grid;
            min-height:0;
            flex:1 1 auto;
            grid-template-rows:repeat(3,minmax(0,1fr));
        }
        .blog-system .blog-reading-header{
            display:flex;
            align-items:center;
            gap:8px;
            padding-bottom:12px;
            border-bottom:1px solid rgba(255,255,255,.08);
            color:rgba(226,232,240,.42);
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:10px;
            letter-spacing:.10em;
            text-transform:uppercase;
        }
        .blog-system .blog-editor-cursor{
            width:6px;
            height:13px;
            background:var(--primary);
            box-shadow:0 0 12px rgba(0,208,132,.45);
            animation:blogCursor 1.25s steps(2,end) infinite;
        }
        .blog-system .blog-article{
            display:grid;
            grid-template-columns:40px minmax(0,1fr) auto;
            align-items:center;
            gap:14px;
            padding:13px 0;
            border-bottom:1px solid rgba(255,255,255,.075);
        }
        .blog-system .blog-article:last-child{border-bottom:0}
        .blog-system .blog-article-icon{
            display:flex;
            width:40px;
            height:40px;
            align-items:center;
            justify-content:center;
            border:1px solid rgba(0,208,132,.18);
            border-radius:12px;
            background:rgba(0,208,132,.08);
            color:#b7ffe5;
        }
        .blog-system .blog-article-icon i{font-size:18px}
        .blog-system .blog-article-copy{display:block;min-width:0}
        .blog-system .blog-article-copy strong,
        .blog-system .blog-article-copy>span{
            display:block;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .blog-system .blog-article-copy strong{
            margin-bottom:5px;
            color:#f8fafc;
            font-size:15px;
            line-height:1.3;
        }
        .blog-system .blog-article-copy>span{color:rgba(226,232,240,.48);font-size:12px;line-height:1.4}
        .blog-system .blog-article>i{color:rgba(0,208,132,.62);font-size:16px}
        .blog-system .blog-card-heading{
            display:block;
            position:relative;
            min-height:40px;
        }
        .blog-system .blog-card-icon{
            display:flex;
            width:35px;
            height:35px;
            flex:0 0 40px;
            align-items:center;
            justify-content:center;
            border:1px solid rgba(0,208,132,.20);
            border-radius:5px;
            background:rgba(0,208,132,.09);
            color:#b7ffe5;
        }
        .blog-system .blog-card-icon i{font-size:19px}
        .blog-system .blog-card-heading>div{min-width:0}
        .blog-system .blog-card-heading>.blog-card-icon{position:absolute;top:0;left:0}
        .blog-system .blog-card-heading h3{
            display:flex;
            min-height:34px;
            align-items:center;
            margin:0 0 6px 52px;
            color:#fff;
            font-size:18px;
            line-height:1.25;
        }
        .blog-system .blog-card-heading p{
            margin:0;
            color:rgba(226,232,240,.52);
            display:-webkit-box;
            overflow:hidden;
            font-size:13px;
            line-height:1.5;
            letter-spacing:-.01em;
            text-indent:0;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
        }
        .blog-system .blog-publish-card,
        .blog-system .blog-seo-card,
        .blog-system .blog-comment-card,
        .blog-system .blog-page-card{padding:18px 20px 10px 20px}
        .blog-system .blog-publish-card{
            grid-column:15 / -1;
            grid-row:1;
            display:flex;
            flex-direction:column;
        }
        .blog-system .blog-publish-metrics{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:14px;
            margin:auto 0 0;
        }
        .blog-system .blog-publish-metrics div{
            min-width:0;
            padding-top:9px;
            border-top:1px solid rgba(255,255,255,.09);
        }
        .blog-system .blog-publish-metrics dt{
            overflow:hidden;
            color:rgba(226,232,240,.42);
            font-size:11px;
            line-height:1.25;
            text-overflow:ellipsis;
            white-space:nowrap;
        }
        .blog-system .blog-publish-metrics dd{
            margin:5px 0 0;
            color:#fff;
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:22px;
            font-weight:750;
            line-height:1;
        }
        .blog-system .blog-publish-metrics div:first-child dd{color:#b7ffe5}
        .blog-system .blog-seo-card{
            grid-column:15 / -1;
            grid-row:2;
            background:
                radial-gradient(circle at 100% 0%,rgba(8,183,255,.10),transparent 42%),
                linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.030));
        }
        .blog-system .blog-seo-list{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:1px;
            margin-top:14px;
            overflow:hidden;
            border:1px solid rgba(255,255,255,.08);
            border-radius:14px;
            background:rgba(255,255,255,.08);
        }
        .blog-system .blog-seo-list div{
            min-width:0;
            padding:6px 12px;
            background:rgba(5,8,13,.72);
        }
        .blog-system .blog-seo-list span,
        .blog-system .blog-seo-list strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
        .blog-system .blog-seo-list span{margin-bottom:5px;color:rgba(226,232,240,.46);font-size:11px;line-height:1.2}
        .blog-system .blog-seo-list strong{
            color:rgba(241,245,249,.82);
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:13px;
            font-weight:600;
            line-height:1.35;
        }
        .blog-system .blog-seo-list .blog-seo-state{
            display:flex;
            align-items:center;
            gap:7px;
        }
        .blog-system .blog-seo-list strong i{
            display:inline-block;
            width:6px;
            height:6px;
            flex:0 0 6px;
            margin:0;
            border-radius:50%;
            background:var(--primary);
            box-shadow:0 0 10px rgba(0,208,132,.54);
            animation:blogStatusPulse 2.4s ease-in-out infinite;
        }
        .blog-system .blog-comment-card{
            grid-column:15 / span 5;
            grid-row:3;
            display:flex;
            flex-direction:column;
        }
        .blog-system .blog-page-card{
            grid-column:20 / -1;
            grid-row:3;
            display:flex;
            flex-direction:column;
        }
        .blog-system .blog-comment-status{
            display:grid;
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:6px;
            margin-top:auto;
            padding-top:6px;
        }
        .blog-system .blog-comment-status span,
        .blog-system .blog-page-list span{
            display:flex;
            min-height:26px;
            align-items:center;
            justify-content:center;
            padding:5px 8px;
            border:1px solid rgba(255,255,255,.08);
            border-radius:8px;
            background:rgba(255,255,255,.04);
            color:rgba(226,232,240,.56);
            font-size:11px;
        }
        .blog-system .blog-comment-status strong{
            margin-left:3px;
            color:#b7ffe5;
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:13px;
        }
        .blog-system .blog-comment-status span{
            padding-right:5px;
            padding-left:5px;
            text-align:center;
            white-space:nowrap;
        }
        .blog-system .blog-page-list{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:6px;
            margin-top:auto;
            padding-top:6px;
        }
        .blog-system .blog-mobile-capabilities,
        .blog-system .blog-mobile-panel{display:none}
        @keyframes blogCursor{
            0%,45%{opacity:1}
            46%,100%{opacity:.15}
        }
        @keyframes blogStatusPulse{
            0%,100%{opacity:.54;transform:scale(.88)}
            50%{opacity:1;transform:scale(1)}
        }

        @media(min-width:992px) and (max-width:1199px){
            .blog-system{padding:68px 0}
            .blog-system .blog-bento{grid-template-columns:repeat(12,minmax(0,1fr))}
            .blog-system .blog-main-card{grid-column:1 / span 6}
            .blog-system .blog-publish-card,
            .blog-system .blog-seo-card{grid-column:7 / -1}
            .blog-system .blog-comment-card{grid-column:7 / span 3}
            .blog-system .blog-page-card{grid-column:10 / -1}
            .blog-system .blog-page-list span{
                padding-right:4px;
                padding-left:4px;
                text-align:center;
                white-space:nowrap;
            }
        }

        @media(min-width:768px) and (max-width:991px){
            .blog-system{padding:68px 0}
            .blog-system .blog-bento{
                grid-template-columns:repeat(2,minmax(0,1fr));
                grid-template-rows:auto;
            }
            .blog-system .blog-main-card{
                grid-column:1 / -1;
                grid-row:auto;
                min-height:420px;
            }
            .blog-system .blog-publish-card,
            .blog-system .blog-seo-card,
            .blog-system .blog-comment-card,
            .blog-system .blog-page-card{
                grid-column:auto;
                grid-row:auto;
                min-height:180px;
            }
            .blog-system .blog-publish-card,
            .blog-system .blog-seo-card,
            .blog-system .blog-comment-card,
            .blog-system .blog-page-card{padding:22px}
        }

        @media(max-width:767px){
            .blog-system{padding:56px 0}
            .blog-system .blog-bento{
                grid-template-columns:minmax(0,1fr);
                grid-template-rows:auto;
                gap:14px;
            }
            .blog-system .blog-main-card{
                grid-column:1;
                grid-row:auto;
                width:100%;
                min-height:360px;
                padding:24px;
                border-radius:18px;
            }
            .blog-system .blog-main-card::before{display:none}
            .blog-system .blog-main-statement{
                margin-bottom:16px;
                font-size:clamp(28px,8vw,34px);
                line-height:1.1;
            }
            .blog-system .blog-main-summary{
                display:-webkit-box;
                overflow:hidden;
                margin-bottom:16px;
                font-size:15px;
                line-height:1.65;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
            }
            .blog-system .blog-topic-list{display:none}
            .blog-system .blog-reading{
                margin-top:auto;
                padding:15px 16px 5px;
                border-radius:14px;
            }
            .blog-system .blog-reading-header{padding-bottom:10px}
            .blog-system .blog-article{
                grid-template-columns:minmax(0,1fr) auto;
                gap:10px;
                padding:12px 0;
            }
            .blog-system .blog-article-icon{display:none}
            .blog-system .blog-article-copy strong{font-size:14px}
            .blog-system .blog-article-copy>span{font-size:11px}
            .blog-system .blog-article>i{display:block}
            .blog-system .blog-publish-card,
            .blog-system .blog-seo-card,
            .blog-system .blog-comment-card,
            .blog-system .blog-page-card{display:none}
            .blog-system .blog-mobile-capabilities{
                display:grid;
                grid-template-columns:repeat(2,minmax(0,1fr));
                gap:10px;
            }
            .blog-system .blog-mobile-capability{
                display:flex;
                min-width:0;
                min-height:52px;
                align-items:center;
                justify-content:center;
                gap:8px;
                padding:11px 12px;
                border:1px solid rgba(255,255,255,.10);
                border-radius:13px;
                outline:none;
                background:rgba(255,255,255,.045);
                color:rgba(226,232,240,.66);
                font:inherit;
                font-size:13px;
                font-weight:650;
                cursor:pointer;
                transition:border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;
            }
            .blog-system .blog-mobile-capability i{font-size:18px}
            .blog-system .blog-mobile-capability.is-active{
                border-color:rgba(0,208,132,.40);
                background:rgba(0,208,132,.12);
                color:#d9fff0;
                box-shadow:inset 0 0 0 1px rgba(0,208,132,.08);
            }
            .blog-system .blog-mobile-capability:focus-visible{
                box-shadow:0 0 0 3px rgba(0,208,132,.20);
            }
            .blog-system .blog-mobile-panel{
                display:block;
                height:242px;
                padding:20px;
                overflow:hidden;
                border:1px solid rgba(255,255,255,.10);
                border-radius:15px 0px 33px 0px;
                background:
                    radial-gradient(circle at 100% 0%,rgba(0,208,132,.09),transparent 42%),
                    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));
                box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
            }
            .blog-system .blog-mobile-panel-heading{
                display:flex;
                align-items:flex-start;
                gap:13px;
            }
            .blog-system .blog-mobile-panel-heading .blog-card-icon{
                width:42px;
                height:42px;
                flex-basis:42px;
            }
            .blog-system .blog-mobile-panel-heading>div{min-width:0}
            .blog-system .blog-mobile-panel-heading h3{
                margin:0 0 6px;
                color:#fff;
                font-size:18px;
                line-height:1.3;
            }
            .blog-system .blog-mobile-panel-heading p{
                display:-webkit-box;
                overflow:hidden;
                margin:0;
                color:rgba(226,232,240,.54);
                font-size:13px;
                line-height:1.55;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
            }
            .blog-system .blog-mobile-detail-list{
                display:grid;
                grid-template-columns:repeat(3,minmax(0,1fr));
                gap:8px;
                margin:16px 0 0;
            }
            .blog-system .blog-mobile-detail-list div{
                display:flex;
                min-width:0;
                min-height:48px;
                flex-direction:column;
                justify-content:center;
                padding:9px 10px;
                border:1px solid rgba(255,255,255,.08);
                border-radius:10px;
                background:rgba(3,7,12,.38);
            }
            .blog-system .blog-mobile-detail-list dt,
            .blog-system .blog-mobile-detail-list dd{
                overflow:hidden;
                text-overflow:ellipsis;
                white-space:nowrap;
            }
            .blog-system .blog-mobile-detail-list dt{
                color:rgba(226,232,240,.42);
                font-size:11px;
                line-height:1.2;
            }
            .blog-system .blog-mobile-detail-list dd{
                margin:4px 0 0;
                color:#e9fff6;
                font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
                font-size:clamp(12px,3.34vw,14px);
                font-weight:700;
                line-height:1.2;
            }
            .blog-system .blog-mobile-panel[data-blog-mobile-mode="seo"] .blog-mobile-detail-list,
            .blog-system .blog-mobile-panel[data-blog-mobile-mode="comments"] .blog-mobile-detail-list,
            .blog-system .blog-mobile-panel[data-blog-mobile-mode="pages"] .blog-mobile-detail-list{
                grid-template-columns:repeat(2,minmax(0,1fr));
            }
            .blog-system .blog-mobile-panel.is-changing{
                animation:blogMobilePanelSwap .24s ease both;
            }
            .blog-system .blog-editorial-card:hover{transform:none}
        }

        @media(max-width:430px){
            .blog-system .blog-main-card{padding:22px}
            .blog-system .blog-reading{padding:14px 14px 4px}
            .blog-system .blog-mobile-capability{padding:10px 9px;font-size:13px}
            .blog-system .blog-mobile-panel{padding:18px}
            .blog-system .blog-mobile-detail-list div{padding-right:6px;padding-left:6px}
        }

        @media(max-width:375px){
            .blog-system{padding:52px 0}
            .blog-system .blog-main-card{min-height:350px}
            .blog-system .blog-main-summary{font-size:14px}
            .blog-system .blog-mobile-detail-list dd{font-size:12px}
        }

        @keyframes blogMobilePanelSwap{
            0%{opacity:.35;transform:translateY(5px)}
            100%{opacity:1;transform:translateY(0)}
        }

        @media(prefers-reduced-motion:reduce){
            .blog-system .blog-editorial-card{transition:none}
            .blog-system .blog-editorial-card:hover{transform:none}
            .blog-system .blog-editor-cursor,
            .blog-system .blog-seo-list strong i{animation:none}
            .blog-system .blog-mobile-panel.is-changing{animation:none}
        }

        .resources{
            padding-bottom:72px;
        }
        .resources .resource-console{
            position:relative;
            width:100%;
            overflow:hidden;
            border:1px solid rgba(255,255,255,.10);
            background:rgba(255,255,255,.022);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
        }
        .resources .resource-console::before{
            content:'';
            position:absolute;
            inset:0;
            background:
                radial-gradient(circle at 18% 28%,rgba(0,208,132,.095),transparent 34%),
                linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
            background-size:auto,84px 100%;
            pointer-events:none;
        }
        .resources .resource-console-toolbar{
            position:relative;
            z-index:1;
            display:flex;
            min-height:42px;
            align-items:center;
            justify-content:space-between;
            gap:18px;
            padding:9px 20px;
            border-bottom:1px solid rgba(255,255,255,.09);
            color:rgba(215,255,240,.64);
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:10px;
            font-weight:700;
            letter-spacing:.09em;
            text-transform:uppercase;
        }
        .resources .resource-console-code,
        .resources .resource-console-state{
            display:inline-flex;
            align-items:center;
            gap:8px;
        }
        .resources .resource-console-code i{
            color:var(--primary);
            font-size:14px;
        }
        .resources .resource-console-state{
            color:rgba(226,232,240,.72);
            text-transform:none;
        }
        .resources .resource-console-state>span{
            width:7px;
            height:7px;
            flex:0 0 auto;
            border-radius:50%;
            background:var(--primary);
            box-shadow:0 0 0 3px rgba(0,208,132,.10);
        }
        .resources .portal-grid{
            position:relative;
            z-index:1;
            width:100%;
            max-width:none;
            margin:0;
            padding:0;
            grid-template-columns:minmax(0,1.42fr) repeat(2,minmax(0,1fr));
            grid-template-rows:repeat(2,minmax(0,1fr));
            gap:1px;
            border:0;
            border-radius:0;
            background:rgba(255,255,255,.09);
            overflow:visible;
        }
        .resources .portal-card{
            display:flex;
            min-width:0;
            min-height:0;
            flex-direction:column;
            align-items:flex-start;
            padding:18px 20px;
            overflow:hidden;
            border:0;
            border-radius:0!important;
            background:rgba(255,255,255,.028);
            box-shadow:none;
            transition:background-color .28s ease,box-shadow .28s ease;
        }
        .resources .portal-card::before{
            content:'';
            position:absolute;
            right:0;
            bottom:0;
            left:0;
            height:1px;
            background:linear-gradient(90deg,var(--primary),rgba(8,183,255,.46),transparent 78%);
            opacity:0;
            transition:opacity .28s ease;
        }
        .resources .portal-card:hover{
            transform:none;
            border-color:transparent;
            background:rgba(0,208,132,.065);
            box-shadow:inset 0 1px 0 rgba(255,255,255,.055);
        }
        .resources .portal-card:hover::before{
            opacity:1;
        }
        .resources .resource-card-download{
            min-height:340px;
            grid-column:1;
            grid-row:1 / 3;
            padding:26px 28px;
            background:
                radial-gradient(circle at 16% 82%,rgba(0,208,132,.12),transparent 36%),
                rgba(255,255,255,.036);
        }
        .resources .resource-card-docs{
            grid-column:2;
            grid-row:1;
        }
        .resources .resource-card-store{
            grid-column:3;
            grid-row:1;
        }
        .resources .resource-card-demand{
            grid-column:2;
            grid-row:2;
        }
        .resources .resource-card-changelog{
            grid-column:3;
            grid-row:2;
        }
        .resources .resource-card-head{
            display:flex;
            width:100%;
            align-items:flex-start;
            justify-content:space-between;
            gap:16px;
            margin-bottom:10px;
        }
        .resources .resource-card-index{
            padding-top:4px;
            color:rgba(226,232,240,.32);
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:9px;
            font-weight:600;
            line-height:1.2;
            letter-spacing:.09em;
            text-transform:uppercase;
            white-space:nowrap;
        }
        .resources .portal-icon{
            width:36px;
            height:36px;
            flex:0 0 auto;
            margin:0;
            border:1px solid rgba(255,255,255,.10);
            border-radius:10px;
            background:rgba(255,255,255,.045)!important;
            color:var(--primary)!important;
            font-size:17px;
            box-shadow:none;
        }
        .resources .resource-card-download .resource-card-head{
            margin-bottom:38px;
        }
        .resources .resource-card-download .portal-icon{
            width:46px;
            height:46px;
            border-radius:13px;
            font-size:21px;
        }
        .resources .portal-card:hover .portal-icon{
            transform:none;
            border-color:rgba(0,208,132,.28);
            background:rgba(0,208,132,.09)!important;
        }
        .resources .portal-card h3{
            margin:0 0 5px;
            color:#f8fafc;
            font-size:18px;
            line-height:1.3;
            letter-spacing:-.025em;
        }
        .resources .portal-card p{
            display:-webkit-box;
            margin:0;
            overflow:hidden;
            color:rgba(226,232,240,.52);
            font-size:12px;
            line-height:1.7;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:1;
        }
        .resources .resource-card-download h3{
            margin-bottom:8px;
            font-size:28px;
        }
        .resources .resource-card-download p{
            font-size:14px;
            -webkit-line-clamp:2;
        }
        .resources .resource-card-footer{
            display:flex;
            width:100%;
            align-items:flex-end;
            justify-content:space-between;
            gap:16px;
            margin-top:auto;
            padding-top:12px;
        }
        .resources .resource-card-meta{
            display:inline-flex;
            min-width:0;
            align-items:baseline;
            gap:6px;
            color:rgba(226,232,240,.42);
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:10px;
            line-height:1.3;
            letter-spacing:.045em;
            white-space:nowrap;
        }
        .resources .resource-card-meta strong{
            color:#eafff6;
            font-size:16px;
            letter-spacing:-.03em;
        }
        .resources .resource-card-meta small{
            color:rgba(226,232,240,.42);
            font-size:9px;
            font-weight:600;
            letter-spacing:.05em;
        }
        .resources .resource-card-version{
            flex-direction:column;
            align-items:flex-start;
            gap:5px;
        }
        .resources .resource-card-version strong{
            font-size:30px;
            line-height:1;
        }
        .resources .resource-card-update{
            gap:8px;
        }
        .resources .portal-card::after{
            display:none;
        }
        .resources .portal-card-action{
            display:inline-flex;
            align-items:center;
            gap:6px;
            flex:0 0 auto;
            padding:0;
            color:rgba(0,208,132,.88);
            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
            font-size:10px;
            font-weight:700;
            letter-spacing:.08em;
            white-space:nowrap;
        }
        .resources .resource-card-download .portal-card-action{
            padding:9px 12px;
            border:1px solid rgba(0,208,132,.22);
            background:rgba(0,208,132,.08);
        }
        .resources .portal-card-action i{
            font-size:14px;
            transition:transform .25s ease;
        }
        .resources .portal-card:hover .portal-card-action i{
            transform:translateX(3px);
        }
        .resources .portal-card:focus-visible{
            outline:2px solid var(--primary);
            outline-offset:-3px;
            background:rgba(0,208,132,.075);
        }

        @media(max-width:900px){
            .resources{
                padding-bottom:52px;
            }
            .resources .resource-console-toolbar{
                min-height:38px;
                padding:8px 14px;
                font-size:9px;
            }
            .resources .portal-grid{
                display:grid;
                grid-template-columns:repeat(2,minmax(0,1fr))!important;
                grid-auto-flow:row!important;
                grid-auto-columns:auto!important;
                gap:1px!important;
                overflow:visible!important;
                scroll-snap-type:none;
            }
            .resources .portal-card{
                display:flex!important;
                min-height:196px;
                grid-column:auto;
                grid-row:auto;
                padding:18px!important;
                align-items:flex-start;
                justify-content:flex-start;
                gap:0;
                text-align:left;
                scroll-snap-align:none;
            }
            .resources .resource-card-download{
                min-height:176px;
                grid-column:1 / -1;
                background:
                    radial-gradient(circle at 16% 82%,rgba(0,208,132,.10),transparent 42%),
                    rgba(255,255,255,.036)!important;
            }
            .resources .resource-card-head,
            .resources .resource-card-download .resource-card-head{
                justify-content:flex-end;
                margin-bottom:14px;
            }
            .resources .resource-card-index{
                display:none;
            }
            .resources .portal-icon{
                width:38px!important;
                height:38px!important;
                margin:0!important;
                border-radius:11px!important;
                font-size:18px!important;
            }
            .resources .portal-card h3,
            .resources .resource-card-download h3{
                margin:0 0 6px!important;
                font-size:16px!important;
                line-height:1.35;
            }
            .resources .portal-card p{
                display:-webkit-box!important;
                margin:0;
                overflow:hidden;
                color:rgba(226,232,240,.58);
                font-size:12px;
                line-height:1.65;
                -webkit-box-orient:vertical;
                -webkit-line-clamp:2;
            }
            .resources .resource-card-footer{
                align-items:flex-start;
                flex-direction:column;
                gap:6px;
                padding-top:10px;
            }
            .resources .resource-card-version{
                flex-direction:row;
                align-items:baseline;
                gap:6px;
            }
            .resources .resource-card-version strong,
            .resources .resource-card-meta strong{
                font-size:14px;
            }
            .resources .portal-card-action{
                display:inline-flex!important;
                padding:0;
                font-size:10px;
            }
            .resources .resource-card-download .portal-card-action{
                padding:0;
                border:0;
                background:transparent;
            }
            .resources .resource-card-download .resource-card-footer{
                flex-direction:row;
                align-items:flex-end;
            }
        }

        @media(max-width:420px){
            .resources .resource-console-toolbar{
                padding-right:12px;
                padding-left:12px;
            }
            .resources .resource-console-code,
            .resources .resource-console-state{
                gap:6px;
            }
            .resources .portal-card{
                min-height:188px;
                padding:18px 15px!important;
            }
            .resources .resource-card-head{
                gap:10px;
            }
            .resources .portal-icon{
                width:36px!important;
                height:36px!important;
                font-size:17px!important;
            }
            .resources .portal-card h3{
                font-size:15px!important;
            }
            .resources .resource-card-download{
                min-height:168px;
            }
        }