:root{color-scheme:light;font-family:Plus Jakarta Sans,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;font-weight:400;color:#182325;--bg: #f3f0ec;--bg-accent: #ece7e2;--surface: rgba(255, 255, 255, .96);--surface-strong: #ffffff;--border: #e2ddd7;--border-strong: #cbc4bd;--text: #182325;--text-muted: #66767a;--brand: #009999;--brand-2: #0b7474;--brand-soft: rgba(0, 153, 153, .1);--navy: #374151;--warning: #c97b12;--radius-card: .92rem;--radius-control: .58rem;--radius-pill: 999px;background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}code{background:rgba(15,23,42,.05);border-radius:.4rem;padding:.15rem .35rem}#root{min-height:100vh}.login-page{display:grid;min-height:100vh;place-items:center;padding:2rem}.login-panel,.panel,.hero-card,.stat-card,.feature-card,.page-banner,.table-card,.metric-box{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);box-shadow:0 1px 2px #0f172a0a}.login-panel{display:grid;grid-template-columns:1.25fr .95fr;gap:2.5rem;max-width:1100px;padding:2.4rem}.login-copy h1,.topbar h2,.panel h3,.hero-card h3{margin:.3rem 0 .6rem;letter-spacing:-.03em}.eyebrow,.brand-kicker{color:var(--brand-2);display:inline-block;font-size:.76rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.login-form,.form-grid{display:grid;gap:1rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end}.form-grid--dense{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.form-span-2{grid-column:1 / -1}label{display:grid;gap:.45rem;font-weight:500}.field-label{color:var(--text-muted);font-size:.86rem;font-weight:600;text-transform:capitalize}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-control);background:#ffffff;color:var(--text);padding:.82rem .92rem}input:focus,select:focus,textarea:focus{outline:0;border-color:#00999973;box-shadow:0 0 0 3px #0099991f}.primary-button,.ghost-button,.tab-button,.captcha-card{border:1px solid transparent;border-radius:.64rem;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.primary-button{background:#009999;color:#fff;font-weight:600;padding:.74rem 1rem}.ghost-button,.tab-button{background:#ffffff;color:var(--text);border-color:var(--border);padding:.72rem .95rem}.active-chip{background:rgba(0,153,153,.08);color:var(--brand);border-color:#0099993d}.primary-button:hover,.ghost-button:hover,.tab-button:hover,.captcha-card:hover{background:rgba(15,23,42,.03)}.primary-button:hover{background:#008c8c}.captcha-row{display:grid;grid-template-columns:1fr 150px;gap:.75rem}.captcha-card{display:grid;place-items:center;min-height:56px;overflow:hidden}.captcha-card img{display:block;width:100%}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;padding:.9rem;gap:.9rem}.sidebar{display:flex;flex-direction:column;gap:.95rem;padding:.9rem;background:#f8f1ec;color:var(--text);border:1px solid var(--border);border-radius:1.35rem}.sidebar-brand{display:flex;align-items:center;gap:.78rem;padding:.4rem .2rem .7rem}.sidebar-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:.82rem;background:rgba(0,153,153,.1);color:var(--brand-2);font-size:.96rem;font-weight:700}.sidebar-brand-copy{display:grid;gap:.12rem;flex:1;min-width:0}.sidebar-brand-copy strong{font-size:.96rem;font-weight:700}.sidebar-brand-copy span{color:var(--text-muted);font-size:.79rem;line-height:1.35}.sidebar-section-label{padding:0 .35rem;color:#8c7f77;font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.brand p{color:var(--text-muted);margin:.24rem 0 0;font-size:.84rem;line-height:1.4}.brand h1{margin:.22rem 0 0;font-size:1rem;letter-spacing:-.02em}.nav{display:grid;gap:.22rem}.nav-link{display:flex;align-items:center;gap:.72rem;border-radius:.68rem;color:#4f6166;padding:.78rem .82rem;border:1px solid transparent;font-size:.92rem;font-weight:600}.nav-link.active,.nav-link:hover{background:#ffffff;border-color:var(--border);color:var(--text)}.nav-link.active{box-shadow:0 10px 22px #0f172a0a}.nav-link-icon{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;color:#566366;font-size:.98rem}.nav-link.active .nav-link-icon{color:var(--brand-2)}.nav-link-caret{margin-left:auto;color:#9aa6a9}.sidebar-footer{margin-top:auto;display:inline-flex;align-items:center;gap:.55rem;padding:.76rem .82rem;border-radius:.68rem;background:rgba(255,255,255,.65);border:1px solid rgba(226,221,215,.9);color:#5f6e72;font-size:.82rem;font-weight:600}.sidebar-footer-dot{width:.48rem;height:.48rem;border-radius:999px;background:var(--brand)}.content{display:grid;grid-template-rows:auto 1fr;min-width:0}.topbar,.panel-header,.hero-card{display:flex;justify-content:space-between;gap:1rem;align-items:center}.topbar{margin-bottom:.72rem;padding:.8rem 1rem;border:1px solid var(--border);border-radius:1.25rem;background:rgba(255,255,255,.92);justify-content:space-between}.topbar-leading{display:flex;align-items:center;min-width:0}.topbar-page{display:grid;gap:.12rem}.topbar-page-kicker{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.topbar-page strong{font-size:.98rem;letter-spacing:-.02em}.topbar-copy p,.muted-text{color:var(--text-muted)}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;margin-left:auto;gap:.75rem}.topbar-chip{display:inline-flex;align-items:center;gap:.45rem;border-radius:.68rem;background:#ffffff;border:1px solid var(--border);color:var(--text-muted);padding:.38rem .7rem;font-size:.78rem;font-weight:600}.topbar-status{color:#40686a;background:rgba(0,153,153,.08);border-color:#0099992e}.topbar-button{padding:.42rem .78rem;font-size:.78rem;font-weight:500}.topbar-button--icon{display:inline-flex;align-items:center;gap:.38rem}.topbar-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.topbar-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:.68rem;padding:0}.content-canvas{min-width:0;border:1px solid var(--border);border-radius:1.35rem;background:rgba(255,255,255,.96);padding:1rem}.page-stack{display:grid;gap:.95rem}.chip-row{display:flex;flex-wrap:wrap;gap:.65rem}.hero-card,.panel{padding:1rem 1.02rem}.hero-card--dashboard{display:grid;grid-template-columns:1.3fr .9fr;align-items:stretch}.hero-copy{max-width:720px}.hero-actions{display:grid;gap:.9rem;align-content:start}.hero-metric{border:1px solid var(--border);border-radius:var(--radius-control);background:#ffffff;padding:.92rem .98rem}.page-banner-copy{display:grid;gap:.35rem}.page-banner--insights{background:#edf8f8;color:#12343a}.page-banner--insights .eyebrow,.page-banner--insights .muted-text{color:#12343ac7}.page-banner--insights h3{color:#0b3b3b}.page-banner--insights p{color:#12343ad1}.insight-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-box{display:grid;gap:.45rem;padding:1.2rem}.metric-box strong{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.metric-box p{color:var(--text-muted);margin:0}.insight-layout{display:grid;gap:1rem;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.trend-chart{display:grid;gap:1rem;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;min-height:240px}.trend-bar-card{display:grid;gap:.7rem;justify-items:center}.trend-bar-value{color:var(--text-muted);font-size:.86rem;font-weight:700}.trend-bar-track{display:flex;align-items:end;width:100%;min-height:180px;padding:.35rem;border-radius:var(--radius-control);background:rgba(15,23,42,.05)}.trend-bar-fill{width:100%;border-radius:.22rem;background:#16b3b3}.trend-bar-label{font-size:.88rem;font-weight:700}.ranking-grid{display:grid;gap:1rem}.ranking-card{display:grid;gap:.9rem;padding:1rem 1.05rem;border:1px solid var(--border);border-radius:var(--radius-control);background:#ffffff}.ranking-card h4{margin:0}.ranking-row{display:grid;gap:.45rem}.ranking-copy{display:flex;justify-content:space-between;gap:.75rem}.ranking-copy span{color:var(--text-muted);font-size:.9rem}.ranking-progress{overflow:hidden;height:.6rem;border-radius:.16rem;background:rgba(17,37,59,.08)}.ranking-progress div{height:100%;border-radius:inherit;background:#16b3b3}@media (max-width: 960px){.insight-layout{grid-template-columns:1fr}.trend-chart{min-height:210px}.trend-bar-track{min-height:150px}}@media (max-width: 720px){.trend-chart{grid-template-columns:repeat(4,minmax(0,1fr))}}.hero-metric span{display:block;color:var(--text-muted);font-size:.82rem}.hero-metric strong{display:block;font-size:1.05rem;margin-top:.3rem}.page-banner{display:flex;justify-content:space-between;gap:.6rem;align-items:center;padding:.75rem .95rem;background:#ffffff}.page-banner h3{margin:0;font-size:1.02rem}.page-banner p{margin:.15rem 0 0;color:var(--text-muted);font-size:.9rem}.page-banner .eyebrow{display:none}.page-banner--query{align-items:stretch;gap:1.5rem;padding:1.55rem 1.6rem;background:#ffffff}.page-banner-copy{max-width:720px}.page-banner-metrics{display:grid;gap:.9rem;grid-template-columns:repeat(3,minmax(130px,1fr))}.metric-box{min-width:120px;padding:.95rem 1rem;text-align:left}.metric-box span{display:block;color:var(--text-muted);font-size:.82rem}.metric-box strong{display:block;margin-top:.25rem;font-size:1.4rem}.query-panel{padding:1.7rem}.query-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1.25rem}.query-hero-copy{max-width:680px}.query-hero-copy p{margin:0;color:var(--text-muted)}.query-tabs{flex-wrap:wrap;justify-content:flex-end}.query-tabs .tab-button{background:#ffffff;padding:.72rem .98rem}.query-tabs .tab-button.active{background:rgba(0,153,153,.08);color:var(--brand);border-color:#0993}.query-toolbar{margin-top:1.25rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:var(--radius-card);background:#faf8f5}.query-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem}.query-field{gap:.35rem;padding:0}.query-field input{min-height:44px;border-radius:var(--radius-control);border-color:var(--border);background:#ffffff;padding:.75rem .9rem}.mail-records-keyword-field input{background:#ffffff;border-color:#d6d0c9e0;box-shadow:inset 0 0 0 1px #fffc}.stats-grid,.card-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-card,.feature-card{padding:1.3rem}.stat-card span{color:var(--brand-2);font-size:.9rem}.stat-card strong{display:block;font-size:1.15rem;margin:.35rem 0 .5rem}.table-wrap{overflow:auto;margin-top:1rem;border-radius:var(--radius-card)}.table-card{border-radius:var(--radius-card);background:#ffffff;border:1px solid var(--border)}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.table-state{display:grid;gap:.3rem;justify-items:center;padding:1.5rem .5rem;text-align:center}.table-state strong{font-size:1rem}.table-state span{color:var(--text-muted);max-width:420px}.table-toolbar strong{display:block;margin-bottom:.2rem}table{width:100%;min-width:760px;border-collapse:collapse}th,td{border-bottom:1px solid #ece8e1;padding:.82rem .84rem;text-align:left;vertical-align:top}thead th{color:var(--text-muted);font-size:.78rem;font-weight:600;text-transform:none;letter-spacing:0;background:#faf8f5;position:sticky;top:0;z-index:1}tbody tr:hover{background:rgba(0,153,153,.028)}.table-row-clickable{cursor:pointer;transition:background .18s ease}.table-row-active{background:rgba(0,153,153,.05)}.table-row-active td:first-child{box-shadow:inset 3px 0 0 var(--brand)}.pagination-row,.tabs{display:flex;gap:.75rem;align-items:center}.pagination-row{justify-content:space-between;margin-top:.7rem;padding:.35rem .15rem 0;border-top:1px solid rgba(28,39,54,.08)}.pagination-copy{display:grid;gap:.1rem}.pagination-copy strong{font-size:.92rem}.pagination-copy span{color:var(--text-muted);font-size:.8rem}.pagination-actions{display:flex;align-items:center;gap:.65rem}.pagination-button{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(28,39,54,.08);border-radius:.62rem;background:#ffffff;color:var(--text);cursor:pointer;font-weight:600;padding:.5rem .76rem;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.pagination-button:hover:not(:disabled){background:rgba(15,23,42,.03);border-color:var(--border-strong)}.pagination-button:disabled{cursor:not-allowed;color:#1c273661;background:rgba(28,39,54,.03)}.pagination-arrow{color:var(--brand);font-size:1rem;line-height:1}.tabs--compact{gap:.5rem}.tabs--compact .tab-button{padding:.55rem .85rem;font-size:.88rem}.tab-button.active{background:rgba(0,153,153,.08);border-color:#0993;color:var(--brand)}.json-panel{margin-top:1.5rem;border-top:1px solid rgba(28,39,54,.08);padding-top:1.2rem}.json-panel pre{overflow:auto;border-radius:.62rem;background:#10213a;color:#f8fafc;padding:1rem}.swagger-frame{width:100%;min-height:75vh;border:0;border-radius:.72rem}.error-text{color:#a61e4d;font-weight:600}.success-text{color:#216e39;font-weight:600}.text-link{color:var(--brand);font-weight:700}.link-button{display:inline-flex;align-items:center;justify-content:center}.feature-card-top{display:grid;gap:.35rem}.feature-card-tag{color:var(--text-muted);font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.status-badge{display:inline-flex;align-items:center;border-radius:.52rem;background:rgba(0,153,153,.08);color:var(--brand);font-size:.78rem;font-weight:600;padding:.24rem .58rem}.status-badge--success{background:rgba(27,120,74,.12);color:#176440}.status-badge--warning{background:rgba(201,123,18,.14);color:#9a5b05}.status-badge--danger{background:rgba(183,45,77,.12);color:#9f2042}.status-badge--info{background:rgba(30,88,167,.12);color:#1f5eaa}.mono-text{font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.88rem}.table-primary strong{display:block;font-size:.9rem;font-weight:600}.table-primary span,.table-secondary span{display:block;margin-top:.14rem;color:var(--text-muted);font-size:.75rem}.table-secondary strong{display:block;font-size:.9rem;font-weight:600;line-height:1.42}.table-actions{display:flex;flex-wrap:wrap;gap:.5rem}.query-result-header{align-items:flex-end}.query-result-copy p{margin:.22rem 0 0;color:var(--text-muted);font-size:.85rem}.result-select{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(0,153,153,.1);border-radius:.68rem;background:rgba(255,255,255,.88);padding:.28rem .38rem .28rem .8rem}.result-select span{color:var(--text-muted);font-size:.8rem;font-weight:700}.result-select select{min-width:76px;border:0;border-radius:.54rem;background:rgba(15,76,92,.08);color:var(--brand);padding:.42rem .8rem;font-weight:700}.result-select select:focus{outline:none}.panel-header--stack{align-items:flex-start}.query-actions{display:flex;align-items:end;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.form-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.workbench-layout{display:grid;grid-template-columns:286px minmax(0,1fr);gap:.95rem;align-items:start}.filter-sidebar{position:sticky;top:0;align-self:start;background:rgba(255,255,255,.74);box-shadow:none;border-color:#e2ddd799;z-index:0}.filter-sidebar-header{display:grid;gap:.18rem;margin-bottom:.95rem}.filter-sidebar-header h3{margin:0}.filter-form-stack{display:grid;gap:.82rem}.filter-panel-block{display:grid;gap:.7rem;padding:.82rem .88rem;border:1px solid rgba(226,221,215,.55);border-radius:.72rem;background:rgba(251,250,248,.72)}.filter-panel-title{color:#57666a;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.filter-sidebar-actions{display:grid;grid-template-columns:1fr 1fr}.workbench-main{min-width:0;position:relative;z-index:1}.whitelist-filter-grid{grid-template-columns:1fr;gap:.82rem}.whitelist-filter-search{padding:.1rem 0 .25rem}.whitelist-filter-search input{background:#fff}.whitelist-filter-group{display:grid;gap:.7rem;padding:.82rem .88rem;border:1px solid rgba(226,221,215,.55);border-radius:.72rem;background:rgba(251,250,248,.72)}.whitelist-filter-group-title{color:#57666a;font-size:.76rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.whitelist-filter-accordion{display:grid;gap:.62rem}.whitelist-filter-block{border:1px solid rgba(226,221,215,.72);border-radius:.72rem;background:rgba(255,255,255,.72)}.whitelist-filter-toggle{width:100%;display:flex;align-items:center;gap:.58rem;border:0;background:transparent;color:#263639;cursor:pointer;padding:.78rem .88rem;font-size:.94rem;font-weight:600;text-align:left}.whitelist-filter-toggle-arrow{display:inline-flex;width:.85rem;color:#627174;font-size:.88rem;justify-content:center}.whitelist-filter-panel{padding:0 .88rem .72rem;border-top:1px solid rgba(226,221,215,.55)}.whitelist-filter-search-inline{padding-top:.55rem}.whitelist-filter-search-inline input{min-height:1.82rem;padding:.34rem .58rem;background:rgba(255,255,255,.82);font-size:.82rem}.whitelist-checklist{display:grid;gap:.18rem;padding-top:.4rem;max-height:12.5rem;overflow-y:auto;padding-right:.18rem;scrollbar-width:thin;scrollbar-color:rgba(132,150,154,.55) transparent}.whitelist-checklist::-webkit-scrollbar{width:6px}.whitelist-checklist::-webkit-scrollbar-track{background:transparent}.whitelist-checklist::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(132,150,154,.45)}.whitelist-checklist::-webkit-scrollbar-thumb:hover{background:rgba(95,111,115,.6)}.whitelist-check-item{display:flex;align-items:center;gap:.48rem;padding:.28rem .28rem .28rem .38rem;border-radius:.58rem;color:#5c6b70;font-size:.85rem;font-weight:500;transition:background .16s ease,color .16s ease,transform .16s ease}.whitelist-check-item:hover{background:rgba(0,153,153,.05);color:#314346}.whitelist-check-item input{width:.86rem;height:.86rem;margin:0;accent-color:var(--brand);flex:0 0 auto}.whitelist-check-item.active{color:var(--text);font-weight:600;background:rgba(0,153,153,.08)}.whitelist-check-item.active:hover{background:rgba(0,153,153,.11)}.whitelist-check-label{flex:1;min-width:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.whitelist-check-label:hover{color:#243437}.whitelist-check-item span{flex:1;min-width:0}.whitelist-filter-actions{align-self:end;justify-content:stretch;display:grid;grid-template-columns:1fr}.whitelist-result-toolbar{display:flex;justify-content:space-between;align-items:center;gap:.9rem;padding:.75rem .9rem;border:1px solid rgba(226,221,215,.55);border-radius:.72rem;background:rgba(250,248,245,.72)}.whitelist-result-toolbar-copy{display:grid;gap:.12rem}.whitelist-result-toolbar-copy strong{font-size:.9rem}.whitelist-result-toolbar-copy span{color:var(--text-muted);font-size:.8rem}.whitelist-icon-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#5f6f73;background:rgba(255,255,255,.82);border-color:#e2ddd7bf}.whitelist-summary-row{justify-content:flex-end}.whitelist-source-badge{background:rgba(17,37,59,.06);color:#344b51}.whitelist-usage-list{display:flex;flex-wrap:wrap;gap:.42rem}.whitelist-usage-badge{background:rgba(0,153,153,.08);color:var(--brand-2)}.whitelist-sidebar{top:0}.whitelist-layout .panel{box-shadow:none}.whitelist-main .panel,.whitelist-sidebar{border-color:#e2ddd799}.whitelist-main .table-card{border-color:#e2ddd78c;box-shadow:none}.whitelist-main .panel-header{padding-bottom:.2rem;border-bottom:1px solid rgba(226,221,215,.45)}.whitelist-main .table-wrap{margin-top:.75rem}.whitelist-main{min-width:0}.login-highlight-list{display:grid;gap:.85rem;margin-top:1.5rem}.login-highlight{border-left:3px solid rgba(47,125,107,.35);padding-left:1rem}.login-highlight strong{display:block;margin-bottom:.18rem}.login-highlight span{color:var(--text-muted)}.detail-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(18,31,38,.28);display:flex;justify-content:flex-end;z-index:40}.detail-modal-backdrop{justify-content:center;align-items:center;padding:1.5rem}.detail-drawer{width:min(620px,100%);height:100%;background:linear-gradient(180deg,rgba(255,255,255,.99),rgba(247,249,250,.98));border-left:1px solid var(--border);box-shadow:-24px 0 60px #11253b29;padding:1.6rem;overflow:auto}.detail-drawer--wide{width:min(880px,100%)}.detail-modal-panel{width:min(1080px,calc(100vw - 2.5rem));max-height:min(88vh,920px);height:auto;border:1px solid rgba(225,219,212,.5);border-radius:1.1rem;box-shadow:0 16px 44px #11253b14;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,248,246,.96));padding:1.25rem 1.3rem}.detail-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;padding-bottom:.95rem;border-bottom:1px solid rgba(226,221,215,.4)}.detail-highlight-row{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.detail-highlight{display:grid;gap:.25rem;padding:.85rem .9rem;border-radius:.68rem;border:1px solid rgba(226,221,215,.4);background:rgba(255,255,255,.9)}.detail-highlight span{color:var(--text-muted);font-size:.78rem}.detail-highlight strong{font-size:.92rem;word-break:break-word}.mail-header-block{flex:1;min-width:0}.mail-subject{margin:.35rem 0 0;line-height:1.35;word-break:break-word}.mail-header-summary{display:grid;gap:.85rem;margin-top:1rem}.mail-sender-card{display:grid;gap:.2rem;padding:.95rem 1rem;border:1px solid rgba(226,221,215,.42);border-radius:.68rem;background:rgba(255,255,255,.88)}.mail-sender-label{color:var(--text-muted);font-size:.82rem}.mail-meta-list{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.mail-meta-item{display:grid;gap:.22rem;padding:.85rem .95rem;border:1px solid rgba(226,221,215,.4);border-radius:.66rem;background:rgba(252,251,249,.9)}.mail-meta-item span{color:var(--text-muted);font-size:.8rem}.mail-meta-item strong{word-break:break-word}.detail-actions{display:flex;gap:.75rem;margin-bottom:1rem}.detail-actions--tight{margin-top:.85rem;margin-bottom:0}.detail-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.detail-item{border:1px solid rgba(226,221,215,.38);border-radius:.72rem;background:rgba(255,255,255,.92);box-shadow:none;padding:.95rem 1rem;position:relative}.detail-item--full{grid-column:1 / -1}.detail-item span{display:block;color:var(--text-muted);font-size:.82rem;margin-bottom:.3rem}.detail-item strong{display:block;word-break:break-word}.detail-item-meta{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.9rem;padding-bottom:.75rem;border-bottom:1px solid rgba(28,39,54,.08)}.detail-item-meta strong{font-size:.96rem}.detail-item-meta small,.structured-block-label{color:var(--text-muted);font-size:.8rem}.structured-block{display:grid;gap:.7rem}.snapshot-groups{display:grid;gap:1rem}.snapshot-group{display:grid;gap:.7rem}.snapshot-group-header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:0 .1rem}.snapshot-group-header strong{font-size:.92rem}.snapshot-group-header span{color:var(--text-muted);font-size:.76rem}.snapshot-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.snapshot-item{display:grid;gap:.3rem;padding:.85rem .9rem;border-radius:.64rem;border:1px solid rgba(28,39,54,.08);background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(247,249,250,.92))}.snapshot-item span{color:var(--text-muted);font-size:.78rem;margin:0}.snapshot-item strong{font-size:.92rem}.structured-json{margin:0;overflow:auto;border-radius:.62rem;background:#10213a;color:#f8fafc;padding:.95rem 1rem;font-family:JetBrains Mono,SFMono-Regular,monospace;font-size:.82rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}.structured-json--compact{padding:.75rem .85rem;font-size:.78rem;max-height:220px}.raw-json-toggle{margin-top:.95rem}.raw-json-toggle summary{color:var(--brand);cursor:pointer;font-size:.86rem;font-weight:700;list-style:none}.raw-json-toggle summary::-webkit-details-marker{display:none}.raw-json-toggle summary:after{content:"展开";margin-left:.45rem;color:var(--text-muted);font-weight:600}.raw-json-toggle[open] summary:after{content:"收起"}.raw-json-toggle .structured-json{margin-top:.8rem}@media (max-width: 960px){.workbench-layout,.whitelist-layout,.query-hero,.page-banner--query,.query-result-header{flex-direction:column;align-items:flex-start}.workbench-layout,.whitelist-layout{display:grid;grid-template-columns:1fr}.filter-sidebar,.whitelist-sidebar{position:static}.query-tabs,.query-result-header{justify-content:flex-start;align-items:flex-start}.query-actions,.pagination-row{width:100%}.query-actions{justify-content:flex-start}.pagination-row{flex-wrap:wrap;gap:.85rem}.pagination-actions{width:100%;justify-content:flex-start}}.mail-address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-address.expanded{white-space:normal;overflow:visible}.inline-action{position:absolute;top:.8rem;right:.9rem;border:0;background:transparent;color:var(--brand);cursor:pointer;font-size:.82rem;font-weight:700;padding:0}.inline-action--solid{border:1px solid rgba(15,76,92,.08);border-radius:.6rem;background:rgba(15,76,92,.05);padding:.42rem .72rem;top:.9rem;right:1rem}.mail-preview-panel,.mail-meta-collapse,.mail-attachments-panel{margin-top:1.2rem;border-top:1px solid var(--border);padding-top:1rem}.attachment-list{display:grid;gap:.75rem}.attachment-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid var(--border);border-radius:.72rem;background:rgba(255,255,255,.92);padding:.9rem 1rem}.attachment-card{display:flex;align-items:center;gap:.9rem;min-width:0}.attachment-icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.66rem;background:linear-gradient(135deg,rgba(17,37,59,.12),rgba(15,76,92,.08));color:var(--brand);font-size:.72rem;font-weight:800;letter-spacing:.08em;flex:0 0 auto}.attachment-main{min-width:0}.attachment-item strong{display:block;margin-bottom:.15rem;word-break:break-word}.attachment-meta{display:inline-block;margin-top:.25rem;color:var(--text-muted);font-size:.82rem}.mail-preview-frame{width:100%;min-height:60vh;border:1px solid var(--border);border-radius:.72rem;background:#fff}.mail-preview-text{min-height:60vh;overflow:auto;border:1px solid var(--border);border-radius:.72rem;background:#fff;color:var(--text);padding:1rem;white-space:pre-wrap;word-break:break-word}@media (max-width: 960px){.app-shell,.login-panel{grid-template-columns:1fr}.sidebar{padding-bottom:1rem}.content{padding:1rem}.captcha-row{grid-template-columns:1fr}.topbar,.panel-header,.hero-card,.page-banner{flex-direction:column;align-items:flex-start}.hero-card--dashboard{grid-template-columns:1fr}.page-banner-metrics{width:100%}}