.geo-logo[data-v-78825873] {
  padding: 20px 16px 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.geo-logo-title[data-v-78825873] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #16171A;
  white-space: nowrap;
}
.geo-logo-mark img[data-v-78825873] {
  width: 36px;
  height: 36px;
  display: block;
  flex-shrink: 0;
}
.geo-logo-text[data-v-78825873] {
  flex-shrink: 0;
}
.geo-collapse-btn[data-v-78825873] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.geo-collapse-btn[data-v-78825873]:hover {
  background: rgba(0, 0, 0, 0.04);
}
.geo-collapse-icon[data-v-78825873] {
  width: 20px;
  height: 20px;
  display: block;
}

.geo-nav-link[data-v-8e16a9bd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 8px;
  color: #666A80;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
}
.geo-nav-link[data-v-8e16a9bd]:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #16171A;
}

/* 活跃状态：使用淡蓝色 (#5B8DEF) 替代黄橙色 (#FA8846) */
.geo-nav-link.active[data-v-8e16a9bd] {
  background: #5B8DEF1A;  /* 淡蓝，10% 透明度 */
  color: #5B8DEF;
}
.geo-sub-link[data-v-8e16a9bd] {
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
}
.geo-sub-link[data-v-8e16a9bd]:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #16171A;
}

/* 子链接活跃状态：同样使用淡蓝色 */
.geo-sub-link.active[data-v-8e16a9bd] {
  color: #5B8DEF;
  background: #5B8DEF1A;
}
.geo-sub-link-label[data-v-8e16a9bd] {
  gap: 8px;
}

.geo-side-footer[data-v-716bb2eb] {
  padding: 12px 12px 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
}
.geo-user-wrapper[data-v-716bb2eb] {
  position: relative;
}
.geo-user-card[data-v-716bb2eb] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  border-radius: 8px;
  background: none;
  border: none;
  cursor: pointer;
  width: 100%;
  text-align: left;
  transition: background 0.2s;
}
.geo-user-card[data-v-716bb2eb]:hover {
  background: rgba(0, 0, 0, 0.04);
}
.geo-user-avatar[data-v-716bb2eb] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #5B8DEF;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  flex-shrink: 0;
}
.geo-user-meta[data-v-716bb2eb] {
  flex: 1;
  min-width: 0;
}
.geo-user-name[data-v-716bb2eb] {
  font-size: 14px;
  font-weight: 500;
  color: #16171A;
}
.geo-user-email[data-v-716bb2eb] {
  font-size: 12px;
  color: #666A80;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.geo-user-caret[data-v-716bb2eb] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
  opacity: 0.6;
}
.geo-user-caret.open[data-v-716bb2eb] {
  transform: rotate(180deg);
}

/* 退出登录下拉菜单 */
.geo-logout-menu[data-v-716bb2eb] {
  position: absolute;
  bottom: calc(100% + 8px);
  left: 8px;
  right: 8px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  padding: 6px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  animation: slideUp-716bb2eb 0.2s ease;
}
@keyframes slideUp-716bb2eb {
from {
    opacity: 0;
    transform: translateY(8px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.geo-logout-btn[data-v-716bb2eb] {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 14px;
  border: none;
  border-radius: 8px;
  background: none;
  color: #EF4444;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
.geo-logout-btn[data-v-716bb2eb]:hover {
  background: #FEF2F2;
}
.geo-logout-icon[data-v-716bb2eb] {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
.geo-user-meta[data-v-716bb2eb] {
    display: none;
}
.geo-user-card[data-v-716bb2eb] {
    justify-content: center;
    padding: 8px 8px;
}
.geo-user-caret[data-v-716bb2eb] {
    display: none;
}
.geo-logout-menu[data-v-716bb2eb] {
    left: 4px;
    right: 4px;
}
}

/* 侧边栏宽度已在 App.vue 中定义，这里只保留布局相关样式 */
.geo-nav[data-v-e43b787c] {
  flex: 1;
  padding: 12px 12px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.geo-nav-link[data-v-e43b787c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  border-radius: 8px;
  color: #666A80;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.2s;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
}
.geo-nav-link[data-v-e43b787c]:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #16171A;
}

/* 活跃状态：使用淡蓝色 (#5B8DEF) 替代黄橙色 (#FA8846) */
.geo-nav-link.active[data-v-e43b787c] {
  background: #5B8DEF1A;
  color: #5B8DEF;
}
.geo-nav-label-wrap[data-v-e43b787c] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.geo-nav-icon[data-v-e43b787c] {
  width: 20px;
  height: 20px;
  display: block;
  flex-shrink: 0;
}
.geo-nav-caret[data-v-e43b787c] {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.geo-nav-caret-icon[data-v-e43b787c] {
  width: 16px;
  height: 16px;
  transition: transform 0.2s;
  display: block;
}
.geo-nav-caret-icon.open[data-v-e43b787c] {
  transform: rotate(90deg);
}
.geo-nav-group[data-v-e43b787c] {
  display: flex;
  flex-direction: column;
}
.geo-nav-group-trigger[data-v-e43b787c] {
  font-weight: 500;
}
.geo-sub-nav[data-v-e43b787c] {
  display: flex;
  flex-direction: column;
  gap: 0px;
  padding-left: 28px;
  margin-top: 2px;
}
.geo-sub-icon[data-v-e43b787c] {
  width: 16px;
  height: 16px;
  display: block;
  flex-shrink: 0;
}

/* 移动端适配 */
@media (max-width: 768px) {
.geo-nav-label-wrap span[data-v-e43b787c],
  .geo-nav-caret[data-v-e43b787c],
  .geo-logo-text[data-v-e43b787c] {
    display: none;
}
.geo-nav-label-wrap[data-v-e43b787c] {
    justify-content: center;
}
.geo-sub-nav[data-v-e43b787c] {
    padding-left: 0;
}
.geo-nav-link[data-v-e43b787c] {
    justify-content: center;
}
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  background: #f5f7fa;
  color: #16171A;
}
.geo-shell {
  display: flex;
  min-height: 100vh;
}
.geo-main {
  flex: 1;
  padding: 24px 32px;
  min-height: 100vh;
  overflow-x: auto;
}
.geo-content {
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 768px) {
.geo-main {
    padding: 16px;
}
}

/* ===== 登录页独立全屏布局 ===== */
._page_1yoj6_1[data-v-69e8bf9e] {
  display: flex;
  min-height: 100vh;
  width: 100%;
  background: #ffffff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

/* ===== 左侧视觉 ===== */
._leftVisual_1yoj6_10[data-v-69e8bf9e] {
  flex: 0 0 55%;
  background: linear-gradient(135deg, #e8f4fd 0%, #d4e8ff 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px;
  min-height: 100vh;
}
._leftVisual_1yoj6_10 img[data-v-69e8bf9e] {
  max-width: 100%;
  max-height: 80vh;
  object-fit: contain;
}

/* ===== 右侧登录面板 ===== */
._rightPanel_1yoj6_25[data-v-69e8bf9e] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 40px 60px;
  min-height: 100vh;
  background: #ffffff;
}
._title_1yoj6_36[data-v-69e8bf9e] {
  font-size: 24px;
  font-weight: 700;
  color: #16171A;
  margin-bottom: 40px;
  letter-spacing: 1px;
}
._card_1yoj6_43[data-v-69e8bf9e] {
  width: 100%;
  max-width: 380px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
._cardTitle_1yoj6_52[data-v-69e8bf9e] {
  font-size: 22px;
  font-weight: 600;
  color: #16171A;
  margin-bottom: 8px;
}

/* ===== 输入框 ===== */
._fieldWrap_1yoj6_59[data-v-69e8bf9e] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  height: 48px;
  border-radius: 10px;
  border: 1.5px solid #e8e8e8;
  background: #fafafa;
  transition: all 0.3s ease;
  cursor: text;
  position: relative;
}
._fieldWrap_1yoj6_59[data-v-69e8bf9e]:hover {
  border-color: #d0d0d0;
  background: #f8f8f8;
}

/* 输入框高亮：使用淡蓝色 #5B8DEF */
._fieldWrapHighlighted_1yoj6_73[data-v-69e8bf9e] {
  border-color: #5B8DEF !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(91, 141, 239, 0.12);
}
._fieldIcon_1yoj6_76[data-v-69e8bf9e] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  opacity: 0.6;
}
._fieldWrapHighlighted_1yoj6_73 ._fieldIcon_1yoj6_76[data-v-69e8bf9e] {
  opacity: 1;
}
._field_1yoj6_59[data-v-69e8bf9e] {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 14px;
  color: #16171A;
  outline: none;
  height: 100%;
  padding: 0;
}
._field_1yoj6_59[data-v-69e8bf9e]::placeholder {
  color: #aaa;
}
._eyeButton_1yoj6_96[data-v-69e8bf9e] {
  background: none;
  border: none;
  padding: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._eyeButton_1yoj6_96 img[data-v-69e8bf9e] {
  width: 20px;
  height: 20px;
  opacity: 0.6;
  transition: opacity 0.2s;
}
._eyeButton_1yoj6_96:hover img[data-v-69e8bf9e] {
  opacity: 1;
}
._srOnly_1yoj6_142[data-v-69e8bf9e] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* ===== 登录按钮：使用淡蓝色渐变 ===== */
._submitButton_1yoj6_120[data-v-69e8bf9e] {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 10px;
  background: linear-gradient(135deg, #5B8DEF, #4A7BD9);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 8px;
}
._submitButton_1yoj6_120[data-v-69e8bf9e]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(91, 141, 239, 0.35);
}
._submitButton_1yoj6_120[data-v-69e8bf9e]:active {
  transform: translateY(0);
  box-shadow: none;
}

/* ===== 错误提示 ===== */
._errorMessage_1yoj6_200[data-v-69e8bf9e] {
  text-align: center;
  color: #ef4444;
  font-size: 14px;
  padding: 8px 0;
  margin-top: -8px;
}

/* ===== 响应式 ===== */
@media (max-width: 1024px) {
._leftVisual_1yoj6_10[data-v-69e8bf9e] {
    flex: 0 0 45%;
    padding: 30px;
}
}
@media (max-width: 768px) {
._page_1yoj6_1[data-v-69e8bf9e] {
    flex-direction: column;
    position: relative;
}
._leftVisual_1yoj6_10[data-v-69e8bf9e] {
    flex: 1;
    min-height: 200px;
    max-height: 30vh;
    padding: 20px;
}
._leftVisual_1yoj6_10 img[data-v-69e8bf9e] {
    max-height: 150px;
}
._rightPanel_1yoj6_25[data-v-69e8bf9e] {
    padding: 30px 24px;
    min-height: 70vh;
    justify-content: flex-start;
    padding-top: 40px;
}
._title_1yoj6_36[data-v-69e8bf9e] {
    font-size: 20px;
    margin-bottom: 24px;
}
._card_1yoj6_43[data-v-69e8bf9e] {
    max-width: 100%;
}
}
/* stylelint-disable */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
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: 0.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: 0.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: -0.25em;
}
sup {
  top: -0.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: 0.75em;
  padding-bottom: 0.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: 0.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: 0.2em;
  background-color: #feffe6;
}
html, body {
    width: 100%;
    height: 100%;
}

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

*, ::before, ::after {
    box-sizing: border-box;
}

html {
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: sans-serif;
    line-height: 1.15;
}

body {
    margin: 0px;
}

[tabindex="-1"]:focus {
    outline: none;
}

hr {
    box-sizing: content-box;
    height: 0px;
    overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0px;
    margin-bottom: 0.5em;
    font-weight: 500;
}

p {
    margin-top: 0px;
    margin-bottom: 1em;
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 0px;
    text-decoration: underline dotted;
}

address {
    font-style: normal;
    line-height: inherit;
    margin-bottom: 1em;
}

input[type="text"], input[type="password"], input[type="number"], textarea {
    appearance: none;
}

ol, ul, dl {
    margin-top: 0px;
    margin-bottom: 1em;
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0px;
}

dt {
    font-weight: 500;
}

dd {
    margin-bottom: 0.5em;
    margin-left: 0px;
}

blockquote {
    margin: 0px 0px 1em;
}

dfn {
    font-style: italic;
}

pre, code, kbd, samp {
    font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0px;
    margin-bottom: 1em;
    overflow: auto;
}

figure {
    margin: 0px 0px 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 {
    text-align: left;
    caption-side: bottom;
    padding-top: 0.75em;
    padding-bottom: 0.3em;
}

input, button, select, optgroup, textarea {
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    margin: 0px;
}

button, input {
    overflow: visible;
}

button, html [type="button"], [type="reset"], [type="submit"] {
    appearance: button;
}

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0px;
}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
    appearance: listbox;
}

textarea {
    resize: vertical;
    overflow: auto;
}

fieldset {
    border: 0px;
    min-width: 0px;
    margin: 0px;
    padding: 0px;
}

legend {
    width: 100%;
    max-width: 100%;
    color: inherit;
    font-size: 1.5em;
    line-height: inherit;
    white-space: normal;
    margin-bottom: 0.5em;
    padding: 0px;
    display: block;
}

[type="number"]::-webkit-inner-spin-button {
    height: auto;
}

[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    outline-offset: -2px;
    appearance: none;
}

[type="search"]::-webkit-search-cancel-button {
    appearance: none;
}

[type="search"]::-webkit-search-decoration {
    appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    appearance: button;
}

output {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none !important;
}

.geo-shell {
    grid-template-columns: 260px 1fr;
    height: 100vh;
    display: grid;
    overflow: hidden;
}

.geo-shell.collapsed {
    grid-template-columns: 88px 1fr;
}

.geo-sidebar {
    background: rgb(247, 248, 250);
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    flex-direction: column;
    height: 100vh;
    min-height: 0px;
    display: flex;
}

.geo-logo {
    justify-content: space-between;
    align-items: center;
    height: 72px;
    padding: 0px 16px;
    display: flex;
}

.geo-logo-mark {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    display: block;
}

.geo-logo-glyph {
    width: 36px;
    height: 36px;
    display: block;
}

.geo-logo-title {
    color: rgb(22, 23, 26);
    align-items: center;
    gap: 8px;
    font-weight: 600;
    display: flex;
}

.geo-logo-text {
    font-size: 17px;
}

.geo-collapse-btn {
    color: rgb(102, 106, 128);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    display: inline-flex;
}

.geo-collapse-btn:hover {
    background: rgb(238, 240, 244);
}

.geo-collapse-btn-inline {
    margin: 0px auto;
}

.geo-collapse-icon {
    width: 24px;
    height: 24px;
    display: block;
}

.geo-collapse-icon-expand {
    transform: rotate(180deg);
}

.geo-nav {
    gap: 4px;
    padding: 8px 16px;
    display: grid;
    overflow: auto;
}

.geo-nav-link {
    color: rgb(22, 23, 26);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    justify-content: space-between;
    align-items: center;
    height: 48px;
    padding: 0px 14px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s;
    display: flex;
}

.geo-nav-link:hover {
    color: rgb(22, 23, 26);
    background: 0px 0px;
}

.geo-nav-link.active {
    color: rgb(250, 136, 70);
    box-shadow: none;
    background: rgba(250, 136, 70, 0.12);
    border-color: rgba(0, 0, 0, 0);
}

.geo-nav-label-wrap {
    align-items: center;
    gap: 8px;
    display: inline-flex;
}

.geo-nav-icon {
    object-fit: contain;
    filter: none;
    background: 0px 0px;
    width: 20px;
    height: 20px;
    display: block;
}

.geo-nav-link.active .geo-nav-icon, .geo-nav-group-trigger.active .geo-nav-icon {
    filter: brightness(0) saturate() invert(59%) sepia(79%) saturate(1011%) hue-rotate(334deg) brightness(103%) contrast(96%);
}

.geo-nav-group {
    gap: 4px;
    display: grid;
}

.geo-nav-caret {
    color: rgb(102, 106, 128);
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.geo-nav-caret-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.2s;
    transform: rotate(0deg);
}

.geo-nav-caret-icon.open {
    transform: rotate(-90deg);
}

.geo-sub-nav {
    gap: 4px;
    margin-left: 0px;
    padding-left: 28px;
    display: grid;
}

.geo-sub-link {
    color: rgb(22, 23, 26);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 0px 14px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
}

.geo-sub-link:hover {
    color: rgb(22, 23, 26);
    background: 0px 0px;
}

.geo-sub-link.active {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.12);
}

.geo-sub-icon {
    object-fit: contain;
    filter: none;
    background: 0px 0px;
    width: 20px;
    height: 20px;
    display: block;
}

.geo-sub-link.active .geo-sub-icon, .geo-sub-link.active .geo-sub-icon {
    filter: brightness(0) saturate() invert(59%) sepia(79%) saturate(1011%) hue-rotate(334deg) brightness(103%) contrast(96%);
}

.geo-side-footer {
    margin-top: auto;
    padding: 16px;
}

.geo-user-card {
    text-align: left;
    cursor: pointer;
    background: rgb(237, 238, 242);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    grid-template-columns: 36px 1fr;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 64px;
    padding: 0px 12px;
    transition: background-color 0.2s;
    display: grid;
}

.geo-user-card:hover {
    background: rgb(223, 224, 229);
}

.geo-user-card:focus-visible {
    outline-offset: 1px;
    outline: rgba(250, 136, 70, 0.45) solid 2px;
}

.geo-user-avatar {
    background: linear-gradient(135deg, var(--geo-accent), var(--geo-accent-2));
    color: rgb(255, 255, 255);
    border-radius: 999px;
    place-items: center;
    width: 36px;
    height: 36px;
    font-weight: 600;
    display: grid;
}

.geo-user-name {
    color: rgb(17, 24, 39);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    font-weight: 600;
    overflow: hidden;
}

.geo-user-email {
    color: rgb(156, 163, 175);
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    overflow: hidden;
}

.geo-sidebar.collapsed .geo-logo {
    justify-content: center;
    padding: 0px 12px;
}

.geo-sidebar.collapsed .geo-logo-title {
    gap: 0px;
}

.geo-sidebar.collapsed .geo-logo-text {
    display: none;
}

.geo-sidebar.collapsed .geo-collapse-btn {
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    position: static;
}

.geo-sidebar.collapsed .geo-nav-link {
    border-radius: 8px;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0px auto;
    padding: 14px;
}

.geo-sidebar.collapsed .geo-nav-label-wrap {
    justify-content: center;
}

.geo-sidebar.collapsed .geo-nav {
    justify-items: center;
}

.geo-sidebar.collapsed .geo-nav-label-wrap > span:not(.geo-nav-icon), .geo-sidebar.collapsed .geo-nav-caret, .geo-sidebar.collapsed .geo-sub-nav {
    display: none;
}

.geo-nav-dropdown-overlay .ant-dropdown-menu {
    background: rgb(255, 255, 255);
    border-radius: 8px;
    min-width: 160px;
    padding: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 20px;
}

.geo-nav-dropdown-overlay .ant-dropdown-menu .ant-dropdown-menu-item {
    border-radius: 4px;
    min-height: 36px;
    padding: 0px;
}

.geo-nav-dropdown-overlay .ant-dropdown-menu .ant-dropdown-menu-item:hover {
    background: rgba(102, 106, 128, 0.08);
}

.geo-nav-dropdown-item {
    color: rgb(102, 106, 128);
    align-items: center;
    gap: 8px;
    min-height: 36px;
    padding: 0px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
}

.geo-nav-dropdown-menu-item.active .geo-nav-dropdown-item {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.1);
    border-radius: 4px;
}

.geo-nav-dropdown-menu-item.active .geo-sub-icon {
    filter: brightness(0) saturate() invert(59%) sepia(79%) saturate(1011%) hue-rotate(334deg) brightness(103%) contrast(96%);
}

.geo-sidebar.collapsed .geo-side-footer {
    padding: 12px 10px;
}

.geo-sidebar.collapsed .geo-user-card {
    grid-template-columns: 1fr;
    justify-items: center;
    padding: 8px;
}

.geo-sidebar.collapsed .geo-user-meta {
    display: none;
}

.geo-user-popover .ant-popover-inner {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 12px;
    padding: 8px;
    box-shadow: rgba(22, 23, 26, 0.12) 0px 8px 24px;
}

.geo-user-popover .ant-popover-inner-content {
    padding: 0px;
}

.geo-user-menu-item {
    color: rgb(102, 106, 128);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    align-items: center;
    gap: 8px;
    min-width: 120px;
    height: 40px;
    padding: 0px 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: background-color 0.2s, color 0.2s;
    display: inline-flex;
}

.geo-user-menu-item:hover {
    color: rgb(53, 57, 77);
    background: rgb(242, 243, 247);
}

.geo-user-menu-icon {
    color: currentcolor;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    transform: rotate(180deg);
}

.geo-main {
    flex-direction: column;
    min-width: 0px;
    height: 100vh;
    min-height: 0px;
    display: flex;
    overflow: hidden;
}

.geo-header {
    background: var(--geo-card);
    justify-content: space-between;
    align-items: center;
    height: 64px;
    padding: 0px 20px;
    display: flex;
}

.geo-header-title {
    color: var(--geo-title);
    font-size: 15px;
    font-weight: 600;
}

.geo-header-sub {
    color: var(--geo-muted);
    margin-top: 2px;
    font-size: 12px;
}

.geo-logout {
    border: 1px solid var(--geo-border);
    color: rgb(75, 85, 99);
    cursor: pointer;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    padding: 7px 12px;
}

.geo-content {
    flex: 1 1 0%;
    min-height: 0px;
    padding: 32px;
    overflow: auto;
}

.geo-page {
    gap: 14px;
    display: grid;
}

.geo-page h2 {
    color: var(--geo-title);
    margin: 0px;
    font-size: 18px;
}

.geo-card {
    background: var(--geo-card);
    border: 1px solid var(--geo-border);
    box-shadow: var(--geo-shadow-sm);
    border-radius: 12px;
    padding: 12px;
}

.geo-grid-3 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    gap: 10px;
    display: grid;
}

.geo-grid-2 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
    display: grid;
}

