/* ==========================================================================
   言瑞达权益 · 站点样式
   版式基准：1280 容器 / 64px 导航 / 5rem 区块 / 20px 基准字号
   ========================================================================== */

:root{
  --blue-50:#EFF6FF;--blue-100:#DBEAFE;--blue-200:#BFDBFE;--blue-400:#60A5FA;--blue-500:#3B82F6;--blue-600:#2563EB;--blue-700:#1D4ED8;--blue-800:#1E40AF;--blue-900:#1E3A8A;
  --indigo-50:#EEF2FF;--indigo-100:#E0E7FF;--indigo-400:#818CF8;--indigo-500:#6366F1;--indigo-600:#4F46E5;--indigo-700:#4338CA;--indigo-800:#3730A3;
  --purple-50:#FAF5FF;--purple-400:#C084FC;--purple-500:#A855F7;--purple-600:#9333EA;--purple-700:#7E22CE;--purple-800:#6B21A8;
  --green-50:#F0FDF4;--green-100:#DCFCE7;--green-500:#22C55E;--green-600:#16A34A;--green-700:#15803D;--green-800:#166534;
  --orange-50:#FFF7ED;--orange-100:#FFEDD5;--orange-500:#F97316;--orange-600:#EA580C;--orange-700:#C2410C;--orange-800:#9A3412;
  --pink-500:#EC4899;--pink-600:#DB2777;--pink-700:#BE185D;
  --teal-500:#14B8A6;--teal-600:#0D9488;--teal-700:#0F766E;
  --red-500:#EF4444;--red-600:#DC2626;--red-700:#B91C1C;
  --yellow-500:#EAB308;--yellow-600:#CA8A04;
  --slate-50:#F8FAFC;--slate-100:#F1F5F9;--slate-200:#E2E8F0;--slate-300:#CBD5E1;--slate-400:#94A3B8;--slate-500:#64748B;--slate-600:#475569;--slate-700:#334155;--slate-800:#1E293B;--slate-900:#0F172A;
  --shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);
  --shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);
  --shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);
  --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  --shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);
  --shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:"Inter","PingFang SC","Helvetica Neue",Arial,sans-serif;color:#0F172A;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
.text-center{text-align:center}
.container{max-width:1280px;margin:0 auto;padding:0 1rem}

/* ---------- 导航 ---------- */
.nav-bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1px solid var(--slate-200);height:64px}
.nav-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;height:64px;padding:0 1rem}
.nav-brand{display:flex;align-items:center;gap:.75rem;flex-shrink:0}
.nav-logo-img{height:44px;width:auto;display:block}
.nav-logo-fallback{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--blue-600),var(--blue-700));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px;flex-shrink:0}
.nav-brand-text h1,.nav-h1{font-size:18px;font-weight:700;color:var(--slate-900);line-height:1.2}
.nav-brand-text p{font-size:12px;color:var(--slate-500);line-height:1.2}
.nav-links{display:none;align-items:center;gap:3.3rem;flex:1;justify-content:center;padding:0 1rem}
.nav-link{font-size:14px;font-weight:500;color:var(--slate-700);transition:color .2s;cursor:pointer;position:relative;padding:.25rem 0;background:none;border:none}
.nav-link:hover,.nav-link.active{color:var(--blue-600)}
.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);width:5rem;height:4px;background:var(--blue-600);border-radius:9999px}
.nav-right{display:flex;align-items:center;gap:1rem;flex-shrink:0;margin-left:auto}
.nav-cta{display:none;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:9999px;background:linear-gradient(to right,var(--blue-600),var(--blue-700));color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:opacity .2s;white-space:nowrap}
.nav-cta:hover{opacity:.9}
.mobile-service-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:9999px;font-size:.8125rem;font-weight:600;background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;border:none;cursor:pointer;box-shadow:0 2px 8px rgba(34,197,94,.3);transition:all .2s;white-space:nowrap}

