:root{color-scheme:dark;font-family:var(--fnq-font-family);--fnq-font-family:Inter,"Microsoft YaHei","Segoe UI",Arial,sans-serif;--fnq-font-size-xs:12px;--fnq-font-size-sm:13px;--fnq-font-size-md:14px;--fnq-font-size-lg:16px;--fnq-font-size-xl:18px;--fnq-font-size-2xl:24px;--fnq-font-size-3xl:30px;--fnq-font-weight-regular:400;--fnq-font-weight-medium:500;--fnq-font-weight-semibold:700;--fnq-font-weight-bold:800;--fnq-line-height-tight:1.2;--fnq-line-height-heading:1.3;--fnq-line-height-compact:1.5;--fnq-line-height-body:1.6;--fnq-line-height-relaxed:1.7;--fnq-color-bg:#11100f;--fnq-color-bg-elevated:#161514;--fnq-color-bg-panel:#1d1b18;--fnq-color-bg-muted:#24211d;--fnq-color-border:rgba(213,176,79,.16);--fnq-color-border-strong:rgba(213,176,79,.28);--fnq-color-text:#f6f0de;--fnq-color-text-muted:#a7a29a;--fnq-color-text-subtle:#d1c6af;--fnq-color-primary:#d5b04f;--fnq-color-primary-hover:#f0dd9d;--fnq-color-primary-active:#b89435;--fnq-color-success:#22c55e;--fnq-color-warning:#f6c453;--fnq-color-danger:#ef4444;--fnq-color-info:#60a5fa;--fnq-radius-xs:4px;--fnq-radius-sm:6px;--fnq-radius-md:8px;--fnq-space-xs:4px;--fnq-space-sm:8px;--fnq-space-md:12px;--fnq-space-lg:16px;--fnq-space-xl:24px;--fnq-space-2xl:32px;--fnq-shadow-panel:0 18px 48px rgba(0,0,0,.28);--fnq-shadow-focus:0 0 0 3px rgba(213,176,79,.16);--fnq-layout-max:1440px}.fnq-page-shell{margin:0 auto;min-height:100vh;padding:40px 0;width:min(100% - 48px,var(--fnq-layout-max))}.fnq-page-header{align-items:flex-start;display:flex;gap:var(--fnq-space-xl);justify-content:space-between;margin-bottom:var(--fnq-space-xl)}.fnq-page-header h1,.fnq-panel-heading h2,.fnq-table-head h3{color:#fff7de;font-weight:var(--fnq-font-weight-bold);letter-spacing:0;margin:0}.fnq-page-header h1{font-size:var(--fnq-font-size-3xl);line-height:var(--fnq-line-height-tight)}.fnq-page-description{color:var(--fnq-color-text-subtle);line-height:var(--fnq-line-height-relaxed);margin:var(--fnq-space-sm) 0 0;max-width:760px}.fnq-page-intro{align-items:flex-end;border-bottom:1px solid hsla(0,0%,45.5%,.38);display:flex;gap:var(--fnq-space-lg);justify-content:space-between;margin-bottom:18px;padding:0 0 13px}.fnq-page-intro__content{min-width:0}.fnq-page-intro__eyebrow{align-items:center;color:var(--fnq-color-primary);display:flex;font-size:var(--fnq-font-size-xs);font-weight:var(--fnq-font-weight-bold);gap:7px;line-height:var(--fnq-line-height-compact);margin:0 0 5px}.fnq-page-intro__eyebrow:before{background:currentcolor;content:"";flex:0 0 auto;height:11px;width:2px}.fnq-page-intro__title{color:#fff;font-size:var(--fnq-font-size-2xl);font-weight:var(--fnq-font-weight-bold);line-height:1.25;margin:0;overflow-wrap:anywhere}.fnq-page-intro__description{color:var(--fnq-color-text-subtle);font-size:var(--fnq-font-size-sm);line-height:1.6;margin:6px 0 0;max-width:760px}.fnq-page-intro__action{flex:0 0 auto}.fnq-page-actions,.fnq-page-intro__action,.fnq-panel-actions,.fnq-table-actions{display:flex;flex-wrap:wrap;gap:var(--fnq-space-sm);justify-content:flex-end}.fnq-eyebrow{align-items:center;color:var(--fnq-color-primary);display:inline-flex;font-size:var(--fnq-font-size-xs);font-weight:var(--fnq-font-weight-bold);gap:8px;letter-spacing:0;margin:0 0 8px}.fnq-eyebrow:before{background:var(--fnq-color-primary);content:"";height:2px;width:18px}.fnq-preview-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.fnq-preview-grid,.fnq-showcase-stack{display:grid;gap:var(--fnq-space-lg)}.fnq-panel{background:var(--fnq-color-bg-elevated);border:1px solid var(--fnq-color-border);border-radius:var(--fnq-radius-md);box-shadow:var(--fnq-shadow-panel);grid-column:span 6;min-width:0;padding:18px}.fnq-panel-wide{grid-column:1/-1}.fnq-panel-heading{align-items:flex-start;display:flex;gap:var(--fnq-space-lg);justify-content:space-between;margin-bottom:var(--fnq-space-lg)}.fnq-panel-heading h2{font-size:var(--fnq-font-size-xl);line-height:var(--fnq-line-height-heading)}.fnq-panel-heading p:not(.fnq-eyebrow),.fnq-table-head p{color:var(--fnq-color-text-muted);font-size:var(--fnq-font-size-sm);line-height:var(--fnq-line-height-body);margin:6px 0 0}.fnq-toolbar{align-items:center;display:flex;gap:var(--fnq-space-md);justify-content:space-between;margin-bottom:var(--fnq-space-lg)}.fnq-toolbar-extra,.fnq-toolbar-main{align-items:center;display:flex;flex-wrap:wrap;gap:var(--fnq-space-sm)}.fnq-toolbar-main{flex:1;min-width:0}.fnq-toolbar-main .ant-input,.fnq-toolbar-main .ant-input-affix-wrapper{width:min(320px,100%)}.fnq-button{min-width:92px}.fnq-button-demo-grid,.fnq-status-demo-grid{display:grid;gap:var(--fnq-space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.fnq-status-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fnq-button-secondary{background:#2c2a26;border-color:rgba(213,176,79,.2);color:var(--fnq-color-text)}.fnq-button-ghost:not(:disabled):hover,.fnq-button-secondary:not(:disabled):hover{border-color:var(--fnq-color-primary);color:var(--fnq-color-primary-hover)}.fnq-button-ghost{background:#151413;border-color:rgba(213,176,79,.22);color:#e6dcc4}.fnq-button-danger{background:#7f1d1d}.fnq-status-badge{align-items:center;background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.18);border-radius:var(--fnq-radius-sm);color:#cbd5e1;display:inline-flex;font-size:var(--fnq-font-size-xs);font-weight:var(--fnq-font-weight-bold);gap:7px;min-height:26px;padding:3px 9px}.fnq-status-badge:before{background:currentcolor;border-radius:999px;content:"";height:7px;width:7px}.fnq-status-badge[data-state=online],.fnq-status-badge[data-state=success]{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.26);color:#86efac}.fnq-status-badge[data-state=checking],.fnq-status-badge[data-state=warning]{background:rgba(246,196,83,.14);border-color:rgba(246,196,83,.28);color:#fde68a}.fnq-status-badge[data-state=danger],.fnq-status-badge[data-state=offline]{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.28);color:#fca5a5}.fnq-metric-grid{display:grid;gap:var(--fnq-space-md);grid-template-columns:repeat(4,minmax(0,1fr))}.fnq-metric-card{background:#1a1815;border:1px solid rgba(213,176,79,.14);border-radius:var(--fnq-radius-md);min-width:0;padding:14px}.fnq-metric-card small,.fnq-metric-card span{color:var(--fnq-color-text-muted);display:block;font-size:var(--fnq-font-size-xs);line-height:var(--fnq-line-height-compact)}.fnq-metric-card strong{color:#fff7de;display:block;font-size:var(--fnq-font-size-2xl);line-height:var(--fnq-line-height-tight);margin-top:6px}.fnq-metric-card small{margin-top:8px}.fnq-metric-card b{color:var(--fnq-color-success);margin-right:6px}.fnq-metric-card-warning b{color:var(--fnq-color-warning)}.fnq-metric-card-danger b{color:var(--fnq-color-danger)}.fnq-control-grid{display:grid;gap:var(--fnq-space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.fnq-control-card{background:#1a1815;border:1px solid rgba(213,176,79,.14);border-radius:var(--fnq-radius-md);display:grid;gap:8px;min-width:0;padding:12px}.fnq-control-card>span{color:var(--fnq-color-text-muted);font-size:var(--fnq-font-size-xs);font-weight:var(--fnq-font-weight-bold)}.fnq-control-card-wide{grid-column:1/-1}.fnq-feedback-stack{display:grid;gap:var(--fnq-space-md)}.fnq-demo-tab-panel{align-items:center;color:var(--fnq-color-text-subtle);display:flex;gap:var(--fnq-space-md);min-height:58px}.fnq-table-shell{background:#161514;border:1px solid rgba(213,176,79,.14);border-radius:var(--fnq-radius-md);overflow:hidden}.fnq-table-head{align-items:flex-start;display:flex;gap:var(--fnq-space-md);justify-content:space-between;padding:14px 14px 0}.fnq-table-head h3{font-size:var(--fnq-font-size-lg)}.fnq-table{margin-top:12px}.fnq-table .ant-table{background:transparent}.fnq-table .ant-table-cell{overflow-wrap:anywhere}.fnq-empty-state{background:hsla(0,0%,100%,.02);border:1px dashed rgba(213,176,79,.18);border-radius:var(--fnq-radius-md);display:grid;gap:var(--fnq-space-sm);justify-items:center;min-height:220px;padding:var(--fnq-space-xl);text-align:center}.fnq-empty-state .ant-empty{margin:0}.fnq-empty-state strong{color:#fff7de;font-size:var(--fnq-font-size-lg)}.fnq-empty-state span{color:var(--fnq-color-text-muted);line-height:var(--fnq-line-height-relaxed);max-width:460px}.fnq-empty-action{margin-top:var(--fnq-space-xs)}.fnq-swatch-grid{display:grid;gap:var(--fnq-space-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.fnq-swatch{background:#1a1815;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--fnq-radius-md);display:grid;gap:8px;min-height:92px;padding:12px}.fnq-swatch:before{border-radius:var(--fnq-radius-sm);content:"";height:24px;width:100%}.fnq-swatch span{color:var(--fnq-color-text-muted);font-size:var(--fnq-font-size-xs);font-weight:var(--fnq-font-weight-bold)}.fnq-swatch strong{color:#fff7de;font-size:var(--fnq-font-size-sm)}.fnq-swatch-primary:before{background:var(--fnq-color-primary)}.fnq-swatch-success:before{background:var(--fnq-color-success)}.fnq-swatch-warning:before{background:var(--fnq-color-warning)}.fnq-swatch-danger:before{background:var(--fnq-color-danger)}.fnq-modal-preview{display:grid;gap:var(--fnq-space-md)}.fnq-modal-preview p{color:var(--fnq-color-text-subtle);line-height:var(--fnq-line-height-relaxed);margin:0}@media(max-width:960px){.fnq-page-shell{padding:28px 0;width:min(100% - 32px,var(--fnq-layout-max))}.fnq-page-header,.fnq-page-intro,.fnq-panel-heading,.fnq-table-head,.fnq-toolbar{align-items:stretch;flex-direction:column}.fnq-page-intro{align-items:stretch}.fnq-page-intro__action{justify-content:flex-start}.fnq-panel{grid-column:1/-1}.fnq-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fnq-control-grid,.fnq-status-demo-grid{grid-template-columns:1fr}}@media(max-width:640px){.fnq-page-shell{width:min(100% - 24px,var(--fnq-layout-max))}.fnq-page-header h1{font-size:var(--fnq-font-size-2xl)}.fnq-page-intro{margin-bottom:16px;padding-bottom:11px}.fnq-page-intro__title{font-size:20px}.fnq-page-intro__description{font-size:var(--fnq-font-size-sm)}.fnq-button-demo-grid,.fnq-metric-grid,.fnq-swatch-grid{grid-template-columns:1fr}}.fnq-home-nav{align-items:center;backdrop-filter:blur(14px);background:rgba(15,14,13,.92);border-bottom:1px solid rgba(213,176,79,.14);display:grid;gap:var(--fnq-space-xl);grid-template-columns:minmax(190px,auto) minmax(0,1fr) auto;min-height:64px;padding:0 clamp(24px,5vw,72px);position:sticky;top:0;z-index:20}.fnq-home-brand{align-items:center;color:var(--fnq-color-primary);display:inline-flex;gap:10px;min-width:0;text-decoration:none}.fnq-home-brand-logo{display:block;flex:0 0 auto;height:40px;object-fit:contain;width:124px}.fnq-home-nav-menu{display:flex;gap:clamp(18px,3vw,40px);justify-content:center;min-width:0}.fnq-home-nav-menu a{align-items:center;color:#d8d0c2;display:inline-flex;font-size:var(--fnq-font-size-sm);font-weight:var(--fnq-font-weight-semibold);min-height:64px;position:relative;text-decoration:none;white-space:nowrap}.fnq-home-nav-menu a.active{color:var(--fnq-color-primary)}.fnq-home-nav-menu a.active:after{background:var(--fnq-color-primary);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.fnq-home-nav-actions{align-items:center;display:flex;gap:var(--fnq-space-sm);justify-content:flex-end}.fnq-home-user{align-items:center;background:rgba(213,176,79,.08);border:1px solid rgba(213,176,79,.18);border-radius:var(--fnq-radius-sm);color:#fff2dc;cursor:pointer;display:inline-flex;font-size:var(--fnq-font-size-sm);font-weight:var(--fnq-font-weight-semibold);gap:7px;line-height:1;max-width:180px;min-width:0;padding:9px 10px}.fnq-home-user:focus-visible,.fnq-home-user:hover{background:rgba(213,176,79,.14);border-color:rgba(213,176,79,.45)}.fnq-home-user span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fnq-home-user svg{color:var(--fnq-color-primary);flex:0 0 auto}.fnq-home-user .fnq-home-user-arrow{color:#d8d0c2;font-size:10px}.fnq-first-login-guide{align-items:center;background:linear-gradient(90deg,rgba(213,176,79,.12),rgba(213,176,79,.04)),rgba(18,17,15,.96);border-bottom:1px solid rgba(213,176,79,.2);color:#d8d0c2;display:flex;gap:18px;min-height:46px;padding:8px clamp(24px,5vw,72px);position:relative;z-index:10}.fnq-first-login-guide-title{align-items:center;color:var(--fnq-color-primary-hover);display:inline-flex;flex:0 0 auto;font-size:var(--fnq-font-size-sm);font-weight:var(--fnq-font-weight-bold);gap:7px;white-space:nowrap}.fnq-first-login-guide-title svg{color:var(--fnq-color-primary);font-size:var(--fnq-font-size-md)}.fnq-first-login-guide-steps{align-items:center;display:flex;flex:1;font-size:var(--fnq-font-size-xs);gap:8px;list-style:none;margin:0;min-width:0;padding:0;white-space:nowrap}.fnq-first-login-guide-steps li{align-items:center;display:inline-flex;flex:0 0 auto;gap:8px;white-space:nowrap}.fnq-first-login-guide-steps li>svg{color:rgba(213,176,79,.68);font-size:var(--fnq-font-size-xs)}.fnq-first-login-guide-close{background:transparent;border:1px solid transparent;border-radius:var(--fnq-radius-sm);color:var(--fnq-color-text-muted);cursor:pointer;display:inline-grid;flex:0 0 30px;font-size:var(--fnq-font-size-sm);height:30px;place-items:center;transition:border-color .16s ease,background .16s ease,color .16s ease;width:30px}.fnq-first-login-guide-close:hover{background:rgba(213,176,79,.1);border-color:rgba(213,176,79,.28);color:var(--fnq-color-primary-hover)}.fnq-first-login-guide-close:focus-visible{outline:2px solid var(--fnq-color-primary);outline-offset:2px}@media(max-width:1120px){.fnq-home-nav{grid-template-columns:auto 1fr}.fnq-home-nav-menu{grid-column:1/-1;justify-content:flex-start;min-height:44px;order:3;overflow-x:auto}.fnq-home-nav-menu a{min-height:44px}.fnq-first-login-guide{align-items:flex-start}.fnq-first-login-guide-close,.fnq-first-login-guide-title{margin-top:2px}.fnq-first-login-guide-steps{flex-wrap:wrap;row-gap:5px;white-space:normal}}@media(max-width:720px){.fnq-home-nav{gap:var(--fnq-space-sm);grid-template-columns:1fr;padding:12px 18px}.fnq-home-nav-actions{flex-wrap:wrap;justify-content:flex-start}.fnq-first-login-guide{display:grid;gap:8px 12px;grid-template-columns:minmax(0,1fr) auto;padding:10px 18px 12px}.fnq-first-login-guide-title{grid-column:1;grid-row:1;margin-top:0}.fnq-first-login-guide-steps{grid-column:1/-1;grid-row:2;line-height:1.7}.fnq-first-login-guide-close{align-self:center;grid-column:2;grid-row:1;height:40px;margin-top:0;width:40px}}*{box-sizing:border-box}html{background:var(--fnq-color-bg);min-height:100%}body,html{min-width:320px}body{background:radial-gradient(circle at 70% 18%,rgba(204,168,77,.12),transparent 28%),radial-gradient(circle at 14% 72%,rgba(84,70,42,.2),transparent 34%),var(--fnq-color-bg);color:var(--fnq-color-text);font-size:var(--fnq-font-size-md);font-synthesis:none;line-height:var(--fnq-line-height-body);margin:0;min-height:100vh;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}small,sub,sup{font-size:var(--fnq-font-size-xs)}a{color:var(--fnq-color-primary)}#root{min-height:100vh}::selection{background:var(--fnq-color-primary);color:#16120e}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#12110f}::-webkit-scrollbar-thumb{background:rgba(213,176,79,.38);border:2px solid #12110f;border-radius:999px}.ant-app{min-height:100vh}