/* 数字政协（node_szzx1）页面专用科技风样式（由内联迁移而来）
   限定作用域：.page-szzx1，避免影响其他页面 */

.page-szzx1{ --tech-primary:#ff0000; --tech-secondary:#5f5cff; --card-bg:rgba(12,18,32,0.35); --card-border:rgba(0,209,255,0.45); --app-primary:#00d1ff; --app-secondary:#5f5cff; }

/* artical02：多场景应用 */
.page-szzx1 .artical02{ position:relative; padding:60px 0; overflow:hidden;
  background: radial-gradient(1000px 400px at 85% -20%, rgba(0,209,255,.08), transparent 60%),
              radial-gradient(800px 400px at -10% 20%, rgba(95,92,255,.08), transparent 60%); }
.page-szzx1 .artical02::before{ content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)); }
.page-szzx1 .artical02 .art_title h4{ font-size:28px; letter-spacing:.5px; margin-bottom:6px; background:linear-gradient(90deg, var(--tech-primary), var(--tech-secondary)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.page-szzx1 .artical02 .art_title p{ color:#006eff }
.page-szzx1 .artical02 .art_info{ display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:24px; margin-top:28px }
.page-szzx1 .artical02 .info_item{ position:relative; padding:22px 18px; border-radius:14px; background:var(--card-bg); border:1px solid rgba(255,255,255,.06); box-shadow:0 10px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06); transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; overflow:hidden; opacity:0; transform:translateY(16px) }
.page-szzx1 .artical02 .info_item.in{ opacity:1; transform:translateY(0); transition:transform .45s cubic-bezier(.2,.8,.2,1), opacity .45s ease }
.page-szzx1 .artical02 .info_item::before{ content:""; position:absolute; inset:-1px; border-radius:15px; background:linear-gradient(120deg, rgba(0,209,255,.55), rgba(95,92,255,0) 35%, rgba(95,92,255,.55) 70%, rgba(0,209,255,0) 100%); filter:blur(8px); opacity:.25; transition:opacity .3s ease; pointer-events:none }
.page-szzx1 .artical02 .info_item:hover{ transform:translateY(-6px); box-shadow:0 18px 40px rgba(0,0,0,.26), 0 0 0 1px rgba(0,209,255,.35) inset; border-color:var(--card-border) }
.page-szzx1 .artical02 .info_item:hover::before{ opacity:.45 }
.page-szzx1 .artical02 .info_item img{ width:52px; height:52px; object-fit:contain; display:block; margin-bottom:10px; filter:drop-shadow(0 6px 12px rgba(0,209,255,.28)); transition:transform .35s ease }
.page-szzx1 .artical02 .info_item:hover img{ transform:translateY(-3px) scale(1.03) }
.page-szzx1 .artical02 .info_item h4{ margin:6px 0 6px; font-size:18px; color:#e8f1ff; letter-spacing:.3px }
.page-szzx1 .artical02 .info_item p{ color:#a9b8cf; line-height:1.75; font-size:14px }
/* 覆盖旧隐藏类，保证显示 */
.page-szzx1 .artical02 .zcon.hidden{ display:block }
.page-szzx1 .artical02 .art_info.hidden{ display:grid }
/* 固定列数布局 */
.page-szzx1 .artical02 .art_info{ grid-template-columns:repeat(3, minmax(0,1fr)) }
@media (max-width:1200px){ .page-szzx1 .artical02 .art_info{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:760px){ .page-szzx1 .artical02{ padding:40px 0 } .page-szzx1 .artical02 .art_info{ grid-template-columns:1fr; gap:16px } }
/* 标题动画 */
.page-szzx1 .artical02 .art_title{ opacity:0; transform:translateY(12px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1) }
.page-szzx1 .artical02 .art_title h4,.page-szzx1 .artical02 .art_title p{ transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1) }
.page-szzx1 .artical02 .art_title h4{ opacity:0; transform:translateY(6px) }
.page-szzx1 .artical02 .art_title p{ opacity:0; transform:translateY(10px) }
.page-szzx1 .artical02 .art_title.active{ opacity:1; transform:translateY(0) }
.page-szzx1 .artical02 .art_title.active h4{ opacity:1; transform:none; transition-delay:.06s }
.page-szzx1 .artical02 .art_title.active p{ opacity:1; transform:none; transition-delay:.16s }
@media (prefers-reduced-motion:reduce){ .page-szzx1 .artical02 .art_title, .page-szzx1 .artical02 .art_title *{ transition:none!important; transform:none!important; opacity:1!important } }

/* artical05：移动履职APP */
.page-szzx1 .artical05{ position:relative; padding:60px 0; overflow:hidden;
  background: radial-gradient(900px 380px at 110% -10%, rgba(0,209,255,.06), transparent 60%),
              radial-gradient(800px 360px at -10% 110%, rgba(95,92,255,.06), transparent 60%); }
.page-szzx1 .artical05 .art_title h4{ font-size:28px; letter-spacing:.5px; margin-bottom:6px; background:linear-gradient(90deg, var(--app-primary), var(--app-secondary)); -webkit-background-clip:text; background-clip:text; color:transparent }
.page-szzx1 .artical05 .art_title p{ color:#93a3b8 }
/* 取消旧浮动布局影响 */
.page-szzx1 .artical05 .artical05_ .art_info ._item{ width:auto; float:none }
.page-szzx1 .artical05 .artical05_ .art_info .left_item,
.page-szzx1 .artical05 .artical05_ .art_info .right_item{ float:none; text-align:initial }
.page-szzx1 .artical05 .artical05_ .art_info .left_item .inner_item,
.page-szzx1 .artical05 .artical05_ .art_info .right_item .inner_item{ padding:16px 18px!important }
.page-szzx1 .artical05 .artical05_ .art_info .left_item .inner_item img,
.page-szzx1 .artical05 .artical05_ .art_info .left_item .inner_item span,
.page-szzx1 .artical05 .artical05_ .art_info .right_item .inner_item img,
.page-szzx1 .artical05 .artical05_ .art_info .right_item .inner_item span{ float:none!important; margin:0 }
.page-szzx1 .artical05 .art_info.hidden{ display:grid }
.page-szzx1 .artical05 .art_info{ display:grid; grid-template-columns:1fr minmax(320px,380px) 1fr; gap:28px; align-items:center; margin-top:26px }
.page-szzx1 .artical05 .left_item, .page-szzx1 .artical05 .right_item{ display:grid; gap:18px }
.page-szzx1 .artical05 .inner_item{ position:relative; display:flex; align-items:flex-start; gap:12px; padding:16px 18px; border-radius:14px; background:rgba(12,18,32,.35); border:1px solid rgba(255,255,255,.06); box-shadow:0 10px 26px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.06); transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease, opacity .45s ease; opacity:0; transform:translateY(14px) }
.page-szzx1 .artical05 .inner_item.in{ opacity:1; transform:none }
.page-szzx1 .artical05 .inner_item::before{ content:""; position:absolute; inset:-1px; border-radius:15px; pointer-events:none; background:linear-gradient(120deg, rgba(0,209,255,.55), rgba(95,92,255,0) 35%, rgba(95,92,255,.55) 70%, rgba(0,209,255,0) 100%); filter:blur(8px); opacity:.22; transition:opacity .3s ease }
.page-szzx1 .artical05 .inner_item:hover{ transform:translateY(-4px); box-shadow:0 16px 36px rgba(0,0,0,.26), 0 0 0 1px rgba(0,209,255,.35) inset; border-color:rgba(0,209,255,.45) }
.page-szzx1 .artical05 .inner_item:hover::before{ opacity:.42 }
.page-szzx1 .artical05 .inner_item img{ width:46px; height:46px; object-fit:contain; filter:drop-shadow(0 6px 12px rgba(0,209,255,.26)) }
.page-szzx1 .artical05 .inner_item span{ display:flex; flex-direction:column }
.page-szzx1 .artical05 .inner_item h4{ font-size:16px; margin:2px 0 4px; color:#e8f1ff }
.page-szzx1 .artical05 .inner_item p{ font-size:14px; line-height:1.7; color:#a9b8cf }
.page-szzx1 .artical05 .center_item img{ width:100%; max-width:380px; display:block; margin:0 auto; filter:drop-shadow(0 14px 28px rgba(0,0,0,.28)) }
.page-szzx1 .artical05 .center_item{ opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s cubic-bezier(.2,.8,.2,1) }
.page-szzx1 .artical05 .center_item.in{ opacity:1; transform:none }
.page-szzx1 .artical05 .center_item img{ animation: appFloat 6s ease-in-out infinite }
@keyframes appFloat{ 0%,100%{ transform:translateY(0) } 50%{ transform:translateY(-8px) } }
@media (max-width:1200px){ .page-szzx1 .artical05 .art_info{ grid-template-columns:1fr; gap:20px } .page-szzx1 .artical05 .center_item img{ max-width:320px } }
@media (max-width:760px){ .page-szzx1 .artical05{ padding:42px 0 } .page-szzx1 .artical05 .inner_item{ padding:14px 16px } }


/* artical03：营销模块（轻量科技风统一） */
.page-szzx1 .artical03 .art_title h4{background:linear-gradient(90deg,#0ea5e9,#7c4dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-szzx1 .artical03 .art_title p{color:#93a3b8}
.page-szzx1 .artical03 .art_info{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.page-szzx1 .artical03 .info_item{background:rgba(12,18,32,.28);border:1px solid rgba(255,255,255,.06);border-radius:14px;box-shadow:0 10px 24px rgba(0,0,0,.18);padding:14px;transition:transform .3s, box-shadow .3s}
.page-szzx1 .artical03 .info_item:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(2,6,23,.26)}
.page-szzx1 .artical03 .item_tail span{background:rgba(255,255,255,.04);border-radius:12px;padding:12px;display:flex;gap:10px;align-items:flex-start}
.page-szzx1 .artical03 .item_tail span h4{color:#e8f1ff;font-size:16px;margin:0 0 4px}
.page-szzx1 .artical03 .item_tail span p{color:#a9b8cf}
@media (max-width:1200px){.page-szzx1 .artical03 .art_info{grid-template-columns:1fr}}

/* artical04：稳定实用的框架 */
.page-szzx1 .artical04 .art_title h4{background:linear-gradient(90deg,#06b6d4,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-szzx1 .artical04 .art_title p{color:#93a3b8}
.page-szzx1 .artical04 .art_box .art_item{display:flex;flex-wrap:wrap;gap:16px}
.page-szzx1 .artical04 .art_box .art_item span{background:rgba(12,18,32,.28);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;min-width:260px;flex:1}
.page-szzx1 .artical04 .art_box .art_item span h4{color:#e8f1ff;font-size:16px;margin:0 0 4px}
.page-szzx1 .artical04 .art_box .art_item span p{color:#a9b8cf}

/* artical06：深度定制案例（tab 区） */
.page-szzx1 .artical06 .art_title h4{background:linear-gradient(90deg,#22d3ee,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-szzx1 .artical06 .head_tab span{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:rgba(12,18,32,.28);border:1px solid rgba(255,255,255,.06);margin-right:10px;cursor:pointer;transition:transform .25s}
.page-szzx1 .artical06 .head_tab span.active{outline:1px solid rgba(33,150,243,.5);box-shadow:0 0 0 2px rgba(33,150,243,.18)}
.page-szzx1 .artical06 .tab_info_cont .tab_info_item{background:rgba(12,18,32,.28);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;box-shadow:0 10px 24px rgba(0,0,0,.18)}
.page-szzx1 .artical06 .tab_info_cont .tab_info_item h4{color:#e8f1ff;margin:0 0 6px}
.page-szzx1 .artical06 .tab_info_cont .tab_info_item p,.page-szzx1 .artical06 .tab_info_cont .tab_info_item .intrl_{color:#a9b8cf}

/* artical07：更多解决方案 */
.page-szzx1 .artical07 .art_title h4{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-szzx1 .artical07 .right_item{width:100%}
.page-szzx1 .artical07 .td_item{display:flex;align-items:center;gap:10px;background:rgba(12,18,32,.28);border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:8px 10px}
.page-szzx1 .artical07 .td_item span{color:#e8f1ff}