.geo-chip {
    border: 1px solid var(--geo-border);
    color: rgb(75, 85, 99);
    cursor: pointer;
    background: rgb(255, 255, 255);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 12px;
}

.geo-chip.active {
    color: rgb(255, 255, 255);
    background: rgb(17, 24, 39);
}

.geo-table {
    border-collapse: collapse;
    width: 100%;
}

.geo-table th, .geo-table td {
    text-align: left;
    border-bottom: 1px solid rgb(238, 241, 245);
    padding: 7px 6px;
    font-size: 12px;
}

.wordbank-shell {
    grid-template-columns: 340px 1fr;
    gap: 12px;
    display: grid;
}

.wordbank-tab-wrap {
    background: rgb(240, 242, 245);
    border-radius: 14px;
    grid-template-columns: 1fr 1fr;
    padding: 5px;
    display: grid;
}

.wordbank-tab {
    color: rgb(107, 114, 128);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 12px;
    padding: 11px 0px;
    font-size: 15px;
    font-weight: 600;
}

.wordbank-tab.active {
    color: rgb(31, 41, 55);
    background: rgb(255, 255, 255);
    box-shadow: rgba(250, 136, 70, 0.6) 0px 0px 0px 2px inset, rgba(20, 20, 20, 0.08) 0px 4px 10px;
}

.wordbank-search {
    color: rgb(75, 85, 99);
    background: rgb(255, 255, 255);
    border: 1px solid rgb(217, 222, 231);
    border-radius: 14px;
    width: 100%;
    padding: 12px 14px;
}

.wordbank-left-list {
    gap: 10px;
    display: grid;
}

.wordbank-pkg-card {
    cursor: pointer;
    background: rgb(255, 255, 255);
    border: 1px solid rgb(223, 228, 236);
    border-radius: 14px;
    padding: 12px;
}

.wordbank-pkg-card.active {
    background: rgb(248, 243, 237);
    border-color: rgba(250, 136, 70, 0.8);
}

.wordbank-platform-grid {
    grid-template-columns: repeat(6, minmax(0px, 1fr));
    gap: 8px;
    display: grid;
}

.wordbank-platform-card {
    color: rgb(107, 114, 128);
    text-align: left;
    background: rgb(242, 244, 247);
    border: 1px solid rgb(227, 231, 238);
    border-radius: 14px;
    padding: 9px;
}

.wordbank-platform-card.active {
    color: rgb(255, 255, 255);
    background: linear-gradient(120deg, rgb(250, 136, 70), rgb(255, 157, 92));
    border-color: rgba(0, 0, 0, 0);
}

.wordbank-q-card {
    background: rgb(255, 255, 255);
    border: 1px solid rgb(223, 228, 236);
    border-radius: 14px;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 14px;
    display: flex;
}

.wordbank-q-meta {
    color: rgb(75, 85, 99);
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 6px;
    display: flex;
}

.monitor-page {
    gap: 12px;
}

.monitor-filter-bar {
    gap: 8px;
    display: grid;
}

.monitor-filter-row {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex;
}

.monitor-filter-label {
    color: rgb(107, 114, 128);
    min-width: 44px;
    font-size: 12px;
    font-weight: 600;
}

.monitor-chip-wrap {
    flex-wrap: wrap;
    gap: 6px;
    display: flex;
}

.monitor-date-wrap {
    color: rgb(156, 163, 175);
    align-items: center;
    gap: 6px;
    font-size: 12px;
    display: inline-flex;
}

.monitor-date-wrap input {
    border: 1px solid rgb(217, 222, 231);
    border-radius: 8px;
    padding: 4px 6px;
    font-size: 12px;
}

.monitor-metric-card {
    padding: 10px 12px;
}

.monitor-metric-label {
    color: rgb(156, 163, 175);
    font-size: 12px;
}

.monitor-metric-value {
    color: rgb(31, 41, 55);
    margin-top: 4px;
    font-size: 20px;
    font-weight: 600;
}

.monitor-card-title {
    color: rgb(31, 41, 55);
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 600;
}

.home-page {
    gap: 12px;
}

.home-head {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-head-date {
    color: rgb(156, 163, 175);
    font-size: 12px;
}

.home-top-grid {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 10px;
    display: grid;
}

.home-summary-card {
    align-items: center;
    gap: 16px;
    min-height: 120px;
    padding: 16px 20px;
    display: flex;
}

.home-summary-primary {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, rgb(250, 136, 70), rgb(255, 149, 88));
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
}

.home-summary-main {
    min-width: 120px;
}

.home-summary-label {
    color: rgb(156, 163, 175);
    font-size: 12px;
}

.home-summary-primary .home-summary-label {
    color: rgba(255, 255, 255, 0.85);
}

.home-summary-value {
    color: rgb(31, 41, 55);
    margin-top: 4px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1;
}

.home-summary-primary .home-summary-value {
    color: rgb(255, 255, 255);
}

.home-summary-split {
    background: rgb(233, 237, 242);
    width: 1px;
    height: 44px;
}

.home-summary-primary .home-summary-split {
    background: rgba(255, 255, 255, 0.35);
}

.home-summary-sub-wrap {
    gap: 24px;
    display: flex;
}

.home-summary-sub-value {
    color: rgb(31, 41, 55);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}

.home-summary-primary .home-summary-sub-value {
    color: rgb(255, 255, 255);
}

.home-summary-sub-label {
    color: rgb(156, 163, 175);
    margin-top: 4px;
    font-size: 12px;
}

.home-summary-primary .home-summary-sub-label {
    color: rgba(255, 255, 255, 0.75);
}

.home-middle-grid {
    grid-template-columns: 2fr 3fr;
    gap: 10px;
    display: grid;
}

.home-radar-card {
    padding: 14px 14px 8px;
}

.home-echart-radar {
    width: 100%;
    height: 290px;
    display: block;
}

.home-metric-list {
    gap: 8px;
    display: grid;
}

.home-metric-list .monitor-card-title {
    margin-bottom: 0px;
}

.home-metric-card {
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    display: flex;
}

.home-metric-label {
    color: rgb(55, 65, 81);
    font-size: 13px;
    font-weight: 600;
}

.home-metric-value {
    margin-top: 4px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.home-metric-value span {
    color: rgb(107, 114, 128);
    margin-left: 3px;
    font-size: 12px;
    font-weight: 500;
}

.home-metric-change {
    border-radius: 999px;
    padding: 4px 8px;
    font-size: 12px;
    font-weight: 600;
}

.home-metric-change.up {
    color: rgb(4, 120, 87);
    background: rgb(236, 253, 245);
}

.home-metric-change.down {
    color: rgb(220, 38, 38);
    background: rgb(254, 242, 242);
}

.home-trend-card {
    padding: 14px 16px 10px;
}

.home-trend-head {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.home-trend-head .monitor-card-title {
    margin-bottom: 0px;
}

.home-trend-legend {
    flex-wrap: wrap;
    gap: 14px;
    display: flex;
}

.home-legend-item {
    color: rgb(107, 114, 128);
    align-items: center;
    gap: 6px;
    font-size: 12px;
    display: inline-flex;
}

.home-legend-item i {
    border-radius: 999px;
    width: 14px;
    height: 2px;
    display: inline-block;
}

.home-echart-line {
    width: 100%;
    height: 248px;
    margin-top: 6px;
    display: block;
}

.home-axis-label {
    fill: rgb(160, 168, 179);
    font-size: 11px;
}

@media (width <= 1300px) {
    .wordbank-platform-grid {
        grid-template-columns: repeat(3, minmax(0px, 1fr));
    }
}

@media (width <= 1100px) {
    .geo-shell {
        grid-template-columns: 1fr;
        height: auto;
        min-height: 100vh;
        overflow: visible;
    }

    .geo-sidebar {
        z-index: 2;
        height: auto;
        position: sticky;
        top: 0px;
    }

    .geo-main {
        height: auto;
        overflow: visible;
    }

    .geo-content {
        overflow: visible;
    }

    .geo-grid-3, .geo-grid-2, .wordbank-shell {
        grid-template-columns: 1fr;
    }
}

@media (width <= 980px) {
    .home-top-grid, .home-middle-grid {
        grid-template-columns: 1fr;
    }
}

._root_1mnpe_1 {
    width: 100%;
    position: relative;
}

._surface_1mnpe_5 {
    isolation: isolate;
    width: 100%;
    position: relative;
}

._surface_1mnpe_5::before {
    content: "";
    inset: calc(var(--brand-word-cloud-bleed,0px) * -1);
    pointer-events: none;
    background: radial-gradient(circle at 24% 26%, rgba(255, 255, 255, 0.34), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 78% 74%, rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0) 30%);
    position: absolute;
}

._surfacePositive_1mnpe_17::before {
    background: radial-gradient(circle at 24% 26%, rgba(255, 255, 255, 0.36), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 78% 74%, rgba(250, 136, 70, 0.12), rgba(0, 0, 0, 0) 30%);
}

._surfaceNegative_1mnpe_20::before {
    background: radial-gradient(circle at 24% 26%, rgba(255, 255, 255, 0.36), rgba(0, 0, 0, 0) 34%), radial-gradient(circle at 78% 74%, rgba(64, 115, 242, 0.12), rgba(0, 0, 0, 0) 30%);
}

._item_1mnpe_23 {
    color: rgb(22, 23, 26);
    letter-spacing: -0.01em;
    white-space: nowrap;
    box-sizing: border-box;
    user-select: none;
    backdrop-filter: blur(10px);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.52);
    border-radius: 999px;
    justify-content: center;
    align-items: center;
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    transition: transform 0.18s, box-shadow 0.18s;
    display: inline-flex;
    position: absolute;
    overflow: hidden;
}

._itemLabel_1mnpe_45 {
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    display: block;
    overflow: hidden;
}

._itemPositive_1mnpe_53 {
    box-shadow: rgba(250, 136, 70, 0.14) 0px 12px 24px;
}

._itemNegative_1mnpe_56 {
    box-shadow: rgba(64, 115, 242, 0.14) 0px 12px 24px;
}

._item_1mnpe_23:hover {
    transform: translateY(-1px);
}

