@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800;900&family=Noto+Sans+SC:wght@500;600;700;800;900&display=swap');

:root{
  --yaki-bg:#f7f3ec;
  --yaki-ink:#1f2933;
  --yaki-muted:#667085;
  --yaki-soft:#8a8176;
  --yaki-card:#fffdf8;
  --yaki-card-2:#fbf5ea;
  --yaki-line:rgba(87,72,54,.13);
  --yaki-line-strong:rgba(87,72,54,.22);
  --yaki-blue:#0f8b8d;
  --yaki-cyan:#2f80ed;
  --yaki-green:#2f8f5b;
  --yaki-amber:#c8842d;
  --yaki-red:#dc2626;
  --yaki-violet:#6d5dfc;
  --yaki-radius:18px;
  --yaki-radius-sm:12px;
  --yaki-shadow:0 18px 50px rgba(15,23,42,.08);
  --yaki-shadow-soft:0 10px 26px rgba(15,23,42,.055);
  --yaki-font:Manrope,"Noto Sans SC",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,body,#root{min-height:100%;}
body.yaki-v9{
  font-family:var(--yaki-font)!important;
  color:var(--yaki-ink)!important;
  background:
    radial-gradient(circle at 9% 8%,rgba(15,139,141,.10),transparent 27%),
    radial-gradient(circle at 88% 4%,rgba(200,132,45,.08),transparent 26%),
    radial-gradient(circle at 80% 88%,rgba(217,119,6,.075),transparent 24%),
    linear-gradient(180deg,#fffaf2 0%,#f7f3ec 50%,#fbf7ef 100%)!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
body[theme-mode=dark].yaki-v9,body.yaki-v9[theme-mode=dark]{
  --yaki-bg:#090f1d;
  --yaki-ink:#e7edf7;
  --yaki-muted:#98a6bb;
  --yaki-soft:#748198;
  --yaki-card:#111827;
  --yaki-card-2:#0d1424;
  --yaki-line:#243044;
  --yaki-line-strong:#334158;
  --yaki-shadow:0 22px 55px rgba(0,0,0,.32);
  --yaki-shadow-soft:0 12px 28px rgba(0,0,0,.24);
  background:
    radial-gradient(circle at 10% 5%,rgba(15,139,141,.18),transparent 27%),
    radial-gradient(circle at 88% 6%,rgba(8,145,178,.13),transparent 24%),
    linear-gradient(180deg,#0a1020 0%,#0b1220 58%,#080d18 100%)!important;
}
body.yaki-v9 *,body.yaki-v9 *:before,body.yaki-v9 *:after{box-sizing:border-box;}
body.yaki-v9 ::selection{background:rgba(15,139,141,.18);color:var(--yaki-ink);}
body.yaki-v9 ::-webkit-scrollbar{width:9px;height:9px;}
body.yaki-v9 ::-webkit-scrollbar-track{background:transparent;}
body.yaki-v9 ::-webkit-scrollbar-thumb{background:rgba(102,112,133,.28);border-radius:999px;border:2px solid transparent;background-clip:content-box;}
body.yaki-v9 ::-webkit-scrollbar-thumb:hover{background:rgba(102,112,133,.42);background-clip:content-box;}

body.yaki-v9 .semi-layout,body.yaki-v9 .semi-layout-content{background:transparent!important;}
body.yaki-v9 .semi-layout-content.yaki-v9-root{
  width:min(100%,1420px)!important;
  margin:0 auto!important;
  padding:26px 30px 46px!important;
  position:relative;
}
body.yaki-v9 .semi-layout-content.yaki-v9-root:before{
  content:"";position:absolute;right:28px;top:16px;width:210px;height:210px;border-radius:50%;
  background:linear-gradient(135deg,rgba(15,139,141,.09),rgba(200,132,45,.05));filter:blur(4px);pointer-events:none;z-index:-1;
}
body.yaki-v9 .semi-layout-content.yaki-v9-root>.semi-layout-content,
body.yaki-v9 .semi-layout-content.yaki-v9-root .semi-layout-content{padding:0!important;margin:0!important;max-width:none!important;}

/* App shell */
body.yaki-v9 .semi-layout-header,body.yaki-v9 header{
  border-bottom:1px solid rgba(87,72,54,.12)!important;
  background:rgba(255,250,242,.82)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 1px 0 rgba(15,23,42,.03),0 10px 26px rgba(15,23,42,.035)!important;
}
body[theme-mode=dark].yaki-v9 .semi-layout-header,body[theme-mode=dark].yaki-v9 header{background:rgba(9,15,29,.78)!important;border-bottom-color:rgba(36,48,68,.9)!important;}
body.yaki-v9 img[alt="logo"]{border-radius:14px!important;box-shadow:0 8px 20px rgba(37,99,235,.16);}
body.yaki-v9 .semi-layout-sider{
  background:linear-gradient(180deg,rgba(255,250,242,.92),rgba(240,233,221,.86))!important;
  border-right:1px solid var(--yaki-line)!important;
  box-shadow:12px 0 36px rgba(15,23,42,.055)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
}
body[theme-mode=dark].yaki-v9 .semi-layout-sider{background:linear-gradient(180deg,rgba(15,23,42,.91),rgba(10,16,32,.88))!important;}
body.yaki-v9 .semi-navigation,body.yaki-v9 .semi-navigation-list-wrapper{background:transparent!important;}
body.yaki-v9 .semi-navigation-header-list-outer,body.yaki-v9 .semi-navigation-footer{border-color:var(--yaki-line)!important;}
body.yaki-v9 .semi-navigation-item{
  min-height:42px!important;margin:4px 10px!important;border-radius:14px!important;
  color:#526074!important;font-weight:800!important;letter-spacing:-.01em!important;
  transition:background .16s ease,transform .16s ease,box-shadow .16s ease,color .16s ease!important;
}
body.yaki-v9 .semi-navigation-item:hover{background:rgba(15,139,141,.07)!important;color:var(--yaki-blue)!important;transform:translateX(2px);}
body.yaki-v9 .semi-navigation-item-selected{
  background:linear-gradient(135deg,rgba(15,139,141,.13),rgba(47,128,237,.08))!important;
  color:#0f7779!important;box-shadow:inset 3px 0 0 var(--yaki-blue),0 8px 18px rgba(15,139,141,.08)!important;
}
body[theme-mode=dark].yaki-v9 .semi-navigation-item{color:#a7b3c7!important;}
body[theme-mode=dark].yaki-v9 .semi-navigation-item:hover{background:rgba(59,130,246,.10)!important;color:#bfdbfe!important;}
body[theme-mode=dark].yaki-v9 .semi-navigation-item-selected{background:linear-gradient(135deg,rgba(37,99,235,.22),rgba(8,145,178,.14))!important;color:#bfdbfe!important;}
body.yaki-v9 .semi-navigation-sub-title,body.yaki-v9 .semi-navigation-item-text > span:not(.semi-navigation-item-normal-icon){font-weight:850!important;}

/* Real page title treatment. No fake product modules. */
body.yaki-v9 h1,body.yaki-v9 h2,body.yaki-v9 h3{color:var(--yaki-ink)!important;font-weight:900!important;letter-spacing:-.035em!important;}
body.yaki-v9 .yaki-v9-title{
  display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px!important;
  padding:11px 15px!important;border:1px solid rgba(87,72,54,.14)!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(251,245,234,.76))!important;
  box-shadow:0 12px 30px rgba(15,23,42,.055)!important;
  line-height:1.1!important;
}
body[theme-mode=dark].yaki-v9 .yaki-v9-title{background:linear-gradient(135deg,rgba(17,24,39,.82),rgba(13,20,36,.72))!important;border-color:var(--yaki-line)!important;}
body.yaki-v9 .yaki-v9-title:before{content:"";width:11px;height:11px;border-radius:999px;background:linear-gradient(135deg,var(--yaki-blue),var(--yaki-cyan));box-shadow:0 0 0 6px rgba(15,139,141,.10);flex:0 0 auto;}

/* Cards and modules */
body.yaki-v9 .semi-card,
body.yaki-v9 .semi-table-container,
body.yaki-v9 .semi-tabs,
body.yaki-v9 .semi-form,
body.yaki-v9 .semi-collapse,
body.yaki-v9 .semi-list,
body.yaki-v9 .semi-banner,
body.yaki-v9 .semi-descriptions{
  border:1px solid var(--yaki-line)!important;border-radius:var(--yaki-radius)!important;
  background:linear-gradient(180deg,var(--yaki-card),var(--yaki-card-2))!important;
  box-shadow:var(--yaki-shadow-soft)!important;
}
body.yaki-v9 .semi-card{overflow:hidden!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;}
body.yaki-v9 .semi-card:hover{transform:translateY(-1px);box-shadow:var(--yaki-shadow)!important;border-color:var(--yaki-line-strong)!important;}
body.yaki-v9 .semi-card-header{border-bottom:1px solid var(--yaki-line)!important;background:rgba(251,245,234,.76)!important;padding:14px 16px!important;}
body[theme-mode=dark].yaki-v9 .semi-card-header{background:rgba(13,20,36,.72)!important;}
body.yaki-v9 .semi-card-title{font-weight:900!important;color:var(--yaki-ink)!important;letter-spacing:-.02em!important;}
body.yaki-v9 .semi-card-body{padding:18px!important;color:var(--yaki-ink)!important;}
body.yaki-v9 p,body.yaki-v9 .semi-typography,body.yaki-v9 .semi-form-field-label-text{color:inherit;}

/* Forms: make filter/action bars obvious and compact. */
body.yaki-v9 .semi-form{padding:16px!important;margin:0 0 16px!important;position:relative;}
body.yaki-v9 .semi-form-horizontal{display:flex!important;flex-wrap:wrap!important;gap:12px 14px!important;align-items:flex-end!important;}
body.yaki-v9 .semi-form-horizontal:before{content:"筛选 / 操作";width:100%;margin:0 0 -2px;color:var(--yaki-blue);font-size:12px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;}
body.yaki-page-login .semi-form-horizontal:before,body.yaki-page-register .semi-form-horizontal:before{display:none;}
body.yaki-v9 .semi-form-field{margin:0!important;}
body.yaki-v9 .semi-form-field-label{font-size:12px!important;color:var(--yaki-muted)!important;font-weight:850!important;margin-bottom:7px!important;}
body.yaki-v9 .semi-input-wrapper,body.yaki-v9 .semi-select-selection,body.yaki-v9 .semi-datepicker,body.yaki-v9 textarea,body.yaki-v9 input{
  border-radius:13px!important;border-color:var(--yaki-line)!important;background:rgba(255,253,248,.94)!important;color:var(--yaki-ink)!important;
  transition:border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
body[theme-mode=dark].yaki-v9 .semi-input-wrapper,body[theme-mode=dark].yaki-v9 .semi-select-selection,body[theme-mode=dark].yaki-v9 .semi-datepicker,body[theme-mode=dark].yaki-v9 textarea,body[theme-mode=dark].yaki-v9 input{background:rgba(9,15,29,.82)!important;}
body.yaki-v9 .semi-input-wrapper-focus,body.yaki-v9 .semi-select-open .semi-select-selection,body.yaki-v9 textarea:focus,body.yaki-v9 input:focus{border-color:var(--yaki-blue)!important;box-shadow:0 0 0 4px rgba(15,139,141,.12)!important;}

/* Buttons */
body.yaki-v9 .semi-button{border-radius:13px!important;font-weight:850!important;height:37px!important;letter-spacing:-.01em!important;transition:transform .16s ease,box-shadow .16s ease,background .16s ease!important;}
body.yaki-v9 .semi-button-primary{border:0!important;color:#fff!important;background:linear-gradient(135deg,#0f8b8d 0%,#2f80ed 100%)!important;box-shadow:0 12px 22px rgba(15,139,141,.20)!important;}
body.yaki-v9 .semi-button-primary:hover{box-shadow:0 16px 28px rgba(15,139,141,.24)!important;}
body.yaki-v9 .semi-button:not(.semi-button-primary){background:rgba(255,253,248,.82)!important;border:1px solid var(--yaki-line)!important;color:var(--yaki-ink)!important;}
body[theme-mode=dark].yaki-v9 .semi-button:not(.semi-button-primary){background:rgba(13,20,36,.78)!important;}
body.yaki-v9 .semi-button:hover{transform:translateY(-1px);}
body.yaki-v9 .semi-button:active{transform:translateY(0)!important;}
body.yaki-v9 .semi-button-danger,body.yaki-v9 .semi-button-dangerous{color:var(--yaki-red)!important;}

/* Tables: core NewAPI pages live here. */
body.yaki-v9 .semi-table-container{overflow:hidden!important;border-top:3px solid var(--yaki-blue)!important;background:var(--yaki-card)!important;}
body.yaki-page-channel .semi-table-container{border-top-color:var(--yaki-cyan)!important;}
body.yaki-page-token .semi-table-container{border-top-color:var(--yaki-amber)!important;}
body.yaki-page-log .semi-table-container{border-top-color:var(--yaki-blue)!important;}
body.yaki-page-user .semi-table-container,body.yaki-page-setting .semi-table-container{border-top-color:var(--yaki-violet)!important;}
body.yaki-v9 .semi-table{background:transparent!important;}
body.yaki-v9 .semi-table-thead>.semi-table-row>.semi-table-row-head{
  height:46px!important;background:#f0e9dd!important;color:#63594e!important;font-size:12px!important;font-weight:900!important;
  border-bottom:1px solid var(--yaki-line)!important;letter-spacing:.01em!important;
}
body[theme-mode=dark].yaki-v9 .semi-table-thead>.semi-table-row>.semi-table-row-head{background:#172033!important;color:#cbd5e1!important;}
body.yaki-v9 .semi-table-row-cell{border-bottom:1px solid var(--yaki-line)!important;color:var(--yaki-ink)!important;font-weight:650!important;vertical-align:middle!important;}
body.yaki-v9 .semi-table-tbody>.semi-table-row:nth-child(even)>.semi-table-row-cell{background:rgba(255,248,236,.74)!important;}
body[theme-mode=dark].yaki-v9 .semi-table-tbody>.semi-table-row:nth-child(even)>.semi-table-row-cell{background:rgba(13,20,36,.55)!important;}
body.yaki-v9 .semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell{background:#e7f4f2!important;}
body[theme-mode=dark].yaki-v9 .semi-table-tbody>.semi-table-row:hover>.semi-table-row-cell{background:#14243a!important;}
body.yaki-v9 .semi-table-placeholder,body.yaki-v9 .semi-empty{color:var(--yaki-muted)!important;padding:28px 12px!important;}
body.yaki-v9 .semi-pagination{padding:12px 4px!important;color:var(--yaki-muted)!important;}
body.yaki-v9 .semi-page-item{border-radius:10px!important;font-weight:800!important;}
body.yaki-v9 .semi-page-item-active{background:linear-gradient(135deg,#0f8b8d,#2f80ed)!important;color:#fff!important;}

/* Tags, badges, switches */
body.yaki-v9 .semi-tag,body.yaki-v9 .semi-badge-count{border-radius:999px!important;font-weight:850!important;letter-spacing:-.01em!important;}
body.yaki-v9 .semi-tag{border:1px solid rgba(255,253,248,.82)!important;box-shadow:0 3px 10px rgba(15,23,42,.045)!important;}
body.yaki-v9 .semi-switch{border-radius:999px!important;}
body.yaki-v9 .semi-switch-checked{background:linear-gradient(135deg,var(--yaki-blue),var(--yaki-cyan))!important;}
body.yaki-v9 .semi-avatar{box-shadow:0 8px 18px rgba(15,23,42,.08)!important;}

/* Tabs, modal, popover */
body.yaki-v9 .semi-tabs-bar{padding:6px!important;background:rgba(251,245,234,.84)!important;border:1px solid var(--yaki-line)!important;border-radius:16px!important;margin-bottom:16px!important;}
body[theme-mode=dark].yaki-v9 .semi-tabs-bar{background:rgba(13,20,36,.82)!important;}
body.yaki-v9 .semi-tabs-tab{border-radius:12px!important;font-weight:850!important;padding:8px 13px!important;color:var(--yaki-muted)!important;}
body.yaki-v9 .semi-tabs-tab-active{background:var(--yaki-card)!important;color:var(--yaki-blue)!important;box-shadow:0 8px 18px rgba(15,23,42,.08)!important;}
body.yaki-v9 .semi-tabs-tab-line{display:none!important;}
body.yaki-v9 .semi-modal-content,body.yaki-v9 .semi-popover-wrapper,body.yaki-v9 .semi-dropdown-wrapper{
  border-radius:20px!important;border:1px solid var(--yaki-line)!important;background:var(--yaki-card)!important;box-shadow:0 30px 90px rgba(15,23,42,.20)!important;
}
body.yaki-v9 .semi-modal-header{border-bottom:1px solid var(--yaki-line)!important;}
body.yaki-v9 .semi-toast{border-radius:16px!important;font-weight:800!important;}

/* Page-specific product hierarchy */
body.yaki-page-detail .semi-card{border-left:4px solid var(--yaki-blue)!important;}
body.yaki-page-detail .semi-row{row-gap:16px!important;}
body.yaki-page-token .semi-card,body.yaki-page-token .semi-table-container{border-left:0!important;}
body.yaki-page-topup .semi-card,body.yaki-page-personal .semi-card{background:linear-gradient(135deg,var(--yaki-card),rgba(236,253,245,.58))!important;}
body[theme-mode=dark].yaki-page-topup .semi-card,body[theme-mode=dark].yaki-page-personal .semi-card{background:linear-gradient(135deg,var(--yaki-card),rgba(5,150,105,.09))!important;}
body.yaki-page-playground .semi-layout-content.yaki-v9-root>.semi-layout,
body.yaki-page-playground .semi-layout-content.yaki-v9-root>div:not(.semi-spin):not(.semi-toast-wrapper){
  border:1px solid var(--yaki-line)!important;border-radius:22px!important;background:linear-gradient(180deg,var(--yaki-card),var(--yaki-card-2))!important;box-shadow:var(--yaki-shadow)!important;overflow:hidden!important;
}
body.yaki-page-playground textarea{min-height:98px!important;line-height:1.6!important;}
body.yaki-page-login .semi-layout-content.yaki-v9-root,
body.yaki-page-register .semi-layout-content.yaki-v9-root,
body.yaki-page-reset .semi-layout-content.yaki-v9-root{display:flex!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh - 120px)!important;}
body.yaki-page-login .semi-layout-content.yaki-v9-root>main,
body.yaki-page-register .semi-layout-content.yaki-v9-root>main,
body.yaki-page-reset .semi-layout-content.yaki-v9-root>main,
body.yaki-page-login .semi-layout-content.yaki-v9-root>div,
body.yaki-page-register .semi-layout-content.yaki-v9-root>div,
body.yaki-page-reset .semi-layout-content.yaki-v9-root>div{
  width:min(100%,460px)!important;border:1px solid var(--yaki-line)!important;border-radius:26px!important;background:linear-gradient(180deg,var(--yaki-card),var(--yaki-card-2))!important;box-shadow:var(--yaki-shadow)!important;padding:26px!important;
}
body.yaki-page-login h2,body.yaki-page-register h2,body.yaki-page-reset h2{font-size:28px!important;margin:0 0 18px!important;}
body.yaki-page-login h2:after,body.yaki-page-register h2:after,body.yaki-page-reset h2:after{content:"Yaki API Gateway";display:block;margin-top:7px;color:var(--yaki-muted);font-size:13px;font-weight:750;letter-spacing:0;}

/* Footer: keep information, make it feel intentional. */
body.yaki-v9 footer,body.yaki-v9 .semi-layout-footer{
  margin:12px auto 20px!important;padding:12px 18px!important;width:fit-content!important;max-width:calc(100% - 28px)!important;
  border:1px solid var(--yaki-line)!important;border-radius:999px!important;background:rgba(255,255,255,.70)!important;color:var(--yaki-muted)!important;
  box-shadow:0 10px 26px rgba(15,23,42,.045)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
body[theme-mode=dark].yaki-v9 footer,body[theme-mode=dark].yaki-v9 .semi-layout-footer{background:rgba(13,20,36,.72)!important;}
body.yaki-v9 footer a,body.yaki-v9 .semi-layout-footer a{font-weight:850!important;color:var(--yaki-blue)!important;text-decoration:none!important;}

/* Loading should not look broken. */
body.yaki-v9 .semi-spin{min-height:120px!important;display:block!important;}
body.yaki-v9 .semi-spin-children{display:block!important;}
body.yaki-v9 .semi-spin-wrapper{border-radius:18px!important;}

@keyframes yakiFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body.yaki-v9.yaki-v9-ready .semi-card,
body.yaki-v9.yaki-v9-ready .semi-form,
body.yaki-v9.yaki-v9-ready .semi-table-container,
body.yaki-v9.yaki-v9-ready .semi-tabs{animation:yakiFadeUp .36s ease both;}
@media (prefers-reduced-motion:reduce){body.yaki-v9 *{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

@media(max-width:980px){
  body.yaki-v9 .semi-layout-content.yaki-v9-root{padding:18px 14px 36px!important;width:100%!important;}
  body.yaki-v9 .semi-layout-sider{display:none!important;}
  body.yaki-v9 .semi-form-horizontal{display:block!important;}
  body.yaki-v9 .semi-form-field{margin-bottom:12px!important;}
  body.yaki-v9 .semi-table-container{overflow-x:auto!important;border-radius:16px!important;}
  body.yaki-v9 .semi-table{min-width:720px!important;}
  body.yaki-v9 .yaki-v9-title{font-size:22px!important;padding:10px 13px!important;}
  body.yaki-v9 footer,body.yaki-v9 .semi-layout-footer{border-radius:18px!important;text-align:center!important;line-height:1.7!important;}
}

@media(max-width:560px){
  body.yaki-v9 .semi-layout-content.yaki-v9-root{padding:14px 10px 30px!important;}
  body.yaki-v9 .semi-card-body{padding:14px!important;}
  body.yaki-v9 .semi-button{width:auto;min-height:37px!important;}
  body.yaki-v9 .semi-button + .semi-button{margin-left:6px!important;}
  body.yaki-page-login .semi-layout-content.yaki-v9-root>main,
  body.yaki-page-register .semi-layout-content.yaki-v9-root>main,
  body.yaki-page-reset .semi-layout-content.yaki-v9-root>main,
  body.yaki-page-login .semi-layout-content.yaki-v9-root>div,
  body.yaki-page-register .semi-layout-content.yaki-v9-root>div,
  body.yaki-page-reset .semi-layout-content.yaki-v9-root>div{padding:20px!important;border-radius:22px!important;}
}

/* v9.1: real route page heading, not fake data. */
body.yaki-v9 .yaki-v9-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px;padding:18px 20px;border:1px solid var(--yaki-line);border-radius:20px;background:linear-gradient(135deg,rgba(255,253,248,.88),rgba(251,245,234,.78));box-shadow:var(--yaki-shadow-soft);}
body[theme-mode=dark].yaki-v9 .yaki-v9-pagehead{background:linear-gradient(135deg,rgba(28,38,53,.86),rgba(17,24,39,.76));}
body.yaki-v9 .yaki-v9-pagehead span{display:block;color:var(--yaki-blue);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
body.yaki-v9 .yaki-v9-pagehead h1{margin:0!important;font-size:25px!important;line-height:1.08!important;font-weight:900!important;letter-spacing:-.04em!important;color:var(--yaki-ink)!important;}
body.yaki-v9 .yaki-v9-pagehead p{margin:6px 0 0!important;color:var(--yaki-muted)!important;font-size:13px!important;font-weight:700!important;}
body.yaki-v9 .yaki-v9-pagehead em{font-style:normal;white-space:nowrap;padding:8px 12px;border-radius:999px;background:rgba(15,139,141,.10);color:var(--yaki-blue);font-size:12px;font-weight:900;border:1px solid rgba(15,139,141,.14);}
body.yaki-v9 .yaki-v9-pagehead-compact{padding:14px 16px;margin-bottom:14px;}
body.yaki-v9 .yaki-v9-pagehead-compact h1{font-size:22px!important;}
body.yaki-v9 .semi-table-row-cell,body.yaki-v9 .semi-card-body{font-variant-numeric:tabular-nums;}
@media(max-width:760px){body.yaki-v9 .yaki-v9-pagehead{display:block;padding:15px 16px;}body.yaki-v9 .yaki-v9-pagehead em{display:inline-flex;margin-top:10px;}body.yaki-v9 .yaki-v9-pagehead h1{font-size:22px!important;}}

/* v9.2 human-audit fixes: de-duplicate native headings, clarify actions, polish bare pages. */
body.yaki-v9 .yaki-v9-native-duplicate{display:none!important;}
body.yaki-v9 .yaki-v9-bare-card{padding:0!important;margin-top:0!important;}
body.yaki-v9 .yaki-v9-bare-card .semi-card-body{line-height:1.75!important;color:var(--yaki-ink)!important;}
body.yaki-v9 .yaki-v9-bare-card a{color:var(--yaki-blue)!important;font-weight:850!important;text-decoration:none!important;}
body.yaki-v9 button.yaki-v9-close-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important;border-radius:999px!important;font-size:0!important;background:rgba(102,112,133,.08)!important;color:var(--yaki-muted)!important;border:1px solid var(--yaki-line)!important;box-shadow:none!important;}
body.yaki-v9 button.yaki-v9-close-btn:before{content:"×";font-size:18px;line-height:1;font-weight:800;}
body.yaki-v9 button.yaki-v9-danger:not(.semi-button-primary){color:var(--yaki-red)!important;background:rgba(220,38,38,.06)!important;border-color:rgba(220,38,38,.18)!important;box-shadow:none!important;}
body.yaki-v9 button.yaki-v9-danger:hover{background:rgba(220,38,38,.10)!important;border-color:rgba(220,38,38,.28)!important;}
body.yaki-v9 button.yaki-v9-primary-action:not(.yaki-v9-danger):not(.semi-button-disabled):not([disabled]){border-color:rgba(15,139,141,.28)!important;}
body.yaki-v9 button.yaki-v9-disabled-action,body.yaki-v9 .semi-button-disabled{opacity:.52!important;cursor:not-allowed!important;filter:saturate(.65)!important;transform:none!important;box-shadow:none!important;}
body.yaki-v9 .semi-button-disabled:hover{transform:none!important;}
body.yaki-v9 .semi-form + .semi-table-container,body.yaki-v9 .semi-form + .semi-card{margin-top:14px!important;}
body.yaki-page-setting .semi-card,body.yaki-page-setting .semi-tabs,body.yaki-page-setting .semi-collapse{margin-bottom:16px!important;}
body.yaki-page-setting textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace!important;font-size:12px!important;line-height:1.55!important;}
body.yaki-page-playground textarea{font-family:var(--yaki-font)!important;}
body.yaki-page-pricing .semi-button-disabled:after{content:" · 先选择模型";font-size:12px;font-weight:750;color:var(--yaki-muted);}

/* v9.3: About page must not move React-owned DOM. Polish it in place only. */
body.yaki-page-about .semi-layout-content.yaki-v9-root > div:not(.yaki-v9-pagehead),
body.yaki-page-about .semi-layout-content.yaki-v9-root > main:not(.yaki-v9-pagehead){border:1px solid var(--yaki-line)!important;border-radius:var(--yaki-radius)!important;background:linear-gradient(180deg,var(--yaki-card),var(--yaki-card-2))!important;box-shadow:var(--yaki-shadow-soft)!important;padding:20px!important;line-height:1.75!important;}
body.yaki-page-about .semi-layout-content.yaki-v9-root a{color:var(--yaki-blue)!important;font-weight:850!important;text-decoration:none!important;}
/* v9.4 detail usability hotfix: no clipping, no scroll flicker. */
body.yaki-v9.yaki-page-detail .semi-form{overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-form-horizontal{align-items:flex-end!important;gap:16px 20px!important;}
body.yaki-v9.yaki-page-detail .semi-form-field{min-width:0!important;overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-form-field:has(input[placeholder="请选择日期及时间"]){width:300px!important;flex:0 0 300px!important;}
body.yaki-v9.yaki-page-detail .semi-form-field:has(input[placeholder="可选值"]){width:220px!important;flex:0 0 220px!important;}
body.yaki-v9.yaki-page-detail .semi-select,
body.yaki-v9.yaki-page-detail .semi-select-selection,
body.yaki-v9.yaki-page-detail .semi-input-wrapper,
body.yaki-v9.yaki-page-detail .semi-datepicker{height:38px!important;min-height:38px!important;overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-select-selection-text,
body.yaki-v9.yaki-page-detail .semi-input,
body.yaki-v9.yaki-page-detail input{line-height:36px!important;height:36px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
body.yaki-v9.yaki-page-detail .semi-select-arrow{height:36px!important;display:flex!important;align-items:center!important;}

/* Stat cards: remove the inner pill that was covering text. */
body.yaki-v9.yaki-page-detail .semi-card{overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-card-body{overflow:visible!important;padding:20px 22px!important;}
body.yaki-v9.yaki-page-detail .semi-card-body > div,
body.yaki-v9.yaki-page-detail .semi-card-body > section{overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-card-body *{max-width:none;}
body.yaki-v9.yaki-page-detail .semi-card-body [style*="border"],
body.yaki-v9.yaki-page-detail .semi-card-body [class*="border"]{box-shadow:none!important;}
body.yaki-v9.yaki-page-detail .semi-row{row-gap:18px!important;}
body.yaki-v9.yaki-page-detail .semi-col{min-width:280px!important;}
body.yaki-v9.yaki-page-detail .semi-card p,
body.yaki-v9.yaki-page-detail .semi-card span,
body.yaki-v9.yaki-page-detail .semi-card div{line-height:1.35!important;}

/* Chart card should be stable while scrolling. */
body.yaki-v9.yaki-page-detail canvas,
body.yaki-v9.yaki-page-detail svg{transform:none!important;filter:none!important;}
body.yaki-v9.yaki-page-detail .semi-card:hover{transform:none!important;}
body.yaki-v9.yaki-page-detail .semi-table-container:hover,
body.yaki-v9.yaki-page-detail .semi-card:hover{box-shadow:var(--yaki-shadow-soft)!important;}
body.yaki-v9.yaki-page-detail .yaki-v9-pagehead,
body.yaki-v9.yaki-page-detail .semi-form,
body.yaki-v9.yaki-page-detail .semi-card,
body.yaki-v9.yaki-page-detail .semi-table-container{animation:none!important;transition:box-shadow .12s ease,border-color .12s ease!important;}

@media(max-width:1180px){
  body.yaki-v9.yaki-page-detail .semi-form-field:has(input[placeholder="请选择日期及时间"]),
  body.yaki-v9.yaki-page-detail .semi-form-field:has(input[placeholder="可选值"]){width:100%!important;flex:1 1 260px!important;}
}

/* v9.5 hard fix for /detail: remove inner pills, fix select, stop flicker. */
body.yaki-v9.yaki-page-detail .semi-layout-content.yaki-v9-root{padding-top:24px!important;}
body.yaki-v9.yaki-page-detail .semi-form{overflow:visible!important;padding:20px 22px!important;}
body.yaki-v9.yaki-page-detail .semi-form-horizontal{display:grid!important;grid-template-columns:minmax(260px,1.25fr) minmax(260px,1.25fr) 220px minmax(220px,.9fr) auto!important;gap:18px 24px!important;align-items:end!important;}
body.yaki-v9.yaki-page-detail .semi-form-horizontal:before{grid-column:1/-1!important;margin-bottom:0!important;}
body.yaki-v9.yaki-page-detail .semi-form-field{width:100%!important;min-width:0!important;overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-datepicker,
body.yaki-v9.yaki-page-detail .semi-input-wrapper,
body.yaki-v9.yaki-page-detail .semi-select,
body.yaki-v9.yaki-page-detail .semi-select-selection{width:100%!important;height:42px!important;min-height:42px!important;border-radius:14px!important;overflow:hidden!important;}
body.yaki-v9.yaki-page-detail .semi-select-selection{display:flex!important;align-items:center!important;padding:0 44px 0 14px!important;background:var(--yaki-card)!important;}
body.yaki-v9.yaki-page-detail .semi-select-selection-text{height:40px!important;line-height:40px!important;display:block!important;overflow:visible!important;white-space:nowrap!important;font-size:14px!important;color:var(--yaki-ink)!important;}
body.yaki-v9.yaki-page-detail .semi-select-arrow{right:10px!important;width:28px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;}
body.yaki-v9.yaki-page-detail .semi-input,
body.yaki-v9.yaki-page-detail input{height:40px!important;line-height:40px!important;}

/* Kill the real offending inner rounded frames in stat/chart cards. */
body.yaki-v9.yaki-page-detail .semi-card{overflow:hidden!important;background:linear-gradient(180deg,var(--yaki-card),var(--yaki-card-2))!important;}
body.yaki-v9.yaki-page-detail .semi-card-body{padding:22px 24px!important;background:transparent!important;overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-card-body > div,
body.yaki-v9.yaki-page-detail .semi-card-body > section,
body.yaki-v9.yaki-page-detail .semi-card-body > div > div,
body.yaki-v9.yaki-page-detail .semi-card-body > section > div{border:0!important;box-shadow:none!important;background:transparent!important;outline:0!important;}
body.yaki-v9.yaki-page-detail .semi-card-body [style*="border"]{border:0!important;box-shadow:none!important;background:transparent!important;}
body.yaki-v9.yaki-page-detail .semi-card-body [class*="border"]{border:0!important;box-shadow:none!important;background:transparent!important;}
body.yaki-v9.yaki-page-detail .semi-card-body [style*="border-radius"]{box-shadow:none!important;}
body.yaki-v9.yaki-page-detail .semi-card-body:before,
body.yaki-v9.yaki-page-detail .semi-card-body:after,
body.yaki-v9.yaki-page-detail .semi-card-body *:before,
body.yaki-v9.yaki-page-detail .semi-card-body *:after{box-shadow:none!important;}
body.yaki-v9.yaki-page-detail .semi-card p,
body.yaki-v9.yaki-page-detail .semi-card span,
body.yaki-v9.yaki-page-detail .semi-card div{line-height:1.35!important;}
body.yaki-v9.yaki-page-detail .semi-card-body .semi-typography,
body.yaki-v9.yaki-page-detail .semi-card-body p{margin-top:0!important;margin-bottom:4px!important;}

/* Stable scrolling: no hover movement, no page-load animation on dashboard. */
body.yaki-v9.yaki-page-detail .semi-card,
body.yaki-v9.yaki-page-detail .semi-form,
body.yaki-v9.yaki-page-detail .semi-table-container,
body.yaki-v9.yaki-page-detail .yaki-v9-pagehead{animation:none!important;transition:none!important;transform:none!important;will-change:auto!important;}
body.yaki-v9.yaki-page-detail .semi-card:hover,
body.yaki-v9.yaki-page-detail .semi-table-container:hover{transform:none!important;box-shadow:var(--yaki-shadow-soft)!important;}
body.yaki-v9.yaki-page-detail canvas,
body.yaki-v9.yaki-page-detail svg{transform:none!important;filter:none!important;will-change:auto!important;}

@media(max-width:1180px){
  body.yaki-v9.yaki-page-detail .semi-form-horizontal{display:flex!important;flex-wrap:wrap!important;}
  body.yaki-v9.yaki-page-detail .semi-form-field{flex:1 1 260px!important;}
}

/* v9.7 HARD DETAIL FIX - remove ALL nested visual frames inside dashboard cards. */
body.yaki-v9.yaki-page-detail .semi-card{position:relative!important;overflow:hidden!important;background:linear-gradient(180deg,var(--yaki-card),var(--yaki-card-2))!important;border:1px solid var(--yaki-line)!important;box-shadow:var(--yaki-shadow-soft)!important;transform:none!important;animation:none!important;transition:none!important;}
body.yaki-v9.yaki-page-detail .semi-card:hover{transform:none!important;box-shadow:var(--yaki-shadow-soft)!important;}
body.yaki-v9.yaki-page-detail .semi-card:before,body.yaki-v9.yaki-page-detail .semi-card:after{display:none!important;content:none!important;}
body.yaki-v9.yaki-page-detail .semi-card-body{padding:22px 26px!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;}

/* The screenshot's inner rounded rectangles are nested div backgrounds/borders. Kill them only on /detail cards. */
body.yaki-v9.yaki-page-detail .semi-card-body *,
body.yaki-v9.yaki-page-detail .semi-card-body *:before,
body.yaki-v9.yaki-page-detail .semi-card-body *:after{box-shadow:none!important;text-shadow:none!important;}
body.yaki-v9.yaki-page-detail .semi-card-body div,
body.yaki-v9.yaki-page-detail .semi-card-body section,
body.yaki-v9.yaki-page-detail .semi-card-body article,
body.yaki-v9.yaki-page-detail .semi-card-body header,
body.yaki-v9.yaki-page-detail .semi-card-body footer{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important;}
body.yaki-v9.yaki-page-detail .semi-card-body [style]{border:0!important;box-shadow:none!important;background-color:transparent!important;}
body.yaki-v9.yaki-page-detail .semi-card-body [class*="border"],
body.yaki-v9.yaki-page-detail .semi-card-body [class*="shadow"],
body.yaki-v9.yaki-page-detail .semi-card-body [class*="rounded"]{border:0!important;box-shadow:none!important;background:transparent!important;}

/* Keep real chart lines readable; only remove the fake container frame. */
body.yaki-v9.yaki-page-detail .semi-card-body svg *,
body.yaki-v9.yaki-page-detail .semi-card-body canvas{box-shadow:none!important;filter:none!important;transform:none!important;}
body.yaki-v9.yaki-page-detail .semi-card-body svg line,
body.yaki-v9.yaki-page-detail .semi-card-body svg path,
body.yaki-v9.yaki-page-detail .semi-card-body svg text{background:initial!important;}

/* Stat content spacing. */
body.yaki-v9.yaki-page-detail .semi-card-body p,
body.yaki-v9.yaki-page-detail .semi-card-body span,
body.yaki-v9.yaki-page-detail .semi-card-body div{line-height:1.32!important;}
body.yaki-v9.yaki-page-detail .semi-card-body p{margin:0 0 5px!important;}

/* Filter row: make the select a normal input, not a clipped segmented block. */
body.yaki-v9.yaki-page-detail .semi-form{padding:20px 24px!important;overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-form-horizontal{display:grid!important;grid-template-columns:minmax(280px,1.15fr) minmax(280px,1.15fr) 240px minmax(220px,.85fr) 96px!important;gap:18px 24px!important;align-items:end!important;}
body.yaki-v9.yaki-page-detail .semi-form-horizontal:before{grid-column:1/-1!important;}
body.yaki-v9.yaki-page-detail .semi-form-field{min-width:0!important;width:100%!important;}
body.yaki-v9.yaki-page-detail .semi-input-wrapper,
body.yaki-v9.yaki-page-detail .semi-datepicker,
body.yaki-v9.yaki-page-detail .semi-select,
body.yaki-v9.yaki-page-detail .semi-select-selection{width:100%!important;height:42px!important;min-height:42px!important;border-radius:14px!important;background:var(--yaki-card)!important;overflow:hidden!important;}
body.yaki-v9.yaki-page-detail .semi-select-selection{padding:0 42px 0 16px!important;display:flex!important;align-items:center!important;}
body.yaki-v9.yaki-page-detail .semi-select-selection-text{height:42px!important;line-height:42px!important;display:block!important;color:var(--yaki-ink)!important;overflow:visible!important;}
body.yaki-v9.yaki-page-detail .semi-select-arrow,
body.yaki-v9.yaki-page-detail .semi-select-suffix{position:absolute!important;right:10px!important;top:0!important;width:28px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;}
body.yaki-v9.yaki-page-detail .semi-input,
body.yaki-v9.yaki-page-detail input{height:40px!important;line-height:40px!important;}

/* No flicker on dashboard. */
body.yaki-v9.yaki-page-detail .yaki-v9-pagehead,
body.yaki-v9.yaki-page-detail .semi-form,
body.yaki-v9.yaki-page-detail .semi-card,
body.yaki-v9.yaki-page-detail .semi-table-container{animation:none!important;transition:none!important;will-change:auto!important;}

@media(max-width:1180px){body.yaki-v9.yaki-page-detail .semi-form-horizontal{display:flex!important;flex-wrap:wrap!important;}body.yaki-v9.yaki-page-detail .semi-form-field{flex:1 1 260px!important;}}
