* { box-sizing: border-box; }
        html, body { min-height: 100%; }
        body[layadmin-themealias] {
            margin: 0 !important;
            color: #333;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;
            line-height: 1.5;
            background: #f5f7fa;
            overflow-x: hidden;
        }
        a { color: inherit; text-decoration: none; }
        .imgc { display: none; }
        .se-body { width: 100%; min-height: 100vh; overflow-x: hidden; }
        .se-container { max-width: 1240px; margin: 0 auto; padding: 0 20px; }

        .se-nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            height: 76px;
            border-bottom: 1px solid rgba(219,228,240,.78);
            background: rgba(255,255,255,.94);
            box-shadow: 0 10px 30px rgba(20,45,96,.07);
            z-index: 1000;
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }
        .se-nav_container {
            max-width: 1320px;
            height: 100%;
            margin: 0 auto;
            padding: 0 clamp(22px,4.6vw,72px);
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 28px;
            position: relative;
        }
        .se-nav_left { display: flex; align-items: center; min-width: 0; flex: 1 1 auto; gap: 0; }
        .se-nav_logo {
            height: 46px;
            margin-right: 0;
            display: flex;
            align-items: center;
            gap: 10px;
            flex: 0 0 auto;
            position: relative;
            z-index: 2;
        }
        .se-nav_logo img {
            width: auto;
            max-width: 132px;
            height: 42px;
            max-height: 42px;
            padding: 0;
            border: 0;
            border-radius: 0;
            object-fit: contain;
            display: block;
            background: transparent;
            box-shadow: none;
        }
        .se-nav_logo strong { display: block; color: #111827; font-size: 18px; line-height: 1.1; font-weight: 800; }
        .se-nav_logo span span { display: block; margin-top: 2px; color: #4e5969; font-size: 12px; letter-spacing: 0; }
        .se-nav_links {
            display: flex;
            align-items: center;
            gap: clamp(16px,2.1vw,30px);
            padding: 0;
            position: static;
            margin-left: clamp(30px,4vw,58px);
            max-width: none;
            overflow: visible;
            transform: none;
            border: 0;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
            white-space: nowrap;
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
        }
        .se-nav_link {
            display: inline-flex;
            align-items: center;
            height: 44px;
            color: #3f4b5f;
            padding: 0 1px;
            border-radius: 0;
            font-size: 14px;
            font-weight: 800;
            position: relative;
            transition: color .22s ease, transform .22s ease;
        }
        .se-nav_link:after {
            content: "";
            position: absolute;
            left: 50%;
            bottom: 1px;
            width: 0;
            height: 3px;
            border-radius: 999px;
            background: linear-gradient(90deg,#2B6DF3,#16b777);
            transform: translateX(-50%);
            opacity: 0;
            transition: width .22s ease, opacity .22s ease;
        }
        .se-nav_link:hover,
        .se-nav_link.active {
            color: #1d4edd;
            background: transparent;
            box-shadow: none;
        }
        .se-nav_link:hover:after,
        .se-nav_link.active:after {
            width: 22px;
            opacity: 1;
        }
        .se-nav_link:hover { transform: translateY(-1px); }
        .se-nav_right {
            min-width: 156px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            position: relative;
            z-index: 2;
        }
        .se-nav_login {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 118px;
            min-height: 44px;
            padding: 10px 22px;
            color: #fff !important;
            background: linear-gradient(135deg,#2B6DF3,#1d4edd);
            border-radius: 12px;
            text-align: center;
            font-size: 14px;
            font-weight: 900;
            transition: all .3s ease;
            box-shadow: 0 12px 26px rgba(43,109,243,.22);
        }
        .se-nav_login:hover {
            transform: translateY(-2px);
            box-shadow: 0 16px 34px rgba(43,109,243,.28);
        }
        .se-nav_toggle {
            display: none;
            flex-direction: column;
            justify-content: center;
            gap: 5px;
            width: 42px;
            height: 42px;
            padding: 0;
            border: 1px solid rgba(219,228,240,.86);
            border-radius: 12px;
            background: rgba(255,255,255,.88);
            cursor: pointer;
            box-shadow: 0 10px 24px rgba(20,45,96,.08);
        }
        .se-nav_toggle span {
            display: block;
            width: 18px;
            height: 2px;
            margin: 0 auto;
            border-radius: 99px;
            background: #1d2129;
            transition: all .3s ease;
        }

        .se-header {
            height: 500px;
            margin-top: 76px;
            position: relative;
            display: flex;
            align-items: center;
            overflow: hidden;
            width: 100%;
            background: linear-gradient(135deg,#f5f7fa 0%,#e4f1ff 100%);
        }
        .se-header_bg {
            position: absolute;
            inset: 0;
            z-index: 1;
            overflow: hidden;
        }
        .se-header_bg video {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center center;
            display: block;
        }
        .se-mobile-hero-anim { display: none; }
        .se-header_content {
            position: relative;
            z-index: 2;
            width: 100%;
        }
        .se-header_wrap { padding-left: 120px; }
        .se-header_title {
            margin: 0 0 20px;
            color: #1d2129;
            font-size: 48px;
            line-height: 1.25;
            font-weight: 600;
            text-align: left;
            opacity: 0;
            animation: fadeInUp .8s ease forwards;
        }
        .se-header_highlight {
            display: inline;
            margin-left: 8px;
            background: linear-gradient(to right,#1d4edd,#1a90ff);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            font-weight: 700;
        }
        .se-header_desc {
            margin: 0 0 40px;
            color: #4e5969;
            font-size: 16px;
            line-height: 1.6;
            text-align: left;
            opacity: 0;
            animation: fadeInUp .8s ease .2s forwards;
        }
        .se-btn {
            display: inline-block;
            padding: 12px 36px;
            color: #fff !important;
            background: #2B6DF3;
            border: 0;
            border-radius: 4px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            transition: all .3s ease;
            opacity: 0;
            animation: fadeInUp .8s ease .4s forwards;
        }
        .se-btn:hover {
            background: #1b4df0;
            transform: translateY(-2px);
            box-shadow: 0 8px 16px rgba(43,109,243,.2);
        }

        .se-overview { padding: 80px 0; background: #fff; }
        .se-section-title {
            margin: 0 0 40px;
            color: #1d2129;
            text-align: center;
            font-size: 32px;
            line-height: 1.35;
            font-weight: 500;
        }
        .se-overview_grid {
            display: grid;
            grid-template-columns: repeat(4,1fr);
            gap: 40px;
            margin-top: 60px;
        }
        .se-overview_item { text-align: center; opacity: 0; animation: fadeInUp .8s ease forwards; }
        .se-overview_number {
            margin-bottom: 12px;
            color: #2B6DF3;
            font-size: 48px;
            line-height: 1;
            font-weight: 600;
            background: linear-gradient(135deg,#2B6DF3 0%,#1B4DF0 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .se-overview_label { color: #4e5969; font-size: 16px; }
        .se-process {
            padding: 92px 0 96px;
            background:
                radial-gradient(circle at 10% 18%, rgba(43,109,243,.08), transparent 26%),
                radial-gradient(circle at 90% 76%, rgba(22,183,119,.08), transparent 28%),
                #fff;
        }
        .se-process_desc { color: #4b5563; text-align: center; font-size: 16px; font-weight: 700; }
        .se-process_grid {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1280px;
            margin: 60px auto 0;
            padding: 0 20px;
            gap: 18px;
        }
        .se-process_item {
            flex: 1;
            display: flex;
            align-items: center;
            opacity: 0;
            transform: translateY(30px);
            animation: fadeInUp .8s ease forwards;
        }
        .se-process_item:nth-child(1) { animation-delay: .1s; }
        .se-process_item:nth-child(2) { animation-delay: .2s; }
        .se-process_item:nth-child(3) { animation-delay: .3s; }
        .se-process_item:nth-child(4) { animation-delay: .4s; }
        .se-process_card {
            flex: 1;
            min-height: 220px;
            padding: 34px 30px;
            color: #fff;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.30);
            border-radius: 18px;
            background:
                linear-gradient(135deg, rgba(26,144,255,.98) 0%, rgba(29,78,221,.98) 100%);
            box-shadow: 0 22px 48px rgba(29,78,221,.18);
            transition: transform .3s ease, box-shadow .3s ease;
        }
        .se-process_card:after {
            content: "";
            position: absolute;
            right: -40px;
            bottom: -42px;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            background: rgba(255,255,255,.12);
            pointer-events: none;
        }
        .se-process_card:hover {
            transform: translateY(-8px);
            box-shadow: 0 30px 70px rgba(29,78,221,.24);
        }
        .se-process_number {
            width: 58px;
            height: 58px;
            margin-bottom: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 16px;
            background: rgba(255,255,255,.16);
            color: #fff;
            font-size: 24px;
            line-height: 1;
            font-weight: 900;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
        }
        .se-process_info { position: relative; z-index: 1; }
        .se-process_info h3 { margin: 0 0 10px; color: #fff; font-size: 21px; font-weight: 900; }
        .se-process_info p { margin: 0; color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.8; font-weight: 600; }
        .se-process_arrow {
            width: 46px;
            height: 46px;
            margin: 0 -8px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex: 0 0 auto;
            border-radius: 50%;
            background: #fff;
            color: #2B6DF3;
            box-shadow: 0 14px 30px rgba(20,45,96,.12);
            animation: arrowPulse 1.5s ease-in-out infinite;
        }
        .se-process_arrow svg { width: 26px; height: 26px; fill: currentColor; }

        .se-page-header {
            height: 300px;
            margin-top: 76px;
            position: relative;
            display: flex;
            align-items: center;
            text-align: center;
            background: linear-gradient(135deg,#1a90ff 0%,#1d4edd 100%);
            overflow: hidden;
        }
        .se-page-header:after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 18% 30%, rgba(255,255,255,.16), transparent 28%),
                radial-gradient(circle at 82% 72%, rgba(255,255,255,.12), transparent 30%);
            animation: seWave 7s ease-in-out infinite alternate;
        }
        .se-page-header_content {
            position: relative;
            z-index: 1;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        .se-page-header_title {
            margin: 0 0 22px;
            color: #fff;
            font-size: 36px;
            line-height: 1.25;
            font-weight: 600;
            opacity: 0;
            animation: fadeInUp .8s ease forwards;
        }
        .se-page-header_desc {
            margin: 0;
            color: rgba(255,255,255,.92);
            font-size: 16px;
            opacity: 0;
            animation: fadeInUp .8s ease .2s forwards;
        }
        .se-main { max-width: 1200px; margin: 0 auto; padding: 40px 20px; }
        .app-title {
            display: flex;
            align-items: center;
            margin: 0 0 24px;
            padding-bottom: 12px;
            border-bottom: 1px solid #e5e6eb;
            color: #1d2129;
            font-size: 24px;
            line-height: 1.35;
            font-weight: 500;
        }
        .app-title:before {
            content: "";
            width: 4px;
            height: 24px;
            margin-right: 12px;
            border-radius: 2px;
            background: #2B6DF3;
        }
        .app-section { margin-bottom: 50px; opacity: 0; animation: fadeInUp .8s ease forwards; }
        .se-form-card,
        .api-card,
        .detail-panel {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0,0,0,.05);
        }
        .se-form-card {
            max-width: 760px;
            margin: 0 auto 50px;
            padding: 34px;
        }
        .se-form-card .layui-form-item { margin-bottom: 16px; }
        .se-form-card .layui-input,
        .se-form-card .layui-textarea,
        .se-form-card .layui-form-select .layui-input {
            height: 46px;
            border: 1px solid #dbe4f0;
            border-radius: 4px;
            background: #f8fbff;
            color: #1d2129;
        }
        .se-form-card .layui-input:focus,
        .se-form-card .layui-textarea:focus,
        .se-form-card .layui-form-select .layui-input:focus {
            border-color: #2B6DF3 !important;
            background: #fff;
            box-shadow: 0 0 0 4px rgba(43,109,243,.10);
        }
        .layui-btn,
        .layui-btn-normal {
            border-radius: 4px;
            background: #2B6DF3 !important;
            color: #fff !important;
            font-weight: 700;
            box-shadow: 0 8px 18px rgba(43,109,243,.18);
        }
        .layui-btn-primary {
            border-color: #dbe4f0 !important;
            background: #fff !important;
            color: #1d2129 !important;
            box-shadow: none;
        }
        .layui-btn-fluid { height: 48px; line-height: 48px; }
        .layui-card {
            border: 1px solid #e5e6eb;
            border-radius: 12px;
            box-shadow: 0 4px 16px rgba(0,0,0,.05);
            overflow: hidden;
        }
        .layui-card-header {
            min-height: 54px;
            height: auto;
            padding: 18px 22px;
            line-height: 1.45;
            color: #1d2129;
            background: #fff;
            border-bottom: 1px solid #e5e6eb;
            font-weight: 700;
        }
        .layui-card-body { padding: 24px; }
        .layui-elem-quote,
        .layui-quote-nm {
            border-left-color: #2B6DF3;
            border-radius: 8px;
            background: #f8fbff;
        }
        .model-form { padding: 20px 24px 10px; }

        .api-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 26px; }
        .api-card {
            min-height: 238px;
            padding: 22px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            border: 1px solid rgba(204, 218, 238, .86);
            background:
                linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,249,255,.84)),
                radial-gradient(circle at 85% 12%, rgba(43,109,243,.16), transparent 36%);
            box-shadow: 0 18px 46px rgba(20, 45, 96, .08);
            backdrop-filter: blur(14px);
            -webkit-backdrop-filter: blur(14px);
            transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease;
        }
        .api-card:before {
            content: "";
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(120deg, rgba(43,109,243,.12), transparent 38%, rgba(22,183,119,.12));
            opacity: 0;
            transition: opacity .28s ease;
            pointer-events: none;
        }
        .api-card:after {
            content: "";
            position: absolute;
            right: -34px;
            bottom: -34px;
            width: 128px;
            height: 128px;
            border-radius: 50%;
            background: rgba(43,109,243,.08);
            transition: transform .32s ease, opacity .32s ease;
        }
        .api-card:hover {
            transform: translateY(-7px);
            border-color: rgba(43,109,243,.28);
            box-shadow: 0 26px 64px rgba(27, 77, 240, .16);
        }
        .api-card:hover:before { opacity: 1; }
        .api-card:hover:after { transform: scale(1.18); opacity: .86; }
        .api-card-top {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: 64px minmax(0,1fr) auto;
            align-items: center;
            gap: 14px;
        }
        .api-card-icon {
            width: 64px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(43,109,243,.12);
            border-radius: 16px;
            background: rgba(255,255,255,.82);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 12px 28px rgba(43,109,243,.12);
        }
        .api-card-icon img { width: 78%; height: 78%; object-fit: contain; display: block; }
        .api-card-heading { min-width: 0; }
        .api-card-heading p {
            margin: 5px 0 0;
            color: #6b7280;
            font-size: 13px;
        }
        .api-card-title {
            margin: 0;
            color: #111827;
            font-size: 19px;
            line-height: 1.28;
            font-weight: 800;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .api-method {
            position: relative;
            z-index: 1;
            flex: 0 0 auto;
            min-width: 62px;
            padding: 6px 10px;
            border-radius: 999px;
            background: rgba(22,183,119,.12);
            color: #0f9f68;
            font-size: 12px;
            line-height: 1;
            font-weight: 800;
            text-align: center;
        }
        .api-card-desc {
            position: relative;
            z-index: 1;
            margin: 18px 0 18px;
            color: #4b5563;
            font-size: 14px;
            line-height: 1.8;
        }
        .api-card-stats {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: repeat(2,minmax(0,1fr));
            gap: 10px;
            margin-bottom: 16px;
        }
        .api-card-stats span {
            min-height: 38px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(219,228,240,.9);
            border-radius: 10px;
            background: rgba(255,255,255,.68);
            color: #1f2937;
            font-size: 13px;
            font-weight: 800;
        }
        .api-card-meta {
            position: relative;
            z-index: 1;
            display: grid;
            grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
            align-items: center;
            gap: 10px;
            margin-top: auto;
            padding-top: 15px;
            border-top: 1px dashed rgba(160,174,192,.42);
            color: #667085;
            font-size: 13px;
        }
        .api-card-format,
        .api-card-date {
            min-width: 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .api-card-action {
            min-width: 76px;
            padding: 6px 10px;
            border-radius: 999px;
            background: #2B6DF3;
            color: #fff;
            text-align: center;
            font-size: 12px;
            font-weight: 800;
        }

        .se-detail-view { display: none; }
        .se-detail-mode .se-list-view { display: none; }
        .se-detail-mode .se-detail-view { display: block; }
        .app-detail-item { display: none; }
        .app-detail-item.active { display: block; }
        .product-hero {
            margin-top: 76px;
            min-height: 528px;
            display: flex;
            align-items: center;
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 78% 26%, rgba(255,255,255,.20), transparent 26%),
                radial-gradient(circle at 12% 72%, rgba(22,183,119,.20), transparent 30%),
                linear-gradient(135deg,#1a90ff 0%,#1d4edd 72%,#172554 100%);
        }
        .product-hero:after {
            content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(115deg, rgba(255,255,255,.08) 0 30%, transparent 31% 58%, rgba(255,255,255,.10) 59% 60%, transparent 61%);
            animation: seWave 8s ease-in-out infinite alternate;
            pointer-events: none;
        }
        .product-hero_inner {
            position: relative;
            z-index: 1;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            padding: 64px 20px;
            display: grid;
            grid-template-columns: minmax(0,1fr) minmax(440px,560px);
            gap: 64px;
            align-items: center;
        }
        .product-info { color: #fff; opacity: 0; animation: fadeInUp .8s ease forwards; }
        .product-kicker {
            display: inline-flex;
            margin-bottom: 18px;
            padding: 7px 12px;
            border: 1px solid rgba(255,255,255,.26);
            border-radius: 999px;
            background: rgba(255,255,255,.12);
            color: rgba(255,255,255,.92);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0;
        }
        .product-info h1 { margin: 0 0 18px; color: #fff; font-size: 42px; line-height: 1.18; font-weight: 800; }
        .product-desc {
            max-width: 520px;
            margin: 0 0 28px;
            color: rgba(255,255,255,.84);
            font-size: 16px;
            line-height: 1.9;
        }
        .product-price { margin-bottom: 34px; color: #fff; font-size: 18px; position: relative; }
        .product-price strong { color: #fdd76e; font-size: 34px; font-style: italic; font-weight: 800; }
        .product-price em { color: #fdd76e; font-style: normal; }
        .product-price i {
            margin-left: 16px;
            position: relative;
            top: -5px;
            display: inline-block;
            min-width: 72px;
            padding: 5px 15px 6px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,.44);
            border-radius: 999px 999px 999px 6px;
            background:
                linear-gradient(120deg, #ff4d6d 0%, #ff7a45 38%, #ffcf5a 58%, #ff4d6d 100%);
            background-size: 230% 100%;
            color: #fff;
            font-size: 12px;
            line-height: 1;
            font-style: normal;
            font-weight: 900;
            text-align: center;
            letter-spacing: 0;
            vertical-align: middle;
            box-shadow: 0 12px 28px rgba(255,83,95,.28), inset 0 1px 0 rgba(255,255,255,.48);
            isolation: isolate;
            animation: offerBadgePulse 1.9s ease-in-out infinite, offerBadgeFlow 4.2s linear infinite;
        }
        .product-price i:before {
            content: "";
            position: absolute;
            top: -45%;
            bottom: -45%;
            left: -58%;
            z-index: -1;
            width: 38px;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.76), transparent);
            transform: rotate(18deg);
            animation: offerBadgeShine 2.4s ease-in-out infinite;
        }
        .product-price i:after {
            content: "";
            position: absolute;
            right: 8px;
            top: 6px;
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: rgba(255,255,255,.92);
            box-shadow: 0 0 10px rgba(255,255,255,.82);
            animation: offerBadgeSpark 1.35s ease-in-out infinite;
        }
        .product-actions { display: flex; flex-wrap: wrap; gap: 4px; }
        .product-actions .se-btn { min-width: 128px; text-align: center; animation-delay: .2s; opacity: 1; animation-name: none; }
        .product-actions .dark { background: #2f363c; }
        .product-actions .green { background: #16b777; }
        .product-actions .orange { background: #ffb800; color: #fff !important; }
        .product-media {
            height: 400px;
            padding: 34px;
            border: 1px solid rgba(255,255,255,.46);
            border-radius: 22px;
            background: rgba(255,255,255,.86);
            position: relative;
            overflow: hidden;
            opacity: 0;
            box-shadow: 0 34px 90px rgba(7, 22, 64, .22), inset 0 1px 0 rgba(255,255,255,.86);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
            animation: fadeInUp .8s ease .2s forwards;
        }
        .product-media-glow {
            position: absolute;
            inset: 24px;
            border-radius: 20px;
            background:
                radial-gradient(circle at 50% 46%, rgba(43,109,243,.18), transparent 36%),
                linear-gradient(135deg, rgba(247,251,255,.95), rgba(229,240,255,.74));
        }
        .product-media img {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 58%;
            object-fit: contain;
            display: block;
            border-radius: 12px;
        }
        .product-release-card {
            position: absolute;
            left: 24px;
            right: 24px;
            bottom: 22px;
            z-index: 1;
            display: grid;
            grid-template-columns: repeat(3,minmax(0,1fr));
            gap: 12px;
            align-items: center;
            border: 1px solid rgba(22,183,119,.18);
            border-radius: 22px;
            padding: 16px;
            background:
                linear-gradient(135deg, rgba(255,255,255,.92), rgba(245,250,255,.82));
            box-shadow: 0 20px 48px rgba(20,45,96,.16), inset 0 1px 0 rgba(255,255,255,.72);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
        }
        .release-metric {
            min-height: 64px;
            padding: 11px 13px;
            border: 1px solid rgba(219,228,240,.88);
            border-radius: 14px;
            background:
                linear-gradient(135deg, rgba(248,251,255,.96), rgba(255,255,255,.82));
            box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
        }
        .release-metric span {
            display: block;
            margin-bottom: 5px;
            color: #667085;
            font-size: 12px;
            line-height: 1;
            font-weight: 800;
        }
        .release-metric strong {
            display: block;
            color: #111827;
            font-size: 16px;
            line-height: 1.2;
            font-weight: 900;
            white-space: nowrap;
        }
        .release-metric .product-version,
        .release-metric .download-count {
            color: #0f9f68;
        }
        .release-download {
            grid-column: 1 / -1;
            width: 100%;
            min-width: 0;
            height: 52px;
            line-height: 52px;
            border-radius: 16px !important;
            font-size: 16px;
            background: linear-gradient(135deg,#2B6DF3,#1d4edd) !important;
            box-shadow: 0 16px 34px rgba(43,109,243,.24) !important;
            transition: transform .25s ease, box-shadow .25s ease !important;
        }
        .release-download:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 42px rgba(43,109,243,.30) !important;
        }
        .product-release-card .release-download.layui-btn {
            height: 50px !important;
            line-height: 50px !important;
            padding: 0 !important;
        }
        .detail-panel { padding: 26px; margin-bottom: 28px; }
        .app-download-panel {
            display: grid;
            grid-template-columns: minmax(0,1fr) auto;
            gap: 22px;
            align-items: center;
            border: 1px solid rgba(219,228,240,.92);
            background:
                linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,255,.88)),
                radial-gradient(circle at 96% 18%, rgba(43,109,243,.12), transparent 28%);
            box-shadow: 0 16px 42px rgba(20,45,96,.08);
        }
        .detail-info-grid {
            display: grid;
            grid-template-columns: repeat(3,minmax(0,1fr));
            gap: 12px;
        }
        .detail-info-grid p {
            min-height: 72px;
            margin: 0;
            padding: 14px;
            border: 1px solid rgba(219,228,240,.88);
            border-radius: 10px;
            background: rgba(255,255,255,.72);
        }
        .detail-info-grid span {
            display: block;
            margin-bottom: 7px;
            color: #667085;
            font-size: 12px;
            font-weight: 700;
        }
        .detail-info-grid strong {
            display: block;
            min-width: 0;
            overflow: hidden;
            color: #111827;
            font-size: 14px;
            line-height: 1.35;
            font-weight: 800;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .detail-info-grid a { color: #2B6DF3; }
        .se-download-btn {
            min-width: 148px;
            height: 50px;
            line-height: 50px;
            border-radius: 10px !important;
        }
        .history-panel {
            padding: 0;
            overflow: hidden;
            height: min(640px, 72vh);
            border: 1px solid rgba(219,228,240,.92);
            border-radius: 18px;
            background:
                linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,255,.88)),
                radial-gradient(circle at 96% 10%, rgba(43,109,243,.10), transparent 28%);
            box-shadow: 0 16px 44px rgba(20,45,96,.08);
        }
        .detail-panel iframe,
        .history-panel iframe {
            width: 100%;
            height: 100%;
            min-height: 0;
            border: 0;
            border-radius: 12px;
            background: transparent;
        }
        .app-intro-panel {
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(219,228,240,.92);
            background:
                linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,251,255,.90)),
                radial-gradient(circle at 90% 0%, rgba(22,183,119,.10), transparent 28%);
            box-shadow: 0 16px 44px rgba(20,45,96,.08);
        }
        .app-intro-panel:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 4px;
            background: linear-gradient(90deg,#2B6DF3,#16b777);
        }
        .app-content {
            color: #1d2129;
            font-size: 15px;
            line-height: 1.9;
            white-space: pre-line !important;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .app-content *,
        .app-content p,
        .app-content div,
        .app-content span,
        .app-content li {
            max-width: 100%;
            white-space: pre-line !important;
            overflow-wrap: anywhere;
            word-break: break-word;
        }
        .app-content p { margin: 0 0 12px; }
        .app-content img { max-width: 100%; height: auto; border-radius: 8px; object-fit: contain; }
        .app-content pre,
        .app-content code {
            white-space: pre-wrap !important;
            overflow-wrap: anywhere;
            word-break: break-all;
        }
        .app-content table {
            display: block;
            max-width: 100%;
            overflow-x: auto;
            white-space: normal !important;
        }
        .app-empty {
            min-height: 128px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px dashed rgba(43,109,243,.24);
            border-radius: 12px;
            background: rgba(248,251,255,.72);
            color: #667085;
            font-weight: 800;
        }

        .se-layer-download {
            overflow: hidden;
            border-radius: 18px !important;
            box-shadow: 0 28px 80px rgba(12, 28, 64, .25) !important;
        }
        .se-layer-download .layui-layer-title {
            height: 50px;
            line-height: 50px;
            border: 0;
            background: linear-gradient(135deg,#f8fbff,#eef6ff);
            color: #111827;
            font-weight: 800;
        }
        .se-layer-download .layui-layer-setwin { top: 17px; }

        .download-dialog {
            min-height: 100vh;
            padding: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            background:
                radial-gradient(circle at 18% 18%, rgba(43,109,243,.18), transparent 26%),
                radial-gradient(circle at 88% 72%, rgba(22,183,119,.16), transparent 28%),
                linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
        }
        .download-card {
            width: min(100%, 500px);
            padding: 24px;
            border: 1px solid rgba(204,218,238,.86);
            border-radius: 18px;
            background: rgba(255,255,255,.88);
            box-shadow: 0 24px 70px rgba(20,45,96,.14);
            backdrop-filter: blur(16px);
            -webkit-backdrop-filter: blur(16px);
        }
        .download-card-head {
            display: grid;
            grid-template-columns: 74px minmax(0,1fr);
            gap: 16px;
            align-items: center;
            margin-bottom: 22px;
        }
        .download-logo {
            width: 74px;
            height: 74px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 18px;
            background: linear-gradient(135deg,#fff,#edf5ff);
            box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 16px 34px rgba(43,109,243,.14);
        }
        .download-logo img { width: 78%; height: 78%; object-fit: contain; }
        .download-card-head span {
            color: #2B6DF3;
            font-size: 12px;
            font-weight: 900;
            letter-spacing: 0;
        }
        .download-card-head h1 {
            margin: 5px 0 6px;
            color: #111827;
            font-size: 24px;
            line-height: 1.25;
            font-weight: 900;
        }
        .download-version {
            margin: 0;
            color: #0f9f68;
            font-size: 13px;
            font-weight: 800;
        }
        .download-form .layui-form-item { margin-bottom: 16px; }
        .download-field label {
            display: block;
            margin-bottom: 8px;
            color: #344054;
            font-size: 13px;
            font-weight: 800;
        }
        .download-field .layui-input {
            height: 48px;
            border: 1px solid #dbe4f0;
            border-radius: 10px;
            background: rgba(248,251,255,.86);
            color: #111827;
        }
        .download-field .layui-input:focus {
            border-color: #2B6DF3 !important;
            background: #fff;
            box-shadow: 0 0 0 4px rgba(43,109,243,.10);
        }
        .download-code-row {
            display: grid;
            grid-template-columns: minmax(0,1fr) 132px;
            gap: 10px;
        }
        .download-code-row .layui-btn {
            height: 48px;
            line-height: 48px;
            border-radius: 10px;
            box-shadow: none;
        }
        .download-submit { margin-top: 20px; margin-bottom: 0 !important; }
        .download-submit .layui-btn {
            height: 50px;
            line-height: 50px;
            border-radius: 12px;
            font-size: 15px;
        }
        .download-qr {
            padding: 34px 20px 26px;
            text-align: center;
            background: linear-gradient(135deg,#f8fbff,#eef6ff);
        }
        .download-qr img {
            width: 210px;
            max-width: 80%;
            border: 10px solid #fff;
            border-radius: 18px;
            box-shadow: 0 16px 38px rgba(20,45,96,.14);
        }
        .download-qr p {
            margin: 16px 0 0;
            color: #344054;
            font-weight: 800;
        }

        .se-check-view { display: none; }
        body.se-check-mode .se-home-view { display: none; }
        body.se-check-mode .se-check-view { display: block; }

        .se-footer {
            background: #33333c;
            padding: 60px 0 20px;
            color: rgba(255,255,255,.86);
        }
        .se-footer_container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        .company-logo {
            display: inline-block;
            margin-left: 126px;
            margin-top: -35px;
            width: 126px;
            height: 40px;
            position: absolute;
            background: url('/static/v3/images/bottom_16.gif') no-repeat left;
            background-size: contain;
        }
        .se-footer_content {
            display: grid;
            grid-template-columns: repeat(4,1fr);
            gap: 40px;
            margin-bottom: 40px;
        }
        .se-footer_section { position: relative; }
        .se-footer_section h3 { margin: 0 0 20px; color: #fff; font-size: 16px; font-weight: 600; }
        .se-footer_section ul { margin: 0; padding: 0; list-style: none; }
        .se-footer_section li { margin-bottom: 12px; }
        .se-footer_section a { color: rgba(255,255,255,.78); font-size: 14px; transition: color .3s ease; }
        .se-footer_section a:hover { color: #fff; }
        .se-footer_bottom {
            padding-top: 20px;
            border-top: 1px solid rgba(255,255,255,.12);
            text-align: center;
        }
        .se-footer_bottom p { margin: 0; color: rgba(255,255,255,.72); font-size: 14px; }
        .se-footer_bottom a { color: rgba(255,255,255,.8); }
        .se-footer_simple {
            margin-top: 80px;
            padding-top: 34px;
            background: #33333c;
            color: rgba(255,255,255,.78);
            border-top: 0;
        }
        .se-footer_simple .se-footer_bottom { border-top-color: rgba(255,255,255,.12); }
        .se-footer_simple .se-footer_bottom p,
        .se-footer_simple .se-footer_bottom a { color: rgba(255,255,255,.72); }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes arrowPulse {
            0% { transform: translateX(0); }
            50% { transform: translateX(5px); }
            100% { transform: translateX(0); }
        }
        @keyframes seWave {
            from { transform: scale(1) translate3d(0,0,0); filter: hue-rotate(0); }
            to { transform: scale(1.04) translate3d(-12px,8px,0); filter: hue-rotate(8deg); }
        }
        @keyframes offerBadgePulse {
            0%, 100% { transform: translateY(0) scale(1); }
            50% { transform: translateY(-1px) scale(1.06); }
        }
        @keyframes offerBadgeFlow {
            from { background-position: 0% 50%; }
            to { background-position: 230% 50%; }
        }
        @keyframes offerBadgeShine {
            0%, 18% { left: -58%; opacity: 0; }
            38% { opacity: .95; }
            58%, 100% { left: 118%; opacity: 0; }
        }
        @keyframes offerBadgeSpark {
            0%, 100% { opacity: .45; transform: scale(.76); }
            50% { opacity: 1; transform: scale(1.18); }
        }
        @keyframes mobileHeroWash {
            0%, 100% { background-position: 0% 50%, 0% 0%, 100% 100%; }
            50% { background-position: 100% 50%, 24px 0%, 72% 100%; }
        }
        @keyframes mobileRibbonFloat {
            0%, 100% { transform: translate3d(0,0,0) rotate(12deg); }
            50% { transform: translate3d(-16px,10px,0) rotate(9deg); }
        }
        @keyframes mobileTileFloat {
            0%, 100% { transform: translate3d(0,0,0) rotate(0deg); opacity: .86; }
            50% { transform: translate3d(10px,-12px,0) rotate(7deg); opacity: 1; }
        }
        @keyframes mobileSparkDrift {
            0%, 100% { transform: translate3d(0,0,0) scale(.92); opacity: .45; }
            50% { transform: translate3d(-12px,8px,0) scale(1.08); opacity: .9; }
        }
        @keyframes mobileDynamicWash {
            0%, 100% { background-position: 0% 50%, 100% 20%, center center; }
            50% { background-position: 100% 50%, 76% 62%, center center; }
        }
        @keyframes mobileDynamicRibbon {
            0%, 100% { transform: translate3d(0,0,0) rotate(6deg) scale(1); opacity: .78; }
            50% { transform: translate3d(-18px,12px,0) rotate(3deg) scale(1.04); opacity: .96; }
        }
        @keyframes mobileDynamicOrb {
            0%, 100% { transform: translate3d(0,0,0) scale(.96); opacity: .58; }
            50% { transform: translate3d(-14px,-10px,0) scale(1.12); opacity: .86; }
        }
        @keyframes mobileDynamicTile {
            0%, 100% { transform: translate3d(0,0,0) rotate(6deg); opacity: .58; }
            50% { transform: translate3d(8px,-12px,0) rotate(14deg); opacity: .9; }
        }

        @media screen and (max-width: 1200px) {
            .se-header { height: 450px; }
            .se-header_wrap { padding-left: 60px; }
            .se-header_title { font-size: 40px; }
            .se-nav_container { padding: 0 24px; }
            .se-nav_left { gap: 14px; }
            .se-nav_links { gap: 16px; padding: 0; margin-left: 26px; max-width: none; }
            .se-nav_link { padding: 0; font-size: 13px; }
            .se-nav_right { min-width: 128px; }
            .se-nav_login { min-width: 106px; padding: 9px 16px; }
        }
        @media screen and (max-width: 992px) {
            .se-header { height: 400px; }
            .se-header_wrap { padding-left: 40px; }
            .se-header_title { font-size: 36px; }
            .se-overview_grid { grid-template-columns: repeat(2,1fr); }
            .se-process_grid { flex-direction: column; gap: 22px; max-width: 680px; }
            .se-process_item { width: 100%; flex-direction: column; }
            .se-process_card { width: 100%; min-height: 180px; }
            .se-process_arrow { transform: rotate(90deg); margin: 4px 0 -4px; animation: none; }
            .product-hero_inner { grid-template-columns: 1fr; gap: 32px; }
            .product-media { height: 420px; }
            .product-release-card { grid-template-columns: repeat(2,minmax(0,1fr)); }
            .release-download { grid-column: 1 / -1; width: 100%; }
            .app-download-panel { grid-template-columns: 1fr; }
            .detail-info-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
            .se-download-btn { width: 100%; }
            .se-footer_content { grid-template-columns: repeat(2,1fr); }
        }
        @media screen and (max-width: 768px) {
            .se-nav { height: 70px; }
            .se-nav_container { padding: 0 12px; gap: 10px; }
            .se-nav_left { gap: 0; }
            .se-nav_logo { height: 38px; margin-right: 0; }
            .se-nav_logo img { width: auto; max-width: 112px; height: 36px; max-height: 36px; border-radius: 0; }
            .se-nav_logo strong { font-size: 15px; }
            .se-nav_logo span span { font-size: 11px; }
            .se-nav_right { display: none; min-width: 0; }
            .se-nav_links {
                display: grid;
                position: absolute;
                top: 82px;
                left: 14px;
                right: 14px;
                max-width: none;
                padding: 10px;
                grid-template-columns: repeat(2,minmax(0,1fr));
                align-items: stretch;
                gap: 9px;
                border: 1px solid rgba(255,255,255,.72);
                border-radius: 20px;
                background:
                    linear-gradient(135deg, rgba(255,255,255,.98), rgba(246,250,255,.96)),
                    radial-gradient(circle at 8% 0%, rgba(43,109,243,.08), transparent 36%);
                box-shadow: 0 24px 54px rgba(20,45,96,.15), inset 0 1px 0 rgba(255,255,255,.86);
                white-space: normal;
                overflow: hidden;
                z-index: 1002;
                opacity: 0;
                visibility: hidden;
                pointer-events: none;
                transform: translateY(-8px) scale(.98);
                transform-origin: top center;
                transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
                backdrop-filter: blur(16px);
                -webkit-backdrop-filter: blur(16px);
            }
            .se-nav_links:before {
                content: "";
                position: absolute;
                left: 18px;
                right: 18px;
                top: 0;
                height: 3px;
                border-radius: 0 0 999px 999px;
                background: linear-gradient(90deg,#2B6DF3,#16b777);
            }
            .se-nav_links.active {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
                transform: translateY(0) scale(1);
            }
            .se-nav_link {
                min-height: 40px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 9px 10px;
                border: 1px solid rgba(219,228,240,.80);
                border-radius: 14px;
                background: rgba(248,251,255,.92);
                text-align: center;
                box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
            }
            .se-nav_link:after { display: none; }
            .se-nav_links .se-nav_link:last-child:nth-child(odd) {
                grid-column: 1 / -1;
            }
            .se-nav_link:hover,
            .se-nav_link.active {
                color: #fff;
                background: linear-gradient(135deg,#2B6DF3,#1d4edd);
                box-shadow: none;
                transform: none;
            }
            .se-nav_login {
                display: none;
            }
            .se-nav_toggle { display: flex; }
            .se-nav_toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px,5px); }
            .se-nav_toggle.active span:nth-child(2) { opacity: 0; }
            .se-nav_toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(5px,-5px); }
            .se-header {
                height: 336px;
                margin-top: 70px;
                align-items: center;
                background: #f4f8ff;
            }
            .se-header:after {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 1;
                pointer-events: none;
                background:
                    linear-gradient(105deg, rgba(247,250,255,.90) 0%, rgba(247,250,255,.72) 34%, rgba(247,250,255,.28) 58%, rgba(247,250,255,.04) 100%),
                    linear-gradient(180deg, rgba(255,255,255,.05), rgba(229,241,255,.10));
            }
            .se-header_bg { display: block; opacity: 1; }
            .se-mobile-hero-anim {
                display: block;
                position: absolute;
                inset: 0;
                z-index: 1;
                overflow: hidden;
            }
            .se-mobile-hero-anim span {
                position: absolute;
                display: block;
                pointer-events: none;
                will-change: transform, opacity;
            }
            .se-mobile-ribbon {
                top: 112px;
                right: -134px;
                width: 340px;
                height: 108px;
                border-radius: 999px;
                background:
                    linear-gradient(90deg, rgba(36,111,255,.03), rgba(35,153,255,.46) 34%, rgba(108,112,255,.38) 68%, rgba(22,183,119,.18));
                box-shadow: 0 20px 56px rgba(43,109,243,.15), inset 0 1px 0 rgba(255,255,255,.82);
                animation: mobileRibbonFloat 6.8s ease-in-out infinite;
            }
            .se-mobile-ribbon:before,
            .se-mobile-ribbon:after {
                content: "";
                position: absolute;
                left: 30px;
                right: 30px;
                height: 1px;
                border-radius: 999px;
                background: rgba(255,255,255,.86);
            }
            .se-mobile-ribbon:before { top: 28px; }
            .se-mobile-ribbon:after { bottom: 26px; opacity: .64; }
            .se-mobile-tile {
                width: 24px;
                height: 24px;
                border: 1px solid rgba(255,255,255,.82);
                border-radius: 8px;
                background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(190,219,255,.82));
                box-shadow: 0 10px 24px rgba(43,109,243,.13);
                animation: mobileTileFloat 5.6s ease-in-out infinite;
            }
            .se-mobile-tile-a { right: 20px; top: 92px; opacity: .78; }
            .se-mobile-tile-b { right: -10px; top: 172px; width: 34px; height: 34px; opacity: .68; animation-delay: -1.8s; }
            .se-mobile-tile-c { right: 98px; top: 168px; width: 16px; height: 16px; opacity: .60; animation-delay: -3.1s; }
            .se-mobile-spark {
                width: 8px;
                height: 8px;
                border-radius: 3px;
                background: #2B6DF3;
                box-shadow: 0 0 0 5px rgba(43,109,243,.12);
                animation: mobileSparkDrift 4.4s ease-in-out infinite;
            }
            .se-mobile-spark-a { right: 154px; top: 118px; opacity: .45; }
            .se-mobile-spark-b { right: 82px; top: 214px; background: #16b777; animation-delay: -2.4s; }
            .se-header_content {
                z-index: 3;
            }
            .se-header_wrap {
                max-width: 360px;
                padding: 0 20px;
                transform: translateY(-2px);
            }
            .se-header_title {
                margin-bottom: 16px;
                color: #141a28;
                font-size: clamp(28px,7.6vw,32px);
                line-height: 1.18;
                font-weight: 900;
                opacity: 1;
                animation: none;
                text-rendering: geometricPrecision;
                -webkit-font-smoothing: antialiased;
            }
            .se-header_highlight {
                margin-left: 6px;
                background: linear-gradient(90deg,#1d4edd 0%,#0b8cff 100%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                font-weight: 900;
            }
            .se-header_desc {
                color: #3f4c63;
                font-size: 14px;
                font-weight: 600;
                margin-bottom: 30px;
                opacity: 1;
                animation: none;
            }
            .se-btn {
                min-width: 104px;
                border-radius: 7px;
                opacity: 1;
                animation: none;
                box-shadow: 0 12px 28px rgba(43,109,243,.24);
            }
            .se-page-header { height: 220px; margin-top: 70px; }
            .se-page-header_title { font-size: 26px; }
            .se-overview_grid { grid-template-columns: 1fr; }
            .se-process { padding: 64px 0; }
            .api-grid { grid-template-columns: 1fr; }
            .app-title { font-size: 20px; }
            .se-form-card { padding: 24px; }
            .layui-col-xs7, .layui-col-xs5 { width: 100% !important; float: none !important; }
            .layui-col-xs5 > div { margin: 10px 0 0 !important; }
            .product-hero { min-height: auto; }
            .product-hero_inner { padding: 42px 20px; }
            .product-info h1 { font-size: 30px; }
            .product-hero { margin-top: 70px; }
            .product-media {
                height: auto;
                padding: 0;
                display: grid;
                gap: 22px;
                border: 0;
                border-radius: 0;
                background: transparent;
                overflow: visible;
                box-shadow: none;
                backdrop-filter: none;
                -webkit-backdrop-filter: none;
            }
            .product-media-glow { display: none; }
            .product-media img {
                width: 100%;
                height: 232px;
                margin: 0;
                padding: 30px 36px;
                box-sizing: border-box;
                object-fit: contain;
                object-position: center;
                border: 1px solid rgba(255,255,255,.72);
                border-radius: 24px;
                background:
                    radial-gradient(circle at 50% 42%, rgba(43,109,243,.14), transparent 42%),
                    linear-gradient(135deg, rgba(255,255,255,.96), rgba(230,241,255,.82));
                box-shadow: 0 22px 58px rgba(7,22,64,.18), inset 0 1px 0 rgba(255,255,255,.88);
                backdrop-filter: blur(12px);
                -webkit-backdrop-filter: blur(12px);
            }
            .product-release-card {
                position: relative;
                left: auto;
                right: auto;
                bottom: auto;
                gap: 10px;
                border-radius: 22px;
                padding: 12px;
                background:
                    linear-gradient(135deg, rgba(255,255,255,.94), rgba(242,248,255,.86));
                box-shadow: 0 18px 44px rgba(20,45,96,.15), inset 0 1px 0 rgba(255,255,255,.78);
            }
            .product-actions .se-btn { width: 100%; margin-bottom: 8px; }
            .detail-info-grid { grid-template-columns: 1fr; }
            .download-dialog { padding: 16px; align-items: flex-start; }
            .download-card { padding: 20px; }
            .download-code-row { grid-template-columns: 1fr; }
            .download-card-head { grid-template-columns: 58px minmax(0,1fr); gap: 12px; }
            .download-logo { width: 58px; height: 58px; border-radius: 14px; }
            .download-card-head h1 { font-size: 20px; }
            .history-panel { height: 560px; max-height: 68vh; }
            .company-logo { display: none; }
            .se-footer { padding: 22px 0 18px; }
            .se-footer_content { display: none; }
            .se-footer_bottom { padding-top: 0; border-top: 0; }
            .se-footer_bottom p { font-size: 12px; line-height: 1.7; }
        }
        @media screen and (max-width: 480px) {
            .se-header { height: 322px; }
            .se-mobile-ribbon { top: 116px; right: -142px; width: 326px; height: 102px; }
            .se-mobile-tile-a { right: 18px; top: 94px; }
            .se-mobile-tile-b { right: -12px; top: 170px; }
            .se-mobile-tile-c { right: 92px; top: 166px; }
            .se-mobile-spark-a { right: 138px; top: 124px; }
            .se-mobile-spark-b { right: 78px; top: 212px; }
            .se-header_wrap { max-width: 340px; padding: 0 20px; }
            .se-header_title { font-size: clamp(26px,7vw,29px); }
            .se-btn { padding: 10px 24px; font-size: 14px; }
            .se-page-header { height: 200px; }
            .se-page-header_title { font-size: 24px; }
            .se-main { padding: 32px 14px; }
            .history-panel { height: 520px; max-height: 66vh; }
            .product-price strong { font-size: 26px; }
            .product-media { gap: 20px; padding: 0; }
            .product-media img {
                height: 218px;
                padding: 28px 30px;
                border-radius: 22px;
            }
            .product-release-card { left: auto; right: auto; bottom: auto; gap: 10px; padding: 12px; }
            .release-metric { min-height: 50px; padding: 9px 10px; }
            .release-metric strong { font-size: 15px; }
            .release-download { height: 48px; line-height: 48px; }
            .api-grid { gap: 18px; }
            .api-card { min-height: 0; padding: 18px; }
            .api-card-top { grid-template-columns: 54px minmax(0,1fr); }
            .api-card-icon { width: 54px; height: 54px; border-radius: 14px; }
            .api-method { grid-column: 1 / -1; width: max-content; }
            .api-card-meta { grid-template-columns: 1fr; }
        }
        .se-header_bg {
            background: url('/static/images/site-hero-bg.png') center center / cover no-repeat;
        }
        @media screen and (max-width: 1200px) {
            .se-header_bg video { object-position: 50% center; }
        }
        @media screen and (max-width: 992px) {
            .se-header_bg video { object-position: 65% center; }
        }
        .se-mobile-hero-anim {
            display: none !important;
        }
        @media screen and (max-width: 768px) {
            .se-header_bg {
                background:
                    radial-gradient(circle at 80% 68%, rgba(68,210,225,.18), transparent 28%),
                    linear-gradient(110deg, rgba(248,251,255,.86) 0%, rgba(226,240,255,.78) 52%, rgba(225,238,255,.70) 100%),
                    url('/static/images/site-hero-bg-mobile-v6.png') center center / cover no-repeat;
                background-size: 160% 160%, 160% 160%, cover;
                background-position: 0% 50%, 100% 20%, center center;
                animation: mobileDynamicWash 12s ease-in-out infinite;
            }
            .se-header_bg video {
                display: none;
            }
            .se-header_bg:before,
            .se-header_bg:after {
                content: "";
                position: absolute;
                display: block;
                pointer-events: none;
                will-change: transform, opacity;
            }
            .se-header_bg:before {
                top: 74px;
                right: 14px;
                width: min(70vw, 292px);
                height: 86px;
                border-radius: 999px;
                background:
                    linear-gradient(90deg, rgba(94,235,214,.20), rgba(34,126,255,.54) 46%, rgba(150,111,255,.42) 75%, rgba(255,122,177,.22)),
                    linear-gradient(180deg, rgba(255,255,255,.38), rgba(255,255,255,0));
                box-shadow: 0 22px 58px rgba(43,109,243,.16), inset 0 1px 0 rgba(255,255,255,.78);
                animation: mobileDynamicRibbon 8.4s ease-in-out infinite;
            }
            .se-header_bg:after {
                right: 24px;
                bottom: 68px;
                width: 78px;
                height: 60px;
                border-radius: 48% 52% 55% 45%;
                background: radial-gradient(circle at 30% 28%, rgba(125,255,230,.72), rgba(43,109,243,.48) 60%, rgba(117,84,255,.34));
                box-shadow: 0 16px 42px rgba(43,109,243,.16);
                animation: mobileDynamicOrb 7.2s ease-in-out infinite;
            }
        }
        .mobile-auth-scene { display: none; }
        @keyframes authFieldDrift {
            0%, 100% { background-position: 0% 0%, 100% 12%, 0 0; }
            50% { background-position: 100% 18%, 72% 70%, 28px 0; }
        }
        @keyframes authCardFloat {
            0%, 100% { transform: translate3d(0,0,0) rotate(-7deg); }
            50% { transform: translate3d(-10px,10px,0) rotate(-3deg); }
        }
        @keyframes authShieldPulse {
            0%, 100% { transform: translate3d(0,0,0) scale(.96); opacity: .72; }
            50% { transform: translate3d(7px,-8px,0) scale(1.06); opacity: .96; }
        }
        @keyframes authKeyDrift {
            0%, 100% { transform: translate3d(0,0,0) rotate(-8deg); opacity: .72; }
            50% { transform: translate3d(-12px,8px,0) rotate(-2deg); opacity: .94; }
        }
        @keyframes authScanSweep {
            0% { transform: translateX(-120%); opacity: 0; }
            18%, 62% { opacity: .86; }
            100% { transform: translateX(120%); opacity: 0; }
        }
        @keyframes authOrbitDrift {
            0%, 100% { transform: rotate(-12deg) translate3d(0,0,0); opacity: .42; }
            50% { transform: rotate(-4deg) translate3d(-10px,8px,0); opacity: .72; }
        }
        @keyframes authNodeBlink {
            0%, 100% { transform: scale(.88); opacity: .46; }
            50% { transform: scale(1.12); opacity: .92; }
        }
        @media screen and (max-width: 768px) {
            .se-header_bg {
                background:
                    linear-gradient(125deg, rgba(248,251,255,.96) 0%, rgba(235,246,255,.88) 52%, rgba(247,251,255,.96) 100%),
                    radial-gradient(ellipse at 82% 32%, rgba(43,109,243,.16), transparent 38%),
                    repeating-linear-gradient(112deg, rgba(43,109,243,.045) 0 1px, transparent 1px 32px);
                background-size: 180% 180%, 160% 160%, auto;
                animation: authFieldDrift 14s ease-in-out infinite;
            }
            .se-header_bg video { display: none; }
            .se-header_bg:before,
            .se-header_bg:after {
                display: none;
                content: none;
            }
            .mobile-auth-scene {
                display: block;
                position: absolute;
                inset: 0;
                z-index: 1;
                overflow: hidden;
                pointer-events: none;
            }
            .mobile-auth-scene span {
                position: absolute;
                display: block;
                pointer-events: none;
                will-change: transform, opacity;
            }
            .auth-orbit {
                right: -24px;
                top: 44px;
                width: 242px;
                height: 174px;
                border: 1px solid rgba(43,109,243,.16);
                border-radius: 50%;
                background: linear-gradient(115deg, rgba(255,255,255,.16), transparent 58%);
                animation: authOrbitDrift 9s ease-in-out infinite;
            }
            .auth-orbit-b {
                right: 18px;
                top: 86px;
                width: 170px;
                height: 118px;
                border-color: rgba(22,183,119,.15);
                animation-delay: -3.6s;
            }
            .auth-card-art {
                top: 82px;
                right: 20px;
                width: 158px;
                height: 106px;
                border: 1px solid rgba(255,255,255,.78);
                border-radius: 22px;
                background:
                    linear-gradient(135deg, rgba(255,255,255,.92), rgba(229,241,255,.74)),
                    linear-gradient(90deg, rgba(43,109,243,.14), transparent);
                box-shadow: 0 24px 62px rgba(20,45,96,.15), inset 0 1px 0 rgba(255,255,255,.9);
                animation: authCardFloat 7.2s ease-in-out infinite;
            }
            .auth-card-art:before {
                content: "";
                position: absolute;
                left: 18px;
                top: 20px;
                width: 58px;
                height: 8px;
                border-radius: 999px;
                background: rgba(43,109,243,.58);
                box-shadow: 0 20px 0 rgba(43,109,243,.18), 0 40px 0 rgba(22,183,119,.16);
            }
            .auth-card-art:after {
                content: "";
                position: absolute;
                right: 18px;
                bottom: 17px;
                width: 34px;
                height: 34px;
                border: 2px solid rgba(43,109,243,.34);
                border-radius: 50%;
                background: conic-gradient(from 45deg, rgba(43,109,243,.18), rgba(22,183,119,.28), rgba(43,109,243,.12));
                box-shadow: inset 0 0 0 7px rgba(255,255,255,.72);
            }
            .auth-shield-art {
                top: 48px;
                right: 146px;
                width: 46px;
                height: 54px;
                clip-path: polygon(50% 0, 91% 14%, 84% 72%, 50% 100%, 16% 72%, 9% 14%);
                background: linear-gradient(135deg, rgba(22,183,119,.78), rgba(43,109,243,.78));
                box-shadow: 0 18px 38px rgba(43,109,243,.18);
                animation: authShieldPulse 6.4s ease-in-out infinite;
            }
            .auth-shield-art:after {
                content: "";
                position: absolute;
                left: 15px;
                top: 17px;
                width: 16px;
                height: 9px;
                border-left: 3px solid rgba(255,255,255,.92);
                border-bottom: 3px solid rgba(255,255,255,.92);
                transform: rotate(-45deg);
            }
            .auth-key-art {
                top: 208px;
                right: 26px;
                width: 98px;
                height: 26px;
                animation: authKeyDrift 7.8s ease-in-out infinite;
            }
            .auth-key-art:before {
                content: "";
                position: absolute;
                left: 0;
                top: 3px;
                width: 20px;
                height: 20px;
                border: 4px solid rgba(43,109,243,.52);
                border-radius: 50%;
                background: rgba(255,255,255,.52);
            }
            .auth-key-art:after {
                content: "";
                position: absolute;
                left: 25px;
                top: 11px;
                width: 68px;
                height: 5px;
                border-radius: 999px;
                background: rgba(43,109,243,.48);
                box-shadow: 42px 8px 0 -1px rgba(43,109,243,.34), 54px 8px 0 -1px rgba(43,109,243,.28);
            }
            .auth-scan-line {
                top: 150px;
                left: 26%;
                width: 210px;
                height: 2px;
                border-radius: 999px;
                background: linear-gradient(90deg, transparent, rgba(43,109,243,.46), rgba(22,183,119,.32), transparent);
                animation: authScanSweep 5.8s ease-in-out infinite;
            }
            .auth-node {
                width: 9px;
                height: 9px;
                border-radius: 3px;
                background: rgba(43,109,243,.54);
                box-shadow: 0 0 0 7px rgba(43,109,243,.08);
                animation: authNodeBlink 4.2s ease-in-out infinite;
            }
            .auth-node-a { top: 106px; right: 210px; }
            .auth-node-b { top: 218px; right: 156px; background: rgba(22,183,119,.58); box-shadow: 0 0 0 7px rgba(22,183,119,.08); animation-delay: -1.4s; }
            .auth-node-c { top: 62px; right: 68px; animation-delay: -2.6s; }
        }

        @keyframes authMobileBackdropV2 {
            0%, 100% { background-position: 0% 50%, 82% 18%, 14% 82%, 0 0; }
            50% { background-position: 100% 50%, 64% 30%, 30% 68%, 26px 18px; }
        }
        @keyframes authGridFlowV2 {
            0% { transform: translate3d(0,0,0); opacity: .34; }
            50% { transform: translate3d(-14px,10px,0); opacity: .52; }
            100% { transform: translate3d(-28px,20px,0); opacity: .34; }
        }
        @keyframes authHaloSpinV2 {
            0% { transform: rotate(0deg) scale(.98); opacity: .50; }
            50% { transform: rotate(145deg) scale(1.04); opacity: .74; }
            100% { transform: rotate(360deg) scale(.98); opacity: .50; }
        }
        @keyframes authOrbitFloatV2 {
            0%, 100% { transform: translate3d(0,0,0) rotate(-10deg); opacity: .44; }
            50% { transform: translate3d(-10px,8px,0) rotate(-3deg); opacity: .72; }
        }
        @keyframes authCardFloatV2 {
            0%, 100% { transform: translate3d(0,0,0) rotate(-4deg); }
            50% { transform: translate3d(-8px,8px,0) rotate(-1deg); }
        }
        @keyframes authCardShineV2 {
            0%, 16% { transform: translateX(-120%) skewX(-16deg); opacity: 0; }
            36% { opacity: .78; }
            62%, 100% { transform: translateX(150%) skewX(-16deg); opacity: 0; }
        }
        @keyframes authShieldPulseV2 {
            0%, 100% { transform: translate3d(0,0,0) scale(.96); opacity: .84; }
            50% { transform: translate3d(6px,-7px,0) scale(1.06); opacity: 1; }
        }
        @keyframes authKeyDriftV2 {
            0%, 100% { transform: translate3d(0,0,0) rotate(-7deg); opacity: .70; }
            50% { transform: translate3d(-10px,7px,0) rotate(-1deg); opacity: .94; }
        }
        @keyframes authScanSweepV2 {
            0% { transform: translateX(-130%); opacity: 0; }
            22%, 64% { opacity: .88; }
            100% { transform: translateX(125%); opacity: 0; }
        }
        @keyframes authNodeBlinkV2 {
            0%, 100% { transform: scale(.86); opacity: .48; }
            50% { transform: scale(1.18); opacity: 1; }
        }

        @media screen and (max-width: 768px) {
            .se-header {
                background: #f5f9ff;
            }
            .se-header:after {
                display: none;
                content: none;
            }
            .se-header_bg {
                background:
                    linear-gradient(132deg, rgba(249,252,255,.98) 0%, rgba(230,242,255,.94) 48%, rgba(245,255,250,.97) 100%),
                    radial-gradient(circle at 82% 18%, rgba(37,99,235,.18), transparent 32%),
                    radial-gradient(circle at 14% 82%, rgba(22,183,119,.14), transparent 34%),
                    repeating-linear-gradient(112deg, rgba(37,99,235,.052) 0 1px, transparent 1px 34px) !important;
                background-size: 180% 180%, 160% 160%, 150% 150%, auto;
                animation: authMobileBackdropV2 16s ease-in-out infinite;
            }
            .se-header_bg video {
                display: none !important;
            }
            .se-header_bg:before,
            .se-header_bg:after {
                display: none !important;
                content: none !important;
            }
            .mobile-auth-scene {
                display: block;
                position: absolute;
                inset: 0;
                z-index: 1;
                overflow: hidden;
                pointer-events: none;
            }
            .mobile-auth-scene:before,
            .mobile-auth-scene:after {
                content: "";
                position: absolute;
                pointer-events: none;
            }
            .mobile-auth-scene:before {
                inset: -20px;
                background:
                    linear-gradient(90deg, rgba(37,99,235,.10) 1px, transparent 1px),
                    linear-gradient(0deg, rgba(37,99,235,.08) 1px, transparent 1px);
                background-size: 34px 34px;
                opacity: .38;
                mask-image: radial-gradient(circle at 70% 42%, #000 0 48%, transparent 78%);
                -webkit-mask-image: radial-gradient(circle at 70% 42%, #000 0 48%, transparent 78%);
                animation: authGridFlowV2 15s linear infinite;
            }
            .mobile-auth-scene:after {
                top: 24px;
                right: -62px;
                width: 262px;
                height: 262px;
                border-radius: 50%;
                background:
                    radial-gradient(circle, rgba(255,255,255,.70) 0 28%, transparent 29%),
                    conic-gradient(from 20deg, rgba(37,99,235,.04), rgba(37,99,235,.38), rgba(22,183,119,.30), rgba(255,184,77,.20), rgba(37,99,235,.04));
                box-shadow: 0 28px 70px rgba(37,99,235,.12);
                opacity: .64;
                animation: authHaloSpinV2 18s linear infinite;
            }
            .mobile-auth-scene span {
                position: absolute;
                display: block;
                pointer-events: none;
                will-change: transform, opacity;
            }
            .mobile-auth-scene .auth-orbit {
                top: 46px;
                right: -34px;
                width: 250px;
                height: 182px;
                border: 1px solid rgba(37,99,235,.20);
                border-radius: 50%;
                background: radial-gradient(ellipse at center, transparent 58%, rgba(255,255,255,.32) 59%, transparent 63%);
                animation: authOrbitFloatV2 9s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-orbit-b {
                top: 96px;
                right: 26px;
                width: 168px;
                height: 112px;
                border-color: rgba(22,183,119,.20);
                animation-delay: -3.2s;
            }
            .mobile-auth-scene .auth-card-art {
                top: 62px;
                right: -4px;
                width: 192px;
                height: 126px;
                overflow: hidden;
                border: 1px solid rgba(255,255,255,.84);
                border-radius: 24px;
                background:
                    linear-gradient(135deg, rgba(255,255,255,.92), rgba(236,246,255,.78)),
                    linear-gradient(90deg, rgba(37,99,235,.12), rgba(22,183,119,.08));
                box-shadow: 0 24px 58px rgba(20,45,96,.16), inset 0 1px 0 rgba(255,255,255,.94);
                animation: authCardFloatV2 7.4s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-card-art:before {
                content: "";
                position: absolute;
                left: 18px;
                top: 20px;
                width: 76px;
                height: 8px;
                border-radius: 999px;
                background: rgba(37,99,235,.66);
                box-shadow: 0 22px 0 rgba(37,99,235,.18), 0 44px 0 rgba(22,183,119,.16);
            }
            .mobile-auth-scene .auth-card-art:after {
                content: "";
                position: absolute;
                right: 18px;
                bottom: 16px;
                width: 42px;
                height: 42px;
                border: 2px solid rgba(37,99,235,.30);
                border-radius: 14px;
                background:
                    linear-gradient(90deg, rgba(37,99,235,.22) 2px, transparent 2px),
                    linear-gradient(0deg, rgba(37,99,235,.18) 2px, transparent 2px),
                    rgba(255,255,255,.58);
                background-size: 10px 10px;
                box-shadow: inset 0 0 0 8px rgba(255,255,255,.46);
            }
            .mobile-auth-scene .auth-shield-art {
                top: 50px;
                right: 150px;
                width: 58px;
                height: 66px;
                clip-path: polygon(50% 0, 91% 14%, 84% 72%, 50% 100%, 16% 72%, 9% 14%);
                background: linear-gradient(135deg, rgba(22,183,119,.92), rgba(37,99,235,.88));
                box-shadow: 0 18px 38px rgba(37,99,235,.20);
                animation: authShieldPulseV2 6.2s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-shield-art:after {
                content: "";
                position: absolute;
                left: 19px;
                top: 22px;
                width: 19px;
                height: 10px;
                border-left: 3px solid rgba(255,255,255,.96);
                border-bottom: 3px solid rgba(255,255,255,.96);
                transform: rotate(-45deg);
            }
            .mobile-auth-scene .auth-key-art {
                top: 218px;
                right: 24px;
                width: 112px;
                height: 30px;
                animation: authKeyDriftV2 7.8s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-key-art:before {
                content: "";
                position: absolute;
                left: 0;
                top: 2px;
                width: 24px;
                height: 24px;
                border: 5px solid rgba(37,99,235,.54);
                border-radius: 50%;
                background: rgba(255,255,255,.70);
            }
            .mobile-auth-scene .auth-key-art:after {
                content: "";
                position: absolute;
                left: 31px;
                top: 13px;
                width: 78px;
                height: 5px;
                border-radius: 999px;
                background: rgba(37,99,235,.50);
                box-shadow: 48px 9px 0 -1px rgba(37,99,235,.34), 60px 9px 0 -1px rgba(22,183,119,.32);
            }
            .mobile-auth-scene .auth-scan-line {
                top: 122px;
                right: -12px;
                width: 236px;
                height: 42px;
                border-radius: 999px;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,.82), rgba(37,99,235,.30), transparent);
                filter: none;
                animation: authScanSweepV2 5.6s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-node {
                width: 9px;
                height: 9px;
                border-radius: 4px;
                background: rgba(37,99,235,.68);
                box-shadow: 0 0 0 7px rgba(37,99,235,.10), 0 0 18px rgba(37,99,235,.22);
                animation: authNodeBlinkV2 4.2s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-node-a { top: 98px; right: 222px; }
            .mobile-auth-scene .auth-node-b { top: 218px; right: 158px; background: rgba(22,183,119,.72); box-shadow: 0 0 0 7px rgba(22,183,119,.10), 0 0 18px rgba(22,183,119,.22); animation-delay: -1.4s; }
            .mobile-auth-scene .auth-node-c { top: 54px; right: 62px; background: rgba(255,184,77,.76); box-shadow: 0 0 0 7px rgba(255,184,77,.12), 0 0 18px rgba(255,184,77,.18); animation-delay: -2.6s; }
        }

        @media screen and (max-width: 480px) {
            .mobile-auth-scene .auth-card-art {
                top: 58px;
                right: -18px;
                width: 186px;
                height: 122px;
            }
            .mobile-auth-scene .auth-shield-art {
                top: 48px;
                right: 138px;
            }
            .mobile-auth-scene .auth-key-art {
                top: 210px;
                right: 16px;
            }
            .mobile-auth-scene:after {
                top: 18px;
                right: -78px;
            }
        }

        @media screen and (max-width: 768px) {
            .mobile-auth-scene:after {
                top: 20px;
                right: -34px;
                width: 238px;
                height: 238px;
            }
            .mobile-auth-scene .auth-orbit {
                top: 52px;
                right: 6px;
                width: 214px;
                height: 158px;
            }
            .mobile-auth-scene .auth-orbit-b {
                top: 96px;
                right: 46px;
                width: 148px;
                height: 100px;
            }
            .mobile-auth-scene .auth-card-art {
                top: 72px;
                right: 16px;
                width: 166px;
                height: 112px;
                border-radius: 22px;
            }
            .mobile-auth-scene .auth-card-art:before {
                left: 16px;
                top: 18px;
                width: 60px;
            }
            .mobile-auth-scene .auth-card-art:after {
                right: 15px;
                bottom: 15px;
                width: 36px;
                height: 36px;
                border-radius: 12px;
            }
            .mobile-auth-scene .auth-shield-art {
                top: 60px;
                right: 142px;
                width: 50px;
                height: 58px;
            }
            .mobile-auth-scene .auth-shield-art:after {
                left: 16px;
                top: 19px;
                width: 16px;
                height: 9px;
            }
            .mobile-auth-scene .auth-key-art {
                top: 220px;
                right: 54px;
                width: 96px;
            }
            .mobile-auth-scene .auth-scan-line {
                top: 128px;
                right: 10px;
                width: 198px;
            }
            .mobile-auth-scene .auth-node-a { top: 102px; right: 206px; }
            .mobile-auth-scene .auth-node-b { top: 218px; right: 164px; }
            .mobile-auth-scene .auth-node-c { top: 64px; right: 70px; }
        }
        @media screen and (max-width: 480px) {
            .mobile-auth-scene:after {
                top: 16px;
                right: -28px;
                width: 226px;
                height: 226px;
            }
            .mobile-auth-scene .auth-orbit {
                top: 52px;
                right: 8px;
                width: 206px;
                height: 152px;
            }
            .mobile-auth-scene .auth-orbit-b {
                top: 94px;
                right: 44px;
                width: 142px;
                height: 96px;
            }
            .mobile-auth-scene .auth-card-art {
                top: 74px;
                right: 14px;
                width: 158px;
                height: 108px;
            }
            .mobile-auth-scene .auth-shield-art {
                top: 62px;
                right: 134px;
                width: 48px;
                height: 56px;
            }
            .mobile-auth-scene .auth-key-art {
                top: 218px;
                right: 50px;
            }
            .mobile-auth-scene .auth-scan-line {
                top: 130px;
                right: 6px;
                width: 192px;
            }
        }

        @media screen and (max-width: 768px) {
            .mobile-auth-scene:after {
                top: 18px;
                right: 10px;
                width: 194px;
                height: 194px;
            }
            .mobile-auth-scene .auth-orbit {
                top: 50px;
                right: 26px;
                width: 180px;
                height: 136px;
            }
            .mobile-auth-scene .auth-orbit-b {
                top: 92px;
                right: 58px;
                width: 128px;
                height: 88px;
            }
            .mobile-auth-scene .auth-card-art {
                top: 70px;
                right: 36px;
                width: 142px;
                height: 98px;
                border-radius: 20px;
            }
            .mobile-auth-scene .auth-card-art:before {
                left: 14px;
                top: 16px;
                width: 52px;
                height: 7px;
                box-shadow: 0 18px 0 rgba(37,99,235,.18), 0 36px 0 rgba(22,183,119,.16);
            }
            .mobile-auth-scene .auth-card-art:after {
                right: 13px;
                bottom: 13px;
                width: 31px;
                height: 31px;
            }
            .mobile-auth-scene .auth-shield-art {
                top: 60px;
                right: 148px;
                width: 42px;
                height: 50px;
            }
            .mobile-auth-scene .auth-shield-art:after {
                left: 14px;
                top: 17px;
                width: 14px;
                height: 8px;
            }
            .mobile-auth-scene .auth-key-art {
                top: 214px;
                right: 76px;
                width: 82px;
            }
            .mobile-auth-scene .auth-scan-line {
                top: 122px;
                right: 28px;
                width: 160px;
            }
            .mobile-auth-scene .auth-node-a { top: 98px; right: 194px; }
            .mobile-auth-scene .auth-node-b { top: 212px; right: 170px; }
            .mobile-auth-scene .auth-node-c { top: 66px; right: 90px; }
        }

        @keyframes authAuraDriftV3 {
            0%, 100% { transform: translate3d(0,0,0) scale(.98); opacity: .70; }
            50% { transform: translate3d(-8px,6px,0) scale(1.04); opacity: .92; }
        }
        @keyframes authRingSpinV3 {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }
        @keyframes authBadgeFloatV3 {
            0%, 100% { transform: translate3d(0,0,0); }
            50% { transform: translate3d(-5px,6px,0); }
        }
        @keyframes authLineSweepV3 {
            0% { transform: translateX(-90px) rotate(-10deg); opacity: 0; }
            22%, 62% { opacity: .75; }
            100% { transform: translateX(86px) rotate(-10deg); opacity: 0; }
        }
        @keyframes authNodeBlinkV3 {
            0%, 100% { transform: scale(.82); opacity: .44; }
            50% { transform: scale(1.14); opacity: .95; }
        }
        @media screen and (max-width: 768px) {
            .mobile-auth-scene {
                opacity: .96;
            }
            .mobile-auth-scene:before {
                opacity: .22;
                mask-image: radial-gradient(circle at 72% 42%, #000 0 36%, transparent 66%);
                -webkit-mask-image: radial-gradient(circle at 72% 42%, #000 0 36%, transparent 66%);
            }
            .mobile-auth-scene:after {
                top: 36px;
                right: 22px;
                width: 174px;
                height: 174px;
                border-radius: 50%;
                background:
                    radial-gradient(circle at 48% 46%, rgba(255,255,255,.90) 0 31%, rgba(255,255,255,.34) 32% 45%, transparent 46%),
                    conic-gradient(from 24deg, rgba(37,99,235,.08), rgba(37,99,235,.36), rgba(22,183,119,.28), rgba(255,184,77,.20), rgba(37,99,235,.08));
                box-shadow: 0 24px 58px rgba(37,99,235,.12);
                animation: authAuraDriftV3 8.5s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-orbit {
                top: 48px;
                right: 34px;
                width: 150px;
                height: 150px;
                border: 1px solid rgba(37,99,235,.22);
                border-radius: 50%;
                background:
                    radial-gradient(circle, transparent 58%, rgba(255,255,255,.44) 59%, transparent 64%),
                    conic-gradient(from 0deg, transparent 0 20%, rgba(37,99,235,.45) 26%, transparent 33% 58%, rgba(22,183,119,.34) 65%, transparent 74% 100%);
                box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
                animation: authRingSpinV3 15s linear infinite;
            }
            .mobile-auth-scene .auth-orbit-b {
                top: 82px;
                right: 68px;
                width: 82px;
                height: 82px;
                border-color: rgba(22,183,119,.22);
                background:
                    radial-gradient(circle, rgba(255,255,255,.28) 0 44%, transparent 45%),
                    conic-gradient(from 90deg, rgba(22,183,119,.30), transparent 36%, rgba(37,99,235,.28), transparent 72%);
                animation-duration: 11s;
                animation-direction: reverse;
            }
            .mobile-auth-scene .auth-card-art {
                top: 104px;
                right: 70px;
                width: 82px;
                height: 48px;
                border: 1px solid rgba(255,255,255,.82);
                border-radius: 17px;
                background:
                    linear-gradient(135deg, rgba(255,255,255,.88), rgba(236,246,255,.56)),
                    linear-gradient(90deg, rgba(37,99,235,.12), rgba(22,183,119,.10));
                box-shadow: 0 16px 36px rgba(20,45,96,.12), inset 0 1px 0 rgba(255,255,255,.90);
                animation: authBadgeFloatV3 6.8s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-card-art:before {
                content: "";
                position: absolute;
                left: 14px;
                top: 15px;
                width: 36px;
                height: 5px;
                border-radius: 999px;
                background: rgba(37,99,235,.52);
                box-shadow: 0 14px 0 rgba(22,183,119,.22);
            }
            .mobile-auth-scene .auth-card-art:after {
                content: "";
                position: absolute;
                right: 12px;
                top: 14px;
                width: 18px;
                height: 18px;
                border-radius: 50%;
                background: radial-gradient(circle at 42% 38%, rgba(255,255,255,.95), rgba(37,99,235,.30));
                box-shadow: 0 0 0 6px rgba(37,99,235,.08);
            }
            .mobile-auth-scene .auth-shield-art {
                top: 58px;
                right: 92px;
                width: 48px;
                height: 56px;
                clip-path: polygon(50% 0, 90% 14%, 84% 72%, 50% 100%, 16% 72%, 10% 14%);
                background: linear-gradient(135deg, rgba(22,183,119,.94), rgba(37,99,235,.92));
                box-shadow: 0 16px 34px rgba(37,99,235,.18);
                animation: authShieldPulseV2 6.4s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-shield-art:after {
                left: 16px;
                top: 19px;
                width: 15px;
                height: 8px;
                border-left-width: 3px;
                border-bottom-width: 3px;
            }
            .mobile-auth-scene .auth-key-art {
                top: 196px;
                right: 66px;
                width: 88px;
                height: 20px;
                opacity: .72;
                animation: authBadgeFloatV3 7.4s ease-in-out infinite reverse;
            }
            .mobile-auth-scene .auth-key-art:before {
                width: 18px;
                height: 18px;
                border-width: 4px;
                border-color: rgba(37,99,235,.40);
                background: rgba(255,255,255,.62);
            }
            .mobile-auth-scene .auth-key-art:after {
                left: 25px;
                top: 10px;
                width: 58px;
                height: 4px;
                background: rgba(37,99,235,.34);
                box-shadow: 34px 7px 0 -1px rgba(37,99,235,.24), 44px 7px 0 -1px rgba(22,183,119,.24);
            }
            .mobile-auth-scene .auth-scan-line {
                top: 126px;
                right: 52px;
                width: 120px;
                height: 2px;
                border-radius: 999px;
                background: linear-gradient(90deg, transparent, rgba(255,255,255,.92), rgba(37,99,235,.38), transparent);
                animation: authLineSweepV3 5.6s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-node {
                width: 8px;
                height: 8px;
                border-radius: 50%;
                animation: authNodeBlinkV3 4.4s ease-in-out infinite;
            }
            .mobile-auth-scene .auth-node-a { top: 88px; right: 180px; }
            .mobile-auth-scene .auth-node-b { top: 210px; right: 154px; }
            .mobile-auth-scene .auth-node-c { top: 58px; right: 44px; }
        }
        @media screen and (max-width: 480px) {
            .mobile-auth-scene:after { right: 16px; width: 166px; height: 166px; }
            .mobile-auth-scene .auth-orbit { right: 28px; width: 144px; height: 144px; }
            .mobile-auth-scene .auth-orbit-b { right: 62px; width: 78px; height: 78px; }
            .mobile-auth-scene .auth-card-art { right: 64px; }
            .mobile-auth-scene .auth-shield-art { right: 88px; }
            .mobile-auth-scene .auth-key-art { right: 60px; }
            .mobile-auth-scene .auth-scan-line { right: 46px; }
        }

        @media screen and (max-width: 768px) {
            .se-overview {
                padding: 42px 0 48px;
                background: #f6f8fb;
            }
            .se-overview .se-container {
                padding: 0 14px;
            }
            .se-overview .se-section-title {
                position: relative;
                width: 100%;
                margin: 0 0 18px;
                padding-left: 0;
                color: #141a28;
                text-align: center;
                font-size: 22px;
                line-height: 1.25;
                font-weight: 800;
            }
            .se-overview .se-section-title:before {
                display: none;
                content: none;
            }
            .se-overview .se-section-title:after {
                content: "站点服务数据";
                display: block;
                margin-top: 8px;
                color: #667085;
                font-size: 13px;
                line-height: 1.4;
                font-weight: 600;
            }
            .se-overview_grid {
                grid-template-columns: repeat(2,minmax(0,1fr)) !important;
                gap: 12px;
                margin: 18px auto 0;
                width: min(100%, 330px);
                max-width: calc(100vw - 60px);
                overflow: visible;
            }
            .se-overview_item {
                min-width: 0;
                width: 100%;
                min-height: 112px;
                padding: 17px 14px 15px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                align-items: center;
                text-align: center;
                border: 1px solid #e5ebf3;
                border-radius: 16px;
                background: #fff;
                box-shadow: 0 10px 26px rgba(20,45,96,.06);
            }
            .se-overview_item:before {
                display: none;
                content: none;
            }
            .se-overview_number {
                margin: 8px 0 8px;
                color: #1d4edd;
                font-size: 30px;
                line-height: 1;
                font-weight: 850;
                letter-spacing: 0;
                background: none;
                -webkit-background-clip: initial;
                background-clip: initial;
                -webkit-text-fill-color: currentColor;
            }
            .se-overview_label {
                color: #4b5563;
                font-size: 13px;
                line-height: 1.3;
                font-weight: 700;
            }
        }

        @media screen and (max-width: 360px) {
            .se-overview_item {
                min-height: 104px;
                padding: 15px 12px 13px;
            }
            .se-overview_number {
                font-size: 27px;
            }
        }

        @media screen and (max-width: 768px) {
            .se-header .mobile-auth-scene:after {
                top: 138px;
                right: 36px;
                width: 160px;
                height: 160px;
            }
            .se-header .mobile-auth-scene .auth-orbit {
                top: 148px;
                right: 48px;
                width: 138px;
                height: 138px;
            }
            .se-header .mobile-auth-scene .auth-orbit-b {
                top: 180px;
                right: 80px;
                width: 74px;
                height: 74px;
            }
            .se-header .mobile-auth-scene .auth-shield-art {
                top: 156px;
                right: 106px;
            }
            .se-header .mobile-auth-scene .auth-card-art {
                top: 200px;
                right: 82px;
            }
            .se-header .mobile-auth-scene .auth-scan-line {
                top: 222px;
                right: 64px;
            }
            .se-header .mobile-auth-scene .auth-key-art {
                top: 266px;
                right: 76px;
            }
            .se-header .mobile-auth-scene .auth-node-a { top: 170px; right: 192px; }
            .se-header .mobile-auth-scene .auth-node-b { top: 264px; right: 166px; }
            .se-header .mobile-auth-scene .auth-node-c { top: 144px; right: 62px; }
        }