._tooltip_1mnpe_62 {
    z-index: 3;
    color: rgb(22, 23, 26);
    pointer-events: none;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    border-radius: 8px;
    min-width: 132px;
    padding: 12px;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 12px;
}

._tooltipTitle_1mnpe_74 {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

._tooltipRow_1mnpe_80 {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: 8px;
    display: flex;
}

._tooltipLabelWrap_1mnpe_87 {
    align-items: center;
    gap: 8px;
    min-width: 0px;
    display: inline-flex;
}

._tooltipMarker_1mnpe_93 {
    border-radius: 50%;
    flex: 0 0 auto;
    width: 6px;
    height: 6px;
}

._tooltipMarkerPositive_1mnpe_99 {
    background: rgb(250, 136, 70);
}

._tooltipMarkerNegative_1mnpe_102 {
    background: rgb(64, 115, 242);
}

._tooltipLabel_1mnpe_87, ._tooltipValue_1mnpe_106 {
    font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
    font-size: 12px;
    line-height: 18px;
}

._tooltipLabel_1mnpe_87 {
    color: rgb(102, 106, 128);
}

._tooltipValue_1mnpe_106 {
    color: rgb(22, 23, 26);
    font-weight: 600;
}

._wordCloudGrid_1a121_1 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
    display: grid;
}

._wordCloudGridLink_1a121_6 {
    color: inherit;
    text-decoration: none;
}

._wordCloudCard_1a121_10 {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 12px;
}

._wordCloudTitle_1a121_15 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._wordCloudSurface_1a121_22 {
    border-radius: 14px;
    min-height: 0px;
    padding: 18px;
    overflow: hidden;
}

._wordCloudSurfacePositive_1a121_28 {
    background: linear-gradient(137deg, rgb(255, 231, 214) 0%, rgb(225, 207, 241) 100%);
}

._wordCloudSurfaceNegative_1a121_31 {
    background: linear-gradient(137deg, rgb(191, 217, 244) 0%, rgb(216, 231, 248) 100%);
}

._wordCloudChart_1a121_34 {
    width: 100%;
}

._wordCloudEmpty_1a121_37 {
    color: rgb(102, 106, 128);
    justify-content: center;
    align-items: center;
    min-height: 220px;
    font-size: 14px;
    display: flex;
}

@media (width <= 1120px) {
    ._wordCloudGrid_1a121_1 {
        grid-template-columns: minmax(0px, 1fr);
    }
}

._root_sfwv0_1 {
    min-width: 0px;
    display: block;
}

._content_sfwv0_5 {
    min-width: 0px;
    max-width: 100%;
}

._singleLineText_sfwv0_9 {
    min-width: 0px;
    max-width: 100%;
    display: block;
}

._singleLine_sfwv0_9 {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    overflow: hidden;
}

._multiLine_sfwv0_20 {
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

._page_12x8h_1 {
    background: rgb(247, 248, 250);
    border-radius: 20px;
    flex-direction: column;
    gap: 20px;
    display: flex;
    position: relative;
}

._pageLoading_12x8h_9 {
    z-index: 6;
    backdrop-filter: blur(2px);
    background: rgba(247, 248, 250, 0.56);
    border-radius: 20px;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0px;
}

._filterRow_12x8h_20 {
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    display: flex;
}

._filterGroup_12x8h_26 {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
}

._packageSelect_12x8h_32 {
    width: 356px;
}

._filterLabel_12x8h_35 {
    color: rgb(102, 106, 128);
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._dateRange_12x8h_42 {
    flex-shrink: 0;
}

@media (width <= 768px) {
    ._packageSelect_12x8h_32 {
        width: 100%;
    }
}

._platformChips_12x8h_50 {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
}

._platformChip_12x8h_50 {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex-shrink: 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: 0.2s;
}

._platformChipActive_12x8h_66 {
    color: rgb(255, 255, 255);
}

._platformChipIdle_12x8h_69 {
    background: rgb(255, 255, 255);
}

._trendCard_12x8h_72 {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 20px;
}

._trendTitle_12x8h_77 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 10px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._trendChart_12x8h_84 {
    width: 100%;
    height: 320px;
}

._sourceGrid_12x8h_88 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
    display: grid;
}

._sourceCard_12x8h_93 {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 12px;
}

._sourceTitle_12x8h_98 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 8px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._tableWrap_12x8h_105 {
    border-radius: 10px;
    overflow: hidden;
}

._sourceTable_12x8h_109 .ant-table {
    background: 0px 0px;
}

._sourceTable_12x8h_109 .ant-table-thead > tr > th {
    color: rgb(102, 106, 128);
    white-space: nowrap;
    background: rgb(242, 243, 247);
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    height: 44px;
    padding: 0px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

._sourceTable_12x8h_109 .ant-table-tbody > tr > td {
    color: rgb(22, 23, 26);
    white-space: nowrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    height: 44px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 20px;
}

._sourceTable_12x8h_109 .ant-table-cell-fix-right {
    background: rgb(255, 255, 255);
}

._sourceTable_12x8h_109 .ant-table-cell::before {
    display: none !important;
}

._sourceTable_12x8h_109 .ant-table-empty .ant-table-tbody > tr > td {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}

._keywordCell_12x8h_141 {
    color: rgb(22, 23, 26);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._cellEllipsis_12x8h_147 {
    vertical-align: middle;
    max-width: 100%;
    display: inline-block;
}

._mentionCell_12x8h_152 {
    color: rgb(102, 106, 128);
    white-space: nowrap;
}

._mentionTag_12x8h_156 {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-width: 28px;
    height: 20px;
    padding: 0px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: inline-flex;
}

._mentionTagPositive_12x8h_168 {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.12);
}

._mentionTagNegative_12x8h_172 {
    color: rgb(64, 115, 242);
    background: rgba(64, 115, 242, 0.12);
}

._timeCell_12x8h_176 {
    color: rgb(102, 106, 128);
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
}

._actionCell_12x8h_182 {
    color: rgb(102, 106, 128);
    white-space: nowrap;
}

._detailBtn_12x8h_186 {
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._detailBtnPositive_12x8h_195 {
    color: rgb(250, 136, 70);
}

._detailBtnNegative_12x8h_198 {
    color: rgb(64, 115, 242);
}

._emptyCell_12x8h_201 {
    text-align: center;
    color: rgb(102, 106, 128);
    font-size: 14px;
}

._pager_12x8h_206 {
    justify-content: center;
    align-items: center;
    margin-top: 12px;
    display: flex;
}

._pagination_12x8h_212 .ant-pagination {
    color: rgb(102, 106, 128);
    align-items: center;
    gap: 4px;
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
    display: flex;
}

._pagination_12x8h_212 .ant-pagination-item, ._pagination_12x8h_212 .ant-pagination-prev, ._pagination_12x8h_212 .ant-pagination-next, ._pagination_12x8h_212 .ant-pagination-jump-prev, ._pagination_12x8h_212 .ant-pagination-jump-next {
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 4px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin: 0px;
    line-height: 24px;
}

._pagination_12x8h_212 .ant-pagination-item a {
    color: rgb(102, 106, 128);
    font-size: 14px;
    font-weight: 400;
}

._pagination_12x8h_212 .ant-pagination-item-active {
    background: rgb(53, 57, 77);
}

._pagination_12x8h_212 .ant-pagination-item-active a {
    color: rgb(255, 255, 255);
}

._pagination_12x8h_212 .ant-pagination-prev button, ._pagination_12x8h_212 .ant-pagination-next button {
    color: rgb(102, 106, 128);
}

._pagination_12x8h_212 .ant-pagination-disabled {
    opacity: 0.3;
}

._pagination_12x8h_212 .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis, ._pagination_12x8h_212 .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
    color: rgb(102, 106, 128);
}

._pagination_12x8h_212 .ant-pagination-prev:hover button, ._pagination_12x8h_212 .ant-pagination-next:hover button, ._pagination_12x8h_212 .ant-pagination-item:hover a {
    color: rgb(22, 23, 26);
}

._pagerText_12x8h_262 {
    color: rgb(102, 106, 128);
    font-size: 12px;
    line-height: 16px;
}

._drawerPanel_12x8h_267 {
    background: rgb(247, 248, 250);
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
}

._drawerRoot_12x8h_274 .ant-drawer-mask {
    background: rgba(0, 0, 0, 0.45);
}

._drawerRoot_12x8h_274 .ant-drawer-content-wrapper {
    box-shadow: rgba(0, 0, 0, 0.12) -8px 0px 24px;
}

._drawerRoot_12x8h_274 .ant-drawer-content {
    background: rgb(247, 248, 250);
}

._drawerRoot_12x8h_274 .ant-drawer-body {
    flex-direction: column;
    height: 100%;
    padding: 0px;
    display: flex;
    overflow: hidden;
}

._drawerHead_12x8h_290 {
    background: rgb(247, 248, 250);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    padding: 0px 24px;
    display: flex;
}

._drawerHeadTitle_12x8h_299 {
    align-items: center;
    gap: 8px;
    display: flex;
}

._drawerHeadDot_12x8h_304 {
    background: rgb(250, 136, 70);
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

._drawerTitle_12x8h_310 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._drawerCloseBtn_12x8h_317 {
    color: rgb(168, 170, 173);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    justify-content: center;
    align-items: center;
    padding: 0px;
    display: inline-flex;
}

._drawerCloseIcon_12x8h_327 {
    width: 16px;
    height: 16px;
}

._drawerBody_12x8h_331 {
    background: rgb(247, 248, 250);
    flex: 1 1 0%;
    padding: 24px;
    overflow-y: auto;
}

._drawerLoading_12x8h_337 {
    color: rgb(102, 106, 128);
    font-size: 14px;
}

._detailCard_12x8h_341 {
    background: rgb(255, 255, 255);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 12px;
    margin-bottom: 14px;
    padding: 20px;
}

._detailSection_12x8h_348 {
    margin-bottom: 20px;
}

._detailSectionLabel_12x8h_351 {
    color: rgb(22, 23, 26);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._detailQuestion_12x8h_358, ._detailAnswer_12x8h_359 {
    color: rgb(102, 106, 128);
    background: rgb(242, 243, 247);
    border-radius: 8px;
    margin: 0px;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
}

._detailAnswer_12x8h_359 {
    margin-bottom: 0px !important;
}

._detailAnswerText_12x8h_371 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
    -webkit-box-orient: vertical;
    max-height: 40px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
}

._detailMetaGrid_12x8h_381 {
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    margin-top: -4px;
    margin-bottom: 14px;
    display: grid;
}

._detailMetaItem_12x8h_388 {
    min-width: 0px;
}

._detailMetaDivider_12x8h_391 {
    background: rgba(0, 0, 0, 0.08);
    width: 1px;
    height: 24px;
    margin: 0px 20px;
}

._detailMetaLabel_12x8h_397 {
    color: rgb(102, 106, 128);
    margin: 0px 0px 4px;
    font-size: 12px;
    line-height: 18px;
}

._detailMetaStrong_12x8h_403 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._detailSentimentTag_12x8h_410 {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    height: 20px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex;
}

._detailSentimentPositive_12x8h_422 {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.12);
}

._detailSentimentNegative_12x8h_426 {
    color: rgb(64, 115, 242);
    background: rgba(64, 115, 242, 0.12);
}

._detailSentimentNeutral_12x8h_430 {
    color: rgb(102, 106, 128);
    background: rgba(102, 106, 128, 0.14);
}

._detailSourceLink_12x8h_434 {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.1);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    display: flex;
}

._detailSourceIcon_12x8h_450 {
    width: 14px;
    height: 14px;
}

._drawerFoot_12x8h_454 {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    justify-content: space-between;
    align-items: center;
    padding: 12px 20px;
    display: flex;
}

._drawerPageText_12x8h_461 {
    color: rgb(102, 106, 128);
    font-size: 12px;
    line-height: 16px;
}

._drawerPager_12x8h_466 {
    align-items: center;
    gap: 8px;
    display: flex;
}

._drawerPagerBtn_12x8h_471 {
    color: rgb(102, 106, 128);
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 12px;
    line-height: 16px;
}

._drawerPagerBtn_12x8h_471:disabled {
    cursor: not-allowed;
    opacity: 0.5;
}

._page_12x8h_1 .ant-picker {
    border-color: rgb(223, 224, 229);
    border-radius: 8px;
}

@media (width <= 1280px) {
    ._wordCloudGrid_12x8h_489, ._sourceGrid_12x8h_88 {
        grid-template-columns: 1fr;
    }
}

._page_1r0vr_1 {
    background: rgb(247, 248, 250);
    flex-direction: column;
    gap: 20px;
    height: 100%;
    min-height: 0px;
    display: flex;
}

._layout_1r0vr_9 {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    flex: 1 1 0%;
    min-height: 0px;
    display: flex;
    overflow: hidden;
}

._sidebar_1r0vr_18 {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    flex-direction: column;
    width: 320px;
    display: flex;
    overflow: hidden;
}

._sidebarHead_1r0vr_25 {
    align-items: center;
    height: 62px;
    padding: 0px 20px;
    display: flex;
}

._tabWrap_1r0vr_31 {
    background: rgb(242, 243, 247);
    border-radius: 10px;
    gap: 4px;
    width: 100%;
    padding: 3px;
    display: flex;
}

._tabBtn_1r0vr_39 {
    color: rgb(102, 106, 128);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex: 1 1 0%;
    padding: 8px 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._tabBtnActive_1r0vr_51 {
    color: rgb(22, 23, 26);
    background: rgb(255, 255, 255);
}

._packageList_1r0vr_55 {
    flex-direction: column;
    flex: 1 1 0%;
    gap: 12px;
    margin: 0px;
    padding: 0px 20px 20px;
    list-style: none;
    display: flex;
    overflow-y: auto;
}

._packageCard_1r0vr_65 {
    text-align: left;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    min-height: 80px;
    padding: 15px;
    display: flex;
}

._packageCardIdle_1r0vr_77:hover {
    border-color: rgba(0, 0, 0, 0.12);
}

._packageCardActive_1r0vr_80 {
    background: rgba(250, 136, 70, 0.1);
    border-color: rgb(250, 136, 70);
}

._packageMain_1r0vr_84 {
    min-width: 0px;
}

._packageName_1r0vr_87 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

._packageMeta_1r0vr_94 {
    color: rgb(102, 106, 128);
    align-items: center;
    gap: 6px;
    margin: 10px 0px 0px;
    font-size: 12px;
    line-height: 18px;
    display: inline-flex;
}

._packageMetaIcon_1r0vr_103 {
    width: 14px;
    height: 14px;
}

._packageChevron_1r0vr_107 {
    color: rgb(250, 136, 70);
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

._mainPanel_1r0vr_114 {
    flex-direction: column;
    flex: 1 1 0%;
    min-width: 0px;
    min-height: 0px;
    display: flex;
}

._mainHead_1r0vr_121 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    height: 84px;
    padding: 18px 20px 0px;
}

._mainTitle_1r0vr_126 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._mainSubtitle_1r0vr_133 {
    color: rgb(102, 106, 128);
    margin: 8px 0px 0px;
    font-size: 12px;
    line-height: 18px;
}

._tableWrap_1r0vr_139 {
    flex: 1 1 0%;
    min-height: 0px;
    padding: 20px;
    overflow: auto;
}

._articleTable_1r0vr_145 .ant-table {
    background: 0px 0px;
}

._articleTable_1r0vr_145 .ant-table-thead > tr > th {
    color: rgb(102, 106, 128);
    text-align: left;
    background: rgb(247, 248, 250);
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    height: 44px;
    padding: 0px 12px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

._articleTable_1r0vr_145 .ant-table-tbody > tr > td {
    vertical-align: middle;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    height: 68px;
    padding: 0px 12px;
}

._articleTable_1r0vr_145 .ant-table-cell::before {
    display: none !important;
}

._titleCol_1r0vr_169 {
    width: 388px;
}

._articleTitle_1r0vr_172 {
    color: rgb(22, 23, 26);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
}

._articleLink_1r0vr_182 {
    color: rgb(250, 136, 70);
    align-items: center;
    gap: 4px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 18px;
    text-decoration: none;
    display: inline-flex;
}

._articleLinkText_1r0vr_192 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

._articleLinkIcon_1r0vr_197 {
    flex-shrink: 0;
    width: 12px;
    height: 12px;
}

._articleLinkDisabled_1r0vr_202 {
    color: rgb(170, 171, 178);
    margin-top: 6px;
    font-size: 12px;
    line-height: 18px;
    display: inline-block;
}

._timeCol_1r0vr_209 {
    color: rgb(22, 23, 26);
    white-space: nowrap;
    width: 160px;
    font-size: 14px;
    line-height: 20px;
}

._countCol_1r0vr_216 {
    width: 100px;
}

._countTag_1r0vr_219 {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.1);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-width: 28px;
    height: 20px;
    padding: 0px 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    display: inline-flex;
}

._citationHigh_1r0vr_233, ._citationMid_1r0vr_236, ._citationLow_1r0vr_239 {
    color: rgb(250, 136, 70);
}

._actionCol_1r0vr_242 {
    width: 108px;
}

._viewBtn_1r0vr_245 {
    color: rgb(250, 136, 70);
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 0px;
    font-size: 14px;
    line-height: 20px;
}

._emptyText_1r0vr_253 {
    color: rgb(170, 171, 178);
    text-align: center;
    padding: 16px;
    font-size: 14px;
}

._drawerMask_1r0vr_259 {
    z-index: 50;
    background: rgba(0, 0, 0, 0.45);
    justify-content: flex-end;
    display: flex;
    position: fixed;
    inset: 0px;
    margin-top: 0px !important;
}

._drawerPanel_1r0vr_268 {
    background: rgb(247, 248, 250);
    flex-direction: column;
    width: min(600px, 100%);
    height: 100%;
    display: flex;
}

._drawerHead_1r0vr_275 {
    background: rgb(247, 248, 250);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    align-items: flex-start;
    min-height: 96px;
    padding: 24px;
    display: flex;
}

._drawerHeadMain_1r0vr_284 {
    min-width: 0px;
}

._drawerTitle_1r0vr_287 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._drawerSubtitle_1r0vr_294 {
    color: rgb(102, 106, 128);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 8px 0px 0px;
    font-size: 12px;
    line-height: 18px;
    overflow: hidden;
}

._drawerCloseBtn_1r0vr_303 {
    color: rgb(170, 171, 178);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    padding: 0px;
    line-height: 0;
}

._drawerCloseIcon_1r0vr_311 {
    width: 16px;
    height: 16px;
}

._drawerBody_1r0vr_315 {
    flex: 1 1 0%;
    padding: 24px;
    overflow-y: auto;
}

._summaryCard_1r0vr_320 {
    background: rgba(242, 105, 85, 0.08);
    border-radius: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    height: 108px;
    display: flex;
}

._summaryLabel_1r0vr_330 {
    color: rgb(102, 106, 128);
    margin: 0px;
    font-size: 14px;
    line-height: 20px;
}

._summaryValue_1r0vr_336 {
    margin: 0px;
    font-size: 32px;
    font-weight: 600;
    line-height: 32px;
}

._sectionTitle_1r0vr_342 {
    color: rgb(22, 23, 26);
    align-items: center;
    gap: 4px;
    margin: 24px 0px 12px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: flex;
}

._sectionTitleMuted_1r0vr_352 {
    color: rgb(102, 106, 128);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

._citationList_1r0vr_358 {
    flex-direction: column;
    gap: 12px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: flex;
}

._detailCard_1r0vr_366 {
    background: rgb(255, 255, 255);
    border-radius: 12px;
    min-height: 0px;
    margin-bottom: 14px;
    padding: 20px;
}

._detailSection_1r0vr_373 {
    margin-bottom: 20px;
}

._detailSectionLabel_1r0vr_376 {
    color: rgb(22, 23, 26);
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._detailQuestion_1r0vr_383, ._detailAnswer_1r0vr_384 {
    color: rgb(102, 106, 128);
    background: rgb(242, 243, 247);
    border-radius: 8px;
    margin: 0px;
    padding: 12px;
    font-size: 14px;
    line-height: 20px;
}

._detailAnswer_1r0vr_384 {
    margin-bottom: 0px !important;
}

._detailAnswerText_1r0vr_396 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    word-break: break-word;
    -webkit-box-orient: vertical;
    max-height: 40px;
    line-height: 20px;
    display: -webkit-box;
    overflow: hidden;
}

._detailMetaGrid_1r0vr_406 {
    grid-template-columns: 1fr auto 1fr auto 1fr;
    align-items: center;
    margin-top: -4px;
    margin-bottom: 14px;
    display: grid;
}

._detailMetaItem_1r0vr_413 {
    min-width: 0px;
}

._detailMetaDivider_1r0vr_416 {
    background: rgba(0, 0, 0, 0.08);
    width: 1px;
    height: 24px;
    margin: 0px 20px;
}

._detailMetaLabel_1r0vr_422 {
    color: rgb(102, 106, 128);
    margin: 0px 0px 4px;
    font-size: 12px;
    line-height: 18px;
}

._detailMetaStrong_1r0vr_428 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._detailSentimentTag_1r0vr_435 {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    min-width: 36px;
    height: 20px;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex;
}

._detailSourceLink_1r0vr_447 {
    color: rgb(250, 136, 70);
    background: rgba(250, 136, 70, 0.1);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    display: flex;
}

._detailSourceIcon_1r0vr_463 {
    width: 14px;
    height: 14px;
}

@media (width <= 1280px) {
    ._layout_1r0vr_9 {
        flex-direction: column;
        height: auto;
    }

    ._sidebar_1r0vr_18 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        width: 100%;
    }
}

._page_1darv_1 {
    flex-direction: column;
    gap: 16px;
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    display: flex;
}

._head_1darv_7 {
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 2px;
    display: flex;
}

._headTitleBlock_1darv_13 {
    gap: 6px;
    display: grid;
}

._title_1darv_17 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 34px;
    font-weight: 600;
    line-height: 44px;
}

._subtitle_1darv_24 {
    color: rgb(102, 106, 128);
    margin: 0px;
    font-size: 12px;
    line-height: 18px;
}

._date_1darv_30 {
    color: rgb(102, 106, 128);
    align-items: center;
    gap: 6px;
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
    display: inline-flex;
}

._summaryGrid_1darv_39 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
    display: grid;
}

