html,body{margin:0;padding:0;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;font-size:14px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;font-size:14px;color:#000000d9;background-color:#f0f2f5;overflow-x:hidden;min-height:100vh}@supports (-webkit-backdrop-filter: blur(10px)){.mac-only{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){body{font-weight:400}}:root{--base-unit: 4px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-xxl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--header-height: 56px;--sidebar-width: 172px;--sidebar-collapsed-width: 60px;--content-padding: 24px;--border-radius-sm: 2px;--border-radius-base: 4px;--border-radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-base: 0 1px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .15);--z-dropdown: 1000;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-fixed: 1080}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){:root{--base-unit: 3px}}@media(max-width:575.98px){:root{--content-padding: 16px;--spacing-lg: 12px;--spacing-xl: 16px}html{font-size:13px}}@media(min-width:576px)and (max-width:767.98px){:root{--content-padding: 20px}}@media(min-width:768px)and (max-width:991.98px){:root{--content-padding: 24px}}@media(min-width:992px)and (max-width:1199.98px){:root{--sidebar-width: 180px}}@media(min-width:1200px){:root{--sidebar-width: 200px;--content-padding: 32px}}@media(pointer:coarse){:root{--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 20px}button,.ant-btn,.ant-menu-item{min-height:44px}}@media(pointer:fine){button:hover,.ant-btn:hover{transition:all .2s ease}}.platform-windows{font-weight:400}.platform-windows ::-webkit-scrollbar{width:8px;height:8px}.platform-windows ::-webkit-scrollbar-track{background:#f1f1f1}.platform-windows ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.platform-windows ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.platform-macos{letter-spacing:-.01em}.platform-macos ::-webkit-scrollbar{width:0;background:transparent}.platform-macos{zoom:.9}.platform-macos .login-container{zoom:1.111!important}.platform-macos .ant-dropdown,.platform-macos .ant-tooltip,.platform-macos .ant-popover,.platform-macos .ant-select-dropdown,.platform-macos .ant-picker-dropdown,.platform-macos .ant-menu-submenu-popup{zoom:1.111}.platform-macos .ant-dropdown .ant-dropdown-menu,.platform-macos .ant-tooltip .ant-tooltip-inner,.platform-macos .ant-popover .ant-popover-inner,.platform-macos .ant-menu-submenu-popup .ant-menu{zoom:1}.platform-macos .ant-layout-sider-collapsed .ant-menu-submenu-popup,.platform-macos .ant-layout-sider-collapsed+* .ant-tooltip{transform-origin:left center}.platform-macos .ant-layout-sider-collapsed .ant-menu-item .ant-tooltip,.platform-macos .ant-layout-sider-collapsed .ant-menu-submenu-title .ant-tooltip{zoom:1.111!important}.platform-macos body{height:111.11vh;min-height:111.11vh;overflow:hidden}.platform-macos #app{height:111.11vh;min-height:111.11vh}.platform-macos body:has(.login-container),.platform-macos #app:has(.login-container){height:100vh!important;min-height:100vh!important}.platform-macos .layout-container{height:111.11vh!important;min-height:111.11vh!important}.platform-macos .ant-layout-header{height:56px!important;flex:none!important}.platform-macos .ant-layout{height:calc(111.11vh - 56px)!important;min-height:calc(111.11vh - 56px)!important}.platform-macos .ant-layout-sider{height:calc(111.11vh - 56px)!important}.platform-macos .ant-layout-content{height:calc(111.11vh - 56px)!important;overflow-y:auto}.platform-linux body{font-weight:400}.container-fluid{width:100%;padding-left:var(--content-padding);padding-right:var(--content-padding)}.container{max-width:1200px;margin:0 auto;padding-left:var(--content-padding);padding-right:var(--content-padding)}.p-0{padding:0!important}.p-1{padding:var(--spacing-xs)!important}.p-2{padding:var(--spacing-sm)!important}.p-3{padding:var(--spacing-md)!important}.p-4{padding:var(--spacing-lg)!important}.p-5{padding:var(--spacing-xl)!important}.m-0{margin:0!important}.m-1{margin:var(--spacing-xs)!important}.m-2{margin:var(--spacing-sm)!important}.m-3{margin:var(--spacing-md)!important}.m-4{margin:var(--spacing-lg)!important}.m-5{margin:var(--spacing-xl)!important}.text-xs{font-size:var(--font-size-xs)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-base{font-size:var(--font-size-base)!important}.text-lg{font-size:var(--font-size-lg)!important}.text-xl{font-size:var(--font-size-xl)!important}.text-xxl{font-size:var(--font-size-xxl)!important}@media print{*{background:#fff!important;color:#000!important;box-shadow:none!important}.no-print{display:none!important}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-base: 0 1px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 2px 8px rgba(0, 0, 0, .4)}}.brandinsight-page{height:100vh;display:flex;flex-direction:column;background:#f0f2f5;overflow:hidden}.brandinsight-page.fullscreen{height:100vh}.brandinsight-page.auto-height{height:auto;min-height:100vh}.top-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:0 24px;flex-shrink:0;box-shadow:0 1px 4px #00000014;position:relative;z-index:100}.top-header.fixed{position:fixed;top:0;left:0;right:0;z-index:1000}.top-header.compact{padding:0 16px}.top-header.large{padding:0 32px}.header-content.compact{height:56px}.header-content.large{height:72px}.header-content.center{justify-content:center}.header-content.space-between{justify-content:space-between}.header-content.flex-start{justify-content:flex-start}.header-content.flex-end{justify-content:flex-end}.page-title{flex-shrink:0}.page-title h1{margin:0;font-size:20px;font-weight:600;color:#262626;line-height:1.2}.page-title h1.small{font-size:16px}.page-title h1.large{font-size:24px}.page-title h1.extra-large{font-size:28px}.page-title .subtitle{font-size:14px;color:#8c8c8c;margin-top:4px;font-weight:400}.scrollable-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px;position:relative}.scrollable-content.with-header{padding-top:76px}.scrollable-content.compact{padding:8px}.scrollable-content.large{padding:16px}.scrollable-content.no-padding{padding:0}.page-container{gap:12px;display:flex;flex-direction:column;max-width:100%}.page-container.compact{gap:8px}.page-container.large{gap:16px}.page-container.no-gap{gap:0}.page-container.horizontal{flex-direction:row;align-items:stretch}.two-column-layout.compact{gap:8px}.two-column-layout.large{gap:16px}.two-column-layout.vertical-center{align-items:center}.two-column-layout.vertical-start{align-items:flex-start}.two-column-layout.vertical-end{align-items:flex-end}.left-panel,.right-panel{flex:1;min-width:0}.left-panel.fixed,.right-panel.fixed{flex:0 0 auto}.left-panel.wide,.right-panel.wide{flex:2}.left-panel.narrow,.right-panel.narrow{flex:.5}.three-column-layout.compact{gap:8px}.three-column-layout.large{gap:16px}.chart-panel,.middle-panel{flex:1;min-width:0}.chart-panel.fixed,.middle-panel.fixed{flex:0 0 auto}.four-column-layout{display:flex;gap:12px;align-items:stretch}.four-column-layout.compact{gap:8px}.four-column-layout.large{gap:16px}.four-column-item{flex:1;min-width:0}.four-column-item.fixed{flex:0 0 auto}.five-column-layout.compact{gap:8px}.five-column-layout.large{gap:16px}.five-column-item{flex:1;min-width:0}.five-column-item.fixed{flex:0 0 auto}.six-column-layout{display:flex;gap:12px;align-items:stretch}.six-column-layout.compact{gap:8px}.six-column-layout.large{gap:16px}.six-column-item{flex:1;min-width:0}.six-column-item.fixed{flex:0 0 auto}.grid-layout{display:grid;gap:12px}.grid-layout.compact{gap:8px}.grid-layout.large{gap:16px}.grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.grid-3x2{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.grid-2x3{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr)}.grid-4x2{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.grid-custom{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.voice-summary-layout.compact{gap:8px;min-height:150px}.voice-summary-layout.large{gap:16px;min-height:250px}.voice-kpi-area.compact{gap:8px}.voice-kpi-area.large{gap:16px}.voice-summary-stats.compact{gap:8px;padding:12px 8px;font-size:13px}.voice-summary-stats.large{gap:16px;padding:20px 16px;font-size:15px}.sales-summary-content{display:flex;gap:12px;align-items:stretch;min-height:200px}.sales-summary-content.compact{gap:8px;min-height:150px}.sales-summary-content.large{gap:16px;min-height:250px}.sales-kpi-area{flex:0 0 20%;display:flex;flex-direction:column;gap:12px}.sales-table-area{flex:0 0 40%;display:flex;flex-direction:column;gap:12px}.panel-title{margin:0 0 12px;font-size:14px;font-weight:600;color:#262626;display:flex;align-items:center;gap:8px}.panel-title.small{font-size:13px}.panel-title.large{font-size:16px}.panel-title.with-icon{align-items:center}.panel-title.with-action{justify-content:space-between;align-items:center}.panel-title .icon{font-size:16px;color:#1890ff}.panel-title .action{font-size:12px;color:#8c8c8c;cursor:pointer;transition:color .3s ease}.panel-title .action:hover{color:#1890ff}.content-area{padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.content-area.compact{padding:12px}.content-area.large{padding:20px}.content-area.no-padding{padding:0}.content-area.no-shadow{box-shadow:none}.content-area.with-border{border:1px solid #f0f0f0}.sidebar-layout{display:flex;height:100%}.sidebar{width:240px;background:#fff;border-right:1px solid #f0f0f0;flex-shrink:0;overflow-y:auto}.sidebar.compact{width:200px}.sidebar.large{width:280px}.sidebar.collapsed{width:60px}.main-content{flex:1;overflow-y:auto;background:#f0f2f5}.main-content.with-sidebar,.main-content.with-collapsed-sidebar{margin-left:0}.tab-layout{display:flex;flex-direction:column;height:100%}.tab-header{background:#fff;border-bottom:1px solid #f0f0f0;flex-shrink:0}.tab-content{flex:1;overflow-y:auto;background:#f0f2f5}.tab-content.no-scroll{overflow:hidden}.modal-layout{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 24px #00000026;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid #f0f0f0;flex-shrink:0}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid #f0f0f0;flex-shrink:0;display:flex;justify-content:flex-end;gap:8px}.split-panel-layout{display:flex;height:100%;position:relative}.split-panel-left,.split-panel-right{flex:1;overflow-y:auto}.split-panel-divider{width:4px;background:#f0f0f0;cursor:col-resize;transition:background-color .3s ease}.split-panel-divider:hover{background:#d9d9d9}.split-panel-divider.dragging{background:#1890ff}@media(max-width:1200px){.three-column-layout,.four-column-layout,.five-column-layout,.six-column-layout{flex-wrap:wrap}.three-column-layout .chart-panel,.three-column-layout .middle-panel,.four-column-layout .four-column-item,.five-column-layout .five-column-item,.six-column-layout .six-column-item{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}.voice-summary-layout{flex-direction:column}.voice-kpi-area,.voice-summary-stats,.voice-summary-chart{flex:none}.sales-summary-content{flex-direction:column}.sales-kpi-area,.sales-table-area{flex:none}}@media(max-width:768px){.top-header{padding:0 16px}.header-content{height:56px}.page-title h1{font-size:18px}.scrollable-content{padding:8px}.scrollable-content.with-header{padding-top:68px}.page-container{gap:8px}.two-column-layout,.three-column-layout,.four-column-layout,.five-column-layout,.six-column-layout{flex-direction:column;gap:8px}.left-panel,.right-panel,.chart-panel,.middle-panel,.four-column-item,.five-column-item,.six-column-item{flex:none}.grid-2x2,.grid-3x2,.grid-2x3,.grid-4x2{grid-template-columns:1fr}.sidebar{width:100%;position:fixed;top:0;left:-100%;height:100%;z-index:1001;transition:left .3s ease}.sidebar.open{left:0}.main-content{width:100%}.modal-content{margin:16px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}.modal-header,.modal-body,.modal-footer{padding:16px}}@media(max-width:480px){.top-header{padding:0 12px}.header-content{height:48px}.page-title h1{font-size:16px}.scrollable-content{padding:6px}.scrollable-content.with-header{padding-top:60px}.page-container,.two-column-layout,.three-column-layout,.four-column-layout,.five-column-layout,.six-column-layout{gap:6px}.content-area{padding:12px}.modal-content{margin:8px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.modal-header,.modal-body,.modal-footer{padding:12px}}@media print{.top-header,.sidebar,.tab-header,.modal-layout,.split-panel-divider{display:none!important}.brandinsight-page,.main-content,.tab-content,.split-panel-left,.split-panel-right{height:auto!important;overflow:visible!important}.scrollable-content{padding:0!important}.page-container{gap:0!important}.content-area{box-shadow:none!important;border:1px solid #ddd!important;break-inside:avoid}}.brandinsight-page{height:100vh;display:flex;flex-direction:column;background:#f0f2f5}.top-header{background:#fff;border-bottom:1px solid #f0f0f0;padding:0 24px;flex-shrink:0;box-shadow:0 1px 4px #00000014}.header-content{display:flex;justify-content:space-between;align-items:center;height:64px}.page-title h1{margin:0;font-size:18px;font-weight:600;color:#262626}.scrollable-content{flex:1;overflow-y:auto;padding:12px}.page-container{gap:12px;display:flex;flex-direction:column}.two-column-layout{display:flex;gap:12px;align-items:stretch}.left-panel,.right-panel{flex:1}.left-panel h4,.right-panel h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#262626}.three-column-layout{display:flex;gap:12px;align-items:stretch}.chart-panel{flex:1}.chart-panel h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#262626}.five-column-layout{display:flex;gap:12px;align-items:stretch}.voice-summary-layout{display:flex;gap:12px;align-items:stretch;min-height:200px}.voice-kpi-area{flex:0 0 20%;display:flex;flex-direction:column;gap:12px}.voice-summary-stats{flex:0 0 30%;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:16px 12px;background:#fdfdfd;border-radius:8px;font-size:14px}.voice-summary-chart{flex:0 0 50%;min-width:0;display:flex;flex-direction:column}.chart-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s ease;width:100%;flex:1;min-width:0}.chart-card:hover{box-shadow:0 4px 16px #00000026}.insight-card.overview :deep(.ant-card-head){height:44px;padding:0 12px;border-bottom:1px solid #f5f5f5;margin-bottom:0}.insight-card.overview :deep(.ant-card-head-title){font-size:14px;font-weight:600;color:#262626;line-height:44px;height:44px}.insight-card.warning :deep(.ant-card-head){height:44px;padding:0 20px;border-bottom:1px solid #f5f5f5;margin-bottom:0}.insight-card.warning :deep(.ant-card-head-title){font-size:14px;font-weight:600;color:#faad14;line-height:44px;height:44px}.insight-content{font-size:14px;line-height:1.6;color:#262626;padding:8px 0}.overview-content{font-size:13px;line-height:1.5;color:#262626;padding:0 12px}.insight-card.full-width{width:100%}.voice-kpi-block,.sales-kpi-block{flex:1;background:#fdfdfd;border-radius:8px;padding:16px;text-align:center;display:flex;align-items:center;justify-content:center;height:100%}.sales-kpi-block .kpi-content{display:flex;flex-direction:column;align-items:center}.sales-kpi-block .kpi-value{margin-bottom:8px}.sales-kpi-block .kpi-value .value{font-size:24px;font-weight:800;color:#262626}.sales-kpi-block .kpi-value .unit{font-size:14px;color:#666;margin-left:4px}.sales-kpi-block .kpi-label{font-size:14px;color:#666;margin-bottom:8px}.sales-kpi-block .kpi-trend{font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px}.chart-container{height:280px;width:100%}.chart-container.large{height:350px}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px}.trend-chart-container{flex:1;width:100%;min-height:140px;height:100%}.trend-title{font-size:14px;font-weight:600;color:#262626;margin-bottom:8px}.content-trend-section{margin-top:0;padding-top:0;border-top:none;display:flex;flex-direction:column;height:100%}.mini-chart{width:280px;height:50px;margin:0 auto}.sales-table{font-size:14px;flex:1;height:100%}.sales-table-area .sales-table{width:100%}.sales-table :deep(.ant-table-thead > tr > th){background:#fafafa;font-weight:600;font-size:14px;padding:8px 4px;text-align:center}.sales-table :deep(.ant-table-tbody > tr > td){padding:6px 4px;text-align:center;font-size:14px}.sales-table :deep(.ant-table-tbody > tr:hover > td){background:#f5f5f5}:deep(.ant-table-small){font-size:13px}:deep(.ant-table-thead > tr > th){background:#fafafa;font-weight:600}.time-selector{display:flex;align-items:center}.selector-label{margin-right:8px;color:#666;font-size:14px;white-space:nowrap}.product-type-selector{display:flex;align-items:center;gap:8px;margin-right:12px}.product-type-selector :deep(.ant-tabs){margin:0}.product-type-selector :deep(.ant-tabs-nav){margin:0}.product-type-selector :deep(.ant-tabs-tab){padding:4px 8px;margin:0 2px}.product-type-selector :deep(.ant-tabs-content-holder){display:none}.rank{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background:#f0f0f0;font-weight:700}.rank.top-3{color:#fff;background:#ff4d4f}.rank-number{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;background:#f0f0f0;font-weight:700}.rank-number.rank-1{color:#fff;background:#ff4d4f}.rank-number.rank-2{color:#fff;background:#fa8c16}.rank-number.rank-3{color:#fff;background:#52c41a}.category-tag{display:inline-block;padding:2px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.promotion-tag{margin:0;font-size:12px;background:#f5f5f5;border:1px solid #d9d9d9;color:#666}.brand-cell{display:flex;align-items:center;gap:8px}.brand-logo{width:32px;height:32px;border-radius:4px;object-fit:contain}.product-cell{font-weight:500}.sov-percentage{font-weight:600;color:#1890ff;font-size:14px}.hot-content{display:flex;flex-direction:column;gap:4px}.hot-content-item{display:flex;align-items:center;gap:4px;font-size:12px}.heart-icon{color:#ff4d4f;font-size:12px}.content-number{color:#1890ff;font-weight:500;min-width:40px}.content-text{color:#1890ff;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.promotion-points{display:flex;flex-wrap:wrap;gap:4px}.alert-list{padding:12px 0}.alert-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;margin-bottom:8px;border-radius:4px;font-size:14px}.alert-item.danger{background:#fff2f0;border-left:3px solid #ff4d4f}.alert-item.warning{background:#fffbe6;border-left:3px solid #faad14}.alert-text{color:#262626}.alert-trend{font-weight:600}.alert-item.danger .alert-trend{color:#ff4d4f}.alert-item.warning .alert-trend{color:#faad14}.summary-section{margin-bottom:16px}.summary-section:last-child{margin-bottom:0}.summary-title{font-size:14px;font-weight:600;color:#262626;margin-bottom:8px}.summary-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:14px}.summary-label{color:#666;min-width:120px}.summary-value{padding:2px 6px;border-radius:4px;font-size:12px;font-weight:500}.summary-value.positive{background:#f6ffed;color:#52c41a}.summary-value.negative{background:#fff2f0;color:#ff4d4f}.summary-value.neutral{background:#f5f5f5;color:#666}@media(max-width:1200px){.three-column-layout{flex-direction:column}.five-column-layout{flex-wrap:wrap}.five-column-layout .kpi-card{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px)}.five-column-layout .kpi-card:nth-child(5){flex:1 1 100%;min-width:100%}}@media(max-width:768px){.two-column-layout,.five-column-layout{flex-direction:column}.five-column-layout .kpi-card{flex:none;min-width:none}.scrollable-content{padding:8px}.header-content{flex-direction:column;height:auto;padding:12px 0;gap:12px}.time-selector{flex-wrap:wrap;gap:8px}.kpi-value{font-size:24px}.chart-controls{flex-direction:column;gap:12px;align-items:stretch}.chart-filters{justify-content:center}.chart-container{height:240px}.chart-container.large{height:280px}}@media(max-width:480px){.time-selector{flex-direction:column;align-items:stretch}.time-selector>*{margin:2px 0!important}}.feature-tip{margin-bottom:12px}.feature-tip .ant-alert{padding:8px 12px;border-radius:8px;border:none;background:#f0f8ff;display:flex;align-items:center}.feature-tip .ant-alert:before{content:"💡";font-size:16px;margin-right:8px;flex-shrink:0}.feature-tip .ant-alert-message{font-weight:600;color:#1890ff;font-size:14px}.feature-tip .ant-alert-description{color:#0e2f8ca2;line-height:1.6;font-size:14px;font-weight:400}.feature-tip .ant-alert-content{flex:1}.block-card{width:100%;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;border:1px solid #f0f0f0;background:#fff;padding:16px 12px;box-sizing:border-box;transition:all .3s ease;position:relative;cursor:pointer}.block-card:hover{border-color:#1890ff;box-shadow:0 2px 8px #1890ff26}.block-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.block-value{font-size:24px;font-weight:800;color:#262626;margin-bottom:4px;line-height:1.2;transition:all .3s ease;font-variant-numeric:tabular-nums;letter-spacing:.5px}.block-label{font-size:14px;color:#a1a1a1;margin-bottom:4px;font-weight:400;transition:all .3s ease}.block-trend{font-size:12px;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:2px}.trend-icon{font-size:14px;font-weight:700}.trend-text{font-size:14px;font-weight:500}.trend-up{color:#ff4d4f}.trend-down{color:#52c41a}.trend-up .trend-icon{color:#ff4d4f}.trend-down .trend-icon{color:#52c41a}.block-card.bg-primary{background:#f0f8ff}.block-card.bg-success{background:#f6ffed}.block-card.bg-warning{background:#fffbe6}.block-card.bg-error{background:#fff2f0}.block-card.bg-info{background:azure}.block-card:before{content:attr(data-title);position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:12px;background:#262626;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;white-space:pre-line;word-wrap:break-word;max-width:350px;width:max-content;line-height:1.4;text-align:left;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;pointer-events:none;box-shadow:0 2px 8px #00000026}.block-card[data-title=""]:before,.block-card:not([data-title]):before{display:none}.block-card:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:6px;border:4px solid transparent;border-bottom-color:#262626;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;pointer-events:none}.block-card[data-title=""]:after,.block-card:not([data-title]):after{display:none}.block-card:hover:before,.block-card:hover:after{opacity:1;visibility:visible}@media(max-width:768px){.block-card{height:100px;padding:12px 8px}.block-value{font-size:24px}.block-label{font-size:13px}.block-trend{font-size:11px}}@media(max-width:480px){.block-card{height:90px;padding:10px 6px}.block-value{font-size:20px}.block-label{font-size:12px}.block-trend{font-size:10px}}:root{--chart-positive-green: #63c732;--chart-neutral-blue: #b0d9ff;--chart-negative-red: #fe8b8d;--chart-color-1: #166ce3;--chart-color-2: #534473;--chart-color-3: #2033a9;--chart-color-4: #006d75;--chart-color-5: #597ef7;--chart-color-6: #389e0d;--chart-color-7: #B6992D;--chart-color-8: #F1CE63;--chart-color-9: #499894;--chart-color-10: #86BCB6;--chart-color-11: #E15759;--chart-color-12: #FF9D9A;--chart-color-13: #79706E;--chart-color-14: #BAB0AC;--chart-color-15: #D37295;--chart-color-16: #FABFD2;--chart-color-17: #ff85c0;--chart-color-18: #08979c;--chart-color-20: #288d59;--chart-color-19: #fa8c16;--chart-color-1-light: rgba(22, 108, 227, .1);--chart-color-2-light: rgba(83, 68, 115, .1);--chart-color-3-light: rgba(32, 51, 169, .1);--chart-color-4-light: rgba(0, 109, 117, .1);--chart-color-5-light: rgba(89, 126, 247, .1);--chart-color-6-light: rgba(56, 158, 13, .1);--chart-color-7-light: rgba(182, 153, 45, .1);--chart-color-8-light: rgba(241, 206, 99, .1);--chart-color-9-light: rgba(73, 152, 148, .1);--chart-color-10-light: rgba(134, 188, 182, .1)}.chart-pie-default-colors{--pie-color-1: var(--chart-color-1);--pie-color-2: var(--chart-color-2);--pie-color-3: var(--chart-color-3);--pie-color-4: var(--chart-color-4);--pie-color-5: var(--chart-color-5);--pie-color-6: var(--chart-color-6);--pie-color-7: var(--chart-color-7);--pie-color-8: var(--chart-color-8);--pie-color-9: var(--chart-color-9);--pie-color-10: var(--chart-color-10);--pie-color-11: var(--chart-color-11);--pie-color-12: var(--chart-color-12);--pie-color-13: var(--chart-color-13);--pie-color-14: var(--chart-color-14);--pie-color-15: var(--chart-color-15);--pie-color-16: var(--chart-color-16);--pie-color-17: var(--chart-color-17);--pie-color-18: var(--chart-color-18);--pie-color-19: var(--chart-color-19);--pie-color-20: var(--chart-color-20)}.chart-bar-default-colors{--bar-color-1: var(--chart-color-1);--bar-color-2: var(--chart-color-2);--bar-color-3: var(--chart-color-3);--bar-color-4: var(--chart-color-4);--bar-color-5: var(--chart-color-5);--bar-color-6: var(--chart-color-6);--bar-color-7: var(--chart-color-7);--bar-color-8: var(--chart-color-8);--bar-color-9: var(--chart-color-9);--bar-color-10: var(--chart-color-10);--bar-color-11: var(--chart-color-11);--bar-color-12: var(--chart-color-12);--bar-color-13: var(--chart-color-13);--bar-color-14: var(--chart-color-14);--bar-color-15: var(--chart-color-15);--bar-color-16: var(--chart-color-16);--bar-color-17: var(--chart-color-17);--bar-color-18: var(--chart-color-18);--bar-color-19: var(--chart-color-19);--bar-color-20: var(--chart-color-20)}.chart-line-default-colors{--line-color-1: var(--chart-color-20);--line-color-2: var(--chart-color-19);--line-color-3: var(--chart-color-18);--line-color-4: var(--chart-color-17);--line-color-5: var(--chart-color-16);--line-color-6: var(--chart-color-15);--line-color-7: var(--chart-color-14);--line-color-8: var(--chart-color-13);--line-color-9: var(--chart-color-12);--line-color-10: var(--chart-color-11);--line-color-11: var(--chart-color-10);--line-color-12: var(--chart-color-9);--line-color-13: var(--chart-color-8);--line-color-14: var(--chart-color-7);--line-color-15: var(--chart-color-6);--line-color-16: var(--chart-color-5);--line-color-17: var(--chart-color-4);--line-color-18: var(--chart-color-3);--line-color-19: var(--chart-color-2);--line-color-20: var(--chart-color-1)}.chart-area-default-colors{--area-color-1: rgba(250, 140, 22, .1);--area-color-2: rgba(157, 118, 96, .1);--area-color-3: rgba(212, 166, 200, .1);--area-color-4: rgba(176, 122, 161, .1);--area-color-5: rgba(250, 191, 210, .1);--area-color-6: rgba(211, 114, 149, .1);--area-color-7: rgba(186, 176, 172, .1);--area-color-8: rgba(121, 112, 110, .1);--area-color-9: rgba(255, 157, 154, .1);--area-color-10: rgba(225, 87, 89, .1);--area-color-11: rgba(134, 188, 182, .1);--area-color-12: rgba(73, 152, 148, .1);--area-color-13: rgba(241, 206, 99, .1);--area-color-14: rgba(182, 153, 45, .1);--area-color-15: rgba(56, 158, 13, .1);--area-color-16: rgba(89, 126, 247, .1);--area-color-17: rgba(19, 194, 194, .1);--area-color-18: rgba(255, 122, 69, .1);--area-color-19: rgba(146, 84, 222, .1);--area-color-20: rgba(22, 119, 255, .1)}.chart-semantic-colors{--semantic-positive: var(--chart-positive-green);--semantic-neutral: var(--chart-neutral-blue);--semantic-negative: var(--chart-negative-red)}.chart-wrapper{width:100%;height:100%;position:relative}.chart-container{height:270px;width:100%;padding:4px 12px 2px;box-sizing:border-box;position:relative}.chart-container.small{height:200px;padding:4px 12px 1px}.chart-container.medium{height:270px;padding:4px 12px 2px}.chart-container.large{height:320px;padding:6px 12px 3px}.chart-container.extra-large{height:380px;padding:8px 12px 4px}.chart-tooltip{background:#000000d9;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;max-width:300px;z-index:1000;pointer-events:none}.chart-tooltip-title{font-weight:600;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:4px}.chart-tooltip-item{display:flex;align-items:center;gap:8px;margin-bottom:2px}.chart-tooltip-color{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-tooltip-label{flex:1}.chart-tooltip-value{font-weight:500}.chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#8c8c8c;font-size:14px}.chart-loading-spinner{margin-right:8px}.chart-error-icon{font-size:24px}@keyframes chartFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-animate{animation:chartFadeIn .6s ease-out}@keyframes chartUpdate{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.chart-update-animate{animation:chartUpdate .4s ease-in-out}.chart-container .echarts-line{transition:all .3s cubic-bezier(.4,0,.2,1)}.chart-container .echarts-symbol{transition:all .3s cubic-bezier(.4,0,.2,1);opacity:.3}.chart-container .echarts-line:hover{stroke-width:3px;filter:brightness(1.1)}.chart-container .echarts-symbol:hover{r:6px;filter:brightness(1.2);opacity:1}@keyframes linePointPulse{0%{r:4px;opacity:.8}50%{r:6px;opacity:1}to{r:4px;opacity:.8}}.chart-container .echarts-symbol.active{animation:linePointPulse 2s ease-in-out infinite}@keyframes lineDraw{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}.chart-container .echarts-line.animate{animation:lineDraw 1.5s ease-in-out}@media(max-width:768px){.chart-container{height:240px;padding:6px 12px 2px}.chart-container.large{height:280px;padding:8px 12px 3px}.chart-tooltip{font-size:11px;padding:6px 10px;max-width:250px}.chart-legend{gap:12px;padding:4px 10px;font-size:11px;bottom:8px}.chart-legend-color{width:10px;height:10px}}@media(max-width:480px){.chart-container{height:200px;padding:4px 12px 1px}.chart-container.large{height:240px;padding:6px 12px 2px}.chart-tooltip{font-size:11px;padding:6px 10px;max-width:250px}.chart-legend{gap:6px;padding:3px 6px;font-size:10px;bottom:6px}.chart-legend-color{width:8px;height:8px}}.chart-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 6px #0000001a;font-size:12px;color:#666}.chart-compact-bar{--chart-grid-bottom: 50px;--chart-legend-bottom: 12px}.chart-compact-pie{--chart-legend-bottom: 12px;--chart-pie-center-y: 30%}.chart-compact-line{--chart-grid-bottom: 50px;--chart-legend-bottom: 12px}.chart-compact-mixed{--chart-grid-bottom: 55px;--chart-legend-bottom: 12px}.pie-chart-container{--pie-default-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5), var(--chart-color-6)}.pie-chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pie-chart-center-text .main-value{font-size:18px;font-weight:600;color:#262626;line-height:1.2}.pie-chart-center-text .main-label{font-size:12px;color:#8c8c8c;margin-top:4px}.pie-chart-legend{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px}.pie-chart-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.pie-chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.pie-chart-legend-text{color:#666;white-space:nowrap}.pie-chart-legend{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.pie-chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.pie-chart-legend-item:hover{opacity:.7}.pie-chart-legend-item.disabled{opacity:.3}.pie-chart-legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.pie-chart-legend-text{white-space:nowrap;font-weight:500}@media(max-width:768px){.pie-chart-container{height:240px;padding:0 6px 12px}.pie-chart-container.large{height:280px;padding:0 8px 16px}.pie-chart-legend{position:static;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:16px}}@media(max-width:480px){.pie-chart-container{height:200px;padding:0 4px 8px}.pie-chart-container.large{height:240px;padding:0 6px 12px}.pie-chart-center-text .main-value{font-size:16px}}.bar-chart-container{--bar-default-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5)}.bar-chart-data-label{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:500;color:#666;background:#fffc;padding:2px 6px;border-radius:6px;white-space:nowrap}.bar-chart-group{display:flex;align-items:end;gap:4px;height:100%}.bar-chart-bar{flex:1;max-width:50px;border-radius:6px 6px 0 0;position:relative;transition:all .3s ease}.bar-chart-bar:hover{opacity:.8;transform:scaleY(1.02)}.bar-chart-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.bar-chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.bar-chart-legend-item:hover{opacity:.7}.bar-chart-legend-item.disabled{opacity:.3}.bar-chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.bar-chart-legend-text{white-space:nowrap;font-weight:500}.chart-container .echarts-for-react,.chart-container canvas{border-radius:6px}.chart-container .echarts-bar{border-radius:8px 8px 0 0!important;max-width:40px!important}.chart-container .echarts-axis-line,.chart-container .echarts-split-line{display:none!important}@media(max-width:768px){.bar-chart-legend{bottom:16px;gap:12px;padding:6px 12px;font-size:11px}.bar-chart-legend-color{width:10px;height:10px}}@media(max-width:480px){.bar-chart-legend{gap:8px;padding:4px 8px;font-size:10px;bottom:12px}.bar-chart-legend-color{width:8px;height:8px}}.line-chart-container{--line-default-colors: var(--chart-color-20), var(--chart-color-19), var(--chart-color-18), var(--chart-color-17), var(--chart-color-16), var(--chart-color-15), var(--chart-color-14), var(--chart-color-13), var(--chart-color-12), var(--chart-color-11), var(--chart-color-10), var(--chart-color-9), var(--chart-color-8), var(--chart-color-7), var(--chart-color-6), var(--chart-color-5), var(--chart-color-4), var(--chart-color-3), var(--chart-color-2), var(--chart-color-1);--line-area-colors: rgba(250, 140, 22, .1), rgba(157, 118, 96, .1), rgba(212, 166, 200, .1), rgba(176, 122, 161, .1), rgba(250, 191, 210, .1), rgba(211, 114, 149, .1), rgba(186, 176, 172, .1), rgba(121, 112, 110, .1), rgba(255, 157, 154, .1), rgba(225, 87, 89, .1), rgba(134, 188, 182, .1), rgba(73, 152, 148, .1), rgba(241, 206, 99, .1), rgba(182, 153, 45, .1), rgba(56, 158, 13, .1), rgba(89, 126, 247, .1), rgba(19, 194, 194, .1), rgba(255, 122, 69, .1), rgba(146, 84, 222, .1), rgba(22, 119, 255, .1)}.line-chart-point{r:4;stroke-width:2;transition:all .3s ease}.line-chart-point:hover{r:6;stroke-width:3}.line-chart-line{stroke-width:2;fill:none;transition:all .3s ease}.line-chart-line:hover{stroke-width:3}.line-chart-area{opacity:.1;transition:all .3s ease}.line-chart-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.line-chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.line-chart-legend-item:hover{opacity:.7}.line-chart-legend-item.disabled{opacity:.3}.line-chart-legend-color{width:12px;height:2px;border-radius:1px;flex-shrink:0}.line-chart-legend-text{white-space:nowrap;font-weight:500}@media(max-width:768px){.line-chart-legend{gap:12px;padding:6px 12px;font-size:11px}.line-chart-legend-color{width:10px;height:2px}}@media(max-width:480px){.line-chart-legend{gap:8px;padding:4px 8px;font-size:10px;bottom:4px}.line-chart-legend-color{width:8px;height:2px}}.mixed-chart-container{--mixed-bar-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5);--mixed-line-colors: var(--chart-color-20), var(--chart-color-19), var(--chart-color-18), var(--chart-color-17), var(--chart-color-16), var(--chart-color-15), var(--chart-color-14), var(--chart-color-13), var(--chart-color-12), var(--chart-color-11), var(--chart-color-10), var(--chart-color-9), var(--chart-color-8), var(--chart-color-7), var(--chart-color-6), var(--chart-color-5), var(--chart-color-4), var(--chart-color-3), var(--chart-color-2), var(--chart-color-1)}.mixed-chart-legend{display:flex;justify-content:center;gap:24px;margin-bottom:16px;padding:0 20px}.mixed-chart-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.mixed-chart-legend-icon{width:16px;height:3px;border-radius:2px}.mixed-chart-legend-icon.bar{background:#1890ff}.mixed-chart-legend-icon.line{background:#52c41a}.mixed-chart-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.mixed-chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.mixed-chart-legend-item:hover{opacity:.7}.mixed-chart-legend-item.disabled{opacity:.3}.mixed-chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.mixed-chart-legend-text{white-space:nowrap;font-weight:500}@media(max-width:768px){.mixed-chart-legend{flex-wrap:wrap;gap:12px}}.radar-chart-container{--radar-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4);--radar-area-colors: var(--chart-color-1-light), var(--chart-color-2-light), var(--chart-color-3-light), var(--chart-color-4-light)}.radar-chart-container{height:280px;width:280px;margin:0 auto;padding:0 8px 16px;box-sizing:border-box;position:relative}.radar-chart-container.small{height:200px;width:200px;padding:0 6px 12px}.radar-chart-container.large{height:350px;width:350px;padding:0 10px 20px}.radar-chart-grid{stroke:#e8e8e8;stroke-width:1;fill:none}.radar-chart-axis{stroke:#d9d9d9;stroke-width:1}.radar-chart-label{font-size:12px;fill:#666;text-anchor:middle}.radar-chart-area{fill:#1890ff1a;stroke:#1890ff;stroke-width:2}.radar-chart-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.radar-chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.radar-chart-legend-item:hover{opacity:.7}.radar-chart-legend-item.disabled{opacity:.3}.radar-chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.radar-chart-legend-text{white-space:nowrap;font-weight:500}@media(max-width:768px){.radar-chart-container{height:240px;width:240px}.radar-chart-container.large{height:280px;width:280px}}@media(max-width:480px){.radar-chart-container{height:200px;width:200px}.radar-chart-container.large{height:240px;width:240px}}.sankey-chart-container{--sankey-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5), var(--chart-color-6), var(--chart-color-7), var(--chart-color-8)}.sankey-chart-container{height:400px;width:100%;padding:20px;box-sizing:border-box}.sankey-chart-container.small{height:300px;padding:16px}.sankey-chart-container.large{height:500px;padding:24px}.sankey-chart-node{stroke:#fff;stroke-width:2;transition:all .3s ease}.sankey-chart-node:hover{stroke-width:3}.sankey-chart-link{fill:none;stroke:#999;stroke-opacity:.6;transition:all .3s ease}.sankey-chart-link:hover{stroke-opacity:.8;stroke-width:2}.sankey-chart-label{font-size:12px;fill:#666;text-anchor:middle}@media(max-width:768px){.sankey-chart-container{height:300px}.sankey-chart-container.large{height:400px}}@media(max-width:480px){.sankey-chart-container{height:250px}.sankey-chart-container.large{height:300px}}.heatmap-chart-container{--heatmap-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5)}.heatmap-chart-container{height:280px;width:100%;padding:20px;box-sizing:border-box}.heatmap-chart-container.small{height:200px;padding:16px}.heatmap-chart-container.large{height:350px;padding:24px}.heatmap-chart-cell{stroke:#fff;stroke-width:1;transition:all .3s ease}.heatmap-chart-cell:hover{stroke-width:2;stroke:#262626}.heatmap-chart-label{font-size:12px;fill:#666;text-anchor:middle}@media(max-width:768px){.heatmap-chart-container{height:240px}.heatmap-chart-container.large{height:280px}}@media(max-width:480px){.heatmap-chart-container{height:200px}.heatmap-chart-container.large{height:240px}}.scatter-chart-container{--scatter-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5)}.scatter-chart-container{height:280px;width:100%;padding:20px;box-sizing:border-box}.scatter-chart-container.small{height:200px;padding:16px}.scatter-chart-container.large{height:350px;padding:24px}.scatter-chart-point{r:4;transition:all .3s ease}.scatter-chart-point:hover{r:6;stroke-width:2}@media(max-width:768px){.scatter-chart-container{height:240px}.scatter-chart-container.large{height:280px}}@media(max-width:480px){.scatter-chart-container{height:200px}.scatter-chart-container.large{height:240px}}.gauge-chart-container{--gauge-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3)}.gauge-chart-container{height:280px;width:280px;margin:0 auto;padding:0 8px 16px;box-sizing:border-box;position:relative}.gauge-chart-container.small{height:200px;width:200px;padding:0 6px 12px}.gauge-chart-container.large{height:350px;width:350px;padding:0 8px 20px}.gauge-chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.gauge-chart-center-text .main-value{font-size:24px;font-weight:600;color:#262626;line-height:1.2}.gauge-chart-center-text .main-label{font-size:12px;color:#8c8c8c;margin-top:4px}.gauge-chart-legend{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.gauge-chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.gauge-chart-legend-item:hover{opacity:.7}.gauge-chart-legend-item.disabled{opacity:.3}.gauge-chart-legend-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.gauge-chart-legend-text{white-space:nowrap;font-weight:500}@media(max-width:768px){.gauge-chart-container{height:240px;width:240px}.gauge-chart-container.large{height:280px;width:280px}}@media(max-width:480px){.gauge-chart-container{height:200px;width:200px}.gauge-chart-container.large{height:240px;width:240px}.gauge-chart-center-text .main-value{font-size:16px}}.funnel-chart-container{--funnel-colors: var(--chart-color-1), var(--chart-color-2), var(--chart-color-3), var(--chart-color-4), var(--chart-color-5)}.funnel-chart-container{height:280px;width:100%;padding:20px;box-sizing:border-box}.funnel-chart-container.small{height:200px;padding:16px}.funnel-chart-container.large{height:350px;padding:24px}.funnel-chart-step{transition:all .3s ease}.funnel-chart-step:hover{opacity:.8}.funnel-chart-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#fff;font-weight:500;text-align:center;pointer-events:none}@media(max-width:768px){.funnel-chart-container{height:240px}.funnel-chart-container.large{height:280px}}@media(max-width:480px){.funnel-chart-container{height:200px}.funnel-chart-container.large{height:240px}}.brandinsight-page,.brandinsight-page *,.brandinsight-page *:before,.brandinsight-page *:after{box-sizing:border-box}.brandinsight-page ::-webkit-scrollbar{width:6px;height:6px}.brandinsight-page ::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.brandinsight-page ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.brandinsight-page ::-webkit-scrollbar-thumb:hover{background:#a8a8a8}:root{--brandinsight-primary: #1890ff;--brandinsight-primary-light: #40a9ff;--brandinsight-primary-dark: #096dd9;--brandinsight-success: #52c41a;--brandinsight-warning: #faad14;--brandinsight-error: #ff4d4f;--brandinsight-info: #13c2c2;--brandinsight-text-primary: #262626;--brandinsight-text-secondary: #595959;--brandinsight-text-tertiary: #8c8c8c;--brandinsight-text-disabled: #bfbfbf;--brandinsight-bg-primary: #ffffff;--brandinsight-bg-secondary: #fafafa;--brandinsight-bg-tertiary: #f5f5f5;--brandinsight-bg-page: #f0f2f5;--brandinsight-border-primary: #d9d9d9;--brandinsight-border-secondary: #f0f0f0;--brandinsight-border-tertiary: #e8e8e8;--brandinsight-shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--brandinsight-shadow-medium: 0 4px 16px rgba(0, 0, 0, .15);--brandinsight-shadow-heavy: 0 8px 32px rgba(0, 0, 0, .2);--brandinsight-radius-small: 4px;--brandinsight-radius-medium: 8px;--brandinsight-radius-large: 12px;--brandinsight-space-xs: 4px;--brandinsight-space-sm: 8px;--brandinsight-space-md: 12px;--brandinsight-space-lg: 16px;--brandinsight-space-xl: 20px;--brandinsight-space-xxl: 24px;--brandinsight-font-xs: 12px;--brandinsight-font-sm: 14px;--brandinsight-font-md: 16px;--brandinsight-font-lg: 18px;--brandinsight-font-xl: 20px;--brandinsight-font-xxl: 24px;--brandinsight-font-xxxl: 28px;--brandinsight-line-height-tight: 1.2;--brandinsight-line-height-normal: 1.5;--brandinsight-line-height-relaxed: 1.6;--brandinsight-font-weight-normal: 400;--brandinsight-font-weight-medium: 500;--brandinsight-font-weight-semibold: 600;--brandinsight-font-weight-bold: 700;--brandinsight-font-weight-extrabold: 800}.text-primary{color:var(--brandinsight-text-primary)!important}.text-secondary{color:var(--brandinsight-text-secondary)!important}.text-tertiary{color:var(--brandinsight-text-tertiary)!important}.text-disabled{color:var(--brandinsight-text-disabled)!important}.text-success{color:var(--brandinsight-success)!important}.text-warning{color:var(--brandinsight-warning)!important}.text-error{color:var(--brandinsight-error)!important}.text-info{color:var(--brandinsight-info)!important}.text-xs{font-size:var(--brandinsight-font-xs)!important}.text-sm{font-size:var(--brandinsight-font-sm)!important}.text-md{font-size:var(--brandinsight-font-md)!important}.text-lg{font-size:var(--brandinsight-font-lg)!important}.text-xl{font-size:var(--brandinsight-font-xl)!important}.text-xxl{font-size:var(--brandinsight-font-xxl)!important}.text-xxxl{font-size:var(--brandinsight-font-xxxl)!important}.font-normal{font-weight:var(--brandinsight-font-weight-normal)!important}.font-medium{font-weight:var(--brandinsight-font-weight-medium)!important}.font-semibold{font-weight:var(--brandinsight-font-weight-semibold)!important}.font-bold{font-weight:var(--brandinsight-font-weight-bold)!important}.font-extrabold{font-weight:var(--brandinsight-font-weight-extrabold)!important}.bg-primary{background-color:var(--brandinsight-bg-primary)!important}.bg-secondary{background-color:var(--brandinsight-bg-secondary)!important}.bg-tertiary{background-color:var(--brandinsight-bg-tertiary)!important}.bg-page{background-color:var(--brandinsight-bg-page)!important}.bg-success{background-color:var(--brandinsight-success)!important}.bg-warning{background-color:var(--brandinsight-warning)!important}.bg-error{background-color:var(--brandinsight-error)!important}.bg-info{background-color:var(--brandinsight-info)!important}.border-primary{border-color:var(--brandinsight-border-primary)!important}.border-secondary{border-color:var(--brandinsight-border-secondary)!important}.border-tertiary{border-color:var(--brandinsight-border-tertiary)!important}.border-radius-small{border-radius:var(--brandinsight-radius-small)!important}.border-radius-medium{border-radius:var(--brandinsight-radius-medium)!important}.border-radius-large{border-radius:var(--brandinsight-radius-large)!important}.p-xs{padding:var(--brandinsight-space-xs)!important}.p-sm{padding:var(--brandinsight-space-sm)!important}.p-md{padding:var(--brandinsight-space-md)!important}.p-lg{padding:var(--brandinsight-space-lg)!important}.p-xl{padding:var(--brandinsight-space-xl)!important}.p-xxl{padding:var(--brandinsight-space-xxl)!important}.m-xs{margin:var(--brandinsight-space-xs)!important}.m-sm{margin:var(--brandinsight-space-sm)!important}.m-md{margin:var(--brandinsight-space-md)!important}.m-lg{margin:var(--brandinsight-space-lg)!important}.m-xl{margin:var(--brandinsight-space-xl)!important}.m-xxl{margin:var(--brandinsight-space-xxl)!important}.shadow-light{box-shadow:var(--brandinsight-shadow-light)!important}.shadow-medium{box-shadow:var(--brandinsight-shadow-medium)!important}.shadow-heavy{box-shadow:var(--brandinsight-shadow-heavy)!important}.flex{display:flex!important}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.flex-1{flex:1!important}.flex-none{flex:none!important}.flex-auto{flex:auto!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.overflow-visible{overflow:visible!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-scroll{overflow-y:scroll!important}.transition{transition:all .3s ease!important}.transition-fast{transition:all .15s ease!important}.transition-slow{transition:all .5s ease!important}.hover-lift:hover{transform:translateY(-2px)!important;box-shadow:var(--brandinsight-shadow-medium)!important}.hover-scale:hover{transform:scale(1.02)!important}.hover-opacity:hover{opacity:.8!important}.hidden{display:none!important}.hidden-xs,.hidden-sm,.hidden-md,.hidden-lg,.hidden-xl{display:block!important}@media(max-width:575px){.hidden-xs{display:none!important}}@media(max-width:767px){.hidden-sm{display:none!important}}@media(max-width:991px){.hidden-md{display:none!important}}@media(max-width:1199px){.hidden-lg{display:none!important}}@media(max-width:1599px){.hidden-xl{display:none!important}}.visible-xs,.visible-sm,.visible-md,.visible-lg,.visible-xl{display:none!important}@media(max-width:575px){.visible-xs{display:block!important}}@media(max-width:767px){.visible-sm{display:block!important}}@media(max-width:991px){.visible-md{display:block!important}}@media(max-width:1199px){.visible-lg{display:block!important}}@media(max-width:1599px){.visible-xl{display:block!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.focus-visible:focus{outline:2px solid var(--brandinsight-primary)!important;outline-offset:2px!important}@media print{.no-print{display:none!important}.print-only{display:block!important}}.print-only{display:none!important}.chart-container{position:relative;width:100%;height:100%}.chart-container.small{height:200px}.chart-container.medium{height:280px}.chart-container.large{height:330px}.chart-loading{display:flex;align-items:center;justify-content:center;height:100%;color:#999;font-size:14px}.chart-error{display:flex;align-items:center;justify-content:center;height:100%;color:#ff4d4f;font-size:14px;flex-direction:column;gap:8px}.chart-title{font-size:16px;font-weight:600;color:#262626;margin-bottom:16px;padding:0 8px}.chart-subtitle{font-size:12px;color:#8c8c8c;margin-top:-12px;margin-bottom:16px;padding:0 8px}.chart-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 8px}.chart-controls{display:flex;gap:12px;align-items:center}.chart-filters{display:flex;gap:8px;align-items:center}.chart-tabs .ant-radio-group{border-radius:6px}.chart-legend{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:16px;align-items:center;justify-content:center;padding:8px 16px;background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;font-size:12px;color:#666}.chart-legend-item{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .3s ease}.chart-legend-item:hover{opacity:.7}.chart-legend-item.disabled{opacity:.3}.chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.chart-legend-text{white-space:nowrap;font-weight:500}@media(max-width:768px){.chart-container{height:240px!important}.chart-container.large{height:280px!important}.chart-toolbar{flex-direction:column;gap:12px;align-items:stretch}.chart-controls{justify-content:center;flex-wrap:wrap}.chart-legend{flex-wrap:wrap;gap:12px}}@media(max-width:480px){.chart-container{height:200px!important}.chart-container.large{height:240px!important}.chart-controls{flex-direction:column;align-items:stretch;gap:8px}.chart-filters{justify-content:center;flex-wrap:wrap}}.next-step-btn{flex:1;padding:8px 16px;background:linear-gradient(135deg,#4665d4,#6683c3,#8ea0cd);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #8fa4f34d;transition:all .3s ease}.next-step-btn:hover{background:linear-gradient(135deg,#3d5bc8,#5a73b8,#7d91c2);transform:translateY(-1px);box-shadow:0 4px 12px #8fa4f366}.next-step-btn:disabled{background:#d9d9d9;color:#999;cursor:not-allowed;box-shadow:none;opacity:.5;transform:none}.confirm-btn{flex:1;padding:8px 16px;background:linear-gradient(135deg,#4665d4,#6683c3,#8ea0cd);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #8fa4f34d;transition:all .3s ease}.confirm-btn:hover{background:linear-gradient(135deg,#3d5bc8,#5a73b8,#7d91c2);transform:translateY(-1px);box-shadow:0 4px 12px #8fa4f366}.confirm-btn:disabled{background:#d9d9d9;color:#999;cursor:not-allowed;box-shadow:none;opacity:.5;transform:none}.generate-btn{background:linear-gradient(135deg,#4665d4,#6683c3,#959ae7);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;transition:all .3s ease}.generate-btn:hover{background:linear-gradient(135deg,#3d5bc8,#5a73b8,#7d91c2);transform:translateY(-1px);box-shadow:0 4px 12px #8fa4f366}.generate-btn:disabled{background:#d9d9d9;color:#999;cursor:not-allowed;box-shadow:none;opacity:.5;transform:none}.ant-card-body{padding:16px 24px 24px!important}.flex{display:flex}.items-center{align-items:center}.mb-12{margin-bottom:12px}.inline-flex{display:inline-flex}.ml-auto{margin-left:auto}.bar{width:4px;height:14px;background:#5087ec;border-radius:2px;margin-right:12px}.title{font-size:14px;font-weight:600;color:#000}.ant-card{box-shadow:0 1px 3px #0000000d!important;border-radius:8px!important}.chart-card-wrapper{display:flex;flex-direction:column;min-height:400px}.chart-card-wrapper :deep(.ant-card-head){flex-shrink:0;padding:16px 24px 12px;min-height:48px;border-bottom:none}.chart-card-wrapper :deep(.ant-card-head-title){padding:0;height:auto;line-height:1.5}.chart-card-wrapper :deep(.ant-card-body){flex:1;display:flex;flex-direction:column;min-height:0;padding:0 24px 24px}.chart-card-wrapper :deep(.ant-spin-container){flex:1;display:flex;flex-direction:column;min-height:0}.chart-content-wrapper{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;margin-top:20px}.trend-chart{flex:1;min-height:300px;width:100%;height:100%;position:relative}.chart-card-wrapper .chart-container{height:100%!important;min-height:300px;padding:0}.chart-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.chart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}@media(max-width:1200px){.chart-card-wrapper{min-height:350px}}.page-container{padding:var(--adaptive-base-spacing, var(--spacing-md))!important}.ant-card-body{padding:var(--adaptive-content-padding, var(--spacing-md))!important}.chart-card .ant-card-body{padding:6px 12px!important}.ant-card.chart-container-card .ant-card-body,.ant-card:has(.chart-container) .ant-card-body{padding:4px 12px!important}.ant-card-body:has(.chart-wrapper),.ant-card-body:has([class*=chart]),.ant-card-body:has(.echarts-for-react){padding:4px 12px!important}.brandinsight-page .ant-card-body,.sales-page .ant-card-body,.voice-page .ant-card-body{padding:6px 12px!important}.ant-card-head{padding:0 var(--adaptive-content-padding, var(--spacing-lg))!important;min-height:calc(var(--adaptive-header-height, var(--header-height)) * .8)!important;border-bottom:none!important}.ant-table-wrapper{margin:0!important}.ant-form-item,.ant-card{margin-bottom:var(--adaptive-base-spacing, var(--spacing-lg))!important}.page-container{gap:var(--adaptive-base-spacing, var(--spacing-md));display:flex;flex-direction:column}.page-container .ant-card{margin-bottom:0!important}body>div>div+div,#app>div>div+div,.content-wrapper>div+div{margin-top:var(--adaptive-base-spacing, var(--spacing-md))!important}div[data-v-*] + div[data-v-*]{margin-top:var(--adaptive-base-spacing, var(--spacing-md))}.ant-layout-content>div+div{margin-top:var(--adaptive-base-spacing, var(--spacing-md))!important}.app-container{min-height:100vh}.app-header{position:fixed;z-index:10;width:100%;display:flex;align-items:center;padding:0 16px;height:64px;box-shadow:0 1px 4px #00000014}.app-content{margin-top:64px;padding:24px}.app-footer{text-align:center;padding:16px;color:#00000073}@media(max-width:768px){.app-header{padding:0 8px}.app-content{padding:16px}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h5-page{min-height:100vh;background-color:#f7f8fa}.h5-container{padding:12px}.h5-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 2px 8px #0000000a}.h5-card-title{font-size:16px;font-weight:600;color:#323233;margin-bottom:12px}.h5-btn{min-height:48px;font-size:16px;border-radius:8px}.h5-btn-primary{background:linear-gradient(135deg,#1890ff,#096dd9);border:none;color:#fff}.h5-btn-block{width:100%;display:block}.h5-form-item{margin-bottom:16px}.h5-input{min-height:48px;font-size:16px;border-radius:8px;border:1px solid #ebedf0;padding:12px 16px;width:100%;box-sizing:border-box}.h5-input:focus{border-color:#1890ff;outline:none}.h5-list-item{background:#fff;padding:16px;border-bottom:1px solid #ebedf0;display:flex;align-items:center;justify-content:space-between}.h5-list-item:active{background-color:#f7f8fa}.h5-empty{padding:60px 20px;text-align:center;color:#969799}.h5-empty-icon{font-size:64px;margin-bottom:16px;opacity:.3}.h5-empty-text{font-size:14px}.h5-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.h5-loading-text{margin-top:12px;color:#969799;font-size:14px}.h5-footer-bar{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:12px 16px;box-shadow:0 -2px 8px #0000000f;z-index:100}.h5-page-with-footer{padding-bottom:80px}.h5-navbar{background:linear-gradient(135deg,#1890ff,#096dd9)}.h5-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.h5-tag{padding:4px 12px;background:#f0f5ff;color:#1890ff;border-radius:4px;font-size:12px}.h5-grid{display:grid;gap:12px}.h5-grid-2{grid-template-columns:repeat(2,1fr)}.h5-grid-3{grid-template-columns:repeat(3,1fr)}@supports (bottom: env(safe-area-inset-bottom)){.h5-footer-bar{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}@media screen and (max-width:375px){html{font-size:13px}}@media screen and (min-width:414px){html{font-size:15px}}
