/* A dedicated phone layout, also centered on wider local previews. */
:root{--ink:#172d47;--muted:#60738b;--paper:#f2f5f8;--blue:#225edd}html{scroll-behavior:smooth;scroll-padding-top:110px}body{font-size:14px;line-height:1.55}main{max-width:600px;padding:12px 14px 28px}.masthead{padding:0 16px;height:56px;gap:8px}.masthead-right{gap:8px}.brand{font-size:13px;gap:7px}.brand-divider{padding:0 2px}.brand-mark{width:28px;height:28px}.demo-badge{font-size:11px;padding:4px 6px}.text-button{font-size:11px;padding:6px 0}.text-button span{display:none}.hero{display:block;padding:18px;background:linear-gradient(135deg,#172f52,#244f7d);color:white;border:0;border-radius:16px}.hero .eyebrow{color:#b8d2f1;font-size:10px}.hero h1{font-size:24px;margin:6px 0}.hero p{color:#cfdded;font-size:12px}.hero-bottom{display:block;margin-top:13px;min-width:0}.view-switch{display:flex;gap:6px;background:#ffffff18;border-radius:9px;padding:3px}.hero .view-switch button{flex:1;padding:10px 4px;font-size:14px;border-radius:7px;color:#d3e2f3;min-height:44px}.view-switch button.active{background:white;color:#234b76}.view-switch button.active:after{display:none}.data-meta{max-width:none!important;display:block;text-align:left!important;color:#c2d3e5;font-size:11px;margin-top:10px}.section-nav{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;gap:5px;padding:9px 0;background:var(--paper)}.section-nav a{flex:1;text-align:center;background:white;padding:12px 2px;border:1px solid #e1e7ef;border-radius:9px;font-size:12px;font-weight:600}.mobile-filters{background:white;border:1px solid #dfe6f0;border-radius:11px}.mobile-filters>summary{list-style:none;padding:13px 15px;font-weight:600;font-size:14px;cursor:pointer;min-height:48px}.mobile-filters>summary::-webkit-details-marker{display:none}.mobile-filters>summary span{float:right;font-size:12px;color:#6b7f96;font-weight:400}.mobile-filters[open]>summary span{font-size:0}.mobile-filters[open]>summary span:after{content:'收起 ‹';font-size:12px}.filter-panel{padding:0 12px 8px;margin:0;border:0;box-shadow:none}.filter-top{display:block}.filter-top h2{display:none}.quick-times{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.quick-times button{min-height:40px;padding:6px 2px;font-size:12px}.filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-grid label{min-width:0;font-size:12px;color:#60738b}.filter-grid .date-field,.filter-actions{grid-column:1/-1}.date-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px}.filter-grid input,.filter-grid select{width:100%;min-width:0;height:44px;font-size:14px;margin-top:6px;padding:0 8px}.global-company-pick{display:block}.filter-grid input[list]{height:40px;font-size:12px}.filter-actions{display:flex;gap:8px}.filter-actions button{flex:1;min-height:44px}.filter-summary{font-size:11px;display:block;line-height:1.7}.filter-summary>span:first-child{display:none}.mobile-scope{font-size:12px;color:#61758d;margin:9px 3px 15px;overflow-wrap:anywhere}.section-heading{display:block;margin:20px 0 10px}.section-heading h2,.panel h2{font-size:17px}.section-heading p,.panel-head p{font-size:12px;color:#6b7e95}.section-heading .subtle{display:block;max-width:none;text-align:left;font-size:11px;margin-top:5px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px 12px;min-height:137px;text-align:left;border:1px solid #e0e8f2;border-radius:12px;background:white!important}.metric-label{font-size:12px;white-space:normal;margin-right:8px;color:#5b708a}.metric-label small{font-size:10px}.metric-value{font-size:23px;letter-spacing:-.8px;overflow-wrap:anywhere;color:#17395e}.metric-comparisons{font-size:11px;gap:4px 8px}.comparison small{font-size:10px}.metric-note{font-size:10px;color:#687d94}.metric-arrow{right:8px;top:10px}.executive-insights{display:grid;grid-template-columns:1fr;gap:8px}.insight-card{padding:13px 15px;display:grid;grid-template-columns:1fr auto;gap:6px 10px}.insight-label{grid-column:1/-1;font-size:12px;color:#617a93}.insight-card strong{font-size:18px;margin:0;line-height:1.4}.insight-card small{font-size:11px;align-self:center;max-width:175px;color:#61758d}.management-trends{display:block}.panel{padding:16px 13px;margin-bottom:13px;border-radius:13px}.panel-head{flex-wrap:wrap;gap:8px}.panel-head p{margin-top:5px}.panel-head .small-tag{margin:0}.small-tag{font-size:10px}.segment{gap:2px;width:100%;padding:3px}.segment button,.segment.compact button{flex:1;min-height:40px;padding:6px 4px;font-size:12px}.chart-toolbar{display:block;margin:12px 0}.chart-toolbar>.subtle{display:block;font-size:11px;margin-top:6px}.chart-toolbar>.link-button{display:block;margin-top:9px}.trend-chart,.management-trends .trend-chart:not(.profit-trend){height:220px}.trend-chart svg{overflow:hidden}.svg-label{font-size:11px;fill:#6b8098}.chart-point circle{r:4}.chart-point{stroke-width:10;touch-action:manipulation}.profit-content{display:block;margin:12px 0}.profit-stat{width:100%;border:0;padding:0;background:#eef8f7;border-radius:9px;padding:12px}.profit-stat>span:first-child{font-size:12px;color:#577c80}.profit-stat strong{font-size:29px;color:#126b68}.profit-right{padding:12px 0 0}.profit-right form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:8px}.profit-right label{min-width:0;width:auto;font-size:12px}.profit-right select{width:100%;height:44px;font-size:14px}.profit-right .primary-button{height:44px;font-size:13px}.profit-context{font-size:11px;line-height:1.7;margin:9px 0}.profit-trend{height:190px}.link-button{font-size:13px;min-height:40px;white-space:normal}.panel-foot{font-size:11px;line-height:1.7;color:#657c94}.distribution-content{display:block}.contribution-chart{display:flex;min-width:0;gap:12px;align-items:center}.contribution-total span{font-size:12px}.contribution-total strong{font-size:25px}.donut-wrap,.donut{width:116px;height:116px}.contribution-total{max-width:none}.contribution-table{margin-top:12px}.table-scroll,.rank-scroll{overflow:visible;max-height:none;height:auto}.data-table,.enterprise-table,.contribution-panel .contribution-table table{display:block;width:100%;min-width:0!important;white-space:normal!important}.data-table thead{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.data-table tbody{display:grid;gap:10px}.data-table tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;padding:12px;border:1px solid #e2e8f1;border-radius:10px;background:#fff;min-width:0}.data-table tbody td,.drawer-content .data-table tbody td{display:block;text-align:left!important;padding:0!important;border:0;min-width:0;white-space:normal!important;overflow-wrap:anywhere;font-size:14px;color:#29496a;background:transparent!important;position:static!important;box-shadow:none!important}.data-table td:before{content:attr(data-label);display:block;font-size:11px;color:#70859c;font-weight:400;margin-bottom:3px}.data-table td.card-wide{grid-column:1/-1}.data-table td.card-index{grid-column:1/-1;font-size:12px!important;color:#7690aa!important;display:flex;align-items:center;gap:6px}.data-table td.card-index:before{display:inline;margin:0}.data-table td.card-operation{grid-column:1/-1;text-align:right!important}.data-table td.card-operation:before{display:none}.company-name{white-space:normal;overflow:visible;max-width:none!important;width:100%;font-size:14px;line-height:1.6;display:block;min-height:32px}.company-name .dot{margin-right:6px}.data-table .metric-focus{font-weight:650;color:#1c6592!important}.data-table .total-row{background:#f0f6ff}.tier,.return-badge,.status-badge{font-size:11px}.drawer-list-link{display:block;width:100%;border-radius:7px;background:#edf4ff;font-size:13px;padding:10px;min-height:44px}.amount-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 8px;padding:12px 0 0}.amount-label,.amount-panel .amount-label{font-size:11px;white-space:normal}.amount-share{font-size:11px}.amount-bin{min-width:0}.amount-bin strong{font-size:15px}.enterprise-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.enterprise-actions select{height:44px;font-size:14px}.enterprise-panel .chart-toolbar{display:block}.qual-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0;width:100%!important}.qual-name{font-size:13px;width:auto}.qual-track{grid-row:2;grid-column:1/-1;width:100%}.qual-row strong{font-size:14px}.qual-note{font-size:11px}.source-cards{grid-template-columns:1fr 1fr}.source-card{min-width:0}.drawer{inset:0;margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;display:flex;flex-direction:column}.drawer:not([open]){display:none}.drawer-head{flex-shrink:0;padding:12px 14px;gap:8px;align-items:flex-start}.drawer-head>div:first-child{min-width:0;flex:1}.drawer-head h2{font-size:17px;line-height:1.4;margin:2px 0}.drawer-head p{font-size:11px;overflow-wrap:anywhere;line-height:1.5;margin:4px 0}.drawer-head .eyebrow{display:none}.drawer-actions{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.close-button{width:44px;height:44px;font-size:25px;background:#edf2f8;border-radius:9px}.drawer-actions .link-button{font-size:12px;min-height:44px;max-width:100px}.drawer-content{flex:1;min-height:0;height:auto;padding:12px 14px 24px;overflow:auto;overscroll-behavior:contain}.drawer-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px;padding:12px}.drawer-stats strong{font-size:19px;overflow-wrap:anywhere}.drawer-stats>div:first-child:last-child{grid-column:1/-1}.drawer-explanation,.metric-note-panel,.detail-note{font-size:12px}.drawer-search-form{grid-template-columns:1fr 1fr;gap:12px;padding:12px}.drawer-search-form label{font-size:12px}.drawer-search-form .company-field{grid-column:1/-1}.drawer-search-form select,.drawer-search-form>button{height:44px;font-size:14px}.company-combo .combo-input input{height:46px;font-size:16px;padding-right:88px}.combo-clear,.combo-toggle{height:42px;width:40px;top:2px;font-size:20px}.combo-clear{right:42px}.combo-toggle{right:2px}.company-combo .combo-popover{width:100%;max-width:100%;left:0;right:auto;padding:6px}.combo-options{max-height:320px}.combo-options button{min-height:48px;padding:9px 6px;font-size:13px;align-items:flex-start;gap:8px}.combo-options button span{white-space:normal;overflow:visible;line-height:1.5}.combo-options button small{font-size:12px;color:#496d94}.combo-hint{font-size:11px}.advanced-search{font-size:12px;padding:0 12px 9px}.advanced-search summary{min-height:44px;display:flex;align-items:center;font-size:12px}.advanced-search summary span{font-size:11px}.advanced-search input,.advanced-search button{height:44px;font-size:16px}.advanced-search>div{gap:8px}.advanced-search label{min-width:0}.drawer-search-summary{font-size:12px;display:block;overflow-wrap:anywhere}.drawer-search-summary span{display:block;font-size:11px;margin-top:4px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-item{min-width:0;padding:11px;background:#f5f8fc;border-radius:8px}.detail-item span{font-size:12px}.detail-item strong{font-size:14px;overflow-wrap:anywhere}.detail-section h3{font-size:15px}.rule-list{font-size:14px;padding-left:20px}.rule-list li{margin-bottom:12px}.toast{max-width:calc(100vw - 24px);white-space:normal;font-size:13px;bottom:24px}footer{display:block;font-size:11px;margin-top:20px}footer span{display:block}.view-note{font-size:12px}button,input,select{touch-action:manipulation}input,select{border-radius:7px}.primary-button,.secondary-button{font-size:14px}.empty{font-size:14px;line-height:1.8}
@media(min-width:650px){.masthead{max-width:600px;margin:auto}.drawer{left:50%;transform:translateX(-50%);width:600px;max-width:600px}.metric-value{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.metric-card[data-card="fee"] .metric-value{font-size:clamp(19px,5.3vw,25px);letter-spacing:-1px;white-space:nowrap}
.filter-grid{grid-template-columns:minmax(0,1fr)}.filter-grid>label,.filter-actions{grid-column:1/-1}.filter-grid input,.filter-grid select{font-size:16px}.global-company-option{height:48px;font-size:14px;touch-action:manipulation}.global-company-options{max-height:240px}.global-company-hint{font-size:12px}.metric-card{min-width:0}.metric-comparisons{flex-wrap:wrap}.mobile-chart-info{background:#edf4ff;border-radius:9px;padding:12px;margin-top:8px;font-size:13px}.mobile-chart-info button{display:block;width:100%;min-height:44px;background:#225edd;color:white;border-radius:7px;margin-top:8px}.chart-point circle{r:8;stroke-width:3}.detail-grid{grid-template-columns:1fr}.masthead-right .text-button{max-width:65px}.donut-tooltip{display:none!important}.drawer-search-form{grid-template-columns:minmax(0,1fr)}.drawer-search-form>*{grid-column:1/-1}.advanced-search>div{flex-wrap:wrap}.advanced-search label{width:100%}.chart-toolbar .segment{flex-wrap:wrap}.metric-card:active{background:#edf4ff!important}