/* ---------- 移动端底部导航 ---------- */
.mobile-tab-bar{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--slate-200);z-index:50;padding:0;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px rgba(0,0,0,.06)}
.mobile-tab-bar-inner{display:grid;grid-template-columns:repeat(7,1fr);gap:0;margin:0 auto}
.mobile-tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .125rem .375rem;text-decoration:none;color:var(--slate-400);transition:color .2s;font-size:.5625rem;font-weight:500;-webkit-tap-highlight-color:transparent}
.mobile-tab-item.active{color:var(--blue-600)}
.mobile-tab-item svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 首页 hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(to bottom right,var(--slate-50),var(--blue-50),var(--indigo-50));padding:5rem 0 6rem}
.hero-deco{position:absolute;border-radius:50%;pointer-events:none}
.hero-deco-1{top:-10rem;right:-10rem;width:320px;height:320px;background:linear-gradient(to bottom right,rgba(96,165,250,.2),rgba(147,51,234,.2));filter:blur(64px)}
.hero-deco-2{bottom:-10rem;left:-10rem;width:384px;height:384px;background:linear-gradient(to bottom right,rgba(129,140,248,.2),rgba(37,99,235,.2));filter:blur(64px)}
.hero-deco-3{top:50%;left:50%;transform:translate(-50%,-50%);width:320px;height:320px;background:linear-gradient(to bottom right,rgba(59,130,246,.1),rgba(168,85,247,.1));filter:blur(64px)}
.hero-dot{position:absolute;width:8px;height:8px;border-radius:50%;pointer-events:none}
.hero-dot-1{top:20%;left:15%;background:var(--blue-400);opacity:.4}
.hero-dot-2{top:30%;right:20%;background:var(--purple-400);opacity:.3}
.hero-dot-3{bottom:25%;left:25%;background:var(--indigo-400);opacity:.5}
.hero-dot-4{top:15%;right:35%;background:var(--blue-500);opacity:.3}
.hero-dot-5{bottom:35%;right:10%;background:var(--purple-400);opacity:.4}
.hero-dot-6{top:60%;left:8%;background:var(--blue-400);opacity:.3}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
.hero-content{max-width:1280px;margin:0 auto;padding:0 1rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative;z-index:1}
.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--blue-100);color:var(--blue-800);border-radius:9999px;font-size:14px;font-weight:500;margin-bottom:1.5rem}
.hero-badge svg{width:16px;height:16px}
.hero-h1{font-size:2.5rem;font-weight:800;line-height:1.1;color:var(--slate-900);margin-bottom:1.5rem}
.hero-h1 .gradient-text{background:linear-gradient(to right,var(--blue-600),var(--purple-600),var(--indigo-600));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-subtitle{font-size:1.25rem;color:var(--slate-600);font-weight:500;margin-bottom:1rem}
.hero-desc{font-size:1.125rem;color:var(--slate-600);line-height:1.75;max-width:42rem;margin-bottom:2rem}
.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3.5rem}
.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;background:linear-gradient(to right,var(--blue-600),var(--blue-700));color:#fff;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s,transform .2s;white-space:nowrap}
.btn-primary:hover{opacity:.9;transform:translateY(-1px)}
.btn-primary svg{width:20px;height:20px}
.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;background:transparent;color:var(--slate-700);font-size:1rem;font-weight:600;border:2px solid var(--slate-200);cursor:pointer;transition:all .2s;white-space:nowrap}
.btn-outline:hover{border-color:var(--blue-600);color:var(--blue-600)}
.btn-outline svg{width:20px;height:20px}
.hero-tilted-card{transform:rotate(6deg);transition:transform .5s;background:linear-gradient(to bottom right,#fff,var(--slate-100));border-radius:1.5rem;box-shadow:var(--shadow-2xl);padding:2rem;min-height:320px;display:flex;flex-direction:column;justify-content:center}
.hero-tilted-card:hover{transform:rotate(3deg)}
.hero-card-header{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.hero-card-dots{display:flex;gap:.5rem}
.hero-card-dots span{width:12px;height:12px;border-radius:50%}
.hero-card-dots span:nth-child(1){background:#EF4444}
.hero-card-dots span:nth-child(2){background:#F59E0B}
.hero-card-dots span:nth-child(3){background:#22C55E}
.hero-card-title{font-size:.875rem;color:var(--slate-500);font-weight:500}
.hero-card-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.hero-card-item{background:rgba(255,255,255,.8);border-radius:1rem;padding:1rem;border:1px solid var(--slate-200)}
.hero-card-item .hci-icon{width:32px;height:32px;border-radius:8px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;color:#fff}
.hero-card-item h4{font-size:.8125rem;font-weight:600;color:var(--slate-900);margin-bottom:.25rem}
.hero-card-item p{font-size:.75rem;color:var(--slate-500)}
.hero-card-item .hci-status{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;color:var(--green-600);margin-top:.5rem;font-weight:500}
.hero-card-item .hci-status::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--green-500)}
.stats-strip{position:relative;z-index:1;max-width:1280px;margin:1.5rem auto 0;padding:0 1rem}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;background:#fff;border-radius:1.5rem;box-shadow:var(--shadow-xl);padding:2rem;border:1px solid var(--slate-200)}
.stat-item{text-align:center;padding:1rem}
.stat-number{font-size:2rem;font-weight:800;color:var(--blue-600);line-height:1;margin-bottom:.5rem}
.stat-label{font-size:.875rem;color:var(--slate-600);font-weight:500}

/* ---------- 区块基座 ---------- */
.section{padding:5rem 0}
.section-inner{max-width:1280px;margin:0 auto;padding:0 1rem}
.section-alt{background:var(--slate-50)}
.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--blue-100);color:var(--blue-700);border-radius:9999px;font-size:14px;font-weight:500;margin-bottom:1rem}
.section-title{font-size:2.25rem;font-weight:700;color:var(--slate-900);margin-bottom:1rem;line-height:1.2}
.section-subtitle{font-size:1.125rem;color:var(--slate-600);max-width:640px;margin:0 auto 3rem}

/* ---------- 核心优势 ---------- */
.advantages-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.advantage-item{text-align:center;padding:2rem 1.5rem;border-radius:1.5rem;background:#fff;border:1px solid var(--slate-200);transition:transform .3s,box-shadow .3s}
.advantage-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.advantage-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}
.advantage-icon.blue{background:linear-gradient(135deg,var(--blue-500),var(--blue-600))}
.advantage-icon.green{background:linear-gradient(135deg,var(--green-500),var(--green-600))}
.advantage-icon.purple{background:linear-gradient(135deg,var(--purple-500),var(--purple-600))}
.advantage-icon.orange{background:linear-gradient(135deg,var(--orange-500),var(--orange-600))}
.advantage-item h3{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.advantage-item p{font-size:.875rem;color:var(--slate-600);line-height:1.6}

/* ---------- 解决方案 ---------- */
.solutions-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.solution-card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:1.5rem;transition:box-shadow .3s,transform .3s;overflow:hidden}
.solution-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.solution-card-img{width:100%;height:140px;object-fit:cover;border-radius:.75rem;margin-bottom:1rem}
.solution-icon{width:48px;height:48px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem;color:#fff}
.solution-card h3{font-size:1.0625rem;font-weight:700;color:var(--slate-900);margin-bottom:.375rem}
.solution-card p{font-size:.8125rem;color:var(--slate-500);margin-bottom:.75rem;line-height:1.6}
.solution-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--blue-600);font-size:.875rem;font-weight:500;transition:gap .2s}
.solution-link:hover{gap:.5rem}
.solution-detail-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.solution-detail-card{background:#fff;border:1px solid var(--slate-200);border-radius:1.5rem;padding:2rem;transition:box-shadow .3s,transform .3s;overflow:hidden;position:relative}
.solution-detail-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}
.solution-detail-card h3{font-size:1.25rem;font-weight:700;color:var(--slate-900)}
.solution-detail-card p{font-size:.9375rem;color:var(--slate-600);line-height:1.7;margin-bottom:1rem}
.solution-detail-card ul{margin-bottom:1rem}
.solution-detail-card ul li{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--slate-600);padding:.25rem 0}
.solution-detail-card ul li svg{flex-shrink:0;color:var(--green-500)}
.solution-detail-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.solution-detail-head .solution-icon{margin-bottom:0;flex-shrink:0}
.view-more-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--blue-600);font-size:.9375rem;font-weight:600;margin-top:2rem;transition:gap .2s}
.view-more-link:hover{gap:.5rem}

