/* 抖老大官网 - 合并样式文件 */

/* ==================== ROOT CSS ==================== */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}

@layer theme{:root,:host{--font-sans:"HarmonyOS Sans SC","HarmonyOS Sans","Outfit","Noto Sans JP",sans-serif,-apple-system,blinkmacsystemfont,"Segoe UI",roboto,"Helvetica Neue",arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-950:oklch(13% .028 261.692);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--leading-relaxed:1.625;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}

:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}

*,*::before,*::after{box-sizing:border-box}

html,body{background-color:var(--color-white);font-family:HarmonyOS Sans SC,HarmonyOS Sans,Outfit,Noto Sans JP,sans-serif,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;overflow-x:hidden;overflow-anchor:none}
a{color:#4a4a4a;text-decoration:none;transition:color 0.2s ease}
a:hover{color:#6366f1}
a:visited{color:#4a4a4a}

.pc-bg{background:#f0f3fd}
.mobile-bg{background:#fff}

::-webkit-scrollbar{width:4px;height:0}
::-webkit-scrollbar-thumb{background-color:#99999980;border-radius:6px}

/* ==================== 联系方式浮窗 ==================== */
.contact-content{position:fixed;height:316px;right:16px;bottom:120px;z-index:10000;flex-direction:column;align-items:center;gap:8px;display:none}
@media(min-width:1281px){.contact-content{display:flex}}
.contact-content .contact-list{width:74px;border-radius:8px;opacity:1;align-items:center;display:flex;flex-direction:column;padding:12px 8px;gap:12px;background:#fff;box-shadow:0 3px 15px #4c4d4f0d}
.contact-content .contact-list .contact-list-divider{width:32px;height:1px;background:#d8d8d8}
.contact-content .contact-list .contact-item{cursor:pointer;font-size:14px;width:74px;color:#3d3d3d;text-wrap:nowrap;display:flex;flex-direction:column;align-items:center;gap:2px}
.contact-content .contact-list .contact-item .contact-name{height:20px;line-height:20px}
.contact-content .contact-list .contact-item img{border-radius:10px;width:36px;height:36px}
.contact-content-qrcode{border-radius:8px;opacity:1;display:flex;flex-direction:column;align-items:center;padding:10px 12px 8px;gap:0px;background:#fff;box-shadow:0 3px 15px #4c4d4f0d;color:#333;font-size:14px;z-index:1000}
.contact-content-qrcode img{width:112px;height:112px}

/* ==================== 页脚横幅 ==================== */
.footer-banner{overflow:hidden;width:100%;height:86px;opacity:1;background:linear-gradient(270deg,#2a7af2,#524af1 30%,#6139f6);font-size:30px;font-weight:600;line-height:86px;text-align:center;letter-spacing:0;color:#fff;-webkit-user-select:none;user-select:none}
.footer-banner div{display:flex;overflow:hidden;position:relative;justify-content:center;align-items:center;gap:24px;max-width:1100px;width:100%;margin-left:auto;margin-right:auto}
.footer-banner img{position:absolute;width:100%;height:86px;object-fit:cover;object-position:center}
.footer-banner-text{position:relative;z-index:1}
.footer-banner-download-button{position:relative;z-index:1;width:154px!important;height:44px!important;font-size:20px!important;font-weight:700!important;background:#fff!important;flex-shrink:0}
.footer-banner-download-button:hover{background:#f4f4f4!important}

/* ==================== 页脚内容 ==================== */
.footer-content{position:relative;color:#fff;display:flex;padding-bottom:84px;padding-top:32px;gap:32px;flex-direction:column;background:#000;justify-content:center;align-items:center}
.footer-content-inner{display:flex;flex-direction:row;gap:12px;align-items:flex-start;width:100%;max-width:1300px;padding:0 24px;box-sizing:border-box}
.footer-content .footer-nav{display:flex;gap:36px;align-items:start;flex-grow:1;flex-wrap:wrap}
.footer-content .footer-nav .footer-nav-title{font-size:18px;font-weight:600;flex-grow:1;color:#fff}
.footer-content .footer-nav div{font-size:13px;font-weight:400;line-height:22px;color:#ffffffb3}
.footer-logo-wrap{display:flex;flex-direction:row;gap:4px;align-items:center}
.footer-logo-img{width:60px;height:60px}
.footer-logo-title{color:#fff;width:110px;height:36px}
.footer-qrcode{display:flex;flex-direction:row;gap:12px;font-size:14px;font-weight:400;line-height:normal;color:#ffffffb3;flex-shrink:0}
.footer-qrcode-item{display:flex;flex-direction:column;gap:8px;align-items:center}
.footer-qrcode-item img{width:96px;height:96px;border-radius:4px}
.footer-content .footer-copyright{position:absolute;bottom:0;width:100%;font-size:16px;font-weight:300;text-align:center;color:#ffffff80;line-height:60px;box-shadow:0 -1px #ffffff4d;height:60px}

/* ==================== 头部导航 ==================== */
.header{width:100%;height:88px;opacity:1;padding-top:15px;background:#fff}
.header .header-inner{display:flex;height:58px;max-width:1370px;margin-left:auto;margin-right:auto;flex-direction:row;align-items:center;padding-left:24px;padding-right:24px;z-index:500}
.header-logo{width:160px;height:auto;max-height:58px;object-fit:contain}
.header .header-menu{margin-left:10px;margin-top:8px;flex-grow:1}
@media(min-width:1281px){.header .header-menu{margin-left:32px}}
.hide-pad{display:none}
@media(min-width:1281px){.hide-pad{display:block}}
.show-pad{display:block}
@media(min-width:1281px){.show-pad{display:none}}
.header-download{margin-left:auto}
.header-download button{font-size:18px;font-weight:700;color:#fff;cursor:pointer;min-width:120px;width:auto;height:44px;border-radius:152px;opacity:1;padding:8px 28px;background:linear-gradient(270deg,#f44df3,#3740ff);white-space:nowrap;box-sizing:border-box}
.header-download button:hover{background:linear-gradient(270deg,#d13bd8,#2e35e0)}

/* 移动端菜单按钮 */
.mobile-menu-btn{margin-left:auto;cursor:pointer;padding:8px}
.mobile-menu-btn img{width:28px;height:28px}

/* 移动端导航抽屉 */
.mobile-nav-drawer{display:none;flex-direction:column;background:#fff;padding:0 24px 20px;gap:0;box-shadow:0 8px 24px rgba(0,0,0,0.08);overflow:hidden;max-height:0;transition:max-height 0.3s ease,padding 0.3s ease}
.mobile-nav-drawer.open{display:flex;max-height:400px;padding:12px 24px 20px}
.mobile-nav-link{display:block;padding:14px 0;font-size:16px;font-weight:500;color:#333;border-bottom:1px solid #f0f0f0;text-decoration:none}
.mobile-nav-link:hover{color:#3740ff}
.mobile-nav-cta{padding-top:16px}

/* ==================== 顶部横幅 ==================== */
.top-banner{background-color:#f1f3fc;background-image:url(bg.png);background-position:center -15px;background-size:1920px auto;background-repeat:no-repeat}
.top-banner-container{max-width:1920px;min-height:100vh;margin:0 auto;padding:60px 0 0;display:flex;flex-direction:column;align-items:center}
.top-banner-container .top-banner-text{z-index:1;font-size:48px;font-weight:800;line-height:80px;text-align:center;position:relative;letter-spacing:0}
.top-banner-container .top-banner-text div{text-wrap:nowrap}
.top-banner-container .top-banner-text img{position:absolute;right:-18px;bottom:-8px;z-index:-1}
.section-title{margin-top:85px;scroll-margin-top:120px}
.hero-subtitle{font-size:20px;color:#555;margin-top:16px}
.top-banner-container .top-banner-function{margin-top:38px;width:auto;max-width:1006px;height:auto;min-height:48px;border-radius:145px;opacity:1;display:flex;align-items:center;justify-content:center;flex-direction:row;flex-wrap:wrap;padding:8px 24px;background:#ffffffcf;box-sizing:border-box;border:1px solid #D4E4F4;gap:18px}
.top-banner-container .top-banner-function .top-banner-function-item{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;font-size:18px;font-weight:400;line-height:normal;text-align:center;white-space:nowrap}
.top-banner-container .top-banner-function .top-banner-function-item img{width:20px;height:20px;flex-shrink:0}
.top-banner-container .top-banner-button{margin-top:32px;display:flex;flex-direction:row;align-items:center;gap:48px}
.top-banner-container .top-banner-button button{font-size:24px;width:183px;height:58px;border-radius:152px;-webkit-user-select:none;user-select:none}
.top-banner-container .top-banner-sub-text{margin-top:32px;font-size:16px;font-weight:400;line-height:normal;text-align:center;color:#3d3d3d;padding:0 16px}
.top-banner-container .top-banner-button-right{background:#ffffff80;border:1px solid #3740FF;color:#3740ff;cursor:pointer}
.top-banner-container .top-banner-button-right:hover{background:#3740ff0f}
.top-banner-container .top-banner-img-container{max-width:1519px;margin-top:54px;width:100%;padding:0 16px;box-sizing:border-box}
@media(max-width:1200px){.top-banner-container .top-banner-img-container{max-width:1040px}}
.top-banner-container .top-banner-img-wrapper{position:relative;z-index:1;display:flex;justify-content:center;align-items:center}
.top-banner-container .top-banner-img-wrapper .main{width:100%;max-width:800px;height:auto}
.top-banner-container .top-banner-img-wrapper .left{position:absolute;left:-100px;width:250px;opacity:0.9;transition:transform 0.1s linear}
.top-banner-container .top-banner-img-wrapper .right{position:absolute;right:-100px;width:250px;opacity:0.9;transition:transform 0.1s linear}
.top-banner-container .top-banner-img-wrapper .left:first-of-type{top:80px}
.top-banner-container .top-banner-img-wrapper .left:last-of-type{bottom:40px}
.top-banner-container .top-banner-img-wrapper .right:first-of-type{top:20px}
.top-banner-container .top-banner-img-wrapper .right:last-of-type{bottom:-10px}

/* ==================== 自定义标签页 ==================== */
.custom-tabs-list{display:flex;flex-wrap:wrap;background:#e9edfa;height:auto;min-height:48px;border-radius:18px;padding:8px;align-self:center;gap:8px;justify-content:center}
.custom-tabs-trigger{padding:10px 24px;color:#000;border-radius:16px;font-size:20px;font-weight:700;letter-spacing:.005em;cursor:pointer;border:none;white-space:nowrap;background:transparent}
.custom-tabs-trigger[data-state=active]{background:linear-gradient(270deg,#f44df3,#3740ff);color:#fff}

/* ==================== 核心功能亮点 ==================== */
.highlights-container{display:flex;margin-top:32px;flex-direction:row;width:100%}
.highlights-image{width:50%;aspect-ratio:640/427;object-fit:contain;border-radius:16px}
.highlights-content{padding-left:5%;display:flex;margin-top:16px;gap:24px;flex-direction:column}
.highlights-title-primary{color:#1f61ff;font-size:32px;font-weight:800}
.highlights-title-secondary{color:#000;font-size:32px;font-weight:800;line-height:normal;min-height:auto;white-space:normal}
@media(min-width:1281px){.highlights-title-primary,.highlights-title-secondary{font-size:36px}}
@media(min-width:1400px){.highlights-title-primary,.highlights-title-secondary{font-size:40px}}
.highlights-list{display:flex;gap:16px;flex-direction:column;color:#717273;font-size:14px;line-height:24px}
.highlights-list-item{display:flex;flex-direction:row;gap:8px;align-items:center}
.highlights-list-icon{flex-shrink:0;width:1em;height:1em}
.highlights-button{min-width:160px;width:auto;height:60px;font-size:20px;color:#1f61ff!important;border:1px solid #336FFF!important;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;padding:0 24px;box-sizing:border-box;background:#fff;white-space:nowrap}
.highlights-button-icon{width:24px!important;height:24px!important;flex-shrink:0;position:relative!important}

/* ==================== 功能详情标签 ==================== */
.function-details-tabs-trigger{border-radius:8px 8px 0 0;color:#000;font-size:16px;width:156px;height:156px;font-weight:900;border:1px solid transparent;box-sizing:border-box;border-top:none;cursor:pointer;flex:0 0 156px;flex-direction:column;gap:8px}
.function-details-tabs-trigger[data-state=active]{background:linear-gradient(180deg,#f1f2ff00,#dfe3f7);border-image:linear-gradient(0deg,#3740ff,#ff37e475 54%,#f44df300) 1}
.function-details-tabs-trigger:hover{background:linear-gradient(180deg,#f1f2ff00,#e9eeff)}
.function-details-tabs-trigger img{width:103px;height:89px}
.function-details-tabs-trigger .text{height:22px;font-size:16px;font-weight:900;line-height:22px;text-align:center;color:#000}
.function-details-tabs-trigger-active{background:linear-gradient(180deg,#f1f2ff00,#dfe3f7);border-image:linear-gradient(0deg,#3740ff,#ff37e475 54%,#f44df300) 1}
.function-details-tabs-content{min-width:640px;gap:32px;margin-top:32px;width:100%;box-sizing:border-box;justify-content:space-between;display:grid;grid-template-columns:repeat(4,1fr)}
@media(min-width:1281px){.function-details-tabs-content{grid-template-columns:repeat(6,1fr)}}
.function-details-tabs-content-element{flex:1;aspect-ratio:190/164;display:flex;gap:16px;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box;border-radius:8px;opacity:1;background:linear-gradient(180deg,#f4f6ff 0% 100%);font-size:16px;color:#3d3d3d;cursor:pointer;transition:transform .2s ease}
.function-details-tabs-content-element img{width:56px;height:56px}
.function-details-tabs-content-element:hover{background:linear-gradient(180deg,#e0e2eb 0% 90%);transform:scale(1.01)}

/* ==================== 应用场景 ==================== */
.scenarios-content-container{margin-top:20px;position:relative;border-radius:24px;min-width:auto;overflow:hidden}
.scenarios-content-image{width:100%;height:auto;border-radius:24px;aspect-ratio:1322/506;object-fit:cover}
.scenarios-content-overlay{position:absolute;top:20%;left:0;width:100%;color:#fff;display:flex;flex-direction:column;gap:42px;padding:0 6%;box-sizing:border-box}
.scenarios-content-title{font-size:40px;font-weight:800;line-height:40px}
.scenarios-content-text{font-size:24px;font-weight:400;line-height:40px;color:#ffffffe6;height:80px}

/* ==================== 服务体系 ==================== */
.service-content{min-width:auto;gap:28px;width:100%;box-sizing:border-box;justify-content:space-between;display:grid;grid-template-columns:repeat(4,1fr)}
.service-content-element{border-radius:22px;opacity:1;aspect-ratio:310/531;background:#f7f6fc;padding:24px 7% 34px 10%;object-fit:cover;transition:transform .2s ease;display:flex;flex-direction:column;gap:28px}
.service-content-element:hover{transform:scale(1.01)}
.service-content-element-two{aspect-ratio:310/252}
.service-content-element-two .service-content-element-subtitle{margin-top:auto}
.service-content-element-title{display:flex;flex-direction:row;align-items:center;height:56px}
.service-content-element-title .service-content-element-text{flex-grow:1;font-size:24px;font-weight:600;line-height:40px;text-wrap:nowrap;color:#000}
.service-content-element-title .service-content-element-icon{background:#fff;border-radius:12px;height:44px;width:44px;display:flex;align-items:center;justify-content:center}
.service-content-element-title .service-content-element-icon img{width:71%;height:71%}
.service-content-element-subtitle{font-size:18px;font-weight:400;line-height:39px;color:#1a1a1a}

/* ==================== 卡片容器 ==================== */
.card-container{border-radius:32px;opacity:1;width:100%;margin-inline:auto;padding:24px 30px;background:#fff;margin-top:24px;box-shadow:0 8px 32px #69a7ea29;box-sizing:border-box}
.card-container-index{max-width:1386px;min-width:0;width:80%}

/* ==================== 模块四功能卡片网格 ==================== */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%}
.feature-card{background:linear-gradient(180deg,#f4f6ff 0%,#fff 100%);border-radius:16px;padding:32px 24px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform 0.2s ease,box-shadow 0.2s ease}
.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(31,97,255,0.12)}
.feature-card-emoji{font-size:40px;line-height:1}
.feature-card-title{font-size:20px;font-weight:700;color:#1a1a1a}
.feature-card-tag{font-size:14px;font-weight:600;color:#1f61ff}
.feature-card-desc{font-size:14px;color:#666;line-height:22px}

/* ==================== 信任背书网格 ==================== */
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;width:100%;padding:16px 0}
.trust-item{text-align:center;padding:24px 16px}
.trust-item-emoji{font-size:48px;margin-bottom:16px}
.trust-item-title{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}
.trust-item-desc{font-size:15px;color:#666;line-height:26px}

/* ==================== 按钮样式 ==================== */
.prime-button{-webkit-user-select:none;user-select:none;color:#3740ff;cursor:pointer;background:#ffffff80;border:1px solid #3740ff;border-radius:152px;font-size:24px;font-weight:600}
.prime-button:hover{background:#3740ff0f}

/* ==================== Tailwind 基础样式 (简化版) ==================== */
.inline-flex{display:inline-flex}
.items-center{align-items:center}
.justify-center{justify-content:center}
.gap-2{gap:0.5rem}
.rounded-md{border-radius:0.375rem}
.px-4{padding-left:1rem;padding-right:1rem}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem}
.text-sm{font-size:0.875rem}
.font-medium{font-weight:500}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}
.bg-primary{background:linear-gradient(270deg,#f44df3,#3740ff)}
.text-primary-foreground{color:#fff}
.hover\:bg-primary\/90:hover{background:linear-gradient(270deg,#d13bd8,#2e35e0)}
.flex{display:flex}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.space-y-2>:not(:last-child){margin-bottom:0.5rem}
.w-full{width:100%}
.relative{position:relative}
.absolute{position:absolute}
.sticky{position:sticky}
.fixed{position:fixed}
.z-10{z-index:10}
.z-50{z-index:50}
.z-100{z-index:100}
.top-0{top:0}
.h-9{height:2.25rem}
.shrink-0{flex-shrink:0}
.outline-none{outline:none}
.disabled\:pointer-events-none:disabled{pointer-events:none}
.disabled\:opacity-50:disabled{opacity:0.5}
.shadow-xs{box-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}
.whitespace-nowrap{white-space:nowrap}
.cursor-pointer{cursor:pointer}
.hidden{display:none}
.block{display:block}
.max-w-max{max-width:max-content}
.flex-1{flex:1}
.list-none{list-style:none;padding:0;margin:0}
.gap-1{gap:0.25rem}
.gap-3{gap:0.75rem}
.group{position:relative}

/* ====================================================================
   移动端自适应 - 平板 (<=1024px)
   ==================================================================== */
@media(max-width:1024px){
  /* 头部 */
  .header{height:auto;padding-top:8px}
  .header .header-inner{padding-left:16px;padding-right:16px}
  .header-logo{width:120px;height:auto}

  /* Hero */
  .top-banner-container{padding:32px 0 0}
  .top-banner-container .top-banner-text{font-size:32px;line-height:48px}
  .top-banner-container .top-banner-text div{text-wrap:wrap;white-space:normal}
  .top-banner-container .top-banner-text img{right:-6px;bottom:-4px;width:120px}
  .hero-subtitle{font-size:16px}
  .top-banner-container .top-banner-function{width:92%;padding:10px 16px;gap:12px}
  .top-banner-container .top-banner-function .top-banner-function-item{font-size:14px}
  .top-banner-container .top-banner-button{flex-direction:column;gap:16px}
  .top-banner-container .top-banner-button button{min-width:150px;width:auto;height:52px;font-size:18px;padding:8px 24px}
  .top-banner-container .top-banner-img-container{max-width:100%;padding:0 16px}
  .top-banner-container .top-banner-img-wrapper{position:relative;top:0}
  .top-banner-container .top-banner-img-wrapper .main{width:100%;max-width:100%}
  .top-banner-container .top-banner-img-wrapper .left,
  .top-banner-container .top-banner-img-wrapper .right{display:none}

  /* 模块标题 */
  .section-title{margin-top:60px}

  /* 卡片容器 */
  .card-container-index{min-width:0;width:92%;padding:20px 16px}

  /* 标签页 */
  .custom-tabs-list{padding:6px;gap:6px;border-radius:14px}
  .custom-tabs-trigger{padding:8px 16px;font-size:16px;border-radius:12px}

  /* 功能亮点 */
  .highlights-title-primary{font-size:28px}
  .highlights-title-secondary{font-size:24px;min-height:auto}

  /* 模块四网格 */
  .feature-grid{grid-template-columns:repeat(2,1fr);gap:16px}

  /* 信任区 */
  .trust-grid{grid-template-columns:repeat(3,1fr);gap:20px}

  /* 功能详情 */
  .function-details-tabs-content{min-width:auto;grid-template-columns:repeat(3,1fr)}
  .service-content{min-width:auto;grid-template-columns:repeat(2,1fr)}
  .scenarios-content-container{min-width:auto}
  .scenarios-content-overlay{top:10%;gap:20px}
  .scenarios-content-title{font-size:28px;line-height:32px}
  .scenarios-content-text{font-size:18px;line-height:28px;height:auto}

  /* 页脚 */
  .footer-content-inner{flex-direction:column;align-items:center;gap:24px}
  .footer-content .footer-nav{min-width:auto;flex-wrap:wrap;gap:24px;justify-content:center}
  .footer-qrcode{justify-content:center}
}

/* ====================================================================
   移动端自适应 - 手机 (<=768px)
   ==================================================================== */
@media(max-width:768px){
  /* Hero */
  .top-banner-container{padding:14px 0 0}
  .top-banner-container .top-banner-text{font-size:22px;line-height:34px;padding:0 16px}
  .top-banner-container .top-banner-text div{text-wrap:wrap;white-space:normal;word-break:break-word}
  .top-banner-container .top-banner-text img{right:0;bottom:-2px;width:80px}
  .top-banner-container .top-banner-sub-text{font-size:13px;padding:0 20px;margin-top:16px}
  .hero-subtitle{font-size:14px;margin-top:10px}

  /* 核心价值标签 */
  .top-banner-container .top-banner-function{width:calc(100% - 24px);margin:16px 12px 0;border-radius:14px;padding:10px 12px;gap:8px;flex-direction:row;align-items:center;justify-content:center}
  .top-banner-container .top-banner-function .top-banner-function-item{font-size:14px;gap:6px}
  .top-banner-container .top-banner-function .top-banner-function-item img{width:18px;height:18px}

  /* 操作按钮 */
  .top-banner-container .top-banner-button{gap:10px;margin-top:16px}
  .top-banner-container .top-banner-button button{min-width:130px;width:auto;height:44px;font-size:16px;padding:8px 22px}
  .top-banner-container > .top-banner-sub-text.hero-subtitle{display:block!important;opacity:1!important;visibility:visible!important}
  .top-banner-container > .top-banner-function{display:flex!important;opacity:1!important;visibility:visible!important}
  .top-banner-container > .top-banner-button{display:flex!important;opacity:1!important;visibility:visible!important}
  .top-banner-container > .top-banner-button .prime-button{display:none}
  .top-banner-container > .top-banner-button .header-download{width:100%;display:flex!important;justify-content:center;margin-left:0}
  .top-banner-container > .top-banner-button .header-download button{width:min(88vw,320px)}

  /* Banner图片 */
  .top-banner-container > .top-banner-img-container{margin-top:20px;max-width:92%;padding:0}
  .top-banner-container > .top-banner-img-container .top-banner-img-wrapper .main{max-width:560px}

  /* 模块标题 */
  .section-title{margin-top:48px}

  /* 卡片容器 */
  .card-container-index{width:calc(100% - 24px);padding:16px 12px;border-radius:20px}

  /* 标签页 - 水平滚动 */
  .custom-tabs-list{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:6px;gap:6px;border-radius:12px;min-height:auto;scrollbar-width:none}
  .custom-tabs-list::-webkit-scrollbar{display:none}
  .custom-tabs-trigger{padding:8px 14px;font-size:14px;border-radius:10px;flex-shrink:0}

  /* 功能亮点 */
  .highlights-container{flex-direction:column;gap:16px;margin-top:20px}
  .highlights-image{width:100%}
  .highlights-content{padding-left:0;gap:16px;margin-top:8px}
  .highlights-title-primary{font-size:20px}
  .highlights-title-secondary{font-size:18px;min-height:auto}
  .highlights-list{gap:10px;font-size:13px}
  .highlights-button{width:160px;height:44px;font-size:18px;gap:6px}
  .highlights-button-icon{width:20px!important;height:20px!important}

  /* 模块四网格 - 手机单列 */
  .feature-grid{grid-template-columns:1fr;gap:12px}
  .feature-card{padding:24px 20px;gap:10px}
  .feature-card-emoji{font-size:32px}
  .feature-card-title{font-size:18px}

  /* 信任区 - 手机单列 */
  .trust-grid{grid-template-columns:1fr;gap:8px;padding:8px 0}
  .trust-item{padding:16px 12px}
  .trust-item-emoji{font-size:36px;margin-bottom:10px}
  .trust-item-title{font-size:18px;margin-bottom:8px}
  .trust-item-desc{font-size:14px;line-height:22px}

  /* 功能详情 */
  .function-details-tabs-content{grid-template-columns:repeat(2,1fr);gap:16px;min-width:auto}
  .function-details-tabs-trigger{width:120px;height:120px;font-size:14px}
  .function-details-tabs-trigger img{width:72px;height:auto}

  /* 服务/场景 */
  .service-content{grid-template-columns:1fr}
  .service-content-element{aspect-ratio:auto}
  .scenarios-content-overlay{position:static;background:#00000080;padding:16px;border-radius:0 0 24px 24px}
  .scenarios-content-title{font-size:22px}
  .scenarios-content-text{font-size:16px;height:auto;line-height:28px}

  /* 页脚横幅 */
  .footer-banner{height:auto;line-height:normal;padding:20px 16px;font-size:16px}
  .footer-banner div{width:100%;flex-direction:column;gap:14px;padding:0}
  .footer-banner img{position:absolute;left:0;top:0;width:100%;height:100%}
  .footer-banner-text{font-size:16px;line-height:1.5}
  .footer-banner-download-button{width:140px!important;height:40px!important;font-size:16px!important}

  /* 页脚内容 */
  .footer-content{padding-bottom:72px;padding-top:24px;gap:20px}
  .footer-content-inner{flex-direction:column;padding:0 16px;gap:24px}
  .footer-content .footer-nav{flex-direction:column;align-items:flex-start;gap:20px}
  .footer-logo-wrap{margin-bottom:8px}
  .footer-logo-img{width:48px;height:48px}
  .footer-logo-title{width:90px;height:30px}
  .footer-qrcode{justify-content:flex-start;gap:16px}
  .footer-qrcode-item img{width:80px;height:80px}
  .footer-content .footer-copyright{position:static;height:auto;line-height:24px;padding:16px 0;font-size:13px}
}

/* ====================================================================
   移动端自适应 - 超小屏 (<=480px)
   ==================================================================== */
@media(max-width:480px){
  .top-banner-container{padding:10px 0 0}
  .top-banner-container .top-banner-text{font-size:20px;line-height:30px}
  .top-banner-container .top-banner-text img{width:60px}
  .hero-subtitle{font-size:13px;margin-top:8px}
  .top-banner-container .top-banner-function{width:calc(100% - 20px);margin:14px 10px 0;padding:9px 10px;gap:6px;border-radius:12px}
  .top-banner-container .top-banner-function .top-banner-function-item{font-size:13px;gap:5px}
  .top-banner-container .top-banner-function .top-banner-function-item img{width:16px;height:16px}
  .top-banner-container .top-banner-button{margin-top:14px}
  .top-banner-container > .top-banner-img-container{margin-top:16px;max-width:94%}
  .top-banner-container > .top-banner-img-container .top-banner-img-wrapper .main{max-width:520px}
  .header-logo{width:100px;height:auto}
  .card-container-index{width:calc(100% - 16px);padding:12px 10px;border-radius:16px}
  .custom-tabs-trigger{padding:6px 10px;font-size:13px}
  .highlights-title-primary{font-size:18px}
  .highlights-title-secondary{font-size:16px}
  .highlights-button{width:140px;height:40px;font-size:16px}
  .feature-card{padding:20px 16px}
  .feature-card-emoji{font-size:28px}
  .feature-card-title{font-size:16px}
  .feature-card-tag{font-size:13px}
  .feature-card-desc{font-size:13px;line-height:20px}
  .trust-item-emoji{font-size:32px}
  .trust-item-title{font-size:16px}
  .trust-item-desc{font-size:13px;line-height:20px}
  .top-banner-container .top-banner-button button{min-width:110px;width:auto;height:42px;font-size:15px;padding:6px 20px}
  .footer-banner-text{font-size:14px}
}