/* ============================================================ case-ui.css —— JO 静态作品集 · 中文长案例复刻页共享框架主题变量在页面中区分。 ============================================================ */ .cu-root{ --bg:#ffffff; /* 页面底色 (对齐首页 --c-page) */ --ink:#1d1d1f; /* 主文字 (--c-ink) */ --mut:#56565d; /* 段落 */ --mut2:#86868b; /* 次级 (--c-ink-3) */ --mut3:#a1a1a6; /* 弱 (--c-ink-4) */ --hair:#f5f5f7; /* 屏幕底 (--c-page-2) */ --card:#ffffff; --ac:#0071e3; /* 强调 (--c-accent 苹果蓝) */ --ac2:#0077ed; /* 蓝亮 hover */ --acsoft:#e8f1fd; --grn:#34c759; /* 语义绿(系统绿) */ --grn-2:#248a3d; --amber:#ff9f0a; /* 预警 */ --rose:#ff3b30; /* 告警 */ } /* 三主题统一为首页浅色体系：body 类 gv|gp|erp 仅保留类名，不再区分色相 */ .cu-root.gv, .cu-root.gp, .cu-root.erp{--bg:#ffffff;--ink:#1d1d1f;--mut:#56565d;--mut2:#86868b;--mut3:#a1a1a6;--hair:#f5f5f7;--card:#ffffff;--ac:#0071e3;--ac2:#0077ed;--acsoft:#e8f1fd;--grn:#34c759;--grn-2:#248a3d} .cu-root.erp .cu-bar{background:rgba(255,255,255,.85);border-bottom-color:rgba(0,0,0,.06)} .cu-root.erp .cu-back{background:#1d1d1f} .cu-root.erp .cu-back:hover{background:#0071e3} .cu-root.erp .cu-tag{color:#0071e3} .cu-root.erp .cu-slide .sd{background:#d2d2d7} .cu-root.erp .go-watermark{color:#eceef1} .cu-root.erp .go-eyebrow{color:#0071e3} .cu-root{ margin:0;background:var(--bg);color:var(--ink); font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif; -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; overflow-x:hidden; } .cu-root *{box-sizing:border-box} .cu-root img{display:block;max-width:100%} .cu-root .serif{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif} .cu-root a{text-decoration:none;color:inherit} .cu-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0} /* ---------- 顶部导航 ---------- */ .cu-bar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)} .cu-bar-in{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px} .cu-back{display:inline-flex;align-items:center;gap:8px;background:var(--ac);color:#fff;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .2s} .cu-back:hover{background:var(--ac2)} .cu-back svg{width:14px;height:14px;flex:none} .cu-mid{display:none;align-items:center;gap:20px;font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--mut2)} .cu-dot{width:4px;height:4px;border-radius:50%;background:#cfd5db} .cu-tag{font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--ac2);white-space:nowrap} @media(min-width:768px){.cu-bar-in{padding:16px 56px}.cu-mid{display:flex}} .cu-wrap{max-width:1360px;margin:0 auto;padding:0 24px 96px} @media(min-width:768px){.cu-wrap{padding:0 56px 128px}} /* ---------- 通用网格 ---------- */ .cu-gr{display:grid;grid-template-columns:repeat(12,1fr);gap:24px} .cu-gr>*{min-width:0} .g1{grid-column:span 1}.g2{grid-column:span 2}.g3{grid-column:span 3}.g4{grid-column:span 4} .g5{grid-column:span 5}.g6{grid-column:span 6}.g7{grid-column:span 7}.g8{grid-column:span 8} .g9{grid-column:span 9}.g10{grid-column:span 10}.g12{grid-column:span 12} @media(max-width:767px){ .g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10{grid-column:span 12} } .cu-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .cu-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .cu-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .cu-grid4b{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px} @media(min-width:768px){ .cu-grid2{grid-template-columns:repeat(2,minmax(0,1fr))} .cu-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px} .cu-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px} .cu-grid4b{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px} } @media(max-width:479px){ .cu-grid3,.cu-grid4,.cu-grid4b{grid-template-columns:repeat(2,minmax(0,1fr))} } /* ---------- section 间距 ---------- */ .cu-sec{position:relative;margin-top:140px;scroll-margin-top:90px} .cu-sec.first{margin-top:0} @media(min-width:768px){.cu-sec{margin-top:190px}} @media(max-width:767px){.cu-sec{padding-top:2px}} /* ---------- slidebar (SlideTopBar) ---------- */ .cu-slide{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:500;letter-spacing:.12em;color:var(--mut2)} .cu-slide-l{display:flex;align-items:center;gap:8px} .cu-slide-r{display:flex;align-items:center;gap:8px} .cu-slide .sd{width:8px;height:8px;border-radius:50%;background:#cfd5db;flex:none} .cu-slide .sd.grn{background:var(--grn)} /* ---------- 水印大字 ---------- */ .cu-ghost{position:absolute;left:50%;top:46px;transform:translateX(-50%);margin:0;pointer-events:none;user-select:none;white-space:nowrap;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;line-height:1;color:rgba(0,0,0,.045);font-size:120px} .cu-ghost.tall{top:64px;font-size:110px} @media(min-width:768px){.cu-ghost{font-size:13rem}.cu-ghost.tall{font-size:14rem}.cu-ghost.big{font-size:20rem}.cu-ghost.big2{font-size:22rem}} @media(max-width:767px){.cu-ghost,.cu-ghost.tall,.cu-ghost.big,.cu-ghost.big2{display:none}} /* ---------- SectionTitle ---------- */ .cu-st{position:relative;display:flex;flex-direction:column;gap:0} .cu-st-h{display:flex;align-items:baseline;gap:10px;margin:0;font-size:34px;line-height:1.1;letter-spacing:-.01em;color:var(--ink)} .cu-st-h .star{color:var(--grn);margin-left:4px} .cu-st-en{margin:10px 0 0;font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--mut3)} .cu-st-num{position:absolute;right:-8px;top:2px;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:56px;line-height:1;color:rgba(0,0,0,.07);pointer-events:none} @media(min-width:768px){.cu-st-h{font-size:52px}.cu-st-num{font-size:60px}} @media(max-width:767px){.cu-st-num{display:none}} /* ---------- QuoteBlock ---------- */ .cu-quote .qt{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:600;font-size:20px;color:var(--ink)} .cu-quote .qt .q{color:var(--grn)} .cu-quote .qb{margin-top:12px;font-size:15px;line-height:1.85;color:var(--mut)} .cu-quote .qb p{margin:0 0 4px} .cu-quote .qb p+p{margin-top:10px} .cu-quote .qb b{color:var(--ink);font-weight:600} @media(min-width:768px){.cu-quote .qt{font-size:24px}.cu-quote .qb{font-size:16px;line-height:1.85}} /* ---------- 返回 pill / tag ---------- */ .pill{display:inline-block;border-radius:12px;background:var(--ac);padding:8px 18px;color:#fff;font-size:14px;font-weight:500} .pill .ql{color:var(--ac-soft-2,#bae6fd)} .pill .qr{color:var(--ac-soft-2,#bae6fd)} @media(min-width:768px){.pill{padding:12px 22px;font-size:16px}} /* ---------- 超大主标题 ---------- */ .cu-hero{position:relative;margin-top:16px} .cu-hero h2{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.05;font-size:64px;color:var(--ink)} .cu-hero .sub{margin:6px 0 0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:400;font-size:18px;letter-spacing:.2em;color:var(--ac2)} @media(min-width:768px){ .cu-hero h2{font-size:102px;line-height:.92} .cu-hero .sub{font-size:22px} } /* ---------- 渐变横幅 ---------- */ .cu-banner{position:relative;overflow:hidden;border-radius:32px;box-shadow:0 10px 25px -5px rgba(0,0,0,.15);margin-top:48px} .cu-banner img{width:100%;height:144px;object-fit:cover} .cu-banner .ovl{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,42,82,.55),transparent 70%)} .cu-banner .txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 24px;left:0} .cu-banner .txt p{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:22px;color:#fff} .cu-banner .txt span{margin-top:4px;font-size:12px;color:rgba(255,255,255,.85)} @media(min-width:768px){ .cu-banner img{height:192px} .cu-banner .txt{padding:0 40px} .cu-banner .txt p{font-size:30px} .cu-banner .txt span{font-size:14px} } /* ---------- 模块滚动带 (tilt cards) ---------- */ .cu-scroll{display:flex;flex-wrap:nowrap;align-items:stretch;gap:16px;overflow-x:auto;overflow-y:visible;padding:24px 8px 32px;scrollbar-width:none;-ms-overflow-style:none} .cu-scroll::-webkit-scrollbar{display:none} .cu-scroll-hint{display:flex;justify-content:flex-end;padding:0 4px;margin-bottom:12px} .cu-scroll-hint span{display:inline-block;border-radius:999px;background:rgba(255,255,255,.9);padding:6px 14px;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--ac2);box-shadow:0 1px 3px rgba(0,0,0,.08)} .cu-tilt{position:relative;flex:none;width:158px;border-radius:16px;padding:12px 12px 32px;box-shadow:0 20px 25px -5px rgba(0,0,0,.14),0 10px 10px -5px rgba(0,0,0,.05);transition:transform .5s ease;margin:4px 0} .cu-tilt:hover{transform:translateY(-8px)!important} .cu-tilt .scr{overflow:hidden;border-radius:12px;background:#111827;padding:3px} .cu-tilt .scr-i{position:relative;width:100%;aspect-ratio:375/812;overflow:hidden;border-radius:9px;background:#fafafa} .cu-tilt .scr-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top} .cu-tilt .scr-i .fade{position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.2),transparent)} .cu-tilt figcaption{position:absolute;left:0;right:0;bottom:6px;margin:0;text-align:center;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px;color:rgba(0,0,0,.85)} .cu-tilt.bg-green{background:#6ee7b7}.cu-tilt.bg-yellow{background:#fcd34d}.cu-tilt.bg-blue{background:#38bdf8} .cu-tilt.bg-mint{background:#5eead4}.cu-tilt.bg-sky{background:#67e8f9}.cu-tilt.bg-orange{background:#fdba74} @media(min-width:768px){.cu-tilt{width:196px}.cu-tilt figcaption{font-size:15px}} /* ---------- 手机屏卡 GovScreen ---------- */ .cu-ph{position:relative;overflow:hidden;border-radius:22px;background:var(--card);box-shadow:0 26px 60px -32px rgba(30,58,138,.5);outline:1px solid rgba(0,0,0,.05)} .cu-ph .scr{position:relative;width:100%;overflow:hidden;background:var(--hair)} .cu-ph .scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top} .cu-ph .cap{margin:0;border-top:1px solid rgba(0,0,0,.05);padding:10px 16px;text-align:center;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ac)} .cu-ph .cap .cap2{display:block;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:12px;font-weight:400;color:var(--mut2)} .cu-ph .cap .t{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ink)} .cu-ph .cap .s{display:block;margin-top:2px;font-size:12px;font-weight:400;color:var(--mut2)} /* ---------- 长滚动截图 GovScreenLong ---------- */ .cu-long{position:relative;overflow:hidden;border-radius:22px;background:var(--card);box-shadow:0 26px 60px -32px rgba(30,58,138,.5);outline:1px solid rgba(0,0,0,.05)} .cu-long .scr{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none} .cu-long .scr::-webkit-scrollbar{display:none} .cu-long .scr img{width:100%;height:auto} .cu-long .chip{position:absolute;right:12px;top:12px;z-index:2;border-radius:999px;background:rgba(30,58,138,.85);padding:4px 10px;font-size:11px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.95);box-shadow:0 1px 3px rgba(0,0,0,.1)} .cu-long .fade{position:absolute;left:0;right:0;bottom:0;height:48px;background:linear-gradient(to top,rgba(15,42,82,.12),transparent);pointer-events:none} .cu-long .cap{margin:0;border-top:1px solid rgba(0,0,0,.05);padding:10px 16px;text-align:center;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px;color:var(--ac)} /* ---------- 迷你手机小卡 (网格) ---------- */ .cu-phc{overflow:hidden;border-radius:14px;background:var(--card);padding:6px;box-shadow:0 4px 8px -2px rgba(0,0,0,.06);outline:1px solid rgba(0,0,0,.05)} .cu-phc .scr{aspect-ratio:3/6;overflow:hidden;border-radius:10px} .cu-phc .scr img{width:100%;height:100%;object-fit:cover;object-position:top} .cu-phc .t{padding-top:4px;margin:0;text-align:center;font-size:10px;color:var(--mut2);padding-bottom:2px} .cu-phc.has-t .t{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:12px;color:var(--ink);padding-top:6px;padding-bottom:4px} /* ---------- 场景四卡（Sec02 四大场景） ---------- */ .cu-sc4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} @media(min-width:768px){.cu-sc4{grid-template-columns:repeat(4,minmax(0,1fr))}} .cu-sc4 figure{margin:0;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);outline:1px solid rgba(0,0,0,.05)} .cu-sc4 .scr{aspect-ratio:375/812;overflow:hidden;background:#eef2ff} .cu-sc4 .scr img{width:100%;height:100%;object-fit:cover;object-position:top} .cu-sc4 figcaption{padding:10px 12px} .cu-sc4 figcaption p{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:12px} .cu-sc4 figcaption small{margin-top:2px;display:block;font-size:10px;line-height:1.5;color:var(--mut2)} /* ---------- 渐变玻璃卡（Sec03/Sec04 左） ---------- */ .cu-glass{position:relative;overflow:hidden;border-radius:38px;padding:24px;box-shadow:0 20px 40px -12px rgba(30,58,138,.4)} .cu-glass .gl-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px} .cu-glass .gl-head span{display:inline-block;border-radius:14px;background:rgba(255,255,255,.9);padding:8px 14px;font-size:14px;font-weight:700;color:var(--ac);box-shadow:0 2px 6px rgba(0,0,0,.06)} .cu-glass .gl-head em{font-style:normal;display:inline-block;border-radius:14px;background:rgba(255,255,255,.22);padding:8px 14px;font-size:14px;font-weight:700;color:#fff} .cu-glass .gl-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end} .cu-glass .gl-note{margin:16px 0 0;font-size:14px;line-height:1.7;color:rgba(255,255,255,.92)} .cu-glass.bg-blue{background:linear-gradient(135deg,#bfdbfe,#93c5fd,#1e3a8a)} .cu-glass.bg-blue2{background:linear-gradient(135deg,#bfdbfe,#a5b4fc,#2563eb)} /* ---------- 白卡(功能组说明) ---------- */ .cu-card{position:relative;border-radius:16px;background:#fff;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.06);outline:1px solid rgba(0,0,0,.05)} .cu-card h4{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:18px;color:var(--ac)} .cu-card .body{margin:12px 0 0;font-size:14px;line-height:1.8;color:var(--mut)} .cu-card ul{margin:16px 0 0;padding:0;list-style:none;font-size:14px;color:var(--mut)} .cu-card li{display:flex;gap:8px;margin-top:8px;line-height:1.7} .cu-card li::before{content:"";flex:none;width:6px;height:6px;margin-top:8px;border-radius:50%;background:var(--ac2)} /* ---------- InfoCard ---------- */ .cu-ico{border-radius:16px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06)} .cu-ico h5{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:17px} .cu-ico p{margin:8px 0 0;font-size:14px;line-height:1.75} .cu-ico.def{background:#f2f4f6;color:var(--ink)} .cu-ico.def p{color:var(--mut)} .cu-ico.brand{background:linear-gradient(135deg,#34d399,#059669);color:#fff} .cu-ico.brand p{color:rgba(255,255,255,.92)} .cu-ico.amber{background:#fcd34d;color:var(--ink)} .cu-ico.dark{background:var(--ink);color:#fff} .cu-ico.dark p{color:rgba(255,255,255,.82)} .cu-ico h5 .q{color:#fff;color:rgba(255,255,255,.85)} .cu-ico.def h5 .q,.cu-ico.amber h5 .q{color:#10b981} /* ---------- 色板 swatch ---------- */ .cu-swatch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} .cu-swatch .it{display:flex;align-items:center;gap:12px;border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.05);outline:1px solid rgba(0,0,0,.05)} .cu-swatch .sw{width:32px;height:32px;border-radius:50%;flex:none} .cu-swatch .lb p{margin:0;font-size:12px;color:var(--mut2)} .cu-swatch .lb b{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px} /* ---------- 设计同心圆 ---------- */ .cu-dg{position:relative;margin:32px auto 0;width:100%;max-width:560px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(37,99,235,.25);background:linear-gradient(135deg,rgba(255,255,255,.6),#eef2ff,#dbeafe)} .cu-dg .r1{position:absolute;inset:40px;border-radius:50%;border:1px solid rgba(37,99,235,.2)} .cu-dg .r2{position:absolute;inset:22%;border-radius:50%;border:1px solid rgba(37,99,235,.2)} .cu-dg .core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,var(--ac),var(--ac2));box-shadow:0 20px 35px -8px rgba(37,99,235,.4);text-align:center} .cu-dg .core p{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:22px;color:#fff;line-height:1.25} @media(min-width:768px){.cu-dg .core{width:180px;height:180px}} .cu-dg .node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:8px} .cu-dg .node .bub{display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:14px;box-shadow:0 4px 10px -2px rgba(0,0,0,.15)} .cu-dg .node.circ .bub{width:96px;height:96px;border-radius:50%;padding:8px} .cu-dg .node.oval .bub{min-width:130px;padding:8px 20px;border-radius:999px;font-size:15px} .cu-dg .node .list{display:none;width:224px;margin:0;padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.85);font-size:13px;line-height:1.8;color:var(--mut);box-shadow:0 2px 6px rgba(0,0,0,.05);list-style:disc;padding-left:30px} @media(min-width:768px){.cu-dg .node .list{display:block}} /* ---------- 产品/视觉/体验层卡 ---------- */ .cu-layer{display:grid;grid-template-columns:1fr;gap:16px;margin-top:32px} @media(min-width:768px){.cu-layer{grid-template-columns:repeat(3,1fr);gap:20px}} .cu-layer .ly{border-radius:16px;padding:20px} .cu-layer .ly p{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:18px} .cu-layer .ly .d{margin:8px 0 0;font-size:14px;line-height:1.75} .cu-layer .b1{background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff} .cu-layer .b1 .d{color:rgba(255,255,255,.92)} .cu-layer .b2{background:#eef2ff;color:var(--ink)} .cu-layer .b2 p{color:var(--ac)} .cu-layer .b2 .d{color:var(--mut)} .cu-layer .b3{background:var(--ink);color:#fff} .cu-layer .b3 .d{color:rgba(255,255,255,.82)} /* ---------- 旅程步骤 ---------- */ .cu-jny{display:flex;gap:16px;border-radius:16px;background:#fff;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);outline:1px solid rgba(0,0,0,.05)} .cu-jny .no{flex:none;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--ac);font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:16px;color:#fff} .cu-jny h5{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:16px;color:var(--ink)} .cu-jny p{margin:4px 0 0;font-size:14px;line-height:1.8;color:var(--mut)} /* ---------- 指标卡 ---------- */ .cu-met{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} @media(min-width:768px){.cu-met{grid-template-columns:repeat(4,minmax(0,1fr))}} .cu-met .m{border-radius:16px;background:#fff;padding:16px;text-align:center;box-shadow:0 1px 3px rgba(0,0,0,.06);outline:1px solid rgba(0,0,0,.05)} .cu-met .m b{display:block;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:30px;line-height:1.2} .cu-met .m span{margin-top:4px;display:block;font-size:12px;color:var(--mut2)} /* ---------- END 尾节 ---------- */ .cu-end{margin-top:112px;border-top:1px solid rgba(0,0,0,.1);padding-top:48px;display:flex;flex-direction:column;align-items:flex-start;gap:24px} @media(min-width:768px){.cu-end{flex-direction:row;align-items:flex-end;justify-content:space-between}} .cu-end .k{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:400;font-size:14px;letter-spacing:.2em;color:var(--mut3)} .cu-end h3{margin:8px 0 0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:24px;color:var(--ink)} .cu-end h3 em{color:var(--ac);font-style:normal;margin-left:6px} .cu-end .desc{margin:8px 0 0;max-width:620px;font-size:14px;line-height:1.8;color:var(--mut)} .cu-backbig{display:inline-flex;align-items:center;gap:8px;border-radius:999px;background:var(--ac);padding:12px 24px;font-weight:500;font-size:15px;color:#fff;transition:background .2s;white-space:nowrap} .cu-backbig:hover{background:var(--ac2)} .cu-backbig svg{width:18px;height:18px} /* ---------- reveal ---------- */ .cu-root .reveal,.cu-root .reveal-img{opacity:0;transition:opacity .95s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1),filter .95s cubic-bezier(.22,1,.36,1);will-change:opacity,transform,filter} .cu-root .reveal{transform:translateY(28px);filter:blur(6px)} .cu-root .reveal-img{transform:scale(1.05);filter:blur(8px)} .cu-root .reveal.is-visible,.cu-root .reveal-img.is-visible{opacity:1;transform:none;filter:none} @media (prefers-reduced-motion:reduce){ .cu-root .reveal,.cu-root .reveal-img{opacity:1!important;transform:none!important;filter:none!important;transition:none!important} } /* ============================================================ Web 端案例组件（GovOffice 基层政务 / WEB 大屏） ============================================================ */ .go-sec{position:relative;padding:84px 0;background:var(--bg)} .go-sec.alt{background:#fff} .go-sec.tint{background:#fdf4f2} .go-sec.dark{background:#0f2557;color:#fff} .go-sec.soft{background:#f8fafc} .go-sec.milk{background:#fff} .go-wrap{max-width:1400px;margin:0 auto;padding:0 24px} @media(min-width:768px){.go-wrap{padding:0 56px}} .go-eyebrow{margin:0;font-size:12px;font-weight:500;letter-spacing:.25em;text-transform:uppercase;color:var(--ac2);opacity:.75} .go-eyebrow.red{color:#dc2626;opacity:.75} .go-sec.dark .go-eyebrow{color:#93c5fd;opacity:.9} .go-title{margin:12px 0 0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;color:#1e293b;letter-spacing:-.01em;line-height:1.15;font-size:34px} .go-title.xl{font-size:38px;line-height:1.15;white-space:normal} .go-title.x2{font-size:42px} .go-sec.dark .go-title{color:#fff} .go-title .acc{color:var(--ac2)} .go-lede{margin:16px 0 0;max-width:680px;font-size:14px;line-height:1.9;color:#475569} .go-sec.dark .go-lede{color:rgba(191,219,254,.85)} .go-center{text-align:center} .go-center .go-lede{margin-left:auto;margin-right:auto} .go-taggroup{display:flex;flex-wrap:wrap;gap:8px} .go-tag{display:inline-flex;align-items:center;border-radius:6px;background:#fff;padding:5px 11px;font-size:12px;font-weight:500;color:var(--ac2);box-shadow:0 1px 2px rgba(0,0,0,.05);border:1px solid rgba(37,99,235,.15)} .go-sec.dark .go-tag{background:rgba(255,255,255,.9);border:none} .go-watermark{position:absolute;top:20px;left:-6px;z-index:0;pointer-events:none;user-select:none;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;line-height:1;color:#cbd5e1;opacity:.35;font-size:104px} .go-sec.dark .go-watermark{color:#bfdbfe;opacity:.08} .go-sec.soft .go-watermark,.go-sec.alt .go-watermark,.go-sec.milk .go-watermark{color:#e2e8f0;opacity:.9} .go-sec .go-watermark{white-space:nowrap} @media(min-width:768px){.go-title{font-size:44px}.go-title.xl{font-size:58px}.go-title.x2{font-size:44px}.go-watermark{font-size:160px}} @media(max-width:767px){.go-watermark{font-size:72px;top:12px}} .go-h{position:relative} .go-rel{position:relative} .go-hrow{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px} @media(min-width:768px){.go-hrow{flex-direction:row;align-items:flex-end}} .go-hrow .go-lede{max-width:560px;margin-top:14px} .go-glow{position:absolute;border-radius:50%;filter:blur(64px);pointer-events:none} .go-hero-viz{position:relative;margin-top:56px;width:96%;margin-left:auto;margin-right:auto} .go-hero-viz .frame{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.6);box-shadow:0 40px 80px -20px rgba(37,99,235,.28)} .go-hero-viz .frame img{display:block;width:100%;height:auto} /* 截图卡 Shot */ .go-shot{overflow:hidden;border-radius:20px;background:#fff;border:1px solid rgba(226,232,240,.8);box-shadow:0 14px 36px -18px rgba(30,58,138,.28)} .go-sec.dark .go-shot,.go-darkbox .go-shot{border-color:rgba(255,255,255,.1)} .go-shot .ph{position:relative;overflow:hidden;background:#eef2f9} .go-shot .ph img{display:block;width:100%;height:auto;transition:transform .7s cubic-bezier(.22,1,.36,1)} .go-shot:hover .ph img{transform:scale(1.015)} .go-shot .badge{position:absolute;left:12px;top:12px;z-index:10;border-radius:999px;background:rgba(30,58,138,.9);padding:4px 12px;font-size:11px;font-weight:500;letter-spacing:.06em;color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)} .go-shot figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-top:1px solid #f1f5f9;padding:12px 16px} .go-shot figcaption .t{font-size:12px;font-weight:500;letter-spacing:.08em;color:var(--ac2);white-space:nowrap} .go-shot figcaption .c{font-size:12px;line-height:1.5;color:#64748b;text-align:right} .go-narrow{overflow:hidden;border-radius:12px;border:1px solid rgba(226,232,240,.8);background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.05)} .go-narrow .h{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;padding:8px 16px} .go-narrow .h span{font-size:11px;font-weight:500;letter-spacing:.18em;color:var(--ac2)} .go-narrow img{display:block;width:100%;height:auto} /* 需求背景 · 产品定位圆 */ .go-target{position:relative;width:min(78%,420px);margin:0 auto;aspect-ratio:1} .go-target .core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#2563eb,#1e3a8a);text-align:center;box-shadow:0 20px 60px -10px rgba(37,99,235,.45)} .go-target .core p{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:26px;line-height:1.3;color:#fff} .go-target .core span{margin-top:10px;display:block;font-size:14px;line-height:1.9;color:rgba(255,255,255,.92)} .go-float{position:absolute;width:220px;border-radius:24px;background:#fff;padding:18px;box-shadow:0 16px 30px -12px rgba(15,23,42,.2)} .go-float b{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;color:#1e293b} .go-float p{margin:8px 0 0;font-size:13px;line-height:1.75;color:#64748b} .go-float.l{bottom:32px;left:0;width:min(200px,60%)} .go-float.r{bottom:12px;right:0;width:min(200px,58%)} @media(min-width:768px){ .go-target .core p{font-size:30px} .go-float.l{left:-26px;width:200px} .go-float.r{right:-20px;width:192px} } @media(max-width:479px){.go-float.l,.go-float.r{width:55%}} .go-whitesmoke{border-radius:24px;background:rgba(255,255,255,.7);padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(226,232,240,.7)} .go-prob-title{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:22px;color:#1e293b} .go-prob li{display:flex;gap:14px;margin-top:20px} .go-prob .dot{margin-top:6px;flex:none;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#60a5fa,#2563eb)} .go-prob b{font-size:15px;font-weight:500;color:#1e293b} .go-prob p{margin:4px 0 0;font-size:14px;line-height:1.85;color:#64748b} .go-card3{border-radius:24px;background:#f6f9ff;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.03);border:1px solid rgba(37,99,235,.1)} .go-card3 .n{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:44px;color:rgba(37,99,235,.28);line-height:1} .go-card3 b{display:block;margin-top:14px;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:19px;color:#1e293b} .go-card3 p{margin:8px 0 0;font-size:14px;line-height:1.85;color:#64748b} .go-grid-mods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} @media(min-width:768px){.go-grid-mods{gap:16px}} .go-mitem{display:flex;align-items:flex-start;gap:14px;border-radius:16px;background:#fff;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05)} .go-mitem .ix{margin-top:1px;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:24px;color:rgba(37,99,235,.45)} .go-mitem b{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:15px;color:#1e293b} .go-mitem p{margin:3px 0 0;font-size:12.5px;line-height:1.75;color:#5c6b61} @media(min-width:640px){.go-mitem:nth-child(even){transform:translateY(10px)}} .go-sec-row{display:grid;grid-template-columns:1fr;gap:24px;align-items:start} @media(min-width:1024px){.go-sec-row{grid-template-columns:4fr 8fr;gap:40px}.go-sec-row.r8{grid-template-columns:8fr 4fr}.go-sec-row.r8>*:first-child{order:2}.go-sec-row.r8>*:last-child{order:1}} .go-res-card{display:flex;align-items:center;gap:24px;border-radius:20px;background:#fff;padding:24px;border:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px rgba(0,0,0,.05)} .go-res-card img{width:96px;height:96px;object-fit:contain;flex:none} .go-res-card b{font-size:15px;font-weight:500;color:#1e293b} .go-res-card p{margin:6px 0 0;font-size:14px;line-height:1.8;color:#64748b} .go-foot{border-top:1px solid rgba(30,58,138,.1);padding:48px 0;margin-top:0} .go-foot-in{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px} @media(min-width:768px){.go-foot-in{flex-direction:row;align-items:center}} @media(max-width:479px){.go-grid-mods{grid-template-columns:1fr}.go-mitem:nth-child(even){transform:none}} /* ============================================================ ERP 农业案例组件（AgricErpLayout 智慧农业 ERP） ============================================================ */ .ef-label{margin:0;font-size:12px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#047857} .cu-root.erp .ef-ghost-num{position:absolute;left:50%;top:46px;transform:translateX(-50%);pointer-events:none;user-select:none;white-space:nowrap;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;line-height:1;color:rgba(0,0,0,.045);font-size:120px} @media(min-width:768px){.cu-root.erp .ef-ghost-num{font-size:19rem}} @media(max-width:767px){.cu-root.erp .ef-ghost-num{display:none}} .ef-bigtitle{margin:0;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#1c231f;font-size:52px} .ef-bigtitle .sub{display:block;margin-top:8px;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:400;font-size:16px;letter-spacing:.2em;color:#047857} @media(min-width:768px){.ef-bigtitle{font-size:96px;line-height:.95}.ef-bigtitle .sub{margin-top:10px;font-size:20px}} .ef-pill{display:inline-block;border-radius:6px;background:#1c231f;padding:10px 18px;font-size:15px;font-weight:500;color:#fff} .ef-pill .q{color:#34d399} @media(min-width:768px){.ef-pill{padding:12px 20px;font-size:16px}} .ef-gap-sections>section+section{margin-top:128px} @media(min-width:768px){.ef-gap-sections>section+section{margin-top:160px}} /* PC 全宽截图卡 */ .ef-pc{overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 26px 70px -34px rgba(6,95,70,.35);outline:1px solid rgba(0,0,0,.05)} .ef-pc img{display:block;width:100%;height:auto} .ef-pc .cap{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(0,0,0,.05);padding:12px 20px;font-size:14px;line-height:1.6;color:#4a4f55;background:#fff} .ef-pc .cap .dot{flex:none;width:6px;height:6px;border-radius:50%;background:#10b981} @media(min-width:768px){.ef-pc .cap{padding:14px 24px;font-size:15px}} /* 手机滚动长卡 */ .ef-roll{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 22px 50px -30px rgba(6,95,70,.4);outline:1px solid rgba(0,0,0,.05)} .ef-roll .scr{margin:0 auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;background:#f3f5f1} .ef-roll .scr::-webkit-scrollbar{display:none} .ef-roll .scr img{width:100%;height:auto} .ef-roll .cap{display:flex;align-items:center;justify-content:center;gap:8px;border-top:1px solid rgba(0,0,0,.05);padding:10px 14px;font-size:13px;line-height:1.55;color:#4a4f55;text-align:center;background:#fff} .ef-roll .cap .dot{flex:none;width:6px;height:6px;border-radius:50%;background:#10b981} @media(min-width:768px){.ef-roll .cap{padding:12px 16px;font-size:14px}} /* 双列模块卡（八大板块 / 制种清单） */ .ef-list2{display:grid;grid-template-columns:1fr;gap:12px} @media(min-width:640px){.ef-list2{grid-template-columns:1fr 1fr}} .ef-m{display:flex;align-items:flex-start;gap:12px;border-radius:18px;background:#fff;padding:14px 16px;box-shadow:0 1px 3px rgba(0,0,0,.05);outline:1px solid rgba(0,0,0,.05)} .ef-m .ix{margin-top:1px;font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:22px;color:rgba(5,150,105,.4)} .ef-m b{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:16px;color:#1c231f} .ef-m p{margin:3px 0 0;font-size:13px;line-height:1.75;color:#5c6b61} @media(min-width:640px){.ef-list2 .ef-m:nth-child(even){transform:translateY(10px)}} .ef-list1{display:grid;grid-template-columns:1fr;gap:10px} @media(min-width:768px){.ef-list1{grid-template-columns:1fr 1fr}} .ef-line{display:flex;align-items:center;gap:14px;border-radius:18px;background:#fff;padding:14px 18px;box-shadow:0 1px 3px rgba(0,0,0,.05);outline:1px solid rgba(0,0,0,.05)} .ef-line .ix{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:22px;color:rgba(5,150,105,.4)} .ef-line b{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:15px;color:#1c231f} .ef-line p{margin:3px 0 0;font-size:13px;line-height:1.7;color:#5c6b61} @media(min-width:768px){.ef-line .ix{font-size:26px}} /* 三分卡片（AI 文案 / 收成 9 宫格小卡） */ .ef-ai-card{border-radius:18px;background:#fff;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.05);outline:1px solid rgba(0,0,0,.05)} .ef-ai-card b{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:16px;color:#047857} .ef-ai-card p{margin:8px 0 0;font-size:14px;line-height:1.85;color:#4a4f55} .ef-num9{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} @media(min-width:640px){.ef-num9{grid-template-columns:repeat(3,1fr)}} .ef-n9{border-radius:14px;background:#fff;padding:12px 8px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.04);outline:1px solid rgba(0,0,0,.05)} .ef-n9 b{font-family:"Work Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-weight:700;font-size:17px;color:#047857} .ef-n9 p{margin:4px 0 0;font-size:13px;color:#5c6b61} /* 视频封面 */ .ef-video{position:relative;overflow:hidden;border-radius:26px;background:#000;box-shadow:0 30px 70px -38px rgba(6,95,70,.35);outline:1px solid rgba(0,0,0,.05)} .ef-video .v-scr{position:relative;aspect-ratio:16/9;overflow:hidden} .ef-video .v-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .ef-video .v-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.18)} .ef-video .v-play i{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(0,0,0,.25)} .ef-video .cap{display:flex;align-items:center;gap:8px;border-top:1px solid rgba(0,0,0,.05);padding:10px 20px;font-size:14px;line-height:1.6;color:#4a4f55;background:#fff} .ef-video .cap .dot{flex:none;width:6px;height:6px;border-radius:50%;background:#10b981} @media (prefers-reduced-motion:no-preference){.ef-zoom{animation:efZoom 6s ease-in-out infinite alternate}} @keyframes efZoom{from{transform:scale(1)}to{transform:scale(1.08)}} @media(max-width:479px){.ef-list2{grid-template-columns:1fr}.ef-list2 .ef-m:nth-child(even){transform:none}.ef-list1{grid-template-columns:1fr}} /* ============================================================ JO 首页浅色体系 · 统一覆盖（追加层，勿删） gv|gp|erp 主题遗留硬编码色块在此对齐苹果浅色 token： #fff / #f5f5f7 / #1d1d1f / #6e6e73 / #d2d2d7 / #0071e3 ============================================================ */ /* ---------- 渐变玻璃卡（原深政务蓝）→ 苹果浅蓝玻璃 ---------- */ .cu-glass{box-shadow:0 24px 48px -26px rgba(0,0,0,.14)} .cu-glass.bg-blue, .cu-glass.bg-blue2{background:linear-gradient(160deg,#f2f6fc 0%,#dfeaf9 55%,#c6dcf9 100%)} .cu-glass .gl-head span{color:#0071e3} .cu-glass .gl-head em{background:rgba(255,255,255,.72);color:#1d1d1f} .cu-glass .gl-note{color:#3f3f45} /* ---------- 通用浅色块/圆图/图层卡 ---------- */ .cu-sc4 .scr{background:#f5f5f7} .cu-dg{border-color:rgba(0,113,227,.26);background:linear-gradient(135deg,rgba(255,255,255,.85),#eef4fc,#ddeafa)} .cu-dg .r1,.cu-dg .r2{border-color:rgba(0,113,227,.2)} .cu-dg .core{background:linear-gradient(135deg,#0071e3,#0a84ff);box-shadow:0 20px 35px -12px rgba(0,113,227,.45)} .cu-ico.brand{background:linear-gradient(135deg,#0a84ff,#0071e3);color:#fff} .cu-layer .b1{background:linear-gradient(135deg,#0071e3,#0a84ff)} .cu-layer .b2{background:#f5f7fa;color:#1d1d1f} .cu-layer .b2 p{color:#0071e3} .cu-ph,.cu-long,.cu-phc{box-shadow:0 26px 55px -30px rgba(0,0,0,.16)} .cu-ph .scr,.cu-long .scr,.cu-phc .scr{background:var(--hair)} /* ---------- go-* Web 案例区（gov-platform）对齐浅色 ---------- */ .go-sec.dark{background:#f5f5f7;color:#1d1d1f} .go-sec.tint{background:#f5f7fa} .go-sec.soft{background:#f7f8fa} .go-sec.dark .go-eyebrow{color:#0071e3;opacity:.9} .go-sec.dark .go-title{color:#1d1d1f} .go-sec.dark .go-lede{color:#56565d} .go-sec.dark .go-watermark{color:#e5e8ee} .go-sec.dark .go-tag{background:#fff;color:#0071e3;border-color:rgba(0,0,0,.06)} .go-sec.dark .go-glow{opacity:.3;filter:blur(96px)} .go-title,.go-prob-title,.go-float b,.go-res-card b,.go-mitem b{color:#1d1d1f} .go-lede,.go-float p,.go-prob p,.go-res-card p,.go-card3 p,.go-shot figcaption .c{color:#56565d} .go-eyebrow.red{color:#ff3b30} .go-watermark{color:#e9ebef} .go-card3{background:#f5f7fa;border-color:rgba(0,0,0,.04)} .go-card3 .n{color:rgba(0,113,227,.3)} .go-mitem .ix{color:rgba(0,113,227,.4)} .go-prob .dot{background:linear-gradient(135deg,#0a84ff,#0071e3)} .go-target .core{background:linear-gradient(135deg,#0a84ff,#0062cc);box-shadow:0 20px 60px -14px rgba(0,113,227,.4)} .go-shot{border-color:rgba(0,0,0,.06);box-shadow:0 16px 40px -22px rgba(0,0,0,.18)} .go-shot .ph{background:#f2f4f7} .go-shot .badge{background:rgba(0,113,227,.92)} .go-whitesmoke{background:#fafbfc;border-color:rgba(0,0,0,.05)} .go-foot{border-top-color:rgba(0,0,0,.07)} .go-hero-viz .frame{border-color:rgba(0,0,0,.06);box-shadow:0 40px 80px -30px rgba(0,0,0,.18)} /* ---------- ef-* 智慧农业 ERP 区（agri-erp）绿 → 苹果蓝 ---------- */ .cu-root .ef-label, .cu-root .ef-bigtitle .sub{color:#0071e3} .cu-root .ef-bigtitle{color:#1d1d1f} .cu-root .ef-pill{background:#1d1d1f} .cu-root .ef-pill .q{color:#0a84ff} .cu-root .ef-pc,.cu-root .ef-roll{box-shadow:0 24px 60px -32px rgba(0,0,0,.22)} .cu-root .ef-roll .scr{background:#f5f5f7} .cu-root .ef-pc .cap .dot, .cu-root .ef-roll .cap .dot, .cu-root .ef-video .cap .dot{background:#0071e3} .cu-root .ef-ghost-num{color:rgba(0,0,0,.05)} .cu-root .ef-m .ix,.cu-root .ef-line .ix{color:rgba(0,113,227,.35)} .cu-root .ef-ai-card b,.cu-root .ef-n9 b,.cu-root .ef-pc .cap,.cu-root .ef-roll .cap,.cu-root .ef-video .cap{color:#1d1d1f} .cu-root .ef-m b,.cu-root .ef-line b{color:#1d1d1f} /* ---------- 图片加载占位（减少白闪/跳动） ---------- */ .cu-ph,.cu-long,.cu-phc,.cu-sc4 figure,.cu-tilt .scr-i{background-color:var(--hair)} .cu-ph .scr img,.cu-long .scr img,.cu-phc .scr img,.cu-sc4 .scr img{background-color:var(--hair)} /* ============================================================ JO 首页浅色体系 · 强化覆盖（追加层 2，勿删）清除覆盖层遗漏的绿引号/绿星号/蓝灰文本残留，全部对齐 #fff / #f5f5f7 / #1d1d1f / #6e6e73 / #0071e3 ============================================================ */ .cu-root .cu-st-h .star{color:#0071e3} .cu-root .cu-quote .qt .q{color:#0071e3} .cu-root .cu-ico.def h5 .q, .cu-root .cu-ico.amber h5 .q{color:#0071e3} .cu-root .cu-ico.amber{background:#fff7e0;border:1px solid #ffe1a8} .cu-root .cu-ico.amber p{color:#56565d} .cu-root .cu-ico.dark p{color:rgba(255,255,255,.78)} .cu-root .cu-tilt figcaption{color:#1d1d1f} .cu-root .cu-tilt .scr-i{background:#f5f5f7} .cu-root .cu-ghost{color:rgba(0,0,0,.04)} .cu-root .cu-st-num{color:rgba(0,0,0,.05)} .cu-root .go-tag{color:#0071e3;border-color:rgba(0,113,227,.18);background:#f7fbff} .cu-root .go-shot figcaption .t, .cu-root .go-narrow .h span{color:#0071e3} .cu-root .go-shot figcaption{border-top-color:#eef0f3} .cu-root .go-shot .ph{background:#f2f4f7} .cu-root .go-float{border-color:rgba(0,0,0,.05)} .cu-root .go-card3 .n{color:rgba(0,113,227,.22)} .cu-root .go-watermark{color:#eceef2;opacity:.6} .cu-root .cu-scroll-hint span{background:rgba(255,255,255,.92);box-shadow:0 1px 3px rgba(0,0,0,.06)} .cu-root .cu-card h4{color:#0071e3} .cu-root .cu-jny .no{background:#0071e3} .cu-root .cu-banner .ovl{background:linear-gradient(90deg,rgba(10,12,16,.55),transparent 70%)} .cu-root .cu-long .chip{background:rgba(0,113,227,.9)} .cu-root .cu-long .fade{background:linear-gradient(to top,rgba(0,0,0,.08),transparent)} .cu-root .cu-glass.bg-blue, .cu-root .cu-glass.bg-blue2{background:linear-gradient(160deg,#f2f6fc 0%,#dfeaf9 55%,#c6dcf9 100%)}