/* view1658.css —— 噢易云 信创云办公解决方案 专用样式 */

:root {
      --brand: #ff6a00;
      --brand-dark: #e25e00;
      --brand-soft: #fff3e9;
      --ink: #1d2330;
      --ink-2: #4a5468;
      --line: #e8ebf1;
      --bg-soft: #f7f9fc;
      --radius: 14px;
      --shadow: 0 8px 30px rgba(29, 35, 48, .06);
      --shadow-lg: 0 16px 48px rgba(29, 35, 48, .12);
    }

.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }

.mt-block { margin-top: 2rem; }

.section-title { font-size: clamp(1.6rem, 3vw, 2.2rem); margin-bottom: .8rem; text-wrap: balance; }

.sub-block + .sub-block { margin-top: 2.8rem; }

.sub-block p { color: var(--ink-2); font-size: 1rem; line-height: 1.92; margin: 0; }

/* 编号要点列表（方案概述 / 三类机制） */

/* 方案架构：整图（按原图像素取上限，不放大防糊） */

.arch-figure { margin: 2rem auto 0; max-width: 1320px; }

.arch-figure img { display: block; width: 100%; height: auto; border-radius: var(--radius); box-shadow: var(--shadow); }

/* 核心技术能力 / 方案价值：编号卡 */

.value-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }

.value-grid--c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.value-card { min-width: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.7rem 1.6rem; box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }

.value-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: rgba(255,106,0,.35); }

.value-head { display: flex; align-items: center; gap: .65rem; margin-bottom: 1.05rem; }

.value-no { flex: none; width: 1.7rem; height: 1.7rem; border-radius: 8px; background: var(--brand-soft); border: 1px solid rgba(255,106,0,.18); color: var(--brand-dark); font-weight: 700; font-size: .82rem; line-height: 1; display: inline-flex; align-items: center; justify-content: center; }

.value-title { font-size: 1.06rem; margin: 0; line-height: 1.45; }

.value-desc { margin: 0; color: var(--ink-2); font-size: .93rem; line-height: 1.85; }

@media (max-width: 991.98px) { .value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 575.98px) { .value-grid { grid-template-columns: 1fr; } }

/* 应用场景：图标卡 */

.scene-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.25rem; }

.scene-grid--c2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.scene-card { min-width: 0; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.5rem 1.4rem; box-shadow: var(--shadow); transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }

.scene-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: rgba(255,106,0,.35); }

.scene-head { display: flex; align-items: center; gap: .7rem; margin-bottom: .75rem; }

.scene-ico { flex: none; width: 2.3rem; height: 2.3rem; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: var(--brand-soft); color: var(--brand-dark); font-size: 1.08rem; }

.scene-card h3 { font-size: 1.02rem; margin: 0; line-height: 1.45; }

.scene-card p { margin: 0; color: var(--ink-2); font-size: .92rem; line-height: 1.8; }

@media (max-width: 991.98px) { .scene-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 575.98px) { .scene-grid { grid-template-columns: 1fr; } }

/* 典型案例：图文卡片 */

.case-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }

.case-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }

.case-grid .item { position: relative; display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; transition: transform .2s ease, box-shadow .2s ease; }

.case-grid .item:hover { transform: translateY(-4px); box-shadow: var(--shadow); }

.case-grid .item:hover .cover-img-56 > img { transform: translate(-50%,-50%) scale(1.05); }

.cover-img-56 > .img-ph { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #fff7f0, #ffeada); color: rgba(255,106,0,.42); font-size: 3.4rem; }

.case-grid .item .text { display: flex; flex-direction: column; flex: 1 1 auto; padding: 1.25rem 1.35rem; }

.case-grid .item h3 { font-size: 1.05rem; font-weight: 600; line-height: 1.5; margin-bottom: .6rem; color: var(--ink); transition: color .2s linear; }

.case-grid .item:hover h3 { color: var(--brand); }

.case-grid .item p { color: var(--ink-2); font-size: .92rem; line-height: 1.78; margin-bottom: 0; }

.case-grid .item span.case-more { display: inline-block; margin-top: auto; padding-top: 10px; color: var(--brand); font-size: .85rem; }

.case-grid .item > a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 3; }