._summaryCard_1darv_44 {
    min-height: 140px;
    color: inherit;
    border-radius: 20px;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 0px 20px;
    text-decoration: none;
    transition: box-shadow 0.22s, transform 0.22s;
    display: flex;
    position: relative;
    overflow: hidden;
}

._summaryCard_1darv_44:hover {
    transform: translateY(-1px);
    box-shadow: rgba(17, 23, 41, 0.08) 0px 12px 24px;
}

._summaryCardWarm_1darv_62 {
    background: linear-gradient(108deg, rgb(246, 231, 244) 0%, rgb(244, 234, 223) 45%, rgb(244, 181, 152) 100%);
}

._summaryCardCool_1darv_65 {
    background: linear-gradient(108deg, rgb(216, 240, 239) 0%, rgb(184, 215, 239) 50%, rgb(142, 176, 242) 100%);
}

._summaryLead_1darv_68 {
    flex: 0 1 auto;
    align-items: center;
    gap: 20px;
    min-width: 0px;
    display: flex;
}

._summaryIconWrap_1darv_75 {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 12px;
    flex: 0 0 48px;
    place-items: center;
    width: 48px;
    height: 48px;
    display: grid;
}

._summaryIcon_1darv_75 {
    color: rgb(106, 115, 150);
    width: 24px;
    height: 24px;
}

._summaryMain_1darv_89 {
    min-width: 0px;
}

._summaryLabel_1darv_92 {
    color: rgba(22, 23, 26, 0.8);
    font-size: 14px;
    line-height: 20px;
}

._summaryValue_1darv_97 {
    color: rgb(22, 23, 26);
    margin-top: 2px;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}

._summaryDivider_1darv_104 {
    background: rgba(102, 106, 128, 0.2);
    width: 1px;
    height: 48px;
}

._summaryTail_1darv_109 {
    flex: 0 0 auto;
    justify-content: flex-end;
    align-items: center;
    gap: 24px;
    margin-left: auto;
    display: flex;
}

._summarySubWrap_1darv_117 {
    align-items: center;
    gap: 28px;
    display: flex;
}

._summarySubItem_1darv_122 {
    align-items: center;
    gap: 10px;
    display: flex;
}

._summarySubIconWrap_1darv_127 {
    background: rgba(255, 255, 255, 0.52);
    border-radius: 8px;
    place-items: center;
    width: 32px;
    height: 32px;
    display: grid;
}

._summarySubIcon_1darv_127 {
    color: rgb(105, 113, 154);
    width: 16px;
    height: 16px;
}

._summarySubText_1darv_140 {
    min-width: 64px;
}

._summarySubValue_1darv_143 {
    color: rgb(22, 23, 26);
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

._summarySubLabel_1darv_149 {
    color: rgba(22, 23, 26, 0.8);
    margin-top: 2px;
    font-size: 14px;
    line-height: 20px;
}

._middleGrid_1darv_155 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 16px;
    display: grid;
}

._radarChart_1darv_160 {
    width: 100%;
    height: 100%;
}

._panelLinkCard_1darv_164, ._homeWordCloudSection_1darv_165 {
    transition: box-shadow 0.22s, transform 0.22s;
}

._panelLinkCard_1darv_164:hover, ._homeWordCloudSection_1darv_165:hover {
    transform: translateY(-1px);
    box-shadow: rgba(17, 23, 41, 0.08) 0px 12px 24px;
}

@media (width <= 1400px) {
    ._title_1darv_17 {
        font-size: 28px;
        line-height: 36px;
    }
}

@media (width <= 1180px) {
    ._summaryGrid_1darv_39, ._middleGrid_1darv_155 {
        grid-template-columns: 1fr;
    }
}

@media (width <= 820px) {
    ._head_1darv_7 {
        flex-direction: column;
        gap: 8px;
    }

    ._date_1darv_30 {
        margin-top: 0px;
    }

    ._summaryCard_1darv_44 {
        flex-wrap: wrap;
        gap: 14px;
        min-height: 176px;
        padding: 16px;
    }

    ._summaryLead_1darv_68, ._summaryTail_1darv_109 {
        width: 100%;
    }

    ._summaryTail_1darv_109 {
        justify-content: space-between;
        gap: 14px;
        margin-left: 0px;
    }

    ._summaryDivider_1darv_104 {
        display: none;
    }

    ._summarySubWrap_1darv_117 {
        justify-content: space-between;
        width: 100%;
    }
}

._page_1viaz_1 {
    background: rgb(247, 248, 250);
    border-radius: 20px;
    flex-direction: column;
    gap: 20px;
    display: flex;
}

._filterLayout_1viaz_8 {
    flex-direction: column;
    gap: 12px;
    display: flex;
}

._filterPrimaryRow_1viaz_13 {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    display: flex;
}

._filterLabel_1viaz_19 {
    color: rgb(102, 106, 128);
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._packageSelect_1viaz_26, ._datePicker_1viaz_29 {
    flex-shrink: 0;
}

._platformRow_1viaz_32 {
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    display: flex;
}

._platformBtn_1viaz_38 {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex-shrink: 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s;
}

._platformBtnActive_1viaz_47 {
    color: rgb(255, 255, 255);
}

._platformBtnIdle_1viaz_50 {
    background: rgb(255, 255, 255);
}

._analysisTabs_1viaz_53 {
    background: rgb(237, 238, 242);
    border-radius: 12px;
    padding: 4px;
}

._analysisTabsInner_1viaz_58 {
    gap: 4px;
    display: flex;
}

._analysisTabBtn_1viaz_62 {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex: 1 1 0%;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: color 0.2s, background 0.2s;
}

._analysisTabBtnActive_1viaz_72 {
    color: rgb(22, 23, 26);
    background: rgb(255, 255, 255);
}

._analysisTabBtnIdle_1viaz_76 {
    color: rgb(102, 106, 128);
    background: 0px 0px;
}

._analysisTabBtnIdle_1viaz_76:hover {
    color: rgb(22, 23, 26);
}

._platformPieCard_1viaz_83 {
    flex-direction: column;
    display: flex;
}

._platformPieChartWrap_1viaz_87 {
    align-items: center;
    height: 292px;
    margin-top: 8px;
    display: flex;
}

._competitorSelectCard_1viaz_93 {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 20px;
}

._competitorSelectRow_1viaz_98 {
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    display: flex;
}

._competitorSelectTitle_1viaz_104 {
    color: rgb(102, 106, 128);
    flex-shrink: 0;
    margin: 0px 12px 0px 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._competitorSelectTitleMuted_1viaz_112 {
    color: rgb(170, 171, 178);
}

._competitorBrandBtn_1viaz_115 {
    color: rgb(22, 23, 26);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex-shrink: 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._competitorBrandBtnActive_1viaz_125 {
    color: rgb(255, 255, 255);
}

._competitorBrandBtnIdle_1viaz_128 {
    background: rgb(247, 248, 250);
}

._competitorRadarCard_1viaz_131 {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 20px;
}

._competitorRadarTitle_1viaz_136 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 2px;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
}

._competitorRadarSubtitle_1viaz_143 {
    color: rgb(102, 106, 128);
    margin: 0px 0px 12px;
    font-size: 12px;
    line-height: 18px;
}

._competitorRadarChart_1viaz_149 {
    width: 100%;
    height: 320px;
}

._competitorTrendCard_1viaz_153 {
    background: rgb(255, 255, 255);
    border-radius: 20px;
    padding: 20px;
}

._competitorTrendTitle_1viaz_158 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 12px;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
}

._competitorTrendSwitch_1viaz_165 {
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
    display: flex;
}

._competitorTrendSwitchBtn_1viaz_171 {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex-shrink: 0;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._competitorTrendSwitchBtnActive_1viaz_180 {
    color: rgb(255, 255, 255);
    background: rgb(250, 136, 70);
}

._competitorTrendSwitchBtnIdle_1viaz_184 {
    color: rgb(22, 23, 26);
    background: rgb(247, 248, 250);
}

._competitorTrendChart_1viaz_188 {
    width: 100%;
    height: 320px;
}

._page_1viaz_1 .ant-select-selector {
    border-radius: 10px !important;
}

._packageSelect_1viaz_26 .ant-select-selector {
    min-height: 40px !important;
}

._datePicker_1viaz_29 .ant-picker {
    border-radius: 10px;
}

._page_1yoj6_1 {
    background: rgb(247, 248, 250);
    justify-content: center;
    align-items: stretch;
    min-height: 100vh;
    font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    display: flex;
    overflow: auto;
}

._leftVisual_1yoj6_10 {
    background: rgb(216, 229, 246);
    width: 50%;
    min-width: 520px;
    min-height: 100vh;
    position: relative;
    overflow: hidden;
}

._leftVisual_1yoj6_10 img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0px;
}

._rightPanel_1yoj6_25 {
    background: rgb(255, 255, 255);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    min-width: 520px;
    min-height: 100vh;
    padding: 24px 20px;
    display: flex;
}

._title_1yoj6_36 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 76px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1;
}

._card_1yoj6_43 {
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    width: 380px;
    min-height: 358px;
    padding: 34px 27px 28px;
}

._cardTitle_1yoj6_52 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 26px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

._fieldWrap_1yoj6_59 {
    background: rgb(247, 249, 252);
    border: 1px solid rgb(223, 224, 229);
    border-radius: 8px;
    align-items: center;
    height: 48px;
    margin-bottom: 28px;
    transition: border-color 0.2s;
    display: flex;
    position: relative;
}

._fieldWrap_1yoj6_59:focus-within, ._fieldWrapHighlighted_1yoj6_73 {
    border-color: rgb(250, 136, 70);
}

._fieldIcon_1yoj6_76 {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin-left: 13px;
    margin-right: 9px;
}

._field_1yoj6_59 {
    color: rgb(25, 25, 25);
    background: 0px 0px;
    border: 0px;
    outline: none;
    flex: 1 1 0%;
    min-width: 0px;
    height: 100%;
    font-size: 14px;
}

