/*
 * AI 专题页内嵌的「运营分析看板」演示页样式（2026-10-17）
 * ------------------------------------------------------------------
 * 扒自官网 https://www.yjiyun.com/help/demos/operations-dashboard
 * 已去掉 Vue 的 [data-v-xxx] scoped 标记，选择器为全局。
 * 类名前缀全是 od-（operations dashboard），与站内其它样式不冲突。
 */
*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;min-width:1200px;overflow-x:auto}.container{margin:0 auto;max-width:1230px;padding:0 15px;width:100%}.product-preview{padding:0 0 80px;position:relative;z-index:10}.product-preview .container{margin:-80px auto 0;max-width:1200px;padding:0}.product-preview .preview-image{margin-top:-40px;text-align:center;width:100%}.product-preview .preview-image img{border-radius:8px;box-shadow:0 20px 40px #0000001a;height:auto;max-width:100%}.banner{background:linear-gradient(135deg,#f0f5ff,#e6f7ff);margin-top:70px;overflow:hidden}.banner .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;min-height:610px;padding-bottom:0;position:relative}.background-images{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.bg-image{height:auto;max-width:100%;position:absolute}.bg-1{bottom:0;left:-10%;opacity:.6}.bg-2{opacity:.4;right:-15%;top:0}.banner-content{flex:1;margin-top:10px;padding-right:50px;position:relative;z-index:2}.banner-content h1{font-size:48px;line-height:1.2;margin-bottom:20px}.banner-content p{color:#666;font-size:20px;margin-bottom:40px}.banner-image{align-items:center;display:flex;flex:1;height:610px;justify-content:center;margin-top:0;position:relative;z-index:2}.feature-image{display:block;height:610px;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.banner-actions{display:flex;gap:20px}.btn-primary,.btn-secondary{border-radius:24px;font-size:16px;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-primary:active{box-shadow:0 2px 8px #4080ff33}.btn-secondary{border:1px solid #4080ff;color:#4080ff}.btn-primary{background:#000;border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 15px #4080ff33;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #2e54ff;border-radius:24px;color:#2e54ff;display:inline-block;font-weight:500;padding:12px 32px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{background:#2e54ff1a;box-shadow:0 8px 16px #2e54ff33;transform:translateY(-2px)}.btn-secondary img{height:14px;margin-bottom:2px;margin-left:8px;margin-right:8px;vertical-align:middle;width:14px}@media (max-width:768px){body{min-width:100%}.container{max-width:100%;padding:0 20px}.banner{margin-bottom:0;margin-top:50px;padding:70px 15px}.banner .container{flex-direction:column;min-height:auto;padding:0}.banner-content{order:1;padding-right:0;text-align:center;width:100%}.banner-content h1{font-size:32px;margin-bottom:15px}.banner-content p{font-size:16px;margin-bottom:30px}.banner-image{height:auto;margin-top:30px;order:2;width:100%}.product-preview{margin:0 20px;padding:0;position:relative;z-index:1}.product-preview .container{margin:-20px auto 0;max-width:1200px;padding:0}.feature-image{height:auto;max-height:400px;-o-object-fit:contain;object-fit:contain;width:100%}.background-images{display:none}.banner-actions{display:none;justify-content:center}}
@font-face{font-family:iconfont;src:url(/help/css/font_1644680_d2rmeqvmwff/iconfont.woff2?t=1756982421208) format("woff2"),url(/help/css/font_1644680_d2rmeqvmwff/iconfont.woff?t=1756982421208) format("woff"),url(/help/css/font_1644680_d2rmeqvmwff/iconfont.ttf?t=1756982421208) format("truetype")}.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-biaoqing_xiao_o:before{content:""}.icon-zidingyi:before{content:""}.icon-bianliang:before{content:""}.icon-sucaiku-1:before{content:""}.icon-nicheng:before{content:""}.icon-bianliang1:before{content:""}.icon-favorfill:before{content:""}.icon-favor:before{content:""}.icon-commentfill:before{content:""}.icon-comment:before{content:""}.icon-shop:before{content:""}.icon-cascades:before{content:""}.icon-settings:before{content:""}.icon-shopfill:before{content:""}.icon-home:before{content:""}.icon-homefill:before{content:""}.icon-friendaddfill:before{content:""}.icon-friendadd:before{content:""}.icon-album:before{content:""}.icon-communityfill:before{content:""}.icon-community:before{content:""}.icon-my:before{content:""}.icon-myfill:before{content:""}.icon-yinliucelve:before{content:""}.icon-yinliucelve_tiandi:before{content:""}.icon-weimingming2:before{content:""}.icon-shipinhao:before{content:""}.icon-collect-menu:before{content:""}.icon-vip-auth:before{content:""}.icon-wxwork:before{content:""}.icon-new-module:before{content:""}.icon-robot-ability:before{content:""}.icon-workwx-ability:before{content:""}.icon-remove-collect-menu:before{content:""}.icon-stop:before{content:""}.icon-bofang:before{content:""}.icon-24gf-folder:before{content:""}.icon-chakan:before{content:""}.icon-jiaoji:before{content:""}.icon-dui:before{content:""}.icon-kehuxinxi:before{content:""}.icon-biaoqian1:before{content:""}.icon-xiaochengxu1:before{content:""}.icon-apple-fill:before{content:""}.icon-windows-fill:before{content:""}.icon-tag:before{content:""}.icon-lianjie:before{content:""}.icon-laba:before{content:""}.icon-shujukanban:before{content:""}.icon-bangding:before{content:""}.icon-shouji:before{content:""}.icon-icon_yingyongguanli:before{content:""}.icon-duanxinqunfa_o:before{content:""}.icon-waihu:before{content:""}.icon-yuandian1:before{content:""}.icon-yuandian:before{content:""}.icon-dian:before{content:""}.icon-wenjianjia1:before{content:""}.icon-shanchu:before{content:""}.icon-check_bg_black:before{content:""}.icon-tianjiashujufenxitianjiashujubiao:before{content:""}.icon-tianjiajihua1:before{content:""}.icon-tianjiajihua:before{content:""}.icon-xiansuojilu:before{content:""}.icon-wenhaotishi:before{content:""}.icon-xiaochengxu:before{content:""}.icon-yinliulianjie:before{content:""}.icon-waibuyinliulianjie:before{content:""}.icon-weibiaoti1:before{content:""}.icon-xiangshang1:before{content:""}.icon-xiangxia1:before{content:""}.icon-jiafen:before{content:""}.icon-icon--copy:before{content:""}.icon-kehuqunqunfa:before{content:""}.icon-mass:before{content:""}.icon-qunfa:before{content:""}.icon-qunliao:before{content:""}.icon-xingzhuang:before{content:""}.icon-biaoqian:before{content:""}.icon-xiaoxitixing:before{content:""}.icon-robot:before{content:""}.icon-app1:before{content:""}.icon-shoping:before{content:""}.icon-tvroom:before{content:""}.icon-red-packet-line:before{content:""}.icon-tickets:before{content:""}.icon-jiaruqun:before{content:""}.icon-kouling:before{content:""}.icon-huanyingye:before{content:""}.icon-zidonghuifu:before{content:""}.icon-lianxifangshi:before{content:""}.icon-shequn:before{content:""}.icon-tuiguangyinliu:before{content:""}.icon-qiyeweixin:before{content:""}.icon-weixin2:before{content:""}.icon-xiaoxiqunfa:before{content:""}.icon-weixinzhushou:before{content:""}.icon-shoujihaotuoke:before{content:""}.icon-renwubao:before{content:""}.icon-kehuquntuoke:before{content:""}.icon-haoyouyanzheng:before{content:""}.icon-jinqunbao:before{content:""}.icon-zhuanfaxiaochengxu:before{content:""}.icon-huoma:before{content:""}.icon-RectangleCopy:before{content:""}.icon-VIP:before{content:""}.icon-weixin:before{content:""}.icon-xiaoxizhongxin:before{content:""}
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{background:#fff;color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{background-color:#f0fff4;color:#22863a}.hljs-deletion{background-color:#ffeef0;color:#b31d28}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0}#nuxt-devtools-anchor{display:none}
.od-page{--line:rgba(15,23,42,.08);--line-strong:rgba(15,23,42,.12);--bg:#f3f4f6;--bg-soft:hsla(0,0%,100%,.8);--surface:hsla(0,0%,100%,.74);--surface-strong:hsla(0,0%,100%,.88);--text:#111827;--muted:#4b5563;--primary:#111827;--primary-soft:rgba(17,24,39,.06);--green:#10b981;--amber:#f59e0b;--red:#ef4444;--cyan:#06b6d4;--shadow-soft:0 10px 30px rgba(15,23,42,.06);--shadow-strong:0 16px 36px rgba(15,23,42,.08);background:radial-gradient(circle at 16% 10%,#fffffff2 0,#fff0 24%),radial-gradient(circle at 88% 0,#ffffffc7 0,#fff0 18%),linear-gradient(180deg,#f7f7f8,#f1f3f5);color:var(--text);display:grid;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;grid-template-rows:auto 1fr;height:100vh;overflow:hidden;position:relative}.od-page:after,.od-page:before{content:"";inset:auto;pointer-events:none;position:absolute;z-index:0}.od-page:before{background:radial-gradient(circle,#ffffffd9 0,#fff0 72%);border-radius:50%;filter:blur(26px);height:380px;right:-100px;top:-160px;width:380px}.od-page:after{background:radial-gradient(circle,#ffffffa8 0,#fff0 72%);border-radius:50%;bottom:-220px;filter:blur(28px);height:360px;left:-160px;width:360px}.od-page.is-embed{background:radial-gradient(circle at 12% 18%,#60a5fa29 0,#60a5fa00 28%),radial-gradient(circle at 84% 10%,#a855f724 0,#a855f700 24%),radial-gradient(circle at 82% 78%,#22c55e1a 0,#22c55e00 24%),linear-gradient(180deg,#f6f7f9,#f1f3f6);grid-template-rows:1fr}.od-page.is-embed:before{background:radial-gradient(circle,#60a5fa38 0,#60a5fa00 72%);filter:blur(34px);height:360px;right:-120px;top:-120px;width:360px}.od-page.is-embed:after{background:radial-gradient(circle,#a855f729 0,#a855f700 72%);bottom:-180px;filter:blur(38px);height:340px;left:-140px;width:340px}.od-top-bar{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft);height:52px;justify-content:space-between;margin:12px 20px 0;padding:0 16px;position:relative;z-index:1}.od-top-bar,.od-top-bar-left{align-items:center;display:flex}.od-top-bar-left{gap:12px}.od-top-bar-title{font-size:15px;font-weight:700;letter-spacing:0}.od-top-bar-breadcrumb{color:var(--muted);font-size:12px}.od-top-bar-breadcrumb span{color:#94a3b8;margin:0 4px}.od-top-bar-right{align-items:center;display:flex;gap:8px}.od-top-btn{align-items:center;background:#ffffff85;border:1px solid var(--line);border-radius:999px;box-shadow:inset 0 1px #ffffffb3;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;height:32px;padding:0 12px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.od-top-btn:hover{background:#ffffffc2;border-color:var(--line-strong);box-shadow:0 8px 18px #0f172a0f;transform:translateY(-1px)}.od-main{overflow-y:auto;padding:0 20px 22px;position:relative;scrollbar-gutter:stable both-edges;z-index:1}.od-metrics-row{display:grid;gap:12px;grid-template-columns:repeat(5,1fr);margin:14px 0 12px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.od-metrics-row.is-visible{opacity:1;transform:translateY(0)}.od-metric{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:var(--surface-strong);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-soft);cursor:pointer;padding:15px 16px 14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.od-metric:hover{border-color:var(--line-strong);box-shadow:0 12px 26px #0f172a12;transform:translateY(-1px)}.od-metric-label{color:#6b7280;font-size:12px;letter-spacing:0;margin-bottom:8px}.od-metric-value{color:#111827;font-size:24px;font-weight:700;line-height:1}.od-metric-sub{color:#6b7280;font-size:11px;margin-top:8px;opacity:0;transition:opacity .3s ease}.od-metric-sub.up{color:var(--green);opacity:1}.od-metric-sub.down{color:var(--red);opacity:1}.is-visible .od-metric-sub{opacity:1}.od-tab-nav{align-items:center;backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 28px #0f172a0f;display:flex;gap:6px;margin-bottom:14px;opacity:0;padding:8px;position:sticky;top:6px;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;z-index:30}.od-page.is-embed .od-tab-nav.is-docked{border-left:none;border-radius:0;border-right:none;box-shadow:0 8px 24px #0f172a14;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:max(8px,calc(20px + env(safe-area-inset-left)));padding-right:max(8px,calc(20px + env(safe-area-inset-right)));top:0}.od-tab-nav.is-visible{opacity:1;transform:translateY(0)}.od-tab-btn{background:transparent;border:1px solid transparent;border-radius:10px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:transform .2s ease,color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease;white-space:nowrap}.od-tab-btn:hover{background:#ffffff70;border-color:#0f172a0d;color:var(--text)}.od-tab-btn.is-active{background:#ffffffe6;border-color:var(--line);box-shadow:0 6px 16px #0f172a0f;color:#111827}.od-tab-content{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;border:none;border-radius:0;box-shadow:none;opacity:0;padding:0;position:relative;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.od-tab-content.is-visible{opacity:1;transform:translateY(0)}.od-tab-content .conversion-tab,.od-tab-content .knowledge-tab,.od-tab-content .outreach-tab,.od-tab-content .reception-tab{color:var(--text)}.od-tab-content .filter-bar{align-items:center;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-soft);display:flex;gap:12px;margin-bottom:12px;padding:10px 12px}.od-tab-content .filter-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:0;text-transform:none}.od-tab-content .filter-select{background:#ffffff9e;border:1px solid var(--line);border-radius:999px;box-shadow:none;color:#374151;height:34px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.od-tab-content .filter-select:focus{border-color:var(--line-strong);box-shadow:0 0 0 3px #0f172a0a}.od-tab-content .metrics-row{gap:12px;margin-bottom:12px}.od-tab-content .ai-analysis-section,.od-tab-content .card,.od-tab-content .column-card,.od-tab-content .detail-summary-card,.od-tab-content .health-score-card,.od-tab-content .intent-card,.od-tab-content .metric,.od-tab-content .suggested-card{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);background:var(--surface-strong);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-soft);overflow:hidden;position:relative}.od-tab-content .metric{border-radius:12px;padding:14px 16px}.od-tab-content .metric-label{color:#6b7280;margin-bottom:8px}.od-tab-content .metric-value{color:#111827;font-size:22px;font-weight:700}.od-tab-content .metric-sub{color:#6b7280;margin-top:8px}.od-tab-content .card-head,.od-tab-content .card-header,.od-tab-content .detail-panel-head,.od-tab-content .health-score-header{background:#ffffff2e;border-bottom:1px solid rgba(15,23,42,.06);padding:14px 16px;position:relative}.od-tab-content .card-body,.od-tab-content .detail-panel-body{padding:16px;position:relative;z-index:1}.od-tab-content .ai-title,.od-tab-content .card-title,.od-tab-content .section-title{color:#111827;font-weight:700;letter-spacing:0}.od-tab-content .card-sub,.od-tab-content .suggested-hint,.od-tab-content .update-time{color:#6b7280}.od-tab-content .ai-badge-tag,.od-tab-content .badge,.od-tab-content .card-badge,.od-tab-content .example-tag,.od-tab-content .promo-badge,.od-tab-content .rank-badge,.od-tab-content .tier-badge{border:1px solid rgba(15,23,42,.08);box-shadow:none}.od-tab-content .data-table thead th,.od-tab-content .demand-table-header,.od-tab-content .heatmap th,.od-tab-content .segment-table thead th{background:#ffffff5c;border-color:#0f172a0f;color:#6b7280}.od-tab-content .data-table tbody td,.od-tab-content .detail-table td,.od-tab-content .detail-table th,.od-tab-content .segment-table tbody td{border-color:#c5cfec38}.od-tab-content .data-table tbody tr:hover,.od-tab-content .demand-row:hover,.od-tab-content .segment-table tbody tr:hover{background:#11182708}.od-tab-content .segment-table tbody tr.is-selected{background:#1118270d}.od-tab-content .heatmap{border-collapse:separate;border-spacing:6px}.od-tab-content .heatmap td,.od-tab-content .heatmap th{border:none;border-radius:8px}.od-tab-content .heatmap td{box-shadow:inset 0 1px #ffffff6b}.od-tab-content .heatmap td.high{background:#10b98138;color:#065f46}.od-tab-content .heatmap td.medium-high{background:#06b6d42e;color:#155e75}.od-tab-content .heatmap td.medium{background:#f59e0b2e;color:#92400e}.od-tab-content .heatmap td.medium-low{background:#fb923c2e;color:#9a3412}.od-tab-content .heatmap td.low{background:#ef444429;color:#991b1b}.od-tab-content .bar-stack{background:#ffffff52;border-radius:8px 8px 5px 5px;box-shadow:inset 0 1px #fff9;width:34px}.od-tab-content .bar-ai{background:linear-gradient(180deg,#111827d1,#111827ad)}.od-tab-content .bar-human{background:linear-gradient(180deg,#06b6d4c2,#06b6d48f)}.od-tab-content .hbar-track,.od-tab-content .roi-bar{background:#11182714;border-radius:999px}.od-tab-content .hbar-fill{background:linear-gradient(90deg,#111827cc,#4b5563b8);border-radius:999px;box-shadow:none}.od-tab-content .roi-bar-fill{background:linear-gradient(90deg,#111827d1,#06b6d49e);border-radius:999px}.od-tab-content .action-item,.od-tab-content .funnel-step,.od-tab-content .ranking-item,.od-tab-content .roi-item,.od-tab-content .sub-indicator-item,.od-tab-content .suggested-card,.od-tab-content .suggestion-card{background:#ffffff8f;border:1px solid var(--line);border-radius:10px;box-shadow:none}.od-tab-content .funnel-step-bar{background:linear-gradient(90deg,#111827d1,#4b5563a8);border-radius:999px;box-shadow:none}.od-tab-content .ai-analysis-section,.od-tab-content .health-score-card{margin-bottom:18px}.od-tab-content .health-score-body{padding:4px 16px 16px}.od-tab-content .circular-progress{filter:none;position:relative}.od-tab-content .score-number{color:#111827;font-weight:700}.od-tab-content .sub-indicators{gap:12px}.od-tab-content .sub-indicator-item{padding:16px 14px}.od-tab-content .indicator-value{color:#10203d;font-weight:800}.od-tab-content .column-card,.od-tab-content .two-column-layout{margin-bottom:18px}.od-tab-content .bar-chart,.od-tab-content .trend-chart{position:relative;z-index:1}.od-tab-content .ai-section-header{align-items:center;display:flex;gap:14px;margin-bottom:16px}.od-tab-content .ai-badge-icon{background:#111827db;border-radius:10px;box-shadow:none;height:42px;width:42px}.od-tab-content .intent-cards,.od-tab-content .suggested-cards{gap:14px}.od-tab-content .suggested-card{padding:16px}.od-tab-content .add-btn{background:#111827e0;border:1px solid rgba(17,24,39,.1);border-radius:999px;color:#fff}.od-tab-content .add-btn.is-added{background:#ffffff94;box-shadow:none;color:#6b7280}.od-tab-content .detail-panel,.od-tab-content .toast-notification{backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);background:#ffffffd1;border:1px solid var(--line);box-shadow:0 20px 40px #0f172a14}.od-tab-content .detail-backdrop{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#11182714}.od-fade-enter-active{transition:opacity .2s ease,transform .2s ease}.od-fade-enter-from{opacity:0;transform:translateY(8px)}.od-fade-enter-to{opacity:1;transform:translateY(0)}@media (max-width:1023px){.od-main{padding:0 16px 20px}.od-top-bar{margin:12px 16px 0}.od-metrics-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.od-page{height:100dvh}.od-top-bar{border-radius:12px;gap:10px;height:auto;margin:10px 12px 0;padding:12px 14px}.od-top-bar,.od-top-bar-left{align-items:flex-start;flex-direction:column}.od-top-bar-left{gap:4px}.od-top-bar-title{font-size:16px}.od-top-bar-right{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch;scrollbar-width:none}.od-top-bar-right::-webkit-scrollbar{display:none}.od-top-btn{flex:0 0 auto}.od-main{padding:0 12px 16px}.od-metrics-row{display:flex;gap:10px;margin:12px 0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.od-metrics-row::-webkit-scrollbar{display:none}.od-metric{flex:0 0 158px;min-height:94px;padding:12px 14px;scroll-snap-align:start}.od-metric-label{font-size:11px;line-height:1.3;margin:0}.od-metric-value{font-size:22px;margin:6px 0 0;text-align:left;white-space:nowrap}.od-metric-sub{line-height:1.3;margin:6px 0 0}.od-tab-nav{gap:6px;margin-bottom:12px;overflow-x:auto;padding:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.od-tab-nav::-webkit-scrollbar{display:none}.od-page.is-embed .od-tab-nav.is-docked{padding-left:max(6px,calc(12px + env(safe-area-inset-left)));padding-right:max(6px,calc(12px + env(safe-area-inset-right)))}.od-tab-btn{border-radius:9px;flex:0 0 auto;font-size:12px;padding:8px 12px}.od-tab-content .filter-bar{flex-wrap:nowrap;gap:8px;overflow-x:auto;padding:8px 10px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.od-tab-content .filter-bar::-webkit-scrollbar{display:none}.od-tab-content .filter-label{display:none}.od-tab-content .filter-group{flex:0 0 auto}.od-tab-content .filter-select{font-size:12px;min-width:104px}.od-tab-content .metrics-row{display:flex;gap:10px;margin-bottom:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.od-tab-content .metrics-row::-webkit-scrollbar{display:none}.od-tab-content .metric{flex:0 0 152px;min-height:96px;padding:12px 14px;scroll-snap-align:start}.od-tab-content .metric-label{font-size:11px;line-height:1.3;margin:0}.od-tab-content .metric-value{font-size:22px;margin:6px 0 0;text-align:left;white-space:nowrap}.od-tab-content .metric-sub{font-size:11px;line-height:1.3;margin:6px 0 0}.od-tab-content .grid-2,.od-tab-content .grid-3-2,.od-tab-content .two-column-layout{gap:12px;grid-template-columns:1fr}.od-tab-content .ai-analysis-section,.od-tab-content .card,.od-tab-content .column-card,.od-tab-content .detail-summary-card,.od-tab-content .health-score-card{border-radius:10px}.od-tab-content .card-head,.od-tab-content .card-header,.od-tab-content .detail-panel-head,.od-tab-content .health-score-header{padding:12px 14px}.od-tab-content .card-body,.od-tab-content .detail-panel-body{padding:14px}.od-tab-content .ai-title,.od-tab-content .card-title,.od-tab-content .section-title{font-size:14px}.od-tab-content .card-sub,.od-tab-content .suggested-hint,.od-tab-content .update-time{font-size:11px;line-height:1.5}.od-tab-content .detail-panel{border-left:none;border-radius:0;border-right:none;max-width:100vw;width:100vw}}
.reception-tab{--line:#e6ebf2;--bg:#f5f7fb;--text:#111827;--muted:#6b7280;--primary:#5b58ff;--primary-soft:#eef2ff;--green:#10b981;--amber:#f59e0b;--red:#ef4444;--cyan:#0891b2}.filter-bar{align-items:flex-end;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-label{color:var(--muted);font-size:12px;font-weight:600}.filter-select{background:#fff;border:1px solid #dde4ee;border-radius:8px;color:var(--text);cursor:pointer;font-size:13px;height:34px;min-width:130px;outline:none;padding:0 12px;transition:border-color .2s}.filter-select:focus{border-color:var(--primary)}.metrics-row{display:grid;gap:12px;margin-bottom:16px}.metrics-4{grid-template-columns:repeat(4,1fr)}.metric{background:#fafbfd;border:1px solid #eef2f7;border-radius:10px;padding:14px 16px}.metric-label{color:var(--muted);font-size:12px;margin-bottom:4px}.metric-value{color:var(--text);font-size:22px;font-weight:700}.metric-sub{color:#94a3b8;font-size:11px;margin-top:6px}.metric-sub .up{color:var(--green);font-weight:600}.metric-sub .down{color:var(--red);font-weight:600}.metric-sub.down{color:var(--green)}.grid-3-2{display:grid;gap:16px;grid-template-columns:3fr 2fr}.card,.grid-3-2{margin-bottom:16px}.card{background:#fff;border:1px solid #eef2f7;border-radius:12px;overflow:hidden}.grid-3-2 .card{margin-bottom:0}.card-head{background:#f8fafc;border-bottom:1px solid #eef2f7;padding:14px 16px}.card-title{color:#1e293b;font-size:14px;font-weight:700}.card-sub{color:#94a3b8;font-size:12px;margin-top:2px}.card-body{padding:16px}.bar-chart{align-items:flex-end;display:flex;height:220px;justify-content:space-around;padding-top:10px}.bar-col{align-items:center;flex:1;flex-direction:column}.bar-col,.bar-stack{display:flex;height:100%;justify-content:flex-end}.bar-stack{border-radius:4px 4px 0 0;flex-direction:column;overflow:hidden;width:32px}.bar-segment{align-items:center;display:flex;justify-content:center;min-height:0;position:relative;transition:height .4s ease;width:100%}.bar-ai{background:var(--primary);border-radius:0 0 4px 4px}.bar-human{background:var(--cyan);border-radius:4px 4px 0 0}.bar-val{color:#fff;font-size:10px;font-weight:600;opacity:.9;white-space:nowrap}.bar-label{color:var(--muted);font-size:12px;font-weight:500;margin-top:8px}.chart-legend{border-top:1px solid #f1f5f9;display:flex;gap:20px;justify-content:center;margin-top:14px;padding-top:12px}.legend-item{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:6px}.legend-dot{border-radius:3px;display:inline-block;height:10px;width:10px}.hbar-list{gap:14px}.hbar-list,.hbar-row{display:flex;flex-direction:column}.hbar-row{gap:5px}.hbar-header{align-items:center;display:flex;justify-content:space-between}.hbar-name{font-weight:500}.hbar-name,.hbar-pct{color:var(--text);font-size:13px}.hbar-pct{font-weight:700}.hbar-count{color:#94a3b8;font-size:11px;font-weight:400;margin-left:2px}.hbar-track{background:#f1f5f9;border-radius:4px;height:8px;overflow:hidden}.hbar-fill{background:linear-gradient(90deg,var(--primary),#818cf8);border-radius:4px;height:100%;transition:width .4s ease}.data-table{border-collapse:collapse;width:100%}.data-table thead th{background:#f8fafc;border-bottom:1px solid var(--line);color:#64748b;font-size:12px;font-weight:600;padding:10px 14px;text-align:left}.data-table tbody td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;padding:12px 14px}.data-table tbody tr:last-child td{border-bottom:none}.cell-bar-wrap{align-items:center;display:flex;gap:8px;position:relative}.cell-bar{border-radius:3px;height:100%;left:0;opacity:.12;position:absolute;top:0}.cell-bar-ai{background:var(--primary)}.cell-bar-human{background:var(--cyan)}.cell-bar-wrap span{position:relative;z-index:1}@media (max-width:900px){.metrics-4{grid-template-columns:repeat(2,1fr)}.grid-3-2{grid-template-columns:1fr}}@media (max-width:767px){.filter-bar{gap:8px}.filter-group{min-width:118px}.metrics-4{grid-template-columns:none}.card{margin-bottom:12px}.card-head{padding:12px 14px}.card-body{padding:14px}.bar-chart{gap:2px;height:180px}.bar-stack{width:24px}.bar-val{font-size:9px}.chart-legend{flex-wrap:wrap;gap:12px;justify-content:flex-start}.hbar-list{gap:12px}.hbar-name,.hbar-pct{font-size:12px}.data-table,.data-table tbody,.data-table td,.data-table tr{display:block;width:100%}.data-table thead{display:none}.data-table tbody{padding:10px}.data-table tbody tr{background:#ffffffb8;border:1px solid #eef2f7;border-radius:10px;margin-bottom:10px;padding:10px 12px}.data-table tbody td{align-items:center;border-bottom:none;display:flex;gap:10px;justify-content:space-between;padding:0}.data-table tbody td+td{margin-top:10px}.data-table tbody td:before{color:#64748b;content:attr(data-label);display:inline-block;flex:0 0 68px;font-size:11px;font-weight:600;width:68px}.data-table tbody td:first-child{align-items:baseline}.cell-bar-wrap{background:#f8fafc;border-radius:8px;flex:0 0 calc(100% - 78px);justify-content:flex-start;min-height:28px;overflow:hidden;padding:6px 8px;width:calc(100% - 78px)}}