@media (max-width: 991.98px) { .case-grid, .case-grid.cols-2 { grid-template-columns: 1fr; } }

/* FAQ：手写 JS 切 .show */

.accordion-item { border: 1px solid var(--line); border-radius: 12px !important; margin-bottom: .8rem; overflow: hidden; background: #fff; }

.accordion-header { margin: 0 !important; line-height: 1; }

.accordion-item .accordion-button { font-weight: 500; color: var(--ink); background: #fff; box-shadow: none; width: 100%; display: flex; justify-content: space-between; align-items: center; text-align: left; padding: 1rem 1.25rem !important; border: 0; line-height: 1.4; }

.accordion-item.show .accordion-button { background: var(--brand-soft); color: var(--brand-dark); box-shadow: none; }

.accordion-item .accordion-button:focus, .accordion-item .accordion-button:focus-visible, .accordion-item .accordion-button:active { outline: none; box-shadow: none; }

.accordion-item .accordion-button::after { content: ""; flex-shrink: 0; width: 1rem; height: 1rem; margin-left: auto; transform: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 1rem; transition: transform .2s ease-in-out; }

.accordion-item.show .accordion-button::after { transform: rotate(-180deg); }

.accordion-item:last-child { margin-bottom: 0; }

.accordion-item .accordion-collapse { display: none; }

.accordion-item.show .accordion-collapse { display: block; }

.accordion-item .accordion-body { color: var(--ink-2); padding: .85rem 1.25rem !important; }

.faq-wrap { display: grid; grid-template-columns: 320px 1fr; gap: 2rem; align-items: end; }

.faq-side { display: flex; flex-direction: column; gap: 1rem; }

.related-card { display: block; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 1.15rem 1.2rem; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }

.related-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: rgba(255,106,0,.4); }

.related-card .rc-tag { font-size: .72rem; color: var(--brand-dark); font-weight: 600; }

.related-card .rc-title { font-weight: 700; color: var(--ink); margin: .25rem 0 .35rem; font-size: 1.02rem; }

.related-card .rc-desc { color: var(--ink-2); font-size: .86rem; margin: 0; }

.related-card .rc-more { color: var(--brand); font-size: .84rem; font-weight: 600; margin-top: .55rem; display: inline-flex; align-items: center; gap: .25rem; }

@media (max-width: 991.98px) { .faq-wrap { grid-template-columns: 1fr; } .faq-side { order: 2; } }

.cta h2 { color: #fff; }

.cta p { margin-bottom: 1.5rem; }

.cta .btn-light { border-radius: 999px; padding: .7rem 1.8rem; font-weight: 600; font-size: .95rem; line-height: 1.5; color: var(--brand-dark); background: #fff; border: none; box-shadow: 0 6px 18px rgba(0,0,0,.12); transition: transform .15s ease, box-shadow .15s ease, background .2s ease; }

.cta .btn-ghost { border-radius: 999px; padding: .7rem 1.8rem; font-weight: 600; font-size: .95rem; line-height: 1.5; color: #fff; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.45); backdrop-filter: blur(4px); transition: transform .15s ease, background .2s ease, border-color .2s ease; }

/* 信创云办公 · 方案架构图

源：project/test/2026-10-12-09-40-01/xinchuang-finance-arch.html 的矢量画板（1600×626）

全部 class 与 CSS 变量均加 xa- 前缀，与站内样式零串色；

画板固定 1600px 设计宽，由脚本按容器实测宽度等比缩放（无横向溢出、无拉伸变形）。 */

.xa-fit { position: relative; width: 100%; overflow: hidden; margin: 0 auto; }

.xa-board { position: absolute; top: 0; left: 0; width: 1600px; transform-origin: top left; }

:root{
  /*@@tokens-start */
  --xa-ink:#1F2D3D;
  --xa-ink-2:#5A6B80;
  --xa-ink-3:#93A3B8;
  --xa-brand:#FF6A00;
  --xa-brand-2:#FFA24D;
  --xa-blue:#3D8FD9;
  --xa-panel:#F4F9FF;
  --xa-card:#FFFFFF;
  --xa-line:#DCE9F8;
  --xa-conn:#A9CDF5;
  --xa-cloud:#EAF3FE;
  --xa-cloud-edge:#CFE3FA;
  --xa-gap:72px;/*@@gap 板块间空档（走线空间），所有连线宽度均由此派生 */
  --xa-shadow:0 2px 10px rgba(31,45,61,.05);
  /*@@tokens-end */
  .xa-board,.xa-board *{box-sizing:border-box;margin:0;padding:0}

  .xa-board{width:1600px;padding:44px 44px 48px;background:#fff}

  /*@@title */
  .xa-title{display:flex;align-items:center;gap:14px;margin-bottom:26px}
  .xa-title i{display:block;width:6px;height:30px;background:var(--xa-brand);border-radius:1px}
  .xa-title .xa-h1{font-size:26px;font-weight:800;letter-spacing:.5px}

  /*@@layout 间距放大用于走线，中央面板保持 flex 自适应不回退 */
  .xa-stage{display:flex;align-items:stretch;gap:var(--xa-gap)}
  .xa-col-left{position:relative;flex:0 0 auto;
    display:flex;flex-direction:column}
  /*@@dept-stack 卡片组：垂直居中，连线以此为坐标系 */
  .xa-col-cards{position:relative;display:flex;flex-direction:column;gap:16px;
    margin-top:auto;margin-bottom:auto;align-items:stretch}

  /*@@dept-card 宽度由内容决定，左右留白对称（均由 padding 20px 决定） */
  .xa-dept{
    height:104px;background:var(--xa-card);border:1px solid var(--xa-line);
    border-radius:14px;box-shadow:var(--xa-shadow);
    display:flex;align-items:center;gap:18px;padding:0 20px;position:relative;
    width:max-content
  }
  .xa-dept .xa-txt b{display:block;font-size:21px;font-weight:800;letter-spacing:1px;white-space:nowrap}
  .xa-dept .xa-txt span{display:block;font-size:16px;color:var(--xa-ink-3);margin-top:5px;white-space:nowrap}
  /*@@dev-icons 科室终端设备：集显一体机为主，噢易云终端叠压在其底座前方（错位重叠，整体感）
     来源：噢易云产品素材库 01-硬件产品/01-硬件产品图标
     两个 SVG 原为CorelDRAW 导出，class 已加 ai-/tc- 前缀隔离，避免内联后样式串色 */
  .xa-dev{position:relative;flex:0 0 auto;width:64px;height:56px}
  .xa-dev svg{display:block;position:absolute}
  .xa-dev-ai{height:52px;width:auto;left:0;top:0}
  /* 终端压住一体机底座右下，略微右移+下移形成错位重叠 */
  .xa-dev-tc{height:16px;width:auto;right:0;bottom:0;z-index:2}
  /*@@conn-card 卡片出线：延伸至汇流竖线 */
  .xa-dept::after{content:"";position:absolute;right:-34px;top:50%;margin-top:-1px;
    width:34px;height:2px;background:var(--xa-conn)}
  /*@@conn-bus 汇流竖线：精确落在首/末卡片中心，无下垂尾巴 */
  .xa-bus{position:absolute;right:-33px;top:52px;bottom:52px;width:2px;background:var(--xa-conn)}
  /*@@conn-trunk 汇流横线：竖线中点折向右，箭头落在面板边缘 */
  .xa-trunk{position:absolute;right:calc(-1 * var(--xa-gap));top:50%;margin-top:-1px;
    width:calc(var(--xa-gap) - 33px);height:2px;background:var(--xa-conn)}
  .xa-trunk::after{content:"";position:absolute;right:-1px;top:50%;margin-top:-5px;
    border:5px solid transparent;border-left-color:var(--xa-conn);border-right:0}
  /*@@conn-node 接线端点：空心小圆，标示线路接入面板的位置 */
  .xa-node{position:absolute;width:7px;height:7px;border-radius:50%;
    background:#fff;border:2px solid var(--xa-conn);z-index:3}
  /*@@conn-label 线路标签：利用走线空档标注数据流向
     r类在空档内水平居中：right 定位到面板右缘外，再按自身宽度回退半个自身宽度。
     公式 right = -(gap/2) - 自身宽度/2，用 translateX(-50%) 抵消自身宽度 → 中心恰落在空档中点。
     这样文案宽度变化（如"应用交付"→更长说明）仍自动居中，无需改偏移量 */
  .xa-wire-label{position:absolute;white-space:nowrap;font-size:13px;font-weight:400;
    color:#A8B6C8;letter-spacing:.2px;background:#fff;
    padding:1px 5px;border-radius:8px;line-height:1.5}
  .xa-wire-label.xa-r{right:calc(-1 * var(--xa-gap) / 2 - 1px);top:58px;transform:translateX(50%)}

  /*@@panel */
  .xa-panel{flex:1 1 auto;background:var(--xa-panel);border:1px solid var(--xa-line);
    border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:16px}
  .xa-bar{
    height:52px;border-radius:12px;flex:0 0 52px;
    background:linear-gradient(90deg,var(--xa-brand-2),var(--xa-brand));
    display:flex;align-items:center;justify-content:center;gap:10px;
    color:#fff;font-size:20px;font-weight:800;letter-spacing:1px
  }
  .xa-bar.xa-sm{height:44px;flex:0 0 44px;font-size:19px;border-radius:10px}

  /*@@os-cards */
  .xa-os-row{flex:0 0 auto;display:flex;gap:16px}
  .xa-os{flex:1 1 0;background:var(--xa-card);border:1px solid var(--xa-line);
    border-radius:12px;padding:14px;box-shadow:var(--xa-shadow)}
  .xa-os h3{font-size:18px;font-weight:800;color:var(--xa-brand);text-align:center;
    letter-spacing:.5px;margin-bottom:12px}
  .xa-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  /*@@thumb-desktop 桌面内景缩略图：真实壁纸铺底 + 使用痕迹
     Windows 壁纸来源（本机系统资产，零版权风险）：
       C:////Windows////Web////4K////Wallpaper////Windows////img0_1366x768.jpg → assets/win-desktop.jpg
     信创壁纸来源（银河麒麟官方壁纸，用户提供）：
       图片1.png (514×304) → assets/kylin-desktop.png
     两侧统一表达：壁纸背景 + 桌面图标 + 应用窗口 + 任务栏。 */
  .xa-tmb{position:relative;aspect-ratio:16/10;border-radius:7px;overflow:hidden;
    border:1px solid #E3EDF9;background:#16325E}
  .xa-tmb .xa-wall{position:absolute;inset:0;background-size:cover;background-position:center}
  .xa-tmb.xa-win .xa-wall{background-image:url('/uploads/allimg/261012/win-desktop.jpg')}
  .xa-tmb.xa-xin .xa-wall{background-image:url('/uploads/allimg/261012/kylin-desktop.png')}
  /* 桌面图标（左侧竖排） */
  .xa-tmb .xa-dicon{position:absolute;width:9px;height:9px;border-radius:2px}
  .xa-tmb .xa-di1{left:7%;top:14%}
  .xa-tmb .xa-di2{left:7%;top:36%}
  .xa-tmb .xa-di3{left:7%;top:58%}
  /* 应用窗口：偏小，保留壁纸可视面积 */
  .xa-tmb .xa-winbox{position:absolute;left:30%;right:16%;top:30%;height:40%;border-radius:2px;
    background:rgba(255,255,255,.9);box-shadow:0 1px 4px rgba(0,0,0,.32);overflow:hidden;
    display:flex;flex-direction:column}
  .xa-tmb .xa-winbox .xa-wtitle{height:5px;background:linear-gradient(90deg,#3B7DD8,#2F6BE0);
    display:flex;align-items:center;padding-left:2px;gap:1.5px}
  .xa-tmb .xa-winbox .xa-wtitle u{width:2px;height:2px;border-radius:50%;background:rgba(255,255,255,.8);
    text-decoration:none}
  .xa-tmb .xa-winbox .xa-bd{flex:1;padding:2px;display:flex;gap:1.5px}
  .xa-tmb .xa-winbox .xa-bd i{flex:1;border-radius:1px;background:#D9E3F4;display:block}
  /* 任务栏：半透明深色，适配两种壁纸（Windows深蓝 / 麒麟浅蓝） */
  .xa-tmb .xa-taskbar{position:absolute;left:0;right:0;bottom:0;height:10%;
    background:rgba(12,28,56,.45);backdrop-filter:blur(1px);
    display:flex;align-items:center;justify-content:center;gap:4px}
  .xa-tmb .xa-taskbar u{width:4px;height:4px;border-radius:1px;background:rgba(255,255,255,.95);
    text-decoration:none;display:block}
  /* 桌面图标徽标 —— Windows 四色窗格*/
  .xa-w7 {background:
    linear-gradient(135deg,transparent 0 46%,#7DBB42 46% 100%),
    linear-gradient(45deg,transparent 0 46%,#E8452C 46% 100%),
    linear-gradient(135deg,#F5A623 0 46%,#7DBB42 46% 100%),
    #E8452C}
  /* Windows 11 蓝色四格 */
  .xa-w11{background:
    linear-gradient(135deg,transparent 0 47%,#1E6FD0 47% 100%),
    linear-gradient(45deg,transparent 0 47%,#25A8E0 47% 100%),
    #1E6FD0}
  /* Ubuntu：橙色环 */
  .xa-ubu{border-radius:50%;background:
    radial-gradient(circle,#F5A623 0 26%,transparent 27%),
    conic-gradient(from 0deg,#E8452C 0 12%,transparent 12% 25%,#E8452C 25% 37%,
      transparent 37% 50%,#E8452C 50% 62%,transparent 62% 75%,#E8452C 75% 87%,transparent 87% 100%)}
  /* Kylin：蓝绿同心环 */
  .xa-kyl{border-radius:50%;background:
    radial-gradient(circle at 50% 50%,transparent 0 22%,#7DBB42 23% 38%,transparent 39% 100%),
    radial-gradient(circle at 50% 50%,#1E6FD0 0 100%)}
  .xa-tmb .xa-ic.xa-ub,.xa-tmb .xa-ic.xa-kl{border-radius:50%}

  /*@@cloud */
  .xa-cloud{position:relative;flex:0 0 auto;margin-top:auto;
    background:var(--xa-cloud);border:1px solid var(--xa-cloud-edge);
    border-radius:56px;padding:18px 30px;
    display:flex;align-items:center;justify-content:center;gap:16px}
  .xa-cloud .xa-cap{font-size:18px;font-weight:800;color:var(--xa-brand);letter-spacing:1px;
    white-space:nowrap}
  .xa-srv{display:flex;align-items:center;gap:14px;background:var(--xa-card);
    border:1px solid var(--xa-line);border-radius:12px;padding:12px 20px;box-shadow:var(--xa-shadow)}
  .xa-srv-cap{font-size:17px;font-weight:700;color:var(--xa-ink-2);letter-spacing:.5px;white-space:nowrap}
  .xa-ell{display:flex;align-items:center;gap:10px;color:var(--xa-ink-3);font-size:19px;
    font-weight:700;letter-spacing:.5px;white-space:nowrap}
  .xa-ell i{width:4px;height:4px;border-radius:50%;background:#C3D2E4}

  /*@@apps */
  .xa-apps{flex:1 1 auto;display:grid;grid-template-columns:1fr 1fr;
    gap:12px;align-content:space-between}
  .xa-app{background:var(--xa-card);border:1px solid var(--xa-line);border-radius:10px;
    display:flex;align-items:center;justify-content:center;box-shadow:var(--xa-shadow);
    font-size:17px;font-weight:800;letter-spacing:.4px;min-height:46px}

  /*@@conn-center-right */
  .xa-link-r{position:absolute;right:calc(-1 * var(--xa-gap) - 1px);top:81px;
    width:calc(var(--xa-gap) + 1px);height:2px;background:var(--xa-conn)}
  .xa-link-r::after{content:"";position:absolute;right:-1px;top:50%;margin-top:-5px;
    border:5px solid transparent;border-left-color:var(--xa-conn);border-right:0}

.xa-title{display:none}
.xa-board{padding-top:26px}