/* 共享导航下拉样式 —— 以推介宣传页(referral-landing)为基准，全站统一 字面色值取自源梦云蓝主题；var(--nav-h) 保留由各页 :root 提供，自动适配导航高度 */ /* 顶部导航菜单 */ .nav-menu{display:flex;align-items:center;gap:26px;font-size:15px} .nav-menu a{position:relative;padding:18px 0;color:#475569;display:flex;align-items:center;gap:5px;transition:color .2s} .nav-menu a:hover{color:#1677ff} .nav-menu a.active{color:#1677ff;font-weight:600} .nav-menu a.open{color:#1677ff;font-weight:600} .nav-menu a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(120deg,#1677ff,#0958d9);border-radius:2px 2px 0 0} .nav-menu a .arr{font-size:10px;color:#94a3b8;margin-left:-2px;transition:transform .2s} .nav-menu a.open .arr,.nav-menu a:hover .arr{color:#1677ff} .nav-menu a.open .arr{transform:rotate(180deg)} /* 下拉大面板 */ .mega-wrap{position:absolute;top:var(--nav-h);left:0;right:0;z-index:60;display:none} .mega-wrap.open{display:block} .mega-backdrop{position:fixed;inset:var(--nav-h) 0 0 0;background:rgba(15,23,42,.18);z-index:-1} .mega-panel{display:flex;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(15,23,42,.08);border-top:1px solid #e2e8f0;min-height:430px;overflow:hidden} .mega-left{width:248px;background:#f6f8fa;padding:24px 0;flex-shrink:0;border-right:1px solid #eef1f5} .mega-left h2{font-size:20px;font-weight:800;color:#0f172a;padding:0 24px 14px;background:linear-gradient(120deg,#1677ff,#0958d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .mega-nav li{list-style:none;font-size:14px} .mega-nav a{display:flex;align-items:center;justify-content:space-between;padding:11px 24px;color:#475569;transition:background .15s,color .15s} .mega-nav a:hover{background:#e0e7ff;color:#1677ff} .mega-nav a.active{background:#1677ff;color:#fff;font-weight:600} .mega-nav a .hot{background:#fff;color:#1677ff;font-size:10px;padding:1px 5px;border-radius:3px;font-weight:700} .mega-nav a.active .hot{background:rgba(255,255,255,.25);color:#fff} .mega-right{flex:1;padding:26px 32px;position:relative} /* 搜索框 */ .mega-search{display:flex;align-items:center;border:1px solid #e2e8f0;border-radius:10px;padding:9px 14px;width:380px;max-width:100%;margin-bottom:20px;background:#fff} .mega-search input{border:none;outline:none;font-size:14px;flex:1;color:#0f172a} .mega-search .ic{color:#94a3b8;margin-right:8px} /* 标签筛选 */ .mega-tags{display:flex;gap:10px;margin-bottom:26px;flex-wrap:wrap} .mega-tag{background:#f1f5f9;color:#64748b;padding:6px 15px;border-radius:8px;font-size:13px;cursor:pointer;transition:.15s} .mega-tag:hover,.mega-tag.active{background:linear-gradient(120deg,#1677ff,#0958d9);color:#fff} /* 多列内容 */ .mega-body{display:flex;gap:44px} .mega-col{flex:1;min-width:0} .mega-col-title{font-size:15px;font-weight:800;color:#0f172a;margin-bottom:16px;display:flex;align-items:center;gap:6px} .mega-col-title .more{margin-left:auto;font-size:13px;color:#94a3b8;font-weight:400;cursor:pointer} .mega-col-title .more:hover{color:#1677ff} /* 推荐条目 */ .rec-item{display:flex;gap:14px;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;transition:background .15s,border-color .15s,transform .15s;cursor:pointer} .rec-item:hover{background:#e6f0ff;border-color:#c7d2fe;transform:translateX(4px)} /* 推荐条目补充：序号与文案（字面色值，避免各页变量名不同） */ .rec-list{display:flex;flex-direction:column;gap:20px} .rec-num{font-size:26px;font-weight:800;background:linear-gradient(120deg,#1677ff,#0958d9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;width:38px;flex-shrink:0} .rec-text h4{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:4px} .rec-text p{font-size:13px;color:#64748b;line-height:1.6} /* 产品动态列表 */ .news-list{display:flex;flex-direction:column;gap:12px} .news-item{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:#475569;cursor:pointer;padding:8px 10px;border-radius:8px;transition:.15s} .news-item:hover{background:#f1f5f9;color:#1677ff} .news-item span{color:#94a3b8;min-width:18px} /* 简洁网格项 */ .mega-simple-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 32px} .mega-simple-grid.col-2{grid-template-columns:repeat(2,1fr)} .mega-simple-item{display:block;box-sizing:border-box;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;color:inherit;text-decoration:none;min-height:80px} .mega-simple-item:hover{background:#eef4ff;border-color:#c7d2fe;box-shadow:0 4px 14px rgba(22,119,255,.12);transform:translateY(-2px)} .mega-simple-item.active{background:#e0e7ff} .mega-simple-item h4{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:6px;display:flex;align-items:center;gap:6px} .mega-simple-item h4 .badge{font-size:10px;background:#1677ff;color:#fff;padding:1px 6px;border-radius:4px;margin-left:6px;font-weight:700;vertical-align:middle} .mega-simple-item p{font-size:13px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* 侧栏 tab */ .mega-tabs{padding:0 24px;display:flex;flex-direction:column;gap:10px;margin-top:6px} .mega-tabs a{font-size:13px;color:#64748b;padding:9px 12px;border-radius:8px;transition:.15s} .mega-tabs a:hover{background:#e0e7ff;color:#1677ff} .mega-tabs a.active{color:#1677ff;font-weight:700;background:#fff;box-shadow:inset 0 0 0 1px #c7d2fe} /* 可点击的推介宣传页等链接项：与兄弟 div 项保持完全相同的盒子尺寸与 hover */ a.mega-simple-item{cursor:pointer;display:block;box-sizing:border-box;padding:14px;border-radius:10px;background:#f8fafc;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;color:inherit;text-decoration:none;min-height:80px} a.mega-simple-item:hover{background:#eef4ff;border-color:#c7d2fe;box-shadow:0 4px 14px rgba(22,119,255,.12);transform:translateY(-2px)} a.mega-simple-item h4{font-size:14px;font-weight:700;color:#0f172a;margin-bottom:6px;display:flex;align-items:center;gap:6px} a.mega-simple-item p{font-size:13px;color:#64748b;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} /* 搜索框聚焦态（完整：边框变色 + 蓝色光晕，统一各页） */ .nav-search:focus-within{border-color:#1677ff;box-shadow:0 0 0 3px rgba(22,119,255,.1)} /* 导航右区链接色（统一，避免有的页面继承色偏深） */ .nav-right a{color:#475569;transition:color .2s} .nav-right a:hover{color:#1677ff} /* 注册按钮(.btn-reg)是按钮态链接，必须保持白字——它虽在 .nav-right 内， 但 .nav-right a(0,1,1) 特异性高于 .btn-reg(0,1,0)，会盖掉白字使其变灰， 故用更高特异性(0,2,0)锁回白色 */ .nav-right a.btn-reg{color:#fff} .nav-right a.btn-reg:hover{color:#fff} /* 全局字体（统一，避免个别页面字体不同） */ body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif} /* ===== 顶部导航基础样式 ===== 统一 A组(蓝主题:home/referral/partners) 与 B组(灰主题:docs/product-page/purchase) 全部用字面色值，避免各页 :root 变量名不同(--ink/--blue/--line/--muted/--price vs --text/--red/--text-sub/--line) 导致的泄漏差异。本文件在 内联