:root{color-scheme:light}
html{scroll-behavior:auto;background:#f7f8fa}
body.fanke-embed-page{box-sizing:border-box;width:100%;min-height:0;margin:0;padding:0;overflow-x:hidden;font-family:Inter,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
body.fanke-embed-page .mdc-shell-header{display:none!important}
body.fanke-embed-page .fog-wiz-container,
body.fanke-embed-page .fog-wiz-container--wide{width:min(1460px,calc(100% - 32px));max-width:1460px}
body.fanke-embed-page .fog-wiz-context-chip,
body.fanke-embed-page .fog-wiz-context-chip span,
body.fanke-embed-page .fog-wiz-context-chip svg,
body.fanke-embed-page .fog-wiz-context-chip path{color:#fff!important;fill:currentColor}
body.fanke-embed-page .tco-next-inner{width:min(1460px,calc(100% - 32px));max-width:1460px}
body.fanke-embed-page #fog-next-step:not([hidden]){display:block!important}
body.fanke-embed-page .tco-next-secondary{display:none!important}
body.fanke-embed-page:not(.model-page){font-size:15px}
body.fanke-embed-page:not(.model-page) .fog-wiz-h1{font-size:34px!important;line-height:1.25!important;margin-bottom:12px!important}
body.fanke-embed-page:not(.model-page) .fog-wiz-lead{max-width:64rem!important;font-size:17px!important;line-height:1.7!important;margin-bottom:28px!important}
body.fanke-embed-page:not(.model-page) .fog-wiz-h2{font-size:24px;line-height:1.4;margin-bottom:22px}
body.fanke-embed-page:not(.model-page) .fog-wiz-progress{margin-bottom:42px}
body.fanke-embed-page:not(.model-page) .fog-wiz-progress-dot{width:34px;height:34px;font-size:14px}
body.fanke-embed-page:not(.model-page) .fog-wiz-role-primary{margin-bottom:28px}
body.fanke-embed-page:not(.model-page) .fog-wiz-role-card{padding:24px;font-size:16px;min-height:138px}
body.fanke-embed-page:not(.model-page) .fog-wiz-role-card--primary{padding:30px 34px;min-height:150px}
body.fanke-embed-page:not(.model-page) .fog-wiz-role-body .fog-wiz-role-title,
body.fanke-embed-page:not(.model-page) .fog-wiz-role-title{font-size:18px;line-height:1.45}
body.fanke-embed-page:not(.model-page) .fog-wiz-role-desc{font-size:15px;line-height:1.6}
body.fanke-embed-page:not(.model-page) .fog-wiz-role-cta{font-size:16px;padding:11px 20px}
.model-backbar{position:sticky;top:0;z-index:60;width:100%;padding:12px 18px;border-bottom:1px solid rgba(15,23,42,.1);background:rgba(247,248,250,.96);backdrop-filter:blur(8px)}
.model-backbtn{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border:1px solid #111827;border-radius:7px;color:#fff;background:#111827;font:inherit;font-size:15px;font-weight:700;cursor:pointer}
.model-backbtn:hover{background:#334155}
.mobile-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.mobile-table-scroll>table{margin:0}
.mobile-table-hint,.mobile-chart-modal{display:none}
body.fanke-embed-page img{max-width:100%;height:auto;object-fit:contain}
body.fanke-embed-page svg,body.fanke-embed-page canvas{max-width:100%}
@media(max-width:720px){
  body.fanke-embed-page{font-size:14px}
  body.fanke-embed-page .fog-wiz-container,
  body.fanke-embed-page .fog-wiz-container--wide,
  body.fanke-embed-page .tco-next-inner{width:calc(100% - 18px);max-width:100%}
  body.fanke-embed-page *,body.fanke-embed-page *::before,body.fanke-embed-page *::after{min-width:0}
  body.fanke-embed-page h1,body.fanke-embed-page h2,body.fanke-embed-page h3,
  body.fanke-embed-page h4,body.fanke-embed-page h5,body.fanke-embed-page h6,
  body.fanke-embed-page button,body.fanke-embed-page a,body.fanke-embed-page label{
    word-break:keep-all;overflow-wrap:normal
  }
  body.fanke-embed-page p{word-break:normal;overflow-wrap:break-word}
  body.fanke-embed-page:not(.model-page) .fog-wiz-h1{font-size:26px!important}
  body.fanke-embed-page:not(.model-page) .fog-wiz-lead{font-size:15px!important;line-height:1.65!important}
  body.fanke-embed-page .fog-wiz-role-grid,
  body.fanke-embed-page .fog-wiz-device-grid,
  body.fanke-embed-page .fog-wiz-loc-grid,
  body.fanke-embed-page .fog-wiz-role-soon-grid,
  body.fanke-embed-page .fog-wiz-gpu-grid,
  body.fanke-embed-page .fog-wiz-kpi-grid,
  body.fanke-embed-page .fog-wiz-info-strip,
  body.fanke-embed-page .fog-wiz-slider-grid,
  body.fanke-embed-page .tco-summary-kpis,
  body.fanke-embed-page .tco-assump-grid,
  body.fanke-embed-page .tco-phases{grid-template-columns:minmax(0,1fr)!important}
  body.fanke-embed-page .fog-wiz-role-primary{margin-bottom:12px!important}
  body.fanke-embed-page .fog-wiz-role-card--primary{
    display:block;width:100%;height:auto;min-height:138px!important;padding:20px 16px!important
  }
  body.fanke-embed-page .fog-wiz-role-card--primary .fog-wiz-role-icon-lg{
    margin:0 0 10px;font-size:28px;line-height:1
  }
  body.fanke-embed-page .fog-wiz-role-card--primary .fog-wiz-role-body{display:block;width:100%}
  body.fanke-embed-page .fog-wiz-role-card--primary .fog-wiz-role-title{
    font-size:18px!important;line-height:1.45!important;white-space:normal;word-break:keep-all
  }
  body.fanke-embed-page .fog-wiz-role-card--primary .fog-wiz-role-desc,
  body.fanke-embed-page .fog-wiz-role-card--primary .fog-wiz-role-cta{display:none!important}
  body.fanke-embed-page .fog-wiz-chart-grid.fog-wiz-chart-grid--2col{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:14px!important
  }
  body.fanke-embed-page .fog-wiz-chart-panel,
  body.fanke-embed-page .fog-wiz-chart-card{width:100%;height:auto!important;min-height:0!important;padding:12px 8px;overflow:hidden}
  body.fanke-embed-page .fog-wiz-chart,
  body.fanke-embed-page .fog-wiz-chart--wide,
  body.fanke-embed-page .fog-wiz-chart-card .fog-wiz-chart{
    width:100%!important;max-width:100%!important;min-height:220px;height:220px;max-height:260px;aspect-ratio:auto
  }
  body.fanke-embed-page .tco-chart-svg{display:block;width:100%!important;height:100%!important;max-width:100%}
  body.fanke-embed-page [data-mobile-zoom]{position:relative;cursor:zoom-in;padding-top:42px!important}
  body.fanke-embed-page [data-mobile-zoom]::before{
    content:'点击放大图表';position:absolute;top:10px;right:10px;z-index:2;
    padding:6px 10px;border-radius:5px;background:#111827;color:#fff;
    font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap
  }
  body.fanke-embed-page .mobile-table-hint{
    display:block;margin:8px 0 5px;padding:5px 8px;border-radius:5px;
    background:#eef2f7;color:#475569;font-size:13px;font-weight:600;text-align:center;
    white-space:nowrap
  }
  body.fanke-embed-page .mobile-table-scroll{
    display:block!important;width:100%!important;max-width:calc(100vw - 18px)!important;min-width:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y!important;
    overscroll-behavior-x:contain;overscroll-behavior-y:auto;
    border:1px solid #d7dde5;border-radius:7px;scrollbar-width:thin
  }
  body.fanke-embed-page .mobile-table-scroll::-webkit-scrollbar{height:7px}
  body.fanke-embed-page .mobile-table-scroll::-webkit-scrollbar-track{background:#e5e7eb}
  body.fanke-embed-page .mobile-table-scroll::-webkit-scrollbar-thumb{background:#64748b;border-radius:99px}
  body.fanke-embed-page .fog-wiz-mirror-table{display:table;width:620px;max-width:none;min-width:620px;overflow:visible}
  body.fanke-embed-page .mobile-table-scroll>table{
    width:620px!important;min-width:620px!important;table-layout:fixed!important;font-size:11px!important
  }
  body.fanke-embed-page .mobile-table-scroll th,
  body.fanke-embed-page .mobile-table-scroll td{
    min-width:90px;padding:6px 7px!important;white-space:normal;word-break:normal;overflow-wrap:normal
  }
  body.fanke-embed-page .mobile-table-scroll th:first-child,
  body.fanke-embed-page .mobile-table-scroll td:first-child{
    position:static!important;left:auto!important;z-index:auto!important;
    width:210px!important;min-width:210px!important;max-width:210px!important
  }
  body.fanke-embed-page .fog-wiz-tab-panel{padding:5px 0!important}
  body.fanke-embed-page .fog-wiz-table-panel{margin-bottom:10px!important}
  body.fanke-embed-page .tco-next{padding:24px 9px}
  body.fanke-embed-page .tco-next-card{display:block;width:100%;min-width:0}
  body.fanke-embed-page.mobile-chart-open{overflow:hidden!important}
  body.fanke-embed-page .mobile-chart-modal{
    display:flex;position:fixed;inset:0;z-index:99999;flex-direction:column;
    width:100vw;height:100dvh;background:#111827;color:#111827
  }
  body.fanke-embed-page .mobile-chart-top{
    display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 8px;
    border-bottom:1px solid #d7dde5;background:#fff
  }
  body.fanke-embed-page .mobile-chart-top strong{font-size:14px;white-space:nowrap}
  body.fanke-embed-page .mobile-chart-zoom{display:flex;align-items:center;justify-content:center;gap:4px;flex:1}
  body.fanke-embed-page .mobile-chart-zoom button{
    min-width:35px;height:34px;padding:0 7px!important;border:1px solid #cbd5e1!important;
    background:#f8fafc!important;color:#111827!important;font-size:15px!important
  }
  body.fanke-embed-page .mobile-chart-zoom [data-chart-zoom-label]{min-width:54px;font-size:12px!important}
  body.fanke-embed-page .mobile-chart-top button{
    padding:8px 10px;border:0;border-radius:5px;background:#111827;color:#fff;
    font:inherit;font-size:13px;font-weight:700;white-space:nowrap
  }
  body.fanke-embed-page .mobile-chart-stage{
    display:flex;align-items:flex-start;justify-content:flex-start;flex:1;min-height:0;
    width:100%;overflow:auto;padding:4px;touch-action:pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling:touch
  }
  body.fanke-embed-page .mobile-chart-clone{
    display:flex!important;flex-direction:column;justify-content:flex-start;
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;padding:4px!important;background:#fff
  }
  body.fanke-embed-page .mobile-chart-clone::before{display:none!important}
  body.fanke-embed-page .mobile-chart-clone .fog-wiz-chart{
    width:100%!important;max-width:100%!important;height:auto!important;
    min-height:0!important;max-height:none!important;aspect-ratio:800/280!important
  }
  body.fanke-embed-page .mobile-chart-clone .tco-chart-svg{
    width:100%!important;height:100%!important;max-width:100%!important
  }
  body.fanke-embed-page .mobile-chart-clone .tco-chart-svg text{font-size:19px!important}
  body.fanke-embed-page .mobile-chart-clone .tco-chart-grid,
  body.fanke-embed-page .mobile-chart-clone .tco-chart-zero{stroke-width:2!important}
  .model-backbar{padding:9px}
}