/* ---------- 服务项目 ---------- */
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}
.service-item{text-align:center;padding:2rem 1rem;border-radius:1.5rem;background:#fff;border:1px solid var(--slate-200);transition:transform .3s,box-shadow .3s}
.service-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.service-icon{width:64px;height:64px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}
.service-item h3{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.service-item p{font-size:.8125rem;color:var(--slate-500)}
.service-cards-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.service-card{border-radius:1rem;overflow:hidden;background:#fff;border:1px solid var(--slate-200);transition:transform .3s,box-shadow .3s}
.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.service-card-img{height:12rem;background:linear-gradient(135deg,var(--slate-100),var(--slate-200));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:rgba(15,23,42,.18)}
.service-card-body{padding:1.25rem}
.service-card-body h3{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.service-card-body p{font-size:.8125rem;color:var(--slate-500);line-height:1.6;margin-bottom:.75rem}
.service-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}
.service-card-tag{display:inline-flex;padding:.25rem .625rem;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9999px;font-size:.6875rem;font-weight:500;color:var(--slate-600)}
.service-card-rating{display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}
.service-card-rating svg{width:14px;height:14px;color:#F59E0B;fill:#F59E0B}
.service-card-rating span{font-size:.75rem;color:var(--slate-500);margin-left:.25rem}
.service-card-buy{display:inline-flex;align-items:center;gap:.25rem;color:var(--blue-600);font-size:.8125rem;font-weight:600}
.service-card-buy:hover{gap:.5rem}
.sc-float-icon{position:absolute;top:1rem;left:1rem;width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:#fff}

/* ---------- 合作伙伴 ---------- */
.partners-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem}
.partner-logo-card{display:flex;align-items:center;justify-content:center;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:var(--shadow-sm);transition:all .3s;min-height:72px}
.partner-logo-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}
.partner-logo-card img{max-height:2.5rem;width:auto;opacity:.85;transition:opacity .3s}
.partner-name{font-size:.75rem;font-weight:600;color:var(--slate-500);line-height:1.25;text-align:center;transition:color .3s}
.partner-logo-card:hover .partner-name{color:var(--blue-600)}
.marquee-container{overflow:hidden;border-radius:1rem;background:var(--slate-50);padding:2rem}
.marquee-track{display:flex;gap:2rem;min-width:max-content}
.marquee-track:hover{animation-play-state:paused}
.animate-scroll{animation:scroll 30s linear infinite}
.marquee-logo{flex-shrink:0;width:5rem;height:5rem;background:#fff;border-radius:.75rem;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;padding:.75rem;transition:all .3s}
.marquee-logo:hover{box-shadow:var(--shadow-lg);transform:scale(1.05)}
.marquee-logo img{max-height:100%;max-width:100%;opacity:.7}
.partner-cta-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;background:linear-gradient(to right,var(--blue-600),var(--blue-700));color:#fff;font-size:1.125rem;font-weight:600;transition:all .3s}
.partner-cta-btn:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(59,130,246,.25)}
.partner-categories{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.partner-category{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:1.5rem;transition:transform .3s,box-shadow .3s}
.partner-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.partner-category-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.partner-category-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}
.partner-category h3{font-size:1rem;font-weight:700;color:var(--slate-900)}
.partner-category p{font-size:.8125rem;color:var(--slate-500);margin-bottom:.75rem;line-height:1.6}
.partner-category .cat-tags{display:flex;flex-wrap:wrap;gap:.375rem}
.partner-category .cat-tags span{display:inline-flex;padding:.25rem .625rem;background:var(--slate-50);border:1px solid var(--slate-200);border-radius:9999px;font-size:.6875rem;color:var(--slate-600)}

/* ---------- 页面横幅 / CTA ---------- */
.page-banner-full{padding:6rem 0;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--blue-600),var(--blue-700),var(--indigo-800))}
.page-banner-full h1{font-size:2.25rem;font-weight:700;color:#fff;margin-bottom:1.5rem}
.page-banner-full p{font-size:1.25rem;max-width:56rem;margin:0 auto;color:rgba(255,255,255,.9)}
.home-cta{background:linear-gradient(135deg,var(--blue-600),var(--blue-700),var(--indigo-800));padding:5rem 0;position:relative;overflow:hidden}
.home-cta-deco{position:absolute;width:20rem;height:20rem;border-radius:50%;background:rgba(255,255,255,.08);filter:blur(64px);pointer-events:none}
.home-cta-deco-1{top:-5rem;right:-5rem}
.home-cta-deco-2{bottom:0;left:-5rem}
.home-cta-inner{max-width:1280px;margin:0 auto;padding:0 1rem;text-align:center;position:relative;z-index:1}
.cta-card{max-width:64rem;margin:0 auto;padding:0 1rem}
.cta-card-in{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.15);padding:3rem 2rem;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.2)}
.cta-card h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}
.cta-card p{font-size:1.125rem;color:rgba(255,255,255,.85);margin-bottom:2rem;max-width:36rem;margin-left:auto;margin-right:auto}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-cta-white{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;background:#fff;color:var(--blue-600);font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s;white-space:nowrap}
.btn-cta-white:hover{transform:scale(1.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}
.btn-cta-outline{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:9999px;background:transparent;color:#fff;font-size:1.125rem;font-weight:600;border:2px solid #fff;cursor:pointer;transition:all .3s;white-space:nowrap}
.btn-cta-outline:hover{background:#fff;color:var(--blue-600)}
.page-cta{padding:5rem 0;text-align:center;background:linear-gradient(135deg,var(--blue-600),var(--blue-700),var(--indigo-800))}
.page-cta h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:1rem}
.page-cta>p{font-size:1.125rem;color:rgba(255,255,255,.85)}
.page-cta .cta-card p{font-size:1.125rem}

/* ---------- 关于我们 ---------- */
.about-intro{display:grid;grid-template-columns:1fr;gap:2rem;background:linear-gradient(135deg,var(--blue-50),var(--indigo-50));border-radius:1.5rem;padding:2.5rem;margin-bottom:3rem;text-align:left}
.about-intro-text h2{font-size:1.5rem;font-weight:700;color:var(--slate-900);margin-bottom:1rem}
.about-intro-text p{color:var(--slate-600);line-height:1.8;margin-bottom:1rem}
.about-intro-text p:last-child{margin-bottom:0}
.about-intro-img{width:100%;height:200px;background:var(--slate-200);border-radius:1rem;display:flex;align-items:center;justify-content:center;color:var(--slate-400);font-size:.875rem}
.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem;text-align:center}
.about-stat-number{font-size:2.5rem;font-weight:800;color:var(--blue-600);line-height:1;margin-bottom:.5rem}
.about-stat-label{font-size:.875rem;color:var(--slate-500)}
.timeline-wrapper{padding:1rem 0 2rem;max-width:64rem;margin:0 auto}
.timeline-track{display:flex;flex-direction:column;gap:0;position:relative}
.timeline-track::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--blue-200),var(--blue-400));border-radius:2px;transform:translateX(-50%)}
.timeline-item{position:relative;width:100%;margin-left:0;padding:0 0 2rem 2.5rem;text-align:left}
.timeline-item .tl-dot{position:absolute;top:4px;left:-9px;right:auto;width:15px;height:15px;border-radius:50%;background:var(--blue-500);border:3px solid #fff;box-shadow:var(--shadow-sm);z-index:1}
.timeline-item .tl-year{font-size:.875rem;font-weight:700;color:var(--blue-600);margin-bottom:.25rem}
.timeline-item .tl-title{font-size:.9375rem;font-weight:700;color:var(--slate-900);margin-bottom:.25rem}
.timeline-item .tl-desc{font-size:.8125rem;color:var(--slate-500);line-height:1.6}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}
.team-card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:2rem 1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}
.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.team-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:700}
.team-card h3{font-size:1.125rem;font-weight:700;color:var(--slate-900);margin-bottom:.25rem}
.team-card .team-title{font-size:.875rem;color:var(--blue-600);font-weight:500;margin-bottom:.75rem}
.team-card p{font-size:.8125rem;color:var(--slate-500);line-height:1.6}