._field_1yoj6_59::placeholder {
    color: rgb(170, 171, 178);
}

._eyeButton_1yoj6_96 {
    cursor: pointer;
    background: 0px 0px;
    border: 0px;
    outline: none;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin-right: 15px;
    padding: 0px;
    display: inline-flex;
}

._eyeButton_1yoj6_96 img {
    width: 16px;
    height: 16px;
}

._error_1yoj6_113 {
    color: rgb(220, 38, 38);
    margin-top: -16px;
    margin-bottom: 18px;
    font-size: 13px;
    line-height: 18px;
}

._submitButton_1yoj6_120 {
    color: rgb(255, 255, 255);
    cursor: pointer;
    background: rgb(250, 136, 70);
    border: 0px;
    border-radius: 8px;
    width: 100%;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    transition: background-color 0.2s, transform 0.2s;
}

._submitButton_1yoj6_120:hover:not(:disabled) {
    background: rgb(240, 134, 71);
}

._submitButton_1yoj6_120:active:not(:disabled) {
    transform: translateY(1px);
}

._submitButton_1yoj6_120:disabled {
    opacity: 0.72;
    cursor: not-allowed;
}

._srOnly_1yoj6_142 {
    clip: rect(0px, 0px, 0px, 0px);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
}

@media (width <= 1280px) {
    ._title_1yoj6_36 {
        font-size: 36px;
    }

    ._cardTitle_1yoj6_52 {
        font-size: 22px;
    }
}

@media (width <= 1100px) {
    ._page_1yoj6_1 {
        background: rgb(247, 248, 250);
        flex-direction: column;
    }

    ._leftVisual_1yoj6_10 {
        width: 100%;
        min-width: 0px;
        height: 42vh;
        min-height: 320px;
    }

    ._rightPanel_1yoj6_25 {
        justify-content: flex-start;
        width: 100%;
        min-width: 0px;
        min-height: auto;
        padding-top: 28px;
        padding-bottom: 42px;
    }

    ._title_1yoj6_36 {
        margin-bottom: 24px;
        font-size: 32px;
    }

    ._cardTitle_1yoj6_52 {
        font-size: 20px;
    }
}

@media (width <= 520px) {
    ._rightPanel_1yoj6_25 {
        padding: 24px 12px 32px;
    }

    ._title_1yoj6_36 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    ._card_1yoj6_43 {
        width: 100%;
        max-width: 380px;
        padding: 26px 16px 24px;
    }

    ._cardTitle_1yoj6_52 {
        margin-bottom: 20px;
        font-size: 28px;
    }

    ._fieldWrap_1yoj6_59 {
        margin-bottom: 16px;
    }

    ._error_1yoj6_113 {
        margin-top: -4px;
        margin-bottom: 12px;
    }
}

._page_1bgei_1 {
    gap: 8px;
    display: grid;
}

._title_1bgei_5 {
    color: rgb(31, 41, 55);
    margin: 0px;
    font-size: 24px;
}

._text_1bgei_10 {
    color: rgb(107, 114, 128);
    margin: 0px;
}

._back_1bgei_14 {
    color: rgb(250, 136, 70);
    font-weight: 600;
}

._page_js9lh_1 {
    flex-direction: column;
    height: 100%;
    min-height: 0px;
    font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
    display: flex;
    overflow: hidden;
}

._shell_js9lh_9 {
    background: linear-gradient(rgba(250, 251, 253, 0.75) 0%, rgba(255, 255, 255, 0) 120px), rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    grid-template-columns: 320px minmax(0px, 1fr);
    height: 100%;
    min-height: 0px;
    display: grid;
    overflow: hidden;
    box-shadow: rgba(15, 23, 42, 0.04) 0px 14px 34px;
}

._sidebar_js9lh_20 {
    background: linear-gradient(rgba(250, 251, 253, 0.9) 0%, rgb(255, 255, 255) 140px);
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    flex-direction: column;
    min-height: 0px;
    display: flex;
}

._sidebarHead_js9lh_27 {
    padding: 20px 20px 16px;
}

._sidebarTitle_js9lh_30 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 18px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

._tabWrap_js9lh_37 {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
}

._tab_js9lh_37 {
    color: rgb(22, 23, 26);
    cursor: pointer;
    background: rgb(247, 248, 250);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    min-width: 60px;
    height: 34px;
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    transition: background-color 0.2s, color 0.2s, transform 0.2s;
}

._tab_js9lh_37:hover {
    background: rgb(242, 244, 247);
    transform: translateY(-1px);
}

._tabActive_js9lh_60 {
    color: rgb(255, 255, 255);
    background: rgb(250, 136, 70);
}

._tabActive_js9lh_60:hover {
    background: rgb(250, 136, 70);
}

._list_js9lh_67 {
    flex: 1 1 0%;
    min-height: 0px;
    padding: 0px 20px 20px;
    overflow-y: auto;
}

._list_js9lh_67::-webkit-scrollbar {
    width: 8px;
}

._detailContent_js9lh_74::-webkit-scrollbar {
    width: 8px;
}

._list_js9lh_67::-webkit-scrollbar-thumb {
    background: rgba(22, 23, 26, 0.12);
    border-radius: 999px;
}

._detailContent_js9lh_74::-webkit-scrollbar-thumb {
    background: rgba(22, 23, 26, 0.12);
    border-radius: 999px;
}

