:root{color:#23332d;--color-ink:#1c2f27;--color-muted:#61736b;--color-primary:#0f766e;--color-primary-deep:#0b5f58;--color-gold:#b9822f;--color-card:#ffffffe0;--shadow-soft:0 22px 50px #16352b1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#0f766e2e,#0000 24%),radial-gradient(circle at 100% 0,#a4d6b76b,#0000 28%),linear-gradient(#eff4ef 0%,#e7efe8 100%);font-family:PingFang SC,Noto Serif SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0}body{color:#23332d}button{font:inherit}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-backdrop{background:radial-gradient(circle at 15% 20%,#0f766e3d,#0000 20%),radial-gradient(circle at 85% 15%,#a4d6b74d,#0000 22%),linear-gradient(135deg,#f5faf6,#e3eee7);position:absolute;inset:0}.login-card{z-index:1;background:linear-gradient(160deg,#fffffffa,#f0f8f3f5),radial-gradient(circle at 100% 0,#0f766e1f,#0000 35%);border:1px solid #ffffffb8;border-radius:28px;width:min(100%,460px);position:relative;box-shadow:0 28px 60px #16352b1f}.login-title{margin-top:10px!important;margin-bottom:8px!important}.login-copy,.login-tip,.login-error{margin-bottom:18px}.shell{background:linear-gradient(90deg,#ffffff40,#0000 34%),0 0;min-height:100vh}.shell-sider{border-right:1px solid #0f172a0f;box-shadow:18px 0 50px #0f766e12;background:radial-gradient(circle at 0 0,#0f766e1f,#0000 28%),linear-gradient(#fffffff5,#eef7f1f0)!important}.brand-panel{background:linear-gradient(150deg,#fffffffa,#e8f5edeb),linear-gradient(120deg,#fff,#eef7f1);border:1px solid #0f172a0f;border-radius:24px;margin:18px 16px 14px;padding:20px 18px;box-shadow:inset 0 1px #ffffffc7,0 16px 34px #0f766e14}.brand-topline,.header-kicker,.hero-kicker,.subtle-label{letter-spacing:.16em;text-transform:uppercase;color:#0f766e;font-size:12px;display:inline-block}.brand-title,.header-title,.page-title{margin:8px 0 0!important}.brand-copy,.compact,.hero-copy,.muted-copy,.subtle-text{color:#576760}.brand-badges{margin-top:14px}.sider-section-title{color:#62736c;letter-spacing:.12em;text-transform:uppercase;padding:0 22px 10px;font-size:12px}.sider-card{background:linear-gradient(#f7fbf8,#edf6f0);border-radius:20px;margin:18px 16px}.shell-header{z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border-bottom:1px solid #0f172a0f;justify-content:space-between;align-items:center;gap:16px;height:auto;padding:22px 28px;display:flex}.shell-content{padding:28px}.mobile-topbar{align-items:center;gap:12px;padding:14px 16px 0;display:flex}.mobile-topbar-title{color:#23332d;min-width:0;font-weight:600}.mobile-topbar-title span{color:#66766f;margin-left:8px;font-size:12px;font-weight:500}.brand-panel-mobile{margin:0 0 16px}.top-mini-card,.stat-card,.inner-metric-card,.mini-stat-card,.table-shell,.trace-hero,.page-summary-card,.hero-card{border-radius:24px;overflow:hidden}.top-mini-card{background:#ffffffc7;border:1px solid #0f766e14;min-width:160px}.warning-entry-card{cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.warning-entry-card:hover{border-color:#0f766e38;transform:translateY(-2px);box-shadow:0 18px 34px #0f766e24}.mini-icon{color:#0f766e;font-size:18px}.hero-card{background:radial-gradient(circle at 100% 0,#b8822f26,#0000 34%),radial-gradient(circle at 0 100%,#0f766e29,#0000 32%),linear-gradient(145deg,#fffffffa,#f0f8f3eb);border:1px solid #ffffffb8}.hero-title{max-width:760px;margin-top:10px!important;margin-bottom:12px!important;font-size:38px!important;line-height:1.12!important}.hero-side-grid{gap:14px;display:grid}.floating-card{background:#ffffffbd;border:1px solid #0f766e14;border-radius:20px}.flow-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px;display:grid}.flow-strip span{text-align:center;color:#fff;background:linear-gradient(135deg,#0b5f58,#138b7f);border-radius:999px;padding:12px 10px;font-weight:600;box-shadow:inset 0 -8px 18px #ffffff14}.metric-row{justify-content:space-between;gap:16px;margin-bottom:8px;display:flex}.inner-metric-card{background:linear-gradient(160deg,#f7fbf8,#eef7f0)}.workbench-tile{text-align:left;cursor:pointer;background:linear-gradient(#fff,#f5faf7),radial-gradient(circle at 100% 0,#0f766e14,#0000 34%);border:1px solid #0f172a14;border-radius:20px;width:100%;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s}.workbench-tile:hover{border-color:#0f766e3d;transform:translateY(-2px);box-shadow:0 18px 32px #0f766e1f}.tile-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.tile-icon,.summary-icon{color:#0f766e;background:#def3eb;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:inline-flex}.tile-title{color:#1f3028;font-size:17px;font-weight:600}.tile-copy{color:#5d6b65;margin-top:8px;line-height:1.6}.page-tools{grid-template-columns:minmax(300px,1fr) auto;align-items:center;gap:14px;display:grid}.module-search-panel{background:linear-gradient(#fffffffa,#f4faf6f2),radial-gradient(circle at 0,#0f766e14,#0000 34%);border:1px solid #0f766e1f;border-radius:24px;grid-template-columns:1fr;align-items:stretch;gap:8px;min-width:0;padding:10px 14px;display:grid;box-shadow:inset 0 1px #ffffffb8,0 12px 28px #0f766e14}.module-search-panel .ant-input-affix-wrapper{box-shadow:none;background:0 0;border:none}.module-search-panel .ant-input-affix-wrapper-focused{box-shadow:none}.module-search-meta{white-space:nowrap;justify-content:flex-start;align-items:center;padding-left:8px;display:flex}.page-tool-actions{background:#ffffff9e;border:1px solid #0f766e14;border-radius:999px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:8px;display:flex}.page-tool-actions .ant-btn{border-radius:999px}.hidden-file-input{display:none}.trace-badges{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.trace-form-section{background:linear-gradient(#fcfefd,#f5faf7),radial-gradient(circle at 100% 0,#0f766e14,#0000 32%);border:1px solid #0f172a12;border-radius:20px;padding:18px}.trace-form-title{color:#1f3028;margin-bottom:14px;font-size:15px;font-weight:700}.qr-preview-card{min-height:420px}.qr-canvas-wrap{background:linear-gradient(#fffffff2,#f1f8f3eb),radial-gradient(circle at top,#0f766e14,#0000 45%);border-radius:18px;justify-content:center;align-items:center;min-height:320px;padding:12px;display:flex}.qr-empty-state{color:#6b7b74;font-size:14px}.qr-tip{margin-top:12px}.trace-detail-shell{min-height:100vh;color:var(--color-ink);background:radial-gradient(circle at 12% 8%,#0f766e42,#0000 24%),radial-gradient(circle at 88% 0,#b8822f33,#0000 22%),linear-gradient(#f6f9f3 0%,#e7efe8 100%);padding:28px}.trace-detail-shell:before{content:"";pointer-events:none;background-image:linear-gradient(#0f766e0f 1px,#0000 1px),linear-gradient(90deg,#0f766e0f 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 70%);mask-image:linear-gradient(#0000008c,#0000 70%)}.trace-detail-hero,.trace-detail-card{z-index:1;position:relative}.trace-detail-card{background:var(--color-card);box-shadow:var(--shadow-soft);border:1px solid #ffffffbd;border-radius:24px;margin-bottom:20px}.trace-detail-hero{color:#fff;background:linear-gradient(145deg,#0c5046f0,#0f766edb),radial-gradient(circle at 80% 10%,#ffffff2e,#0000 30%);border-radius:32px;max-width:1060px;margin:0 auto 20px;padding:28px;overflow:hidden;box-shadow:0 28px 70px #0c504647}.trace-detail-hero-glow{filter:blur(6px);background:#ffffff29;border-radius:999px;width:280px;height:280px;position:absolute;top:-120px;right:-90px}.trace-detail-brand-row{align-items:center;gap:14px;display:flex;position:relative}.trace-detail-brand-mark{color:#0f766e;letter-spacing:.04em;background:linear-gradient(145deg,#fff8e7,#dff3eb);border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-weight:800;display:inline-flex;box-shadow:inset 0 -8px 18px #0f766e14}.trace-detail-brand-subtitle{opacity:.86;margin-top:4px}.trace-detail-hero .hero-kicker,.trace-detail-hero .trace-detail-title{color:#fff!important}.trace-detail-title{margin-top:10px!important;margin-bottom:8px!important;font-size:34px!important;line-height:1.16!important}.trace-code-pill{color:#f8fbf7;word-break:break-all;background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;max-width:100%;margin:10px 0 22px;padding:9px 14px;display:inline-flex}.trace-detail-hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.trace-detail-hero-grid div{background:#ffffff1f;border:1px solid #ffffff29;border-radius:18px;padding:14px}.trace-detail-hero-grid span{opacity:.76;letter-spacing:.1em;margin-bottom:8px;font-size:12px;display:block}.trace-detail-hero-grid strong{color:#fff;line-height:1.45;display:block}.trace-detail-section-list,.trace-detail-shell>.trace-detail-section-card{max-width:1060px;margin:0 auto}.trace-detail-shell>.trace-detail-section-card{margin-bottom:20px}.trace-detail-section-card{overflow:hidden}.trace-section-index{color:#fff;background:linear-gradient(145deg,#0f766e,#0b5f58);border-radius:12px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:inline-flex}.trace-detail-loading{color:#5d6b65;justify-content:center;align-items:center;gap:12px;min-height:180px;display:flex}.trace-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.trace-detail-item{background:linear-gradient(#fcfefd,#f5faf7),radial-gradient(circle at 100% 0,#b8822f14,#0000 34%);border:1px solid #0f766e14;border-radius:18px;padding:14px 16px}.trace-detail-label{letter-spacing:.08em;text-transform:uppercase;color:#0f766e;font-size:12px}.trace-detail-value{color:#213028;word-break:break-word;margin-top:8px;line-height:1.6}.trace-image-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.trace-image-card{aspect-ratio:4/3;object-fit:cover;border-radius:18px;width:100%;overflow:hidden}.trace-detail-loading-card,.trace-detail-empty-card{text-align:center;max-width:560px;margin:15vh auto 0}.ant-layout-sider-children{flex-direction:column;height:100%;display:flex}.ant-menu{padding-inline:10px;background:0 0!important;border-inline-end:none!important}.ant-menu-item,.ant-menu-item-group-title{border-radius:14px}.ant-card{border-color:#0f766e14;box-shadow:0 16px 36px #16352b0f}.ant-table-wrapper .ant-table{border-radius:18px}.ant-table-thead>tr>th{color:#26382f!important;background:#eef7f0!important;font-weight:700!important}.ant-btn-primary{box-shadow:0 10px 20px #0f766e2e}.warning-list .ant-list-item{background:linear-gradient(#fff,#f7fbf8);border:1px solid #0f766e14;border-radius:18px;padding:14px}@media (width<=1100px){.shell{display:block}.shell-sider{width:100%!important;max-width:none!important}.shell-header{flex-direction:column;align-items:flex-start;padding:18px 16px}.header-actions,.header-actions .ant-space-item,.header-actions .ant-btn,.top-mini-card{width:100%}.shell-content{padding:16px}.flow-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-tools{grid-template-columns:1fr}.page-tool-actions{border-radius:22px;justify-content:stretch}.page-tool-actions .ant-btn{width:100%}.module-search-panel{border-radius:22px;padding:10px}.module-search-meta{padding-left:2px}.trace-badges{justify-content:flex-start}.hero-title{font-size:30px!important}.trace-form-section{padding:14px}.login-shell{padding:16px}.trace-detail-shell{padding:14px}.trace-detail-grid,.trace-image-grid,.trace-detail-hero-grid{grid-template-columns:1fr}.trace-detail-hero{border-radius:26px;padding:22px 18px}.trace-detail-title{font-size:26px!important}.trace-detail-card{border-radius:22px}.trace-code-pill{white-space:normal;display:flex}.mobile-topbar{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6faf7e0;border-bottom:1px solid #0f766e14;padding:12px 14px;position:sticky;top:0}}