/* ========================================================================== zz-legacy.css — 旧模板页（vendor/zzsxy 那套）改造成与首页同一主题原则： ① 只隐藏「确定是老站外壳」的块（老站头/导航/标签栏/侧栏/登录框/装饰背景）；凡不确定的一律**不隐藏**，改为重新着色排版，避免整页空白。 ② 内容区统一为首页设计语言：1180 容器、白卡 + 18px 圆角、品牌红竖条小标题、墨色标题、暖灰底。 ========================================================================== */ :root { --ink: #17191d; --ink-2: #24262c; --muted: #63676f; --muted-2: #8b8f97; --line: #e8e5e0; --line-strong: #d9d5cf; --paper: #fbfaf8; --paper-2: #f4f2ee; --white: #ffffff; --accent: #df392e; --accent-dark: #b82821; --accent-soft: #fdefec; --radius: 18px; --radius-sm: 12px; --shadow-sm: 0 4px 14px rgba(35, 26, 20, .05); --maxw: 1180px; } html { -webkit-text-size-adjust: 100%; } body { background: var(--paper) !important; color: var(--ink) !important; font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', sans-serif !important; line-height: 1.65; } body, div, p, li, td, th, span, h1, h2, h3, h4, h5, h6, a, strong, b, em, i { font-family: inherit !important; } img { max-width: 100%; height: auto; } /* ---------- 1. 隐藏「确定是老站外壳」的块 ---------- ⚠️ 每个选择器都加 :not(body)：旧模板里是，若把 body_back 直接写进隐藏列表，整页会被隐藏（2026-09-20 踩过）。 */ .top:not(body), .top_nav:not(body), .nav_width:not(body), #header, #navbox, .logo:not(body), .logo_jz:not(body), .top_search:not(body), .log_kuang:not(body), .log_form:not(body), .zh_menu:not(body), .zh_main_l:not(body), .sidebar:not(body), .main-menu, .app_down:not(body), .bkgj:not(body), .bkgj_icon:not(body), .bot_main:not(body) { display: none !important; } /* ---------- 2. 内容容器（各模板统一 1180） ---------- */ .zh_back { background: transparent !important; padding: 0 !important; } .zh_main, .ins_tech_con, .con_main_top, .zz-main, .in_js { display: block !important; max-width: var(--maxw) !important; margin: 0 auto !important; padding: 34px 24px 64px !important; background: transparent !important; } .zh_main::after, .ins_tech_con::after { content: ''; display: block; clear: both; } .l.zh_main_l, .r.zh_main_r { float: none !important; } .zh_main_r, .ins_tech_list { width: 100% !important; min-height: 0 !important; background: var(--white) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow-sm) !important; } .zh_main_r { padding: 36px 40px !important; } .ins_tech_list { padding: 26px !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* ---------- 3. 标题：首页 hero 同款深墨色带 ---------- */ .zh_r_tit { background: linear-gradient(135deg, #2b2e33, #1c1e21) !important; border: 0 !important; border-radius: var(--radius-sm) !important; text-align: left !important; padding: 26px 30px !important; margin: 0 0 26px !important; } .zh_r_tit h1, .zh_r_tit h2 { margin: 0 !important; font-size: clamp(24px, 2.6vw, 32px) !important; font-weight: 800 !important; letter-spacing: -.02em !important; color: #fff !important; line-height: 1.3 !important; } .zh_r_tit h1::after, .zh_r_tit h2::after { content: ''; display: block; width: 46px; height: 3px; margin-top: 12px; background: var(--accent); border-radius: 2px; } .tech_tit, .section-tit, .zh_con_tit { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; margin: 0 0 18px !important; padding: 0 0 14px !important; border: 0 !important; border-bottom: 1px solid var(--line) !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; } .tech_tit h2, .section-tit h2 { margin: 0 !important; font-size: clamp(20px, 2vw, 26px) !important; font-weight: 800 !important; color: var(--ink) !important; letter-spacing: -.01em !important; } .tech_tit a { color: var(--accent) !important; font-size: 14px !important; text-decoration: none !important; } /* 小节标题：品牌红竖条（与文章页一致） */ .zh_intro_tit, .zh_main_intro h3, .zh_main_intro h4, .zh_content_tit, .zh_tit2, .con_tit { margin: 34px 0 14px !important; padding: 0 0 0 14px !important; border: 0 !important; border-left: 4px solid var(--accent) !important; font-size: 19px !important; font-weight: 800 !important; color: var(--ink) !important; line-height: 1.35 !important; background: none !important; } /* ---------- 4. 正文排版 ---------- */ .zh_main_intro p, #box p, .zh_con p, .zh_text p, .con_main_son p, .ins_tech_list p, .teams_con p, .in_js_info p { margin: 0 0 14px !important; padding: 0 !important; font-size: 15.5px !important; line-height: 1.9 !important; color: #3d4148 !important; text-indent: 0 !important; } .zh_main_intro p span[style], #box p span[style], .zh_main_intro span[style] { font-size: inherit !important; color: inherit !important; line-height: inherit !important; } .zh_main_intro strong, #box strong, .zh_con strong { color: var(--ink) !important; font-weight: 700 !important; } .zh_main_intro a, #box a, .zh_con a, .ins_tech_list a { color: var(--accent) !important; text-decoration: none !important; } .zh_main_intro li, #box li, .zh_con li { font-size: 15.5px !important; line-height: 1.9 !important; color: #3d4148 !important; } .zh_main_intro img, #box img { border-radius: var(--radius-sm); } .zh_main_intro table, #box table, .zh_con table { width: 100% !important; border-collapse: collapse !important; margin: 18px 0 !important; font-size: 15px !important; background: var(--white); } .zh_main_intro table th, .zh_main_intro table td, #box table th, #box table td { border: 1px solid var(--line) !important; padding: 10px 13px !important; text-align: left !important; line-height: 1.7 !important; } .zh_main_intro table th, #box table th { background: var(--paper-2) !important; font-weight: 700 !important; color: var(--ink) !important; } /* ---------- 5. 卡片组 ---------- */ .zh_hxys { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 14px !important; margin: 18px 0 6px !important; border: 0 !important; padding: 0 !important; } .zh_hxys > li { list-style: none !important; margin: 0 !important; width: auto !important; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--radius-sm) !important; padding: 20px 16px !important; text-align: center !important; font-size: 14px !important; color: var(--muted) !important; line-height: 1.7 !important; } .zh_hxys_img { display: none !important; } .zh_hxys h5, .zh_hxys h6 { margin: 0 0 6px !important; font-size: 15px !important; font-weight: 700 !important; color: var(--ink) !important; } /* 讲师 / 师资列表（lecturer 家族） */ .ins_tech_list > li { list-style: none !important; float: none !important; width: auto !important; display: grid !important; grid-template-columns: 150px minmax(0, 1fr) !important; gap: 18px !important; align-items: start !important; background: var(--white) !important; border: 1px solid var(--line) !important; border-radius: var(--radius-sm) !important; padding: 18px !important; margin: 0 0 16px !important; box-shadow: var(--shadow-sm) !important; } .ins_tech_list .in_js_img { float: none !important; width: auto !important; margin: 0 !important; } .ins_tech_list .in_js_img img { width: 100% !important; border-radius: 10px !important; display: block !important; } .ins_tech_list .in_js_info { float: none !important; width: auto !important; } .ins_tech_list .in_js_info h5 { margin: 0 0 4px !important; font-size: 17px !important; font-weight: 800 !important; color: var(--ink) !important; } .ins_tech_list .in_js_info i { display: none !important; } /* 企业内训 / 圈子等卡片 */ .teams_con, .ksqz_info, .in_js_info_grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 14px !important; } .teams_con > li, .ksqz_con > li { list-style: none !important; float: none !important; width: auto !important; background: var(--paper) !important; border: 1px solid var(--line) !important; border-radius: var(--radius-sm) !important; padding: 18px !important; font-size: 14.5px !important; color: var(--muted) !important; line-height: 1.75 !important; } .teams_info h5, .ksqz_info h5 { margin: 0 0 6px !important; font-size: 15.5px !important; font-weight: 700 !important; color: var(--ink) !important; } /* 讲师页左侧分类栏（旧模板）→ 横向胶囊 */ .ins_tech > .ins_tech_main { max-width: var(--maxw) !important; margin: 0 auto !important; padding: 34px 24px 64px !important; } .l.ins_tech_nav { float: none !important; width: 100% !important; margin: 0 0 16px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; text-align: left !important; } .l.ins_tech_nav > .tech_nav_tit { margin: 0 0 10px !important; padding: 0 !important; font-size: 14px !important; font-weight: 600 !important; color: var(--muted) !important; } .l.ins_tech_nav > a { display: inline-block !important; margin: 0 8px 8px 0 !important; text-decoration: none !important; } .l.ins_tech_nav > a > li { list-style: none !important; display: inline-block !important; padding: 9px 18px !important; border: 1px solid var(--line) !important; border-radius: 999px !important; background: var(--white) !important; font-size: 14px !important; font-weight: 600 !important; color: var(--ink) !important; transition: border-color .16s, color .16s; } .l.ins_tech_nav > a:hover > li, .l.ins_tech_nav > a > li.on { border-color: var(--accent) !important; color: var(--accent) !important; } .r.ins_tech_con { float: none !important; width: 100% !important; background: var(--white) !important; border: 1px solid var(--line) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow-sm) !important; padding: 32px 36px !important; } /* 书籍页分类栏（旧模板）→ 胶囊 */ .ins_tushu_son { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 18px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .ins_tushu_son > li { list-style: none !important; margin: 0 !important; padding: 0 !important; float: none !important; } .ins_tushu_son .tushu_son_info { display: flex !important; align-items: baseline !important; gap: 8px !important; padding: 9px 18px !important; border: 1px solid var(--line) !important; border-radius: 999px !important; background: var(--white) !important; } .ins_tushu_son h5 { margin: 0 !important; font-size: 14px !important; font-weight: 700 !important; color: var(--ink) !important; } .ins_tushu_son li, .ins_tushu_son .tushu_son_info > span { font-size: 12px !important; color: var(--muted) !important; } /* 旧模板用 ID 选择器（#cppm/#scmp/#qynx…）给标题加了边框胶囊，统一去掉 */ .tech_tit, .tech_tit h2, [id="cppm"], [id="scmp"], [id="qynx"], [id="cpsm"], [id="gls"], [id="nx"] { border: 0 !important; background: none !important; border-radius: 0 !important; box-shadow: none !important; } .tech_nav_tit, .tech_nav_tit * { color: var(--muted) !important; font-size: 13px !important; font-weight: 600 !important; } /* 企业内训页：旧黄色数据条 → 首页同款深墨色条 */ .nx_num, .nx_nums { background: var(--ink) !important; border-radius: var(--radius) !important; padding: 34px 28px !important; margin: 0 0 26px !important; border: 0 !important; } .nx_num *, .nx_nums * { color: rgba(255, 255, 255, .86) !important; } .nx_num strong, .nx_nums strong, .nx_num b, .nx_nums b, .nx_num em, .nx_nums em { color: var(--white) !important; font-weight: 800 !important; } .nx_num h3, .nx_nums h3, .nx_num h4, .nx_nums h4 { color: var(--white) !important; } /* 旧版居中标题（案例动态 / 精品推荐等）→ 新主题小节标题 */ .nx_index_tit, .index_tit, .zj_tit { text-align: left !important; margin: 34px 0 14px !important; padding: 0 0 0 14px !important; border-left: 4px solid var(--accent) !important; background: none !important; } .nx_index_tit h2, .index_tit h2, .zj_tit h2 { margin: 0 !important; font-size: 19px !important; font-weight: 800 !important; color: var(--ink) !important; text-align: left !important; } .nx_index_tit p, .index_tit p { margin: 6px 0 0 !important; color: var(--muted) !important; font-size: 14px !important; } .nx_index_tit::after, .index_tit::after { display: none !important; content: none !important; } /* ---------- 6. 顶部提示条 ---------- */.ts_1, .ts_2, .more_ts { display: block !important; max-width: var(--maxw) !important; margin: 18px auto 0 !important; padding: 14px 20px !important; background: var(--accent-soft) !important; border: 1px solid #f4c9c4 !important; border-radius: var(--radius-sm) !important; color: var(--accent-dark) !important; font-size: 14.5px !important; line-height: 1.7 !important; } /* ---------- 7. 移动端 ---------- */ @media (max-width: 1024px) { .zh_hxys { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .teams_con, .ksqz_info { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (max-width: 720px) { .zh_main, .ins_tech_con { padding: 20px 16px 44px !important; } .zh_main_r { padding: 22px 18px !important; border-radius: 14px !important; } .zh_hxys, .teams_con, .ksqz_info { grid-template-columns: 1fr !important; } .ins_tech_list > li { grid-template-columns: 1fr !important; } .zh_r_tit h1, .zh_r_tit h2 { font-size: 22px !important; } }