._reportCard_js9lh_82 {
    --cycle-accent: #4073f2;
    --cycle-surface: #4073f214;
    --cycle-shadow: #4073f21f;
    text-align: left;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    width: 100%;
    margin-top: 12px;
    padding: 15px;
    transition: border-color 0.2s, background-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

._reportCard_js9lh_82:hover {
    border-color: rgba(0, 0, 0, 0.12);
    transform: translateY(-1px);
    box-shadow: rgba(15, 23, 42, 0.04) 0px 10px 24px;
}

._reportCardActive_js9lh_101 {
    border-color: var(--cycle-accent);
    background: var(--cycle-surface);
    box-shadow: 0 10px 20px var(--cycle-shadow);
}

._reportTitle_js9lh_106 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

._reportMeta_js9lh_113 {
    color: rgb(102, 106, 128);
    align-items: center;
    gap: 10px;
    margin-top: 8px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
}

._cycleTag_js9lh_122 {
    background: var(--cycle-surface);
    min-width: 40px;
    color: var(--cycle-accent);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    display: inline-flex;
}

._cycleDaily_js9lh_135 {
    --cycle-accent: #4073f2;
    --cycle-surface: #4073f214;
    --cycle-shadow: #4073f21f;
}

._cycleWeekly_js9lh_140 {
    --cycle-accent: #fa8846;
    --cycle-surface: #fa88461a;
    --cycle-shadow: #fa884624;
}

._cycleMonthly_js9lh_145 {
    --cycle-accent: #9d50f0;
    --cycle-surface: #f4ebff;
    --cycle-shadow: #9d50f024;
}

._detail_js9lh_74 {
    flex-direction: column;
    min-height: 0px;
    display: flex;
    overflow: hidden;
}

._detailHead_js9lh_156 {
    background: linear-gradient(rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 100%);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    flex-shrink: 0;
    padding: 28px 32px 22px;
}

._detailTitle_js9lh_162 {
    color: rgb(22, 23, 26);
    letter-spacing: -0.02em;
    margin: 0px;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px;
}

._detailMeta_js9lh_170 {
    color: rgb(102, 106, 128);
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 18px;
    display: flex;
}

._summary_js9lh_179 {
    background: rgba(64, 115, 242, 0.08);
    grid-template-columns: 4px minmax(0px, 1fr);
    margin-top: 20px;
    display: grid;
}

._summaryLine_js9lh_185 {
    background: rgb(64, 115, 242);
}

._summaryBody_js9lh_188 {
    color: rgb(24, 51, 117);
    padding: 16px 20px;
}

._summaryHead_js9lh_192 {
    align-items: center;
    gap: 8px;
    display: flex;
}

._summaryIcon_js9lh_197 {
    border: 1.5px solid rgb(64, 115, 242);
    border-radius: 2px;
    flex-shrink: 0;
    width: 10px;
    height: 12px;
    position: relative;
}

._summaryIcon_js9lh_197::before, ._summaryIcon_js9lh_197::after {
    content: "";
    background: rgb(64, 115, 242);
    height: 1.5px;
    position: absolute;
    left: 2px;
    right: 2px;
}

._summaryIcon_js9lh_197::before {
    top: 3px;
}

._summaryIcon_js9lh_197::after {
    top: 6px;
}

._summaryBody_js9lh_188 strong {
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

._summaryBody_js9lh_188 p {
    color: rgb(24, 51, 117);
    margin: 10px 0px 0px;
    font-size: 14px;
    line-height: 1.8;
}

._detailContent_js9lh_74 {
    flex: 1 1 0%;
    min-height: 0px;
    padding: 0px;
    overflow-y: auto;
}

._article_js9lh_237 {
    color: rgb(22, 23, 26);
    margin: 0px;
    padding: 28px 32px 36px;
    font-size: 14px;
    line-height: 1.8;
}

._article_js9lh_237 h1, ._article_js9lh_237 h2, ._article_js9lh_237 h3, ._article_js9lh_237 h4 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 12px;
    font-weight: 600;
    line-height: 1.45;
}

._article_js9lh_237 h1 {
    margin-top: 0px;
    font-size: 24px;
}

._article_js9lh_237 h2 {
    margin-top: 34px;
    font-size: 18px;
}

._article_js9lh_237 h3 {
    margin-top: 26px;
    font-size: 16px;
}

._article_js9lh_237 p {
    margin: 0px 0px 14px;
}

._article_js9lh_237 ul, ._article_js9lh_237 ol {
    margin: 0px 0px 16px;
    padding-left: 18px;
}

._article_js9lh_237 li {
    margin: 6px 0px;
}

._article_js9lh_237 li::marker {
    color: rgb(250, 136, 70);
}

._article_js9lh_237 blockquote {
    color: rgb(24, 51, 117);
    background: rgba(64, 115, 242, 0.08);
    border-left: 3px solid rgb(64, 115, 242);
    border-radius: 0px 10px 10px 0px;
    margin: 18px 0px;
    padding: 12px 16px;
}

._article_js9lh_237 code {
    background: rgb(243, 245, 248);
    border-radius: 4px;
    padding: 1px 6px;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 12px;
}

._article_js9lh_237 pre {
    background: rgb(16, 24, 40);
    border-radius: 8px;
    margin: 16px 0px;
    padding: 12px;
    overflow: auto;
}

._article_js9lh_237 pre code {
    color: rgb(248, 250, 252);
    background: 0px 0px;
    padding: 0px;
}

._article_js9lh_237 table {
    border-collapse: collapse;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    width: 100%;
    margin: 16px 0px;
    overflow: hidden;
}

._article_js9lh_237 th, ._article_js9lh_237 td {
    text-align: left;
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 10px 12px;
}

._article_js9lh_237 th {
    color: rgb(102, 106, 128);
    background: rgb(247, 248, 250);
    font-weight: 600;
}

._article_js9lh_237 a {
    color: rgb(64, 115, 242);
    text-underline-offset: 2px;
    text-decoration: underline rgba(64, 115, 242, 0.35);
}

._fileReport_js9lh_331 {
    flex-direction: column;
    gap: 16px;
    min-height: 100%;
    padding: 28px 32px 36px;
    display: flex;
}

._fileReportHead_js9lh_338 {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 16px 18px;
    display: flex;
}

._fileReportName_js9lh_348 {
    color: rgb(22, 23, 26);
    word-break: break-word;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
}

._fileReportType_js9lh_355 {
    color: rgb(102, 106, 128);
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
}

._fileReportButton_js9lh_361 {
    color: rgb(255, 255, 255);
    background: rgb(250, 136, 70);
    border-radius: 8px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    height: 36px;
    padding: 0px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
    display: inline-flex;
}

._fileReportButton_js9lh_361:hover {
    color: rgb(255, 255, 255);
    background: rgb(244, 122, 52);
}

._inlineFilePreview_js9lh_380 {
    background: rgb(255, 255, 255);
    border: 0px;
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: block;
}

._filePreview_js9lh_388 {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    flex: 1 1 0%;
    width: 100%;
    min-height: 640px;
}

._fileDownloadHint_js9lh_396 {
    color: rgb(102, 106, 128);
    background: rgb(250, 251, 252);
    border: 1px dashed rgba(0, 0, 0, 0.12);
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    min-height: 220px;
    font-size: 14px;
    display: flex;
}

._docxPreviewShell_js9lh_407, ._pdfPreviewShell_js9lh_412 {
    background: rgb(255, 255, 255);
    min-height: 100%;
    padding: 28px 32px 36px;
}

._docxPreviewState_js9lh_417 {
    color: rgb(102, 106, 128);
    justify-content: center;
    align-items: center;
    gap: 12px;
    min-height: 180px;
    font-size: 14px;
    display: flex;
}

._docxPreview_js9lh_407 {
    color: rgb(22, 23, 26);
    font-size: 16px;
    line-height: 1.85;
}

._pdfPreview_js9lh_412 {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
    display: flex;
}

._pdfPageCanvas_js9lh_438 {
    background: rgb(255, 255, 255);
    max-width: 100%;
    height: auto;
    display: block;
}

._pdfPageLayer_js9lh_444 {
    background: rgb(255, 255, 255);
    max-width: 100%;
    position: relative;
}

._pdfTextLayer_js9lh_449 {
    text-align: initial;
    transform-origin: 0px 0px;
    forced-color-adjust: none;
    text-size-adjust: none;
    caret-color: rgba(0, 0, 0, 0);
    --total-scale-factor: 1;
    line-height: 1;
    position: absolute;
    inset: 0px;
    overflow: hidden;
}

._pdfTextLayer_js9lh_449 span, ._pdfTextLayer_js9lh_449 br {
    color: rgba(0, 0, 0, 0);
    white-space: pre;
    cursor: text;
    transform-origin: 0px 0px;
    position: absolute;
}

._pdfTextLayer_js9lh_449 ::selection {
    background: rgba(64, 115, 242, 0.26);
}

._docxPreview_js9lh_407 .docx, ._docxPreview_js9lh_407 .docx-wrapper {
    background: 0px 0px;
    padding: 0px;
}

._docxPreview_js9lh_407 section.docx {
    width: auto !important;
    min-height: 0px !important;
    box-shadow: none !important;
    background: 0px 0px !important;
    margin: 0px !important;
    padding: 0px !important;
}

._docxPreview_js9lh_407 p {
    margin: 0px 0px 14px;
}

._docxPreview_js9lh_407 table {
    border-collapse: collapse;
    width: 100%;
    margin: 16px 0px;
}

._docxPreview_js9lh_407 td, ._docxPreview_js9lh_407 th {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 8px 10px;
}

._docxPreview_js9lh_407 img {
    max-width: 100%;
    height: auto;
}

._empty_js9lh_505, ._emptyDetail_js9lh_506, ._emptyDetailError_js9lh_507 {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    min-height: 96px;
    margin-top: 12px;
    font-size: 14px;
    display: flex;
}

._empty_js9lh_505 {
    color: rgb(153, 160, 179);
    border: 1px dashed rgba(0, 0, 0, 0.07);
}

._emptyDetail_js9lh_506 {
    color: rgb(153, 160, 179);
    height: 100%;
}

._emptyDetailError_js9lh_507, ._error_js9lh_525 {
    color: rgb(242, 105, 85);
}

._error_js9lh_525 {
    background: rgb(255, 245, 243);
    border: 1px solid rgb(255, 217, 213);
    border-radius: 12px;
    margin-top: 12px;
    padding: 14px;
    font-size: 14px;
}

@media (width <= 1200px) {
    ._shell_js9lh_9 {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    ._sidebar_js9lh_20 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
        max-height: 420px;
    }

    ._detailHead_js9lh_156, ._detailContent_js9lh_74 {
        padding-left: 24px;
        padding-right: 24px;
    }

    ._detailTitle_js9lh_162 {
        font-size: 22px;
        line-height: 30px;
    }
}

@media (width <= 768px) {
    ._shell_js9lh_9 {
        border-radius: 16px;
    }

    ._sidebarHead_js9lh_27, ._list_js9lh_67, ._detailHead_js9lh_156, ._article_js9lh_237, ._fileReport_js9lh_331, ._docxPreviewShell_js9lh_407, ._pdfPreviewShell_js9lh_412 {
        padding-left: 16px;
        padding-right: 16px;
    }

    ._detailMeta_js9lh_170, ._reportMeta_js9lh_113 {
        flex-wrap: wrap;
    }

    ._summaryBody_js9lh_188 {
        padding: 14px 16px;
    }
}

._emptyState_1705k_1 {
    color: rgb(153, 160, 179);
    padding: 24px;
    font-size: 13px;
}

._detailRoot_1705k_6 {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    flex-direction: column;
    height: 100%;
    display: flex;
    overflow: hidden;
}

._detailTopBar_1705k_15 {
    background: rgb(247, 248, 250);
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    min-height: 62px;
    padding: 0px 20px;
    display: flex;
}

._questionTitle_1705k_25 {
    color: rgb(22, 23, 26);
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 0px;
    margin: 0px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
}

._topActions_1705k_36 {
    flex-shrink: 0;
    align-items: center;
    gap: 18px;
    display: inline-flex;
}

._pager_1705k_42 {
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

._pagerBtn_1705k_47 {
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    padding: 0px;
    transition: background-color 0.2s;
    display: inline-flex;
}

._pagerBtn_1705k_47:hover:not(:disabled) {
    background: rgb(247, 248, 250);
    box-shadow: rgba(0, 0, 0, 0.07) 0px 0px 0px 1px inset;
}

._pagerBtn_1705k_47:disabled {
    opacity: 0.35;
    cursor: not-allowed;
}

._pagerIcon_1705k_68 {
    width: 24px;
    height: 24px;
    display: block;
}

._pagerIconLeft_1705k_73 {
    transform: rotate(180deg);
}

._pagerIconRight_1705k_76 {
    transform: rotate(0deg);
}

._pagerText_1705k_79 {
    color: rgb(102, 106, 128);
    white-space: nowrap;
    align-items: center;
    gap: 0px;
    font-size: 12px;
    line-height: 18px;
    display: inline-flex;
}

._pagerTextMuted_1705k_88 {
    color: rgb(170, 171, 178);
}

._collapseBtn_1705k_91 {
    color: rgb(250, 136, 70);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: inline-flex;
}

._collapseIcon_1705k_103 {
    filter: brightness(0) saturate() invert(59%) sepia(79%) saturate(1011%) hue-rotate(334deg) brightness(103%) contrast(96%);
    width: 12px;
    height: 12px;
    display: block;
    transform: rotate(-90deg);
}

._detailBody_1705k_110 {
    flex: 1 1 0%;
    grid-template-columns: minmax(0px, 1fr) 240px;
    gap: 0px;
    min-height: 0px;
    display: grid;
}

._mainColumn_1705k_117 {
    border-right: 1px solid rgba(0, 0, 0, 0.07);
    min-width: 0px;
    padding: 18px 20px 20px;
    overflow-y: auto;
}

._contentHead_1705k_123 {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
}

._contentTitleWrap_1705k_129 {
    align-items: center;
    gap: 12px;
    min-width: 0px;
    display: inline-flex;
}

._contentTitle_1705k_129 {
    color: rgb(22, 23, 26);
    white-space: nowrap;
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

._contentTime_1705k_143 {
    color: rgb(170, 171, 178);
    white-space: nowrap;
    font-size: 12px;
    line-height: 18px;
}

._contentDivider_1705k_149 {
    background: rgba(0, 0, 0, 0.07);
    height: 1px;
    margin-top: 12px;
    margin-bottom: 18px;
}

._answerWrap_1705k_155 {
    gap: 14px;
    display: grid;
}

._answerHeader_1705k_159 {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    display: flex;
}

._platformName_1705k_165 {
    color: rgb(22, 23, 26);
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
}

._originalBtn_1705k_171 {
    color: rgb(255, 255, 255);
    background: rgb(250, 136, 70);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 6px;
    flex-shrink: 0;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none;
}

._answerMeta_1705k_183 {
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    display: flex;
}

._mentionTag_1705k_189, ._unMentionTag_1705k_190 {
    border-radius: 11px;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

._mentionTag_1705k_189 {
    color: rgb(54, 178, 117);
    background: rgb(225, 245, 235);
}

._unMentionTag_1705k_190 {
    color: rgb(102, 106, 128);
    background: rgb(242, 243, 247);
}

._metaSep_1705k_205 {
    background: rgba(0, 0, 0, 0.12);
    width: 1px;
    height: 12px;
}

._metaItem_1705k_210 {
    align-items: center;
    gap: 4px;
    display: inline-flex;
}

._metaIcon_1705k_215 {
    width: 16px;
    height: 16px;
    display: block;
}

._metaLabel_1705k_220 {
    color: rgb(102, 106, 128);
    font-size: 12px;
    line-height: 18px;
}

._rankValue_1705k_225, ._sentimentValue_1705k_226 {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
}

._rankValue_1705k_225 {
    color: rgb(64, 115, 242);
}

._sentimentPositive_1705k_234 {
    color: rgb(250, 136, 70);
}

._sentimentNegative_1705k_237 {
    color: rgb(64, 115, 242);
}

._sentimentNeutral_1705k_240 {
    color: rgb(22, 23, 26);
}

._answerText_1705k_243 {
    color: rgb(102, 106, 128);
    font-size: 14px;
    line-height: 1.8;
}

._answerText_1705k_243 p {
    margin: 0px 0px 10px;
}

._answerText_1705k_243 p:last-child {
    margin-bottom: 0px;
}

._answerText_1705k_243 ul, ._answerText_1705k_243 ol {
    margin: 0px 0px 10px;
    padding-left: 20px;
}

._answerText_1705k_243 li {
    margin: 2px 0px;
}

._answerText_1705k_243 a {
    color: rgb(64, 115, 242);
    text-decoration: underline;
}

._answerText_1705k_243 code {
    color: rgb(74, 85, 117);
    background: rgb(242, 243, 247);
    border-radius: 4px;
    padding: 1px 4px;
    font-size: 12px;
}

._answerText_1705k_243 pre {
    background: rgb(247, 248, 250);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    margin: 0px 0px 10px;
    padding: 10px;
    overflow-x: auto;
}

._answerText_1705k_243 pre code {
    background: 0px 0px;
    border-radius: 0px;
    padding: 0px;
}

._answerText_1705k_243 blockquote {
    color: rgb(127, 135, 154);
    border-left: 3px solid rgb(223, 224, 229);
    margin: 0px 0px 10px;
    padding-left: 10px;
}

._emptyAnswer_1705k_292 {
    color: rgb(153, 160, 179);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    padding: 16px;
    font-size: 13px;
}

._sideColumn_1705k_299 {
    align-content: start;
    gap: 10px;
    padding: 18px 14px 20px;
    display: grid;
    overflow-y: auto;
}

._sideCard_1705k_306 {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 18px;
}

._sideTitle_1705k_312 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

._competitorList_1705k_319 {
    gap: 8px;
    margin-top: 12px;
    display: grid;
}

._competitorItem_1705k_324 {
    color: rgb(148, 53, 39);
    text-align: center;
    background: rgba(242, 116, 97, 0.05);
    border-radius: 8px;
    min-height: 32px;
    padding: 0px 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
}

._sourceList_1705k_335 {
    gap: 8px;
    margin-top: 12px;
    display: grid;
}

._sourceItem_1705k_340 {
    background: rgba(89, 145, 255, 0.05);
    border-radius: 8px;
    gap: 4px;
    padding: 12px;
    text-decoration: none;
    transition: background-color 0.2s;
    display: grid;
}

._sourceItem_1705k_340:hover {
    background: rgba(89, 145, 255, 0.15);
}

._sourceTitle_1705k_352 {
    color: rgb(24, 51, 117);
    max-width: 100%;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    display: block;
}

._sourceFoot_1705k_360 {
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    display: flex;
    overflow: hidden;
}

._sourceNameWrap_1705k_367 {
    overflow: hidden;
}

._sourceName_1705k_367 {
    color: rgb(64, 115, 242);
    background: rgba(89, 145, 255, 0.08);
    border-radius: 10px;
    flex: 1 1 0%;
    min-width: 0px;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 16px;
    display: block;
}

._sourceLinkIcon_1705k_381 {
    flex-shrink: 0;
    width: 6px;
    height: 6px;
    display: block;
}

@media (width <= 1180px) {
    ._detailBody_1705k_110 {
        grid-template-columns: 1fr;
    }

    ._mainColumn_1705k_117 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.07);
        border-right-width: medium;
        border-right-style: none;
        border-right-color: currentcolor;
    }
}

._page_5k2jj_1 {
    gap: 14px;
    height: 100%;
    min-height: 0px;
}

._shell_5k2jj_6 {
    gap: 16px;
    min-width: 0px;
    height: 100%;
    min-height: 0px;
    display: flex;
}

._sidebar_5k2jj_13 {
    background: rgb(255, 255, 255);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    flex-direction: column;
    width: 320px;
    display: flex;
    overflow: hidden;
}

._sidebarHead_5k2jj_22 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 16px 16px 12px;
}

._tabWrap_5k2jj_26 {
    background: rgb(247, 248, 250);
    border-radius: 8px;
    gap: 8px;
    padding: 4px;
    display: flex;
}

._tabBtn_5k2jj_33 {
    color: rgb(102, 106, 128);
    cursor: pointer;
    background: 0px 0px;
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    flex: 1 1 0%;
    height: 34px;
    font-size: 14px;
    font-weight: 500;
}

._tabBtnActive_5k2jj_44 {
    color: rgb(22, 23, 26);
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

._searchWrap_5k2jj_49 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 12px 16px;
}

._searchInner_5k2jj_53 {
    position: relative;
}

._searchIcon_5k2jj_56 {
    color: rgb(153, 160, 179);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

._searchInput_5k2jj_65 {
    color: rgb(22, 23, 26);
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    outline: none;
    width: 100%;
    height: 34px;
    padding: 0px 10px 0px 30px;
    font-size: 13px;
}

._searchInput_5k2jj_65:focus {
    border-color: rgb(64, 115, 242);
    box-shadow: rgba(64, 115, 242, 0.12) 0px 0px 0px 2px;
}

._packageList_5k2jj_79 {
    flex: 1 1 0%;
    padding: 10px 12px 12px;
    overflow-y: auto;
}

._packageCard_5k2jj_84 {
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    margin-bottom: 10px;
    padding: 12px;
}

._packageCardIdle_5k2jj_91 {
    background: rgb(255, 255, 255);
}

._packageCardActive_5k2jj_94 {
    background: rgba(64, 115, 242, 0.08);
    border-color: rgb(64, 115, 242);
}

._packageHead_5k2jj_98 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    display: flex;
}

._packageTitle_5k2jj_104 {
    color: rgb(22, 23, 26);
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
}

._packageStatusLive_5k2jj_114, ._packageStatusPause_5k2jj_115 {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
}

._packageStatusLive_5k2jj_114 {
    color: rgb(24, 163, 74);
}

._packageStatusPause_5k2jj_115 {
    color: rgb(153, 160, 179);
}

._packageMetrics_5k2jj_126 {
    gap: 8px;
    display: grid;
}

._packageMetricsIndustry_5k2jj_130, ._packageMetricsBrand_5k2jj_133 {
    grid-template-columns: repeat(3, minmax(0px, 1fr));
}

._metricLabel_5k2jj_136 {
    color: rgb(102, 106, 128);
    font-size: 10px;
    line-height: 14px;
}

._metricValue_5k2jj_141 {
    color: rgb(22, 23, 26);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

._metricTrend_5k2jj_147 {
    align-items: center;
    gap: 2px;
    display: inline-flex;
}

._metricIconUp_5k2jj_152, ._metricIconDown_5k2jj_153 {
    width: 12px;
    height: 12px;
}

._metricIconUp_5k2jj_152 {
    color: rgb(24, 163, 74);
}

._metricIconDown_5k2jj_153 {
    color: rgb(242, 105, 85);
}

._mainCard_5k2jj_163 {
    border-color: rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    flex-direction: column;
    flex: 1 1 0%;
    min-width: 0px;
    display: flex;
    overflow: hidden;
}

._deepLinkNotice_5k2jj_172 {
    color: rgb(154, 77, 21);
    background: rgba(250, 136, 70, 0.08);
    border: 1px solid rgba(250, 136, 70, 0.24);
    border-radius: 12px;
    margin: 16px 20px 0px;
    padding: 10px 12px;
    font-size: 13px;
    line-height: 20px;
}

._mainHead_5k2jj_182 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding: 18px 20px 14px;
}

._mainHeadTop_5k2jj_186 {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    display: flex;
}

._mainTitle_5k2jj_192 {
    color: rgb(22, 23, 26);
    margin: 0px;
    font-size: 24px;
    font-weight: 600;
}

._mainMeta_5k2jj_198 {
    align-items: center;
    gap: 10px;
    display: flex;
}

._updateText_5k2jj_203 {
    color: rgb(153, 160, 179);
    font-size: 12px;
}

._platformFilter_5k2jj_207 {
    align-items: flex-start;
    gap: 8px;
    display: flex;
}

._filterLabel_5k2jj_212 {
    color: rgb(102, 106, 128);
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
}

._platformGroup_5k2jj_220 {
    flex-wrap: wrap;
    gap: 8px;
    display: flex;
}

._platformBtn_5k2jj_225 {
    color: rgb(102, 106, 128);
    cursor: pointer;
    background: rgb(247, 248, 250);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    flex-direction: column;
    flex-shrink: 0;
    align-items: center;
    min-width: 74px;
    padding: 6px 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    display: flex;
}

._platformBtnActive_5k2jj_241 {
    color: rgb(255, 255, 255);
}

._platformBtnSub_5k2jj_244 {
    color: rgb(153, 160, 179);
    margin-top: 3px;
    font-size: 10px;
    font-weight: 400;
}

._platformBtnSubActive_5k2jj_250 {
    color: rgba(255, 255, 255, 0.84);
}

._questionScroll_5k2jj_253 {
    flex-direction: column;
    flex: 1 1 0%;
    min-height: 0px;
    display: flex;
    overflow-y: auto;
}

._questionWrap_5k2jj_260 {
    padding: 14px 16px 16px;
}

._questionList_5k2jj_263 {
    gap: 10px;
    display: grid;
}

._questionCard_5k2jj_267 {
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: 12px;
    padding: 14px;
}

._questionCardIdle_5k2jj_272 {
    background: rgb(255, 255, 255);
}

._questionCardActive_5k2jj_275 {
    background: rgba(64, 115, 242, 0.08);
    border-color: rgb(64, 115, 242);
}

._questionRow_5k2jj_279 {
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    display: flex;
}

._questionMain_5k2jj_285 {
    flex: 1 1 0%;
    min-width: 0px;
}

._questionTitle_5k2jj_289 {
    color: rgb(22, 23, 26);
    margin: 0px 0px 12px;
    font-size: 14px;
    line-height: 1.5;
}

._questionMeta_5k2jj_295 {
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    display: flex;
}

._visibleTag_5k2jj_301, ._hiddenTag_5k2jj_302 {
    border-radius: 999px;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
}

._visibleTag_5k2jj_301 {
    color: rgb(24, 163, 74);
    background: rgb(234, 249, 239);
    border: 1px solid rgb(184, 235, 200);
}

._hiddenTag_5k2jj_302 {
    color: rgb(102, 106, 128);
    background: rgb(243, 244, 247);
    border: 1px solid rgb(228, 230, 236);
}

._visibleTagIcon_5k2jj_321 {
    width: 12px;
    height: 12px;
}

._rankWrap_5k2jj_325, ._sentimentWrap_5k2jj_326 {
    align-items: center;
    gap: 6px;
    display: inline-flex;
}

._rankIcon_5k2jj_331 {
    object-fit: contain;
    width: 14px;
    height: 14px;
    display: block;
}

._sentimentIcon_5k2jj_337 {
    object-fit: contain;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    display: block;
}

._rankLabel_5k2jj_344, ._sentimentLabel_5k2jj_345 {
    color: rgb(102, 106, 128);
    font-size: 12px;
}

._rankValue_5k2jj_349, ._sentimentValue_5k2jj_350 {
    color: rgb(22, 23, 26);
    font-size: 14px;
    font-weight: 600;
}

._sentimentPositive_5k2jj_355 {
    color: rgb(24, 163, 74);
}

._sentimentNegative_5k2jj_358 {
    color: rgb(242, 105, 85);
}

._sentimentNeutral_5k2jj_361 {
    color: rgb(102, 106, 128);
}

._detailBtn_5k2jj_364 {
    color: rgb(255, 255, 255);
    cursor: pointer;
    background: rgb(64, 115, 242);
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 2px;
    height: 32px;
    padding: 0px 12px;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
}

._detailBtnIcon_5k2jj_379 {
    filter: brightness(0) invert();
    width: 12px;
    height: 12px;
    display: block;
    transform: rotate(-90deg);
}

._emptyText_5k2jj_386, ._emptyQuestion_5k2jj_387 {
    color: rgb(153, 160, 179);
    padding: 8px;
    font-size: 13px;
}

._emptyQuestion_5k2jj_387 {
    padding: 16px;
}

._shellIndustry_5k2jj_395 ._sidebarHead_5k2jj_22 {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 20px 20px 10px;
}

._shellIndustry_5k2jj_395 ._tabWrap_5k2jj_26 {
    gap: 4px;
}

._shellIndustry_5k2jj_395 ._tabBtn_5k2jj_33 {
    color: rgb(22, 23, 26);
    border-radius: 4px;
    height: 32px;
    font-weight: 400;
}

._shellIndustry_5k2jj_395 ._tabBtnActive_5k2jj_44 {
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
}

._shellIndustry_5k2jj_395 ._searchWrap_5k2jj_49 {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 10px 20px 12px;
}

._shellIndustry_5k2jj_395 ._searchIcon_5k2jj_56 {
    width: 16px;
    height: 16px;
    left: 11px;
}

._shellIndustry_5k2jj_395 ._searchInput_5k2jj_65 {
    border-color: rgb(223, 224, 229);
    border-radius: 6px;
    height: 36px;
    padding-left: 31px;
    font-size: 14px;
}

._shellIndustry_5k2jj_395 ._searchInput_5k2jj_65::placeholder {
    color: rgb(170, 171, 178);
}

._shellIndustry_5k2jj_395 ._searchInput_5k2jj_65:focus {
    border-color: rgb(250, 136, 70);
    box-shadow: rgba(250, 136, 70, 0.12) 0px 0px 0px 2px;
}

._shellIndustry_5k2jj_395 ._packageList_5k2jj_79 {
    padding: 8px 20px 14px;
}

._shellIndustry_5k2jj_395 ._packageCard_5k2jj_84 {
    min-height: 104px;
    margin-bottom: 12px;
    padding: 11px;
}

._shellIndustry_5k2jj_395 ._packageCardActive_5k2jj_94 {
    background: rgba(250, 136, 70, 0.1);
    border-color: rgb(250, 136, 70);
}

._shellIndustry_5k2jj_395 ._packageHead_5k2jj_98 {
    margin-bottom: 11px;
}

._shellIndustry_5k2jj_395 ._packageTitle_5k2jj_104 {
    font-size: 16px;
    line-height: 22px;
}

._shellIndustry_5k2jj_395 ._packageStatusLive_5k2jj_114, ._shellIndustry_5k2jj_395 ._packageStatusPause_5k2jj_115 {
    width: 16px;
    height: 16px;
}

._shellIndustry_5k2jj_395 ._packageMetricsIndustry_5k2jj_130 {
    gap: 0px;
}

._shellIndustry_5k2jj_395 ._packageMetricsIndustry_5k2jj_130 > div {
    padding: 0px 10px;
}

._shellIndustry_5k2jj_395 ._packageMetricsIndustry_5k2jj_130 > div:first-child {
    padding-left: 0px;
}

._shellIndustry_5k2jj_395 ._packageMetricsIndustry_5k2jj_130 > div:last-child {
    padding-right: 0px;
}

._shellIndustry_5k2jj_395 ._packageMetricsIndustry_5k2jj_130 > div + div {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

._shellIndustry_5k2jj_395 ._metricLabel_5k2jj_136 {
    font-size: 12px;
    line-height: 18px;
}

._shellIndustry_5k2jj_395 ._metricValue_5k2jj_141 {
    font-size: 14px;
    line-height: 20px;
}

._shellIndustry_5k2jj_395 ._mainHead_5k2jj_182 {
    padding: 20px 20px 14px;
}

._shellIndustry_5k2jj_395 ._updateText_5k2jj_203 {
    color: rgb(102, 106, 128);
}

._shellIndustry_5k2jj_395 ._platformBtn_5k2jj_225 {
    border-radius: 8px;
    min-width: 92px;
    padding: 8px 16px;
}

._shellIndustry_5k2jj_395 ._platformBtnActive_5k2jj_241 {
    color: rgb(255, 255, 255);
}

._shellIndustry_5k2jj_395 ._platformBtnSubActive_5k2jj_250 {
    color: rgba(255, 255, 255, 0.6);
}

._shellIndustry_5k2jj_395 ._questionWrap_5k2jj_260 {
    padding: 14px 20px 20px;
}

._shellIndustry_5k2jj_395 ._questionList_5k2jj_263 {
    gap: 14px;
}

._shellIndustry_5k2jj_395 ._questionCard_5k2jj_267 {
    min-height: 104px;
    padding: 19px 18px;
}

._shellIndustry_5k2jj_395 ._questionCardActive_5k2jj_275 {
    background: rgb(255, 255, 255);
    border-color: rgba(0, 0, 0, 0.07);
}

._shellIndustry_5k2jj_395 ._questionTitle_5k2jj_289 {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
}

._shellIndustry_5k2jj_395 ._visibleTag_5k2jj_301, ._shellIndustry_5k2jj_395 ._hiddenTag_5k2jj_302 {
    border-width: medium;
    border-style: none;
    border-color: currentcolor;
    border-image: none;
    border-radius: 14px;
    padding: 4px 12px;
    font-size: 14px;
    line-height: 20px;
}

._shellIndustry_5k2jj_395 ._visibleTag_5k2jj_301 {
    color: rgb(54, 178, 117);
    background: rgb(225, 245, 235);
}

._shellIndustry_5k2jj_395 ._hiddenTag_5k2jj_302 {
    color: rgb(102, 106, 128);
    background: rgb(242, 243, 247);
}

._shellIndustry_5k2jj_395 ._visibleTagIcon_5k2jj_321 {
    width: 16px;
    height: 16px;
}

._shellIndustry_5k2jj_395 ._rankWrap_5k2jj_325, ._shellIndustry_5k2jj_395 ._sentimentWrap_5k2jj_326 {
    gap: 4px;
}

._shellIndustry_5k2jj_395 ._rankIcon_5k2jj_331 {
    width: 16px;
    height: 16px;
}

._shellIndustry_5k2jj_395 ._rankLabel_5k2jj_344, ._shellIndustry_5k2jj_395 ._sentimentLabel_5k2jj_345, ._shellIndustry_5k2jj_395 ._rankValue_5k2jj_349, ._shellIndustry_5k2jj_395 ._sentimentValue_5k2jj_350 {
    font-size: 14px;
    line-height: 20px;
}

._shellIndustry_5k2jj_395 ._rankValue_5k2jj_349 {
    color: rgb(64, 115, 242);
}

._shellIndustry_5k2jj_395 ._sentimentPositive_5k2jj_355 {
    color: rgb(250, 136, 70);
}

._shellIndustry_5k2jj_395 ._sentimentNegative_5k2jj_358 {
    color: rgb(64, 115, 242);
}

._shellIndustry_5k2jj_395 ._detailBtn_5k2jj_364 {
    background: rgb(250, 136, 70);
    border-radius: 6px;
    height: 36px;
    padding: 0px 12px;
    font-size: 14px;
}

._shellBrand_5k2jj_569 ._sidebarHead_5k2jj_22 {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 20px 20px 10px;
}

._shellBrand_5k2jj_569 ._tabWrap_5k2jj_26 {
    gap: 4px;
}

._shellBrand_5k2jj_569 ._tabBtn_5k2jj_33 {
    color: rgb(22, 23, 26);
    border-radius: 4px;
    height: 32px;
    font-weight: 400;
}

._shellBrand_5k2jj_569 ._tabBtnActive_5k2jj_44 {
    font-weight: 500;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
}

._shellBrand_5k2jj_569 ._searchWrap_5k2jj_49 {
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
    padding: 10px 20px 12px;
}

._shellBrand_5k2jj_569 ._searchIcon_5k2jj_56 {
    width: 16px;
    height: 16px;
    left: 11px;
}

._shellBrand_5k2jj_569 ._searchInput_5k2jj_65 {
    border-color: rgb(223, 224, 229);
    border-radius: 6px;
    height: 36px;
    padding-left: 31px;
    font-size: 14px;
}

._shellBrand_5k2jj_569 ._searchInput_5k2jj_65::placeholder {
    color: rgb(170, 171, 178);
}

._shellBrand_5k2jj_569 ._searchInput_5k2jj_65:focus {
    border-color: rgb(250, 136, 70);
    box-shadow: rgba(250, 136, 70, 0.12) 0px 0px 0px 2px;
}

._shellBrand_5k2jj_569 ._packageList_5k2jj_79 {
    padding: 8px 20px 14px;
}

._shellBrand_5k2jj_569 ._packageCard_5k2jj_84 {
    min-height: 104px;
    margin-bottom: 12px;
    padding: 11px;
}

._shellBrand_5k2jj_569 ._packageCardActive_5k2jj_94 {
    background: rgba(250, 136, 70, 0.1);
    border-color: rgb(250, 136, 70);
}

._shellBrand_5k2jj_569 ._packageHead_5k2jj_98 {
    margin-bottom: 11px;
}

._shellBrand_5k2jj_569 ._packageTitle_5k2jj_104 {
    font-size: 16px;
    line-height: 22px;
}

._shellBrand_5k2jj_569 ._packageStatusLive_5k2jj_114, ._shellBrand_5k2jj_569 ._packageStatusPause_5k2jj_115 {
    width: 16px;
    height: 16px;
}

._shellBrand_5k2jj_569 ._packageMetricsBrand_5k2jj_133 {
    gap: 0px;
}

._shellBrand_5k2jj_569 ._packageMetricsBrand_5k2jj_133 > div {
    padding: 0px 10px;
}

._shellBrand_5k2jj_569 ._packageMetricsBrand_5k2jj_133 > div:first-child {
    padding-left: 0px;
}

._shellBrand_5k2jj_569 ._packageMetricsBrand_5k2jj_133 > div:last-child {
    padding-right: 0px;
}

._shellBrand_5k2jj_569 ._packageMetricsBrand_5k2jj_133 > div + div {
    border-left: 1px solid rgba(0, 0, 0, 0.07);
}

._shellBrand_5k2jj_569 ._metricLabel_5k2jj_136 {
    font-size: 12px;
    line-height: 18px;
}

._shellBrand_5k2jj_569 ._metricValue_5k2jj_141 {
    font-size: 14px;
    line-height: 20px;
}

._shellBrand_5k2jj_569 ._mainHead_5k2jj_182 {
    padding: 20px 20px 14px;
}

._shellBrand_5k2jj_569 ._updateText_5k2jj_203 {
    color: rgb(102, 106, 128);
}

._shellBrand_5k2jj_569 ._platformBtn_5k2jj_225 {
    border-radius: 8px;
    min-width: 92px;
    padding: 8px 16px;
}

._shellBrand_5k2jj_569 ._platformBtnActive_5k2jj_241 {
    color: rgb(255, 255, 255);
}

._shellBrand_5k2jj_569 ._platformBtnSubActive_5k2jj_250 {
    color: rgba(255, 255, 255, 0.8);
}

._shellBrand_5k2jj_569 ._questionWrap_5k2jj_260 {
    padding: 14px 20px 20px;
}

._shellBrand_5k2jj_569 ._questionList_5k2jj_263 {
    gap: 14px;
}

._shellBrand_5k2jj_569 ._questionCard_5k2jj_267 {
    min-height: 104px;
    padding: 19px 18px;
}

._shellBrand_5k2jj_569 ._questionCardActive_5k2jj_275 {
    background: rgb(255, 255, 255);
    border-color: rgba(0, 0, 0, 0.07);
}

._shellBrand_5k2jj_569 ._questionTitle_5k2jj_289 {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 24px;
}

._shellBrand_5k2jj_569 ._questionMeta_5k2jj_295 {
    gap: 8px;
}

._shellBrand_5k2jj_569 ._rankLabel_5k2jj_344, ._shellBrand_5k2jj_569 ._sentimentLabel_5k2jj_345, ._shellBrand_5k2jj_569 ._rankValue_5k2jj_349, ._shellBrand_5k2jj_569 ._sentimentValue_5k2jj_350 {
    font-size: 14px;
    line-height: 20px;
}

._shellBrand_5k2jj_569 ._sentimentPositive_5k2jj_355 {
    color: rgb(250, 136, 70);
}

._shellBrand_5k2jj_569 ._sentimentNegative_5k2jj_358 {
    color: rgb(64, 115, 242);
}

._shellBrand_5k2jj_569 ._detailBtn_5k2jj_364 {
    background: rgb(250, 136, 70);
    border-radius: 6px;
    height: 36px;
    padding: 0px 12px;
    font-size: 14px;
}

@media (width <= 1200px) {
    ._shell_5k2jj_6 {
        flex-direction: column;
        height: auto;
        min-height: 100%;
    }

    ._sidebar_5k2jj_13 {
        width: 100%;
        max-height: 380px;
    }
}

*, ::before, ::after, ::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #3b82f680;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

*, ::before, ::after {
    box-sizing: border-box;
    border: 0px solid rgb(229, 231, 235);
}

::before, ::after {
    --tw-content: "";
}

html, :host {
    text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    line-height: 1.5;
}

body {
    line-height: inherit;
    margin: 0px;
}

hr {
    height: 0px;
    color: inherit;
    border-top-width: 1px;
}

abbr:where([title]) {
    text-decoration: underline dotted;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp, pre {
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

table {
    text-indent: 0px;
    border-color: inherit;
    border-collapse: collapse;
}

button, input, optgroup, select, textarea {
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    margin: 0px;
    padding: 0px;
}

button, select {
    text-transform: none;
}

button, input:where([type="button"]), input:where([type="reset"]), input:where([type="submit"]) {
    appearance: button;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
}

progress {
    vertical-align: baseline;
}

::-webkit-inner-spin-button {
    height: auto;
}

::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    appearance: textfield;
    outline-offset: -2px;
}

::-webkit-search-decoration {
    appearance: none;
}

::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}

summary {
    display: list-item;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0px;
}

fieldset {
    margin: 0px;
    padding: 0px;
}

legend {
    padding: 0px;
}

ol, ul, menu {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

dialog {
    padding: 0px;
}

textarea {
    resize: vertical;
}

input::placeholder, textarea::placeholder {
    opacity: 1;
    color: rgb(156, 163, 175);
}

button, [role="button"] {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
}

img, video {
    max-width: 100%;
    height: auto;
}

[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}

.\!container {
    width: 100% !important;
}

.container {
    width: 100%;
}

@media (width >= 640px) {
    .\!container {
        max-width: 640px !important;
    }

    .container {
        max-width: 640px;
    }
}

@media (width >= 768px) {
    .\!container {
        max-width: 768px !important;
    }

    .container {
        max-width: 768px;
    }
}

@media (width >= 1024px) {
    .\!container {
        max-width: 1024px !important;
    }

    .container {
        max-width: 1024px;
    }
}

@media (width >= 1280px) {
    .\!container {
        max-width: 1280px !important;
    }

    .container {
        max-width: 1280px;
    }
}

@media (width >= 1536px) {
    .\!container {
        max-width: 1536px !important;
    }

    .container {
        max-width: 1536px;
    }
}

.pointer-events-none {
    pointer-events: none;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.static {
    position: static;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.inset-0 {
    inset: 0px;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.mb-2 {
    margin-bottom: 0.5rem;
}

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mb-8 {
    margin-bottom: 2rem;
}

.mt-0\.5 {
    margin-top: 0.125rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mt-10 {
    margin-top: 2.5rem;
}

.mt-2 {
    margin-top: 0.5rem;
}

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.mt-8 {
    margin-top: 2rem;
}

.mt-\[10px\] {
    margin-top: 10px;
}

.mt-\[2px\] {
    margin-top: 2px;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.table {
    display: table;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.h-1\.5 {
    height: 0.375rem;
}

.h-10 {
    height: 2.5rem;
}

.h-12 {
    height: 3rem;
}

.h-4 {
    height: 1rem;
}

.h-5 {
    height: 1.25rem;
}

.h-8 {
    height: 2rem;
}

.h-\[100px\] {
    height: 100px;
}

.h-\[14px\] {
    height: 14px;
}

.h-\[240px\] {
    height: 240px;
}

.h-\[300px\] {
    height: 300px;
}

.h-full {
    height: 100%;
}

.min-h-0 {
    min-height: 0px;
}

.min-h-\[100px\] {
    min-height: 100px;
}

.min-h-\[836px\] {
    min-height: 836px;
}

.w-12 {
    width: 3rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-\[14px\] {
    width: 14px;
}

.w-\[250px\] {
    width: 250px;
}

.w-full {
    width: 100%;
}

.min-w-0 {
    min-width: 0px;
}

.min-w-full {
    min-width: 100%;
}

.max-w-\[756px\] {
    max-width: 756px;
}

.flex-1 {
    flex: 1 1 0%;
}

.shrink-0 {
    flex-shrink: 0;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-help {
    cursor: help;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

.resize {
    resize: both;
}

.list-disc {
    list-style-type: disc;
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
}

.grid-cols-\[100px_1fr_60px\] {
    grid-template-columns: 100px 1fr 60px;
}

.grid-cols-\[68px_1fr_48px\] {
    grid-template-columns: 68px 1fr 48px;
}

.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0px, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-0 {
    gap: 0px;
}

.gap-1 {
    gap: 0.25rem;
}

.gap-2 {
    gap: 0.5rem;
}

.gap-3 {
    gap: 0.75rem;
}

.gap-4 {
    gap: 1rem;
}

.gap-5 {
    gap: 1.25rem;
}

.gap-6 {
    gap: 1.5rem;
}

.space-y-1 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}

.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}

.divide-slate-100 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(241 245 249/var(--tw-divide-opacity,1));
}

.divide-slate-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-divide-opacity,1));
}

.self-center {
    align-self: center;
}

.overflow-hidden {
    overflow: hidden;
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.rounded-2xl {
    border-radius: 1rem;
}

.rounded-3xl {
    border-radius: 1.5rem;
}

.rounded-\[20px\] {
    border-radius: 20px;
}

.rounded-\[3px\] {
    border-radius: 3px;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: 0.5rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-xl {
    border-radius: 0.75rem;
}

.border {
    border-width: 1px;
}

.border-r {
    border-right-width: 1px;
}

.border-\[\#00000012\] {
    border-color: rgba(0, 0, 0, 0.07);
}

.border-\[\#D8F3E4\] {
    --tw-border-opacity: 1;
    border-color: rgb(216 243 228/var(--tw-border-opacity,1));
}

.border-\[\#DFE0E5\] {
    --tw-border-opacity: 1;
    border-color: rgb(223 224 229/var(--tw-border-opacity,1));
}

.border-\[\#E6EAF2\] {
    --tw-border-opacity: 1;
    border-color: rgb(230 234 242/var(--tw-border-opacity,1));
}

.border-\[\#FA8846\]\/20 {
    border-color: rgba(250, 136, 70, 0.2);
}

.border-\[\#FFD7D1\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 215 209/var(--tw-border-opacity,1));
}

.border-\[\#FFE4BF\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 228 191/var(--tw-border-opacity,1));
}

.border-amber-500\/20 {
    border-color: rgba(245, 158, 11, 0.2);
}

.border-blue-500\/20 {
    border-color: rgba(59, 130, 246, 0.2);
}

.border-emerald-500\/20 {
    border-color: rgba(16, 185, 129, 0.2);
}

.border-geo-border {
    --tw-border-opacity: 1;
    border-color: rgb(232 235 240/var(--tw-border-opacity,1));
}

.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246/var(--tw-border-opacity,1));
}

.border-purple-500\/20 {
    border-color: rgba(168, 85, 247, 0.2);
}

.border-rose-200 {
    --tw-border-opacity: 1;
    border-color: rgb(254 205 211/var(--tw-border-opacity,1));
}

.border-slate-200 {
    --tw-border-opacity: 1;
    border-color: rgb(226 232 240/var(--tw-border-opacity,1));
}

.border-slate-300 {
    --tw-border-opacity: 1;
    border-color: rgb(203 213 225/var(--tw-border-opacity,1));
}

.border-white\/70 {
    border-color: rgba(255, 255, 255, 0.7);
}

.bg-\[\#F2F3F7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 243 247/var(--tw-bg-opacity,1));
}

.bg-\[\#F4FCF7\] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 252 247/var(--tw-bg-opacity,1));
}

.bg-\[\#F7F8FA\] {
    --tw-bg-opacity: 1;
    background-color: rgb(247 248 250/var(--tw-bg-opacity,1));
}

.bg-\[\#FA88461A\] {
    background-color: rgba(250, 136, 70, 0.1);
}

.bg-\[\#FA8846\] {
    --tw-bg-opacity: 1;
    background-color: rgb(250 136 70/var(--tw-bg-opacity,1));
}

.bg-\[\#FA8846\]\/\[0\.06\] {
    background-color: rgba(250, 136, 70, 0.06);
}

.bg-\[\#FFF5F3\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 245 243/var(--tw-bg-opacity,1));
}

.bg-\[\#FFF8EE\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 248 238/var(--tw-bg-opacity,1));
}

.bg-amber-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 243 199/var(--tw-bg-opacity,1));
}

.bg-amber-500\/\[0\.06\] {
    background-color: rgba(245, 158, 11, 0.06);
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(219 234 254/var(--tw-bg-opacity,1));
}

.bg-blue-500\/\[0\.06\] {
    background-color: rgba(59, 130, 246, 0.06);
}

.bg-emerald-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(209 250 229/var(--tw-bg-opacity,1));
}

.bg-emerald-500\/\[0\.06\] {
    background-color: rgba(16, 185, 129, 0.06);
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246/var(--tw-bg-opacity,1));
}

.bg-green-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(220 252 231/var(--tw-bg-opacity,1));
}

.bg-purple-500\/\[0\.06\] {
    background-color: rgba(168, 85, 247, 0.06);
}

.bg-rose-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 242/var(--tw-bg-opacity,1));
}

