/* 延伸阅读：公众号「82原则来临」文章卡片（MINAS design system：方角、细线） */
.services-lead{margin:12px 0 0;font-size:15px;line-height:1.7;color:#52525b;max-width:440px}
.services-lead b{font-weight:500;color:#09090b}
.art-link{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:#09090b;text-decoration:none;border-bottom:1px solid #09090b;line-height:1.5}
.services-lead .art-link{margin-left:6px}
.art-link span{background:#b6ff35;padding:0 4px;line-height:1.3}
.art-link:hover{border-bottom-color:#ff7100}
#about .art-link{margin-top:8px;font-size:13px}

.reading{margin-top:44px}
.reading-h{margin-bottom:16px}
.reading-h p{display:flex;align-items:center;gap:10px;font:500 11px/1.2 "Cascadia Mono","JetBrains Mono",Consolas,monospace;letter-spacing:.16em;color:#09090b;margin:0 0 12px}
.reading-h p:before{content:"";width:7px;height:7px;background:#ff7100}
.reading-h p:after{content:"";width:56px;height:1px;background:#d4d4d8}
.reading-h p span{color:#80808a;font-weight:400}
.reading-h h4{margin:0;font-size:clamp(20px,1.9vw,26px);font-weight:400;letter-spacing:-.04em;color:#09090b}
.reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.read-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4e4e7;padding:20px 22px 18px;text-decoration:none;color:#18181b;transition:border-color .2s}
.read-card:hover{border-color:#09090b}
.read-card:focus-visible{outline:2px solid #09090b;outline-offset:3px}
.read-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.read-src{font:500 10px/1.4 "Cascadia Mono",Consolas,"Microsoft YaHei UI",monospace;letter-spacing:.12em;color:#80808a}
.read-dim{display:inline-flex;align-items:center;gap:6px;background:#09090b;color:#fff;font:500 11px/1 "Cascadia Mono",Consolas,"Microsoft YaHei UI",monospace;padding:5px 8px;white-space:nowrap}
.read-dim:before{content:"";width:5px;height:5px;background:#ff7100}
.read-card h5{margin:14px 0 8px;font-size:18px;line-height:1.5;font-weight:500;color:#09090b}
.read-card p{margin:0 0 16px;font-size:14px;line-height:1.75;color:#52525b}
.read-go{margin-top:auto;padding-top:12px;border-top:1px solid #e4e4e7;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#09090b}
.read-arrow{background:#b6ff35;padding:0 7px;box-shadow:inset 0 0 0 1px #09090b;transition:transform .3s}
.read-card:hover .read-arrow{transform:translate(2px,-2px)}
.read-card.is-pending .read-arrow{background:#fff}
@media(max-width:760px){.reading-grid{grid-template-columns:1fr}.services-lead{max-width:none}}
@media(prefers-reduced-motion:reduce){.read-card,.read-arrow{transition:none}}

/* 业务概览：业务名作标题；速度/高度/深度/广度落在 AI 浓度矩阵里 */
.services-overview .lvl-stage.lvl-biz{font-size:clamp(34px,5.6svh,56px)!important;line-height:1.15;letter-spacing:.01em;margin-top:12px}
.services-head .scale b{white-space:normal}
.mx-cap b{font-family:MinasPixel,sans-serif;font-weight:400;letter-spacing:.06em;color:#09090b;background:#b6ff35;padding:1px 6px}
.mx-box{position:relative;container-type:inline-size}
.dim-map{position:absolute;inset:0;z-index:3;pointer-events:none}
.dim-tag{position:absolute;box-sizing:border-box;left:calc(var(--c) / 14 * 100%);top:calc(var(--r) / 14 * 100%);width:calc(var(--w) / 14 * 100% - 3px);height:calc(2 / 14 * 100% - 3px);display:grid;place-items:center;font-family:MinasPixel,sans-serif;font-size:max(11px,5.4cqw);letter-spacing:.06em;line-height:1;color:#a1a1aa;background:rgba(255,255,255,.88);border:1px dashed #a1a1aa;transition:background .45s ease,color .45s ease,border-color .45s ease}
/* 已到达：黑底绿字；当前：荧光绿底 */
.mx-box[data-lvl="0"] .t-speed,
.mx-box[data-lvl="1"] .t-alt,.mx-box[data-lvl="1"] .t-depth,
.mx-box[data-lvl="2"] .t-breadth{background:#b6ff35;color:#09090b;border:1px solid #09090b}
.mx-box[data-lvl="1"] .t-speed,
.mx-box[data-lvl="2"] .t-speed,.mx-box[data-lvl="2"] .t-alt,.mx-box[data-lvl="2"] .t-depth{background:#09090b;color:#b6ff35;border:1px solid #09090b}
@media (prefers-reduced-motion:reduce){.dim-tag{transition:none}}
.mx-cap{gap:8px}
@media (max-width:640px){
  .services-overview .lvl-stage.lvl-biz{font-size:30px!important;margin-top:8px}
  .services-head .sc-d{display:none}
  .services-head .scale b{font-size:15px;line-height:1.3}
}
@media (min-width:641px){.scale{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.32fr)!important}.services-head .scale b{font-size:17px;white-space:nowrap}}
@media (min-width:641px) and (max-width:1100px){.services-head .scale b{font-size:15px}.services-head .sc-d{font-size:11px}}

/* v5：保持原排版；业务名改正文字体，去掉说明与标签；表头加紧凑的“阅读全文” */
.services-overview .lvl-stage.lvl-biz{font-family:"Segoe UI Variable Display","Segoe UI","PingFang SC","Microsoft YaHei UI",sans-serif!important;font-weight:400;letter-spacing:-.045em;font-size:clamp(36px,4.2vw,60px)!important;line-height:1.2;margin-top:14px}
.services-overview .copy .btn{margin-top:28px!important}
.services-lead{margin-top:8px}
.svc-cta{display:flex;align-items:center;gap:14px;margin-top:14px}
.svc-report-btn{display:inline-flex;align-items:center;gap:14px;height:44px;padding:0 20px;background:#09090b;color:#fff;text-decoration:none;font-size:15px;letter-spacing:.02em;transition:background .2s;flex:none}
.svc-report-btn span{color:#b6ff35;transition:transform .3s}
.svc-report-btn:hover{background:#27272a}
.svc-report-btn:hover span{transform:translate(2px,-2px)}
.svc-cta-note{font:500 11px/1.6 "Cascadia Mono","JetBrains Mono",Consolas,"Microsoft YaHei UI",monospace;letter-spacing:.06em;color:#80808a}
.services-overview .mx-wrap{width:min(100%,calc(100svh - 320px),440px)}
@media (max-width:640px){.services-overview .lvl-stage.lvl-biz{font-size:30px!important}.svc-cta{margin-top:12px}}

/* v6：文章导读（左）+ 动效（右：业务切换 / 浓度矩阵 / 当前业务） */
.services-overview{height:auto!important;max-height:none!important;min-height:0!important;padding:28px 0 12px!important;gap:24px!important}
.services-overview .story,.services-overview .stage{height:auto!important}
.services-overview .stage-in.svc-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr)!important;gap:clamp(40px,6vw,96px)!important;align-items:start!important}
.svc-article .svc-h{margin:0;font-size:clamp(32px,3.3vw,50px);line-height:1.25;font-weight:400;letter-spacing:-.045em;color:#09090b}
.svc-article .svc-report-meta{margin-top:16px}
.svc-article p{margin:18px 0 0;max-width:560px;font-size:16px;line-height:1.85;color:#3f3f46}
.svc-dims{list-style:none;margin:18px 0 0;padding:0;max-width:560px;border-top:1px solid #09090b}
.svc-dims li{display:grid;grid-template-columns:64px 1fr;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid #e4e4e7}
.svc-dims b{font-family:MinasPixel,sans-serif;font-weight:400;font-size:18px;letter-spacing:.06em;color:#09090b}
.svc-dims span{font-size:15px;color:#3f3f46}
.svc-article .svc-cta{margin-top:26px}
.svc-article .svc-report-btn{height:50px;padding:0 24px;font-size:16px}
.svc-visual{display:flex;flex-direction:column;gap:20px;min-width:0}
.services-tabs .scale{width:100%;max-width:none;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.services-tabs .sc-tab{padding:10px 12px!important}
.services-tabs .scale b{font-size:16px!important;white-space:normal!important}
.svc-visual .mx-wrap{width:min(100%,460px)!important;justify-self:auto;align-self:center}
.svc-visual .copy{display:block!important;min-height:0}
.svc-visual .copy [data-if]>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:20px;border-top:1px solid #09090b;padding-top:14px}
.svc-visual .copy .lvl-meta{grid-column:1}
.svc-visual .copy .lvl-stage.lvl-biz{grid-column:1;font-size:clamp(24px,2.2vw,32px)!important;margin-top:4px!important;line-height:1.25}
.svc-visual .copy .btn{grid-column:2;grid-row:1/3;margin-top:0!important;height:44px!important;font-size:14px!important;white-space:nowrap}
@media (max-width:960px){.services-overview .stage-in.svc-grid{grid-template-columns:1fr!important}}
@media (max-width:640px){
  .svc-article .svc-h{font-size:28px}
  .svc-dims li{grid-template-columns:52px 1fr}
  .svc-visual .copy [data-if]>div{grid-template-columns:1fr}
  .svc-visual .copy .btn{grid-column:1;grid-row:auto;margin-top:12px!important;justify-self:start}
  .services-tabs .scale b{font-size:14px!important}
}
.services-head.services-tabs{display:block!important}
.svc-report-meta{display:flex;align-items:center;gap:8px;font:500 11px/1.4 "Cascadia Mono","JetBrains Mono",Consolas,"Microsoft YaHei UI",monospace;letter-spacing:.12em;color:#80808a}
.svc-report-meta:before{content:"";width:7px;height:7px;background:#ff7100;flex:none}
.svc-visual .mx-wrap{width:min(100%,420px,calc(100svh - 400px))!important;min-width:min(100%,320px)}
@media (min-width:641px){.services-tabs .scale{grid-template-columns:minmax(0,.92fr) minmax(0,.92fr) minmax(0,1.16fr)!important}.services-tabs .scale b{white-space:nowrap!important}}
@media (min-width:641px) and (max-width:1200px){.services-tabs .scale b{font-size:14px!important}.services-tabs .sc-d{font-size:11px}}
@media (min-width:641px) and (max-width:1200px){.services-tabs .scale b{white-space:normal!important}.services-tabs .sc-tab{padding:10px 8px!important}}

/* v7：业务切换只留业务名 */
.services-tabs .sc-n,.services-tabs .sc-d{display:none!important}
.services-tabs .sc-tab{padding:14px 12px!important;align-items:center}
.services-tabs .pix{grid-row:auto!important}

/* v7：广度 = 日出。其余三个维度淡出，橙色带从底部升到中间，再展开 */
.dim-tag{transition:background .45s ease,color .45s ease,border-color .45s ease,opacity .5s ease}
.mx-box[data-lvl="2"] .t-speed,.mx-box[data-lvl="2"] .t-alt,.mx-box[data-lvl="2"] .t-depth{opacity:0}
.mx-box[data-lvl="2"] .t-breadth{background:#ff7100;color:#fff;border:1px solid #ff7100;animation:mx-sunrise 1.8s cubic-bezier(.22,.8,.22,1) .15s both;z-index:2}
@keyframes mx-sunrise{
  0%{top:calc(12 / 14 * 100%);height:calc(2 / 14 * 100% - 3px);font-size:max(11px,5.4cqw);box-shadow:0 0 0 0 rgba(255,113,0,0)}
  55%{top:calc(6 / 14 * 100%);height:calc(2 / 14 * 100% - 3px);font-size:max(11px,5.4cqw);box-shadow:0 0 30px 6px rgba(255,113,0,.25)}
  100%{top:calc(3 / 14 * 100%);height:calc(8 / 14 * 100% - 3px);font-size:max(16px,11cqw);box-shadow:0 0 60px 14px rgba(255,113,0,.32)}
}
.mx-box[data-lvl="2"] ~ * {}
.mx-wrap:has(.mx-box[data-lvl="2"]) .mx-cap b{background:#ff7100;color:#fff}
@media (prefers-reduced-motion:reduce){
  .mx-box[data-lvl="2"] .t-breadth{animation:none;top:calc(3 / 14 * 100%);height:calc(8 / 14 * 100% - 3px);font-size:max(16px,11cqw)}
}
.mx-box[data-lvl="2"] .t-breadth{background:linear-gradient(to top,#ff7100 0%,#ff8a1f 55%,#ffb04d 100%);border-color:#ff7100;text-shadow:0 1px 0 rgba(150,60,0,.25)}
.svc-article p.svc-lead{margin-top:20px;font-size:clamp(18px,1.45vw,21px);line-height:1.65;color:#09090b;letter-spacing:-.01em}
/* v9：矩阵下方 = 业务承诺 + 证据，不再重复业务名 */
.svc-visual .copy .lvl-stage.lvl-promise{font-size:clamp(22px,1.9vw,28px)!important;letter-spacing:-.03em}
.svc-visual .copy .lvl-proof{grid-column:1;margin-top:6px;display:flex;align-items:center;gap:8px;font:500 12px/1.5 "Cascadia Mono","JetBrains Mono",Consolas,"Microsoft YaHei UI",monospace;letter-spacing:.04em;color:#52525b}
.svc-visual .copy .lvl-proof:before{content:"";width:6px;height:6px;background:#b6ff35;box-shadow:0 0 0 1px #09090b;flex:none}
.svc-visual .copy .btn{grid-row:1/4!important}
@media (max-width:640px){.svc-visual .copy .btn{grid-row:auto!important;grid-column:1!important;margin-top:14px!important}}

/* 授课实践弹窗：固定高度，右侧正文独立滚动 */
.case-modal{width:min(1040px,100%)!important;height:min(680px,calc(100vh - 40px));max-height:none!important;overflow:hidden!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
.case-modal .cm-gal{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.case-modal .cm-body{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:44px 36px 32px!important;scrollbar-width:thin;scrollbar-color:#d4d4d8 transparent}
.case-modal .cm-body::-webkit-scrollbar{width:6px}.case-modal .cm-body::-webkit-scrollbar-thumb{background:#d4d4d8}
.cm-lead{margin:18px 0 0;font-size:17px;line-height:1.8;color:#18181b}
.cm-h{display:flex;align-items:center;gap:10px;margin:26px 0 0;font:500 11px/1.2 "Cascadia Mono","JetBrains Mono",Consolas,"Microsoft YaHei UI",monospace;letter-spacing:.14em;color:#09090b}
.cm-h:before{content:"";width:7px;height:7px;background:#ff7100;flex:none}
.cm-h:after{content:"";flex:1;height:1px;background:#e4e4e7}
.cm-p{margin:10px 0 0;font-size:15px;line-height:1.85;color:#3f3f46}
.cm-list{list-style:none;margin:10px 0 0;padding:0}
.cm-list li{position:relative;padding:8px 0 8px 18px;border-bottom:1px solid #f4f4f5;font-size:15px;line-height:1.7;color:#3f3f46}
.cm-list li:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:#b6ff35;box-shadow:0 0 0 1px #09090b}
.cm-note{margin:20px 0 0;font-size:13px;line-height:1.7;color:#71717a}
.cm-actions{margin-top:26px;display:flex;flex-wrap:wrap;gap:10px}
.cm-link{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 20px;border:1px solid #09090b;color:#09090b;text-decoration:none;font-size:15px;background:#fff}
.cm-link span{background:#b6ff35;padding:0 5px}
.cm-link:hover{background:#f4f4f5}
.cm-cta{display:inline-flex;align-items:center;gap:14px;height:52px;padding:0 22px;background:#09090b;color:#fff;text-decoration:none;font-size:16px}
.cm-cta span{color:#b6ff35}
@media (max-width:760px){
  .case-modal{height:calc(100vh - 24px);grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr);overflow:hidden!important}
  .case-modal .cm-gal{max-height:34vh}
  .case-modal .cm-body{padding:22px 20px 24px!important}
}

/* 广度 v3：日出光晕。光牌从底部升起收拢到中央（6×2 格），光从中心一圈圈散开：橙 → 琥珀 → 暖白，越外越淡 */
.cell{--g:clamp(0,calc(1.25 - var(--d,.5) * 1.5),1)}
.cell{transition:background-color .6s ease}
.cell::after{transition:opacity .45s ease calc(max(var(--t),0) * 900ms),transform .55s cubic-bezier(.3,1.6,.5,1) calc(max(var(--t),0) * 900ms),background-color .5s ease}
.mx-box[data-lvl="2"] .cell{background:#fffaf4;transition:background-color .8s ease calc(1s + var(--d,.5) * 1.3s)}
.mx-box[data-lvl="2"] .cell::after{opacity:clamp(.12,calc(.12 + var(--g)),1);transform:scale(clamp(.5,calc(.5 + var(--g) * .6),1));background-color:rgb(255 calc(217 - var(--g) * 125) calc(168 - var(--g) * 168));transition:opacity .9s ease calc(1s + var(--d,.5) * 1.3s),transform 1s cubic-bezier(.2,.9,.25,1) calc(1s + var(--d,.5) * 1.3s),background-color .9s ease calc(1s + var(--d,.5) * 1.3s)}
.mx-box[data-lvl="2"] .cell.ink::before,.mx-box[data-lvl="2"] .cell.hot::before{opacity:0!important;transform:scale(.3)!important;transition:opacity .4s ease,transform .4s ease}
/* 矩阵背后的柔光：透过格子间隙发亮，并缓慢呼吸 */
.mx-box:before{content:"";position:absolute;inset:-18%;z-index:0;pointer-events:none;background:radial-gradient(closest-side,rgba(255,110,0,.55),rgba(255,150,40,.22) 45%,rgba(255,190,90,.08) 72%,rgba(255,190,90,0) 100%);opacity:0;transform:scale(.3);transition:opacity .5s ease,transform .5s ease}
.mx-box[data-lvl="2"]:before{opacity:1;transform:scale(1);transition:opacity 1.4s ease .9s,transform 2.4s cubic-bezier(.2,.8,.2,1) .9s;animation:mx-breathe 5s ease-in-out 3.4s infinite}
@keyframes mx-breathe{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.06);opacity:.82}}
.mx-box .mx{position:relative;z-index:1}
/* 散开的光圈 */
.dim-map::before,.dim-map::after{content:"";position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;margin:-20% 0 0 -20%;border-radius:50%;border:2px solid rgba(255,113,0,.7);box-shadow:0 0 18px rgba(255,113,0,.45),inset 0 0 18px rgba(255,113,0,.3);opacity:0;pointer-events:none;transform:scale(.2)}
.mx-box[data-lvl="2"] .dim-map::before{animation:mx-ring 2.2s cubic-bezier(.15,.7,.3,1) 1.2s both}
.mx-box[data-lvl="2"] .dim-map::after{animation:mx-ring 2.4s cubic-bezier(.15,.7,.3,1) 1.75s both}
@keyframes mx-ring{0%{opacity:0;transform:scale(.25)}15%{opacity:.9}100%{opacity:0;transform:scale(2.9)}}
/* 光牌 */
.mx-box[data-lvl="2"] .t-breadth{z-index:2;animation:mx-sunrise3 1.9s cubic-bezier(.22,.8,.22,1) .1s both;top:calc(6 / 14 * 100%);left:calc(4 / 14 * 100%);width:calc(6 / 14 * 100% - 3px);height:calc(2 / 14 * 100% - 3px);font-size:max(13px,5.4cqw);background:radial-gradient(130% 160% at 50% 110%,#ff4d00 0%,#ff6f00 42%,#ff9a2e 78%,#ffb55c 100%);border:0;color:#fff;letter-spacing:.42em;text-indent:.42em;text-shadow:0 0 10px rgba(255,255,255,.7),0 0 2px rgba(255,255,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 14px rgba(190,50,0,.35),0 0 22px 6px rgba(255,100,0,.5),0 0 70px 26px rgba(255,140,30,.32)}
@keyframes mx-sunrise3{
  0%  {top:calc(13 / 14 * 100%);left:0;width:calc(100% - 3px);height:calc(1 / 14 * 100% - 3px);opacity:.35;color:rgba(255,255,255,0);box-shadow:0 0 0 0 rgba(255,100,0,0)}
  50% {top:calc(6.5 / 14 * 100%);left:calc(1 / 14 * 100%);width:calc(12 / 14 * 100% - 3px);height:calc(1 / 14 * 100% - 3px);opacity:1;color:rgba(255,255,255,0);box-shadow:0 0 18px 4px rgba(255,100,0,.4)}
  100%{top:calc(6 / 14 * 100%);left:calc(4 / 14 * 100%);width:calc(6 / 14 * 100% - 3px);height:calc(2 / 14 * 100% - 3px);opacity:1;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 14px rgba(190,50,0,.35),0 0 22px 6px rgba(255,100,0,.5),0 0 70px 26px rgba(255,140,30,.32)}
}
@media (prefers-reduced-motion:reduce){
  .mx-box[data-lvl="2"] .t-breadth,.mx-box[data-lvl="2"]:before,.mx-box[data-lvl="2"] .dim-map::before,.mx-box[data-lvl="2"] .dim-map::after{animation:none}
  .mx-box[data-lvl="2"] .cell,.mx-box[data-lvl="2"] .cell::after,.mx-box:before{transition:none}
}

/* 广度光晕会超出矩阵边缘：在区块层裁掉横向溢出，避免手机页面被撑宽 */
#services{overflow-x:clip}