*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#f0f2f5}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#eef2ff,#f0f2f5 55%,#ecfeff)}.top-header{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 20px;background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:10;height:auto;min-height:56px;line-height:normal}.top-header .logo{font-weight:800;font-size:17px;letter-spacing:-.3px;color:#1a1a2e}.top-header .logo span{color:#4f46e5}.top-header .spacer{flex:1}.page-main{max-width:1120px;margin:0 auto;padding:22px 20px 60px;width:100%}.chart-box{position:relative;height:300px}@media(max-width:640px){.top-header{gap:8px;padding:8px 12px;row-gap:8px}.top-header .spacer{flex-basis:100%;height:0}.top-header .logo{font-size:16px}.page-main{padding:14px 12px 48px}.chart-box{height:220px}}.ant-modal{max-width:calc(100vw - 24px)}@media(max-width:420px){.login-wrap .ant-card{width:100%!important}}.snippet-block{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:12px 14px;font:12px/1.6 ui-monospace,Menlo,monospace;white-space:pre-wrap;word-break:break-all}