.bg-slate-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(241 245 249/var(--tw-bg-opacity,1));
}

.bg-slate-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252/var(--tw-bg-opacity,1));
}

.bg-violet-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(237 233 254/var(--tw-bg-opacity,1));
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

.p-8 {
    padding: 2rem;
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}

.px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}

.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[11px\] {
    padding-left: 11px;
    padding-right: 11px;
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px;
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px;
}

.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.py-1\.5 {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.py-\[6px\] {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pb-10 {
    padding-bottom: 2.5rem;
}

.pb-7 {
    padding-bottom: 1.75rem;
}

.pb-\[22px\] {
    padding-bottom: 22px;
}

.pb-\[6px\] {
    padding-bottom: 6px;
}

.pl-5 {
    padding-left: 1.25rem;
}

.pt-5 {
    padding-top: 1.25rem;
}

.pt-8 {
    padding-top: 2rem;
}

.pt-\[30px\] {
    padding-top: 30px;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-\[14px\] {
    font-size: 14px;
}

.text-\[16px\] {
    font-size: 16px;
}

.text-\[20px\] {
    font-size: 20px;
}

.text-\[24px\] {
    font-size: 24px;
}

.text-\[28px\] {
    font-size: 28px;
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}

.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.font-medium {
    font-weight: 500;
}

.font-semibold {
    font-weight: 600;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-\[18px\] {
    line-height: 18px;
}

.leading-\[34px\] {
    line-height: 34px;
}

.leading-none {
    line-height: 1;
}

.text-\[\#156B3A\] {
    --tw-text-opacity: 1;
    color: rgb(21 107 58/var(--tw-text-opacity,1));
}

.text-\[\#16171A\] {
    --tw-text-opacity: 1;
    color: rgb(22 23 26/var(--tw-text-opacity,1));
}

.text-\[\#666A80\] {
    --tw-text-opacity: 1;
    color: rgb(102 106 128/var(--tw-text-opacity,1));
}

.text-\[\#9A5B00\] {
    --tw-text-opacity: 1;
    color: rgb(154 91 0/var(--tw-text-opacity,1));
}

.text-\[\#D95C47\] {
    --tw-text-opacity: 1;
    color: rgb(217 92 71/var(--tw-text-opacity,1));
}

.text-\[\#FA8846\] {
    --tw-text-opacity: 1;
    color: rgb(250 136 70/var(--tw-text-opacity,1));
}

.text-amber-600 {
    --tw-text-opacity: 1;
    color: rgb(217 119 6/var(--tw-text-opacity,1));
}

.text-amber-700 {
    --tw-text-opacity: 1;
    color: rgb(180 83 9/var(--tw-text-opacity,1));
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgb(29 78 216/var(--tw-text-opacity,1));
}

.text-emerald-700 {
    --tw-text-opacity: 1;
    color: rgb(4 120 87/var(--tw-text-opacity,1));
}

.text-gray-600 {
    --tw-text-opacity: 1;
    color: rgb(75 85 99/var(--tw-text-opacity,1));
}

.text-gray-900 {
    --tw-text-opacity: 1;
    color: rgb(17 24 39/var(--tw-text-opacity,1));
}

.text-green-700 {
    --tw-text-opacity: 1;
    color: rgb(21 128 61/var(--tw-text-opacity,1));
}

.text-inherit {
    color: inherit;
}

.text-rose-600 {
    --tw-text-opacity: 1;
    color: rgb(225 29 72/var(--tw-text-opacity,1));
}

.text-slate-500 {
    --tw-text-opacity: 1;
    color: rgb(100 116 139/var(--tw-text-opacity,1));
}

.text-slate-600 {
    --tw-text-opacity: 1;
    color: rgb(71 85 105/var(--tw-text-opacity,1));
}

.text-slate-700 {
    --tw-text-opacity: 1;
    color: rgb(51 65 85/var(--tw-text-opacity,1));
}

.text-slate-900 {
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity,1));
}

.text-violet-700 {
    --tw-text-opacity: 1;
    color: rgb(109 40 217/var(--tw-text-opacity,1));
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity,1));
}