/* ---------- 联系我们 ---------- */
.contact-info-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.contact-info-card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}
.contact-info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.contact-info-card-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}
.contact-info-card h4{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.contact-info-card p{font-size:.8125rem;color:var(--slate-500);line-height:1.6;white-space:pre-line}
.contact-full-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}
.contact-card{padding:2rem;border-radius:1.5rem;background:#fff;border:1px solid var(--slate-200);text-align:left}
.contact-info-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}
.contact-info-item:last-child{margin-bottom:0}
.contact-info-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-100);display:flex;align-items:center;justify-content:center;color:var(--blue-600);flex-shrink:0}
.contact-info-item h4{font-size:.875rem;font-weight:600;color:var(--slate-900);margin-bottom:.25rem}
.contact-info-item p{font-size:.875rem;color:var(--slate-500);line-height:1.6}
.quick-contact-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.quick-contact-card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:2rem 1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}
.quick-contact-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.quick-contact-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}
.quick-contact-card h4{font-size:1.125rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.quick-contact-card p{font-size:.8125rem;color:var(--slate-500);line-height:1.6;margin-bottom:1.5rem}
.promise-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.promise-card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}
.promise-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.promise-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff}
.promise-card h4{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.promise-card p{font-size:.8125rem;color:var(--slate-500);line-height:1.6}
.form-row{margin-bottom:1rem}
.form-row label{display:block;font-size:.8125rem;font-weight:600;color:var(--slate-700);margin-bottom:.375rem}
.form-row input,.form-row textarea,.form-row select{width:100%;padding:.75rem .875rem;border:1px solid var(--slate-200);border-radius:.625rem;font-size:.875rem;font-family:inherit;color:var(--slate-900);background:#fff;transition:border-color .2s,box-shadow .2s}
.form-row input:focus,.form-row textarea:focus,.form-row select:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(59,130,246,.15)}
.form-row textarea{min-height:6.5rem;resize:vertical}
.form-submit{width:100%;padding:.9rem 1.5rem;border-radius:9999px;border:none;background:linear-gradient(to right,var(--blue-600),var(--blue-700));color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;font-family:inherit;transition:opacity .2s}
.form-submit:hover{opacity:.92}
.form-hint{font-size:.75rem;color:var(--slate-400);margin-top:.75rem;line-height:1.6}

/* ---------- 加盟介绍 ---------- */
.flow-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}
.flow-card{position:relative;background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:2rem 1.5rem;text-align:center;transition:transform .3s,box-shadow .3s}
.flow-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.flow-step{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;font-size:1.25rem;font-weight:800;margin-bottom:1rem}
.flow-card h4{font-size:1rem;font-weight:700;color:var(--slate-900);margin-bottom:.5rem}
.flow-card p{font-size:.8125rem;color:var(--slate-500);line-height:1.6}
.flow-arrow{display:none}
.join-conditions{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:2rem;margin-bottom:3rem}
.join-conditions h3{font-size:1.25rem;font-weight:700;color:var(--slate-900);margin-bottom:1.5rem;text-align:center}
.join-conditions ul{list-style:none;padding:0}
.join-conditions li{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--slate-100);font-size:.9375rem;color:var(--slate-600)}
.join-conditions li:last-child{border-bottom:none}
.join-conditions li svg{flex-shrink:0;color:var(--green-500);margin-top:2px}
.revenue-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:1rem;overflow:hidden;box-shadow:var(--shadow);margin:0 auto;max-width:48rem;font-size:.875rem}
.revenue-table th{background:var(--slate-800);color:#fff;padding:.875rem 1rem;font-weight:600;text-align:left}
.revenue-table td{padding:.875rem 1rem;border-bottom:1px solid var(--slate-100);color:var(--slate-700)}
.revenue-table tr:last-child td{border-bottom:none}
.revenue-table tr:hover td{background:var(--slate-50)}
.revenue-table .profit-rate{color:var(--green-600);font-weight:700}
.revenue-table .note-text{font-size:.75rem;color:var(--slate-400);font-style:italic}
.testimonial-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}
.testimonial-card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow .3s,transform .3s}
.testimonial-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.testimonial-avatar{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;flex-shrink:0}
.testimonial-stars{display:flex;gap:.125rem;color:#F59E0B}
.testimonial-stars svg{fill:#F59E0B}
.testimonial-top{display:flex;align-items:center;gap:.75rem}
.testimonial-name{font-size:.875rem;font-weight:600;color:var(--slate-900)}
.testimonial-role{font-size:.75rem;color:var(--slate-400)}
.testimonial-card p{font-size:.875rem;color:var(--slate-600);line-height:1.7}

/* ---------- FAQ 折叠卡片 ---------- */
.card{background:#fff;border:1px solid var(--slate-200);border-radius:1rem;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.faq-item{padding:1.5rem;cursor:pointer}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq-q h4{font-size:1rem;font-weight:600;color:var(--slate-900);line-height:1.5;text-align:left}
.faq-q svg{flex-shrink:0;color:var(--slate-400);transition:transform .25s}
.faq-item p{font-size:.875rem;color:var(--slate-500);margin-top:.75rem;line-height:1.7;display:none;text-align:left}
.faq-open p{display:block}
.faq-open .faq-q svg{transform:rotate(180deg)}

/* ---------- 页脚 ---------- */
.footer-lower{background:#1a1a2e;padding:3rem 1.5rem 0;margin-top:2rem}
.footer-lower-inner{max-width:1200px;margin:0 auto}
.footer-nav-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}
.footer-nav-col h4{font-size:.8125rem;font-weight:700;color:#e2e8f0;margin-bottom:.875rem;letter-spacing:.02em;position:relative;padding-bottom:.5rem}
.footer-nav-col h4::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);border-radius:1px}
.footer-nav-col p{font-size:.8125rem;color:#94a3b8;line-height:1.7}
.footer-nav-col a{display:block;font-size:.8125rem;color:#94a3b8;padding:.25rem 0;transition:color .15s}
.footer-nav-col a:hover{color:#38bdf8}
.fu-qr-row{display:flex;gap:.75rem;margin-top:.5rem}
.fu-qr-item{text-align:center;cursor:pointer}
.fu-qr-box{width:72px;height:72px;border-radius:.5rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:.25rem;overflow:hidden;transition:border-color .2s,transform .2s}
.fu-qr-box svg{opacity:.4}
.fu-qr-item:hover .fu-qr-box{border-color:rgba(14,165,233,.4);transform:scale(1.05)}
.fu-qr-label{font-size:.6875rem;color:#64748b}
.footer-bar{border-top:1px solid rgba(255,255,255,.06);padding:1rem 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem;font-size:.75rem}
.footer-bar .fb-copy{color:#475569}
.footer-bar .fb-sep{color:rgba(255,255,255,.1);margin:0 .25rem}
.footer-bar a{color:#64748b;display:inline-flex;align-items:center;gap:.25rem;transition:color .2s}
.footer-bar a:hover{color:#38bdf8}
.footer-bar a svg{opacity:.5}
.footer-bar .fb-security{display:inline-flex;align-items:center;gap:.25rem;color:#475569;margin-left:.5rem}
.footer-bar .fb-security svg{opacity:.4}
.footer-copyright{font-size:.75rem;color:#475569;text-align:center;padding:.5rem 0 1.25rem;letter-spacing:.02em}
.qr-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.qr-modal-overlay.active{opacity:1;pointer-events:auto}
.qr-modal-card{background:#fff;border-radius:1rem;padding:1.5rem;text-align:center;box-shadow:0 25px 50px rgba(0,0,0,.25);transform:scale(.85);transition:transform .25s;max-width:280px;width:90%}
.qr-modal-overlay.active .qr-modal-card{transform:scale(1)}
.qr-modal-card .qr-box{width:200px;height:200px;border-radius:.5rem;background:var(--slate-50);border:1px solid var(--slate-200);margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;color:var(--slate-400);font-size:.75rem;letter-spacing:.05em}
.qr-modal-title{font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}
.qr-modal-hint{font-size:.75rem;color:#94a3b8}
.qr-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.2);border:none;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}
.qr-modal-close:hover{background:rgba(255,255,255,.35)}

/* ---------- 让长表格在小屏可横向滚动 ---------- */
.tbl-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------- 断点 ---------- */
@media(min-width:480px){
  .footer-nav-grid{grid-template-columns:repeat(2,1fr)}
  .testimonial-grid{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:640px){
  .container{padding:0 1.5rem}
  .nav-inner{padding:0 1.5rem}
  .section-inner{padding:0 1.5rem}
  .hero-content{padding:0 1.5rem}
  .stats-strip{padding:0 1.5rem}
  .hero-h1{font-size:3.5rem}
  .partners-grid{grid-template-columns:repeat(6,1fr)}
  .testimonial-grid{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:768px){
  .nav-inner{padding:0 2rem}
  .section-inner{padding:0 2rem}
  .hero-content{padding:0 2rem}
  .stats-strip{padding:0 2rem}
  .stats-grid{grid-template-columns:repeat(4,1fr);padding:2.5rem}
  .section-title{font-size:3rem}
  .advantages-grid{grid-template-columns:repeat(2,1fr)}
  .solutions-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:repeat(4,1fr)}
  .solution-detail-grid{grid-template-columns:repeat(2,1fr)}
  .service-cards-grid{grid-template-columns:repeat(2,1fr)}
  .footer-nav-grid{grid-template-columns:repeat(3,1fr)}
  .contact-info-grid{grid-template-columns:repeat(2,1fr)}
  .contact-full-grid{grid-template-columns:1fr 1fr}
  .quick-contact-grid{grid-template-columns:repeat(2,1fr)}
  .promise-grid{grid-template-columns:repeat(2,1fr)}
  .flow-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(3,1fr)}
  .about-intro{grid-template-columns:1fr 1fr}
  .about-stats{grid-template-columns:repeat(4,1fr)}
  .timeline-track::before{left:50%;transform:translateX(-50%)}
  .timeline-item{width:50%;padding:0 2.5rem 2.5rem 0;text-align:right}
  .timeline-item:nth-child(even){margin-left:50%;padding:0 0 2.5rem 2.5rem;text-align:left}
  .timeline-item:last-child,.timeline-item:nth-last-child(2){padding-bottom:0}
  .timeline-item .tl-dot{right:-9px;left:auto}
  .timeline-item:nth-child(even) .tl-dot{right:auto;left:-9px}
  .partner-categories{grid-template-columns:repeat(2,1fr)}
  .revenue-table{font-size:.9375rem}
}
@media(min-width:1024px){
  .nav-links{display:flex}
  .nav-cta{display:inline-flex}
  .mobile-service-btn{display:none}
  .mobile-tab-bar{display:none}
  body{padding-bottom:0}
  .hero-content{padding:0 2rem;grid-template-columns:1fr 1fr;gap:4rem}
  .hero-h1{font-size:4rem}
  .advantages-grid{grid-template-columns:repeat(4,1fr)}
  .solutions-grid{grid-template-columns:repeat(3,1fr)}
  .partners-grid{grid-template-columns:repeat(8,1fr)}
  .footer-nav-grid{grid-template-columns:200px 1fr 1fr 1fr 180px;gap:2rem}
  .contact-info-grid{grid-template-columns:repeat(4,1fr)}
  .quick-contact-grid{grid-template-columns:repeat(4,1fr)}
  .promise-grid{grid-template-columns:repeat(4,1fr)}
  .flow-grid{grid-template-columns:repeat(4,1fr)}
  .team-grid{grid-template-columns:repeat(4,1fr)}
  /* 卡片数非 4 的倍数时用 3 列，避免行尾留白（6卡=2×3，5卡=3+2） */
  .cols-3{grid-template-columns:repeat(3,1fr)!important}
  .partner-categories{grid-template-columns:repeat(3,1fr)}
  .service-cards-grid{grid-template-columns:repeat(4,1fr)}
  .page-banner-full h1{font-size:3rem}
  .page-cta{padding:5rem 0}
  .flow-arrow{display:flex;align-items:center;justify-content:center;position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);color:var(--slate-300);z-index:2}
}
@media(min-width:1280px){
  .partners-grid{grid-template-columns:repeat(10,1fr)}
}
@media(max-width:1023px){
  body{padding-bottom:60px}
  .hero{padding:3rem 0 2rem}
  .hero-content{gap:2rem}
  .hero-tilted-card{transform:none;min-height:auto;padding:1.5rem}
  .stats-strip{margin-top:1rem}
  .hero-buttons{margin-bottom:2rem}
}
@media(max-width:639px){
  .section{padding:3rem 0}
  .section-title{font-size:1.75rem}
  .section-subtitle{font-size:1rem;margin-bottom:2rem}
  .hero-h1{font-size:2.1rem}
  .hero-desc{font-size:1rem}
  .page-banner-full{padding:4rem 0}
  .page-banner-full h1{font-size:1.75rem}
  .page-banner-full p{font-size:1rem}
  .partner-logo-card{padding:.5rem;min-height:60px}
  .partner-name{font-size:.625rem}
  .marquee-logo{width:4rem;height:4rem}
  .about-intro{padding:1.75rem}
  .cta-card-in{padding:2.25rem 1.25rem}
  .footer-lower{padding:2.25rem 1.25rem 0}
  .stat-item{padding:.5rem}
  .stat-number{font-size:1.75rem}
}
@media(max-width:479px){
  .services-grid{grid-template-columns:1fr}
  .hero-card-content{grid-template-columns:1fr}
  .footer-nav-grid{grid-template-columns:1fr}
  .nav-logo-img{height:36px}
}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){
  .animate-scroll,.animate-pulse{animation:none}
  .hero-tilted-card{transition:none}
}

/* ===================== 卡通 IP（小鹿） ===================== */
@keyframes ipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.ip-hero{position:absolute;right:1.5%;bottom:-6px;width:150px;z-index:0;pointer-events:none;filter:drop-shadow(0 14px 22px rgba(37,99,235,.18));animation:ipFloat 3.6s ease-in-out infinite}
.ip-cta{position:absolute;right:5%;bottom:0;width:140px;z-index:0;pointer-events:none;filter:drop-shadow(0 14px 26px rgba(2,6,23,.4));animation:ipFloat 3.8s ease-in-out infinite}
.ip-404{width:130px;margin:0 auto 1rem;display:block;animation:ipFloat 3.6s ease-in-out infinite}
@media(max-width:1023px){
  .ip-hero{display:none}
  .ip-cta{width:96px;right:3%;opacity:.9}
}

/* ===================== jubijia 风格：hero 场景图 + 销售排行榜 ===================== */
.hero{background:linear-gradient(180deg,#DCEBFF 0%,#EDF4FF 55%,#F8FBFF 100%)}
.hero-visual{display:flex;align-items:center;justify-content:center}
.hero-scene-img{width:100%;max-width:500px;border-radius:1.75rem;box-shadow:0 30px 60px -18px rgba(37,99,235,.25);animation:ipFloat 5s ease-in-out infinite}
.rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.rank-title{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:800;color:var(--slate-900)}
.rank-badge{font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#F97316,#EF4444);padding:.22rem .65rem;border-radius:9999px}
.rank-more{font-size:.875rem;color:var(--blue-600);font-weight:600;text-decoration:none}
.rank-more:hover{text-decoration:underline}
.rank-list{display:flex;flex-direction:column;gap:.9rem;max-width:980px;margin:0 auto}
.rank-card{position:relative;display:flex;align-items:center;gap:1.25rem;background:#fff;border:1px solid var(--slate-100);border-radius:1rem;padding:1rem 1.25rem;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.rank-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)}
.rank-top{border:1.5px solid #FDE68A;background:linear-gradient(135deg,#FFFBEB,#fff 55%)}
.rank-crown{position:absolute;top:-14px;left:-10px;filter:drop-shadow(0 3px 6px rgba(245,158,11,.45))}
.rank-logo{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--slate-100);border-radius:.875rem;padding:.45rem;flex-shrink:0}
.rank-info{flex:1;min-width:0}
.rank-info h3{font-size:1.02rem;font-weight:700;color:var(--slate-900);margin-bottom:.4rem}
.rank-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}
.rt{font-size:.6875rem;padding:.15rem .5rem;border-radius:.375rem;font-weight:600}
.rt-b{color:var(--blue-700);background:var(--blue-50)}
.rt-g{color:var(--green-700);background:#ECFDF5}
.rt-o{color:var(--orange-700);background:#FFF7ED}
.rank-ref{font-size:.75rem;color:var(--slate-400)}
.rank-ref s{margin-left:.25rem}
.rank-buy{display:flex;align-items:center;gap:1.1rem;flex-shrink:0}
.rank-price{text-align:right}
.rank-price b{display:block;font-size:1.5rem;font-weight:800;color:#EF4444;line-height:1.15;font-variant-numeric:tabular-nums}
.rank-price span{font-size:.6875rem;color:var(--slate-400)}
.rank-btn{display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;height:3.4rem;padding:0 .8rem;border-radius:.9rem;background:linear-gradient(135deg,#F97316,#EF4444);color:#fff;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 6px 16px -4px rgba(239,68,68,.5);transition:transform .2s,box-shadow .2s}
.rank-btn:hover{transform:scale(1.06);box-shadow:0 8px 20px -4px rgba(239,68,68,.6)}
.rank-note{font-size:.75rem;color:var(--slate-400);text-align:center;margin-top:1.1rem}
@media(max-width:640px){
  .rank-card{flex-wrap:wrap;gap:.8rem;padding:.9rem}
  .rank-logo{width:52px;height:52px}
  .rank-buy{width:100%;justify-content:space-between}
  .hero-scene-img{max-width:100%}
}

/* ===================== jubijia 风格：hero 场景图 + 销售排行榜 ===================== */
.hero{background:linear-gradient(180deg,#DCEBFF 0%,#EDF4FF 55%,#F8FBFF 100%)}
.hero-visual{display:flex;align-items:center;justify-content:center}
.hero-scene-img{width:100%;max-width:500px;border-radius:1.75rem;box-shadow:0 30px 60px -18px rgba(37,99,235,.25);animation:ipFloat 5s ease-in-out infinite}
.rank-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.rank-title{display:flex;align-items:center;gap:.6rem;font-size:1.5rem;font-weight:800;color:var(--slate-900)}
.rank-badge{font-size:.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#F97316,#EF4444);padding:.22rem .65rem;border-radius:9999px}
.rank-more{font-size:.875rem;color:var(--blue-600);font-weight:600;text-decoration:none}
.rank-more:hover{text-decoration:underline}
.rank-list{display:flex;flex-direction:column;gap:.9rem;max-width:980px;margin:0 auto}
.rank-card{position:relative;display:flex;align-items:center;gap:1.25rem;background:#fff;border:1px solid var(--slate-100);border-radius:1rem;padding:1rem 1.25rem;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.rank-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--blue-200)}
.rank-top{border:1.5px solid #FDE68A;background:linear-gradient(135deg,#FFFBEB,#fff 55%)}
.rank-crown{position:absolute;top:-14px;left:-10px;filter:drop-shadow(0 3px 6px rgba(245,158,11,.45))}
.rank-logo{width:64px;height:64px;object-fit:contain;background:#fff;border:1px solid var(--slate-100);border-radius:.875rem;padding:.45rem;flex-shrink:0}
.rank-info{flex:1;min-width:0}
.rank-info h3{font-size:1.02rem;font-weight:700;color:var(--slate-900);margin-bottom:.4rem}
.rank-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.4rem}
.rt{font-size:.6875rem;padding:.15rem .5rem;border-radius:.375rem;font-weight:600}
.rt-b{color:var(--blue-700);background:var(--blue-50)}
.rt-g{color:var(--green-700);background:#ECFDF5}
.rt-o{color:var(--orange-700);background:#FFF7ED}
.rank-ref{font-size:.75rem;color:var(--slate-400)}
.rank-ref s{margin-left:.25rem}
.rank-buy{display:flex;align-items:center;gap:1.1rem;flex-shrink:0}
.rank-price{text-align:right}
.rank-price b{display:block;font-size:1.5rem;font-weight:800;color:#EF4444;line-height:1.15;font-variant-numeric:tabular-nums}
.rank-price span{font-size:.6875rem;color:var(--slate-400)}
.rank-btn{display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;height:3.4rem;padding:0 .8rem;border-radius:.9rem;background:linear-gradient(135deg,#F97316,#EF4444);color:#fff;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 6px 16px -4px rgba(239,68,68,.5);transition:transform .2s,box-shadow .2s}
.rank-btn:hover{transform:scale(1.06);box-shadow:0 8px 20px -4px rgba(239,68,68,.6)}
.rank-note{font-size:.75rem;color:var(--slate-400);text-align:center;margin-top:1.1rem}
@media(max-width:640px){
  .rank-card{flex-wrap:wrap;gap:.8rem;padding:.9rem}
  .rank-logo{width:52px;height:52px}
  .rank-buy{width:100%;justify-content:space-between}
  .hero-scene-img{max-width:100%}
}

/* ==========================================================================
   首页风格统一：页头横幅 / 区块原创渐变背景 / CTA 浅蓝化（与 jbj-home 一致）
   ========================================================================== */

/* ---------- 子页页头（首页 hero 同款） ---------- */
.page-hero{position:relative;overflow:hidden;text-align:center;padding:4.25rem 1.5rem 3.5rem;
  background:
    radial-gradient(880px 420px at 10% 6%,rgba(186,214,255,.6),transparent 62%),
    radial-gradient(720px 360px at 90% 14%,rgba(205,215,255,.55),transparent 64%),
    radial-gradient(1100px 520px at 50% 118%,rgba(178,226,255,.5),transparent 66%),
    linear-gradient(180deg,#f3f8ff 0%,#eaf2ff 100%)}
.page-hero-inner{position:relative;z-index:2;max-width:1280px;margin:0 auto}
.page-hero-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.85);color:var(--blue-600);font-size:13px;font-weight:600;padding:.45rem 1rem;border-radius:9999px;box-shadow:0 4px 14px rgba(37,99,235,.1)}
.page-hero-title{font-size:clamp(2rem,4vw,2.9rem);font-weight:800;color:var(--slate-900);margin:1.1rem 0 .8rem;line-height:1.25;letter-spacing:.01em}
.page-hero-sub{font-size:1.1rem;color:var(--slate-600);margin:0}
.page-hero-deco{position:absolute;border-radius:50%;pointer-events:none}
.phd-1{top:-6rem;right:-6rem;width:260px;height:260px;background:radial-gradient(circle,rgba(96,165,250,.28),transparent 70%);filter:blur(30px)}
.phd-2{bottom:-7rem;left:-5rem;width:300px;height:300px;background:radial-gradient(circle,rgba(129,140,248,.24),transparent 70%);filter:blur(34px)}
.phd-3{top:32%;left:12%;width:14px;height:14px;background:rgba(255,255,255,.95);box-shadow:0 0 0 6px rgba(255,255,255,.45)}
.phd-4{top:60%;right:16%;width:10px;height:10px;background:rgba(255,255,255,.9);box-shadow:0 0 0 5px rgba(255,255,255,.4)}

/* ---------- 区块背景（原创渐变，替代纯白/灰） ---------- */
.section{background:linear-gradient(180deg,#fdfeff 0%,#fafcff 100%)}
.section-alt{background-image:
  radial-gradient(760px 360px at 12% 10%,rgba(186,214,255,.42),transparent 62%),
  radial-gradient(680px 340px at 88% 28%,rgba(205,215,255,.38),transparent 64%),
  radial-gradient(circle at 20% 72%,rgba(255,255,255,.6) 0,rgba(255,255,255,.6) 6px,transparent 7px),
  linear-gradient(180deg,#f0f6ff 0%,#e9f1fc 100%)}

/* ---------- CTA 浅蓝化（首页 yrd-cta-band 同款） ---------- */
.home-cta{background:linear-gradient(135deg,#dceaff 0%,#c9ddff 55%,#bcd4ff 100%)}
.cta-card-in{background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.85);box-shadow:0 18px 50px rgba(37,99,235,.13)}
.cta-card h2{color:var(--blue-900)}
.cta-card p{color:var(--slate-600)}
.btn-cta-white{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.3)}
.btn-cta-outline{color:var(--blue-600);border:2px solid rgba(37,99,235,.45);background:rgba(255,255,255,.7)}