.no-underline {
    text-decoration-line: none;
}

.shadow-\[0_10px_32px_rgba\(22\,23\,26\,0\.03\)\] {
    --tw-shadow: 0 10px 32px #16171a08;
    --tw-shadow-colored: 0 10px 32px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_16px_36px_rgba\(250\,136\,70\,0\.12\)\] {
    --tw-shadow: 0 16px 36px #fa88461f;
    --tw-shadow-colored: 0 16px 36px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_45px_rgba\(15\,23\,42\,0\.05\)\] {
    --tw-shadow: 0 20px 45px #0f172a0d;
    --tw-shadow-colored: 0 20px 45px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_20px_48px_rgba\(22\,23\,26\,0\.04\)\] {
    --tw-shadow: 0 20px 48px #16171a0a;
    --tw-shadow-colored: 0 20px 48px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_2px_10px_rgba\(255\,255\,255\,0\.24\)\] {
    --tw-shadow: 0 2px 10px #ffffff3d;
    --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-\[0_8px_24px_rgba\(22\,23\,26\,0\.04\)\] {
    --tw-shadow: 0 8px 24px #16171a0a;
    --tw-shadow-colored: 0 8px 24px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-geo {
    --tw-shadow: 0 2px 10px #1414140f;
    --tw-shadow-colored: 0 2px 10px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 #0000000d;
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);
}

.outline-none {
    outline-offset: 2px;
    outline: rgba(0, 0, 0, 0) solid 2px;
}

.ring-1 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);
}

.ring-amber-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(253 230 138/var(--tw-ring-opacity,1));
}

.ring-blue-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(191 219 254/var(--tw-ring-opacity,1));
}

.ring-emerald-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(167 243 208/var(--tw-ring-opacity,1));
}

.ring-slate-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(226 232 240/var(--tw-ring-opacity,1));
}

.ring-violet-200 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(221 214 254/var(--tw-ring-opacity,1));
}

.filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-duration: 0.15s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

:root {
    --geo-bg: #f8f9fb;
    --geo-card: #fff;
    --geo-text: #4b5563;
    --geo-title: #1f2937;
    --geo-muted: #9ca3af;
    --geo-border: #e8ebf0;
    --geo-accent: #fa8846;
    --geo-accent-2: #ff9d5c;
    --geo-accent-soft: #fff6ef;
    --geo-shadow-sm: 0 2px 10px #1414140f;
    color: var(--geo-text);
    background-color: var(--geo-bg);
    font-synthesis: none;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    font-family: "PingFang SC", "Noto Sans SC", -apple-system, "Segoe UI", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}

* {
    box-sizing: border-box;
}

html, body, #root {
    min-height: 100vh;
    margin: 0px;
}

body {
    background: radial-gradient(circle at 85% 5%, #fa884614, transparent 26%), radial-gradient(circle at 5% 95%, #ff9d5c0f, transparent 30%), var(--geo-bg);
}

a {
    color: inherit;
    text-decoration: none;
}

button, input, select {
    font: inherit;
}

.ant-popover .ant-popover-container {
    padding: 4px;
}

.placeholder\:text-\[\#AAABB2\]::placeholder {
    --tw-text-opacity: 1;
    color: rgb(170 171 178/var(--tw-text-opacity,1));
}

.hover\:border-\[\#FA8846\]:hover {
    --tw-border-opacity: 1;
    border-color: rgb(250 136 70/var(--tw-border-opacity,1));
}

.hover\:bg-\[\#F47931\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(244 121 49/var(--tw-bg-opacity,1));
}

.hover\:bg-\[\#FA884608\]:hover {
    background-color: rgba(250, 136, 70, 0.03);
}

.hover\:bg-\[\#e67938\]:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(230 121 56/var(--tw-bg-opacity,1));
}

.hover\:bg-rose-50:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(255 241 242/var(--tw-bg-opacity,1));
}

.hover\:bg-slate-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240/var(--tw-bg-opacity,1));
}

.hover\:bg-slate-50\/70:hover {
    background-color: rgba(248, 250, 252, 0.7);
}

.hover\:text-\[\#FA8846\]:hover {
    --tw-text-opacity: 1;
    color: rgb(250 136 70/var(--tw-text-opacity,1));
}

.hover\:brightness-\[0\.98\]:hover {
    --tw-brightness: brightness(.98);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.focus\:border-\[\#FA8846\]:focus {
    --tw-border-opacity: 1;
    border-color: rgb(250 136 70/var(--tw-border-opacity,1));
}

.focus\:ring-2:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);
}

.focus\:ring-\[\#FA88461A\]:focus {
    --tw-ring-color: #fa88461a;
}

.disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
}

.disabled\:opacity-40:disabled {
    opacity: 0.4;
}

.disabled\:opacity-50:disabled {
    opacity: 0.5;
}

.disabled\:opacity-60:disabled {
    opacity: 0.6;
}

@media (width <= 1200px) {
    .max-\[1200px\]\: grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0px, 1fr));
    }
}

@media (width >= 768px) {
    .md\: grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0px, 1fr));
    }
}

@media (width >= 1280px) {
    .xl\: grid-cols-\[320px_minmax\(0\,1fr\)\] {
        grid-template-columns: 320px minmax(0px, 1fr);
    }
}