/* Bio2Twin Blood · Evidence visual system | 2026-10-26
   Scope: /apps/#blood/evidence only.
   This page currently displays schematic Gate labels, not member-specific PASS evidence. */
body.b2t-blood-evidence-ui{
 --ev-ink:#f2f4fa;--ev-muted:#aeb9cb;
 --ev-pink:#ee517e;--ev-blue:#4698ec;--ev-purple:#a575ef;--ev-orange:#e8a255;
}
body.b2t-blood-evidence-ui .app-head{align-items:flex-end;margin-bottom:20px}
body.b2t-blood-evidence-ui .eyebrow{
 color:var(--ev-pink);font-size:10px;letter-spacing:.17em;font-weight:400;
}
body.b2t-blood-evidence-ui .app-head h1{
 color:var(--ev-ink);font-size:clamp(28px,3.1vw,40px);
 letter-spacing:-.02em;font-weight:400;line-height:1.2;
}
body.b2t-blood-evidence-ui .app-subtitle{
 color:var(--ev-muted);font-size:14px;line-height:1.7;
}
body.b2t-blood-evidence-ui .head-metrics{gap:8px}
body.b2t-blood-evidence-ui .metric-chip{
 box-sizing:border-box;min-width:94px;min-height:54px;
 padding:10px 13px;border:1px solid #3c4b64;border-radius:13px;
 background:linear-gradient(130deg,#111927,#0b111b);
}
body.b2t-blood-evidence-ui .metric-chip:nth-child(1){border-color:#815063}
body.b2t-blood-evidence-ui .metric-chip:nth-child(2){border-color:#80613f}
body.b2t-blood-evidence-ui .metric-chip:nth-child(3){border-color:#6c548d}
body.b2t-blood-evidence-ui .metric-chip small{
 color:#b0bfd2;font-size:10px;letter-spacing:.05em;
}
body.b2t-blood-evidence-ui .metric-chip b{
 font-weight:400;font-size:13px;color:#f5f5fa;
}
body.b2t-blood-evidence-ui .subnav{
 box-sizing:border-box;border:1px solid #3d4c61;border-radius:17px;
 background:linear-gradient(110deg,#0b121c,#111b29);
 padding:5px;gap:7px;margin-bottom:16px;
}
body.b2t-blood-evidence-ui .subnav button{
 color:#a6b5c9;font-size:12px;font-weight:400;
}
body.b2t-blood-evidence-ui .subnav button:hover{
 color:#fff;background:#182439;
}
body.b2t-blood-evidence-ui .subnav button.active{
 color:#fff;border:1px solid #708fb8;
 background:linear-gradient(115deg,#223452,#1b2940);
 box-shadow:0 0 15px #477cba2a;
}
body.b2t-blood-evidence-ui #content{
 box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);
 width:100%;max-width:100%;min-width:0;gap:15px;
}
body.b2t-blood-evidence-ui #content>.hero-card{
 box-sizing:border-box;width:100%;min-width:0;
 min-height:168px;padding:26px 29px;border-radius:21px;
 border:1px solid transparent;
 background:
  radial-gradient(ellipse at 73% 0%,#aa35602b,transparent 61%) padding-box,
  linear-gradient(120deg,#171824,#0d1826) padding-box,
  linear-gradient(105deg,#b94468,#7b5a9a,#367db6) border-box;
 box-shadow:0 10px 30px #00000024;
}
body.b2t-blood-evidence-ui #content>.hero-card:before{
 width:250px;height:250px;top:-102px;right:18%;
 background:radial-gradient(circle,#d04f7b20,transparent 68%);
 pointer-events:none;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-copy{
 min-width:0;max-width:calc(100% - 366px);
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-copy small{
 color:#c4b1ca;font-size:11px;letter-spacing:.14em;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-copy h2{
 color:#f3f4f9;font-size:clamp(22px,2.5vw,29px);
 line-height:1.4;font-weight:400;margin:12px 0 9px;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-copy p{
 color:#b2c0d1;font-size:14px;line-height:1.75;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status{
 position:absolute;right:25px;top:50%;bottom:auto;transform:translateY(-50%);
 width:min(335px,38%);display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status div{
 box-sizing:border-box;min-height:58px;padding:10px 12px;
 display:flex;flex-direction:column;justify-content:center;
 border:1px solid #485973;border-radius:12px;
 background:#0d1420da;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status div:nth-child(1){
 border-color:#825366;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status div:nth-child(2){
 border-color:#846341;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status div:nth-child(3){
 grid-column:1/-1;border-color:#416a98;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status span{
 font-size:10px;letter-spacing:.04em;color:#b0bcd0;
}
body.b2t-blood-evidence-ui #content>.hero-card .hero-status b{
 font-size:13px;color:#eff2f8;font-weight:400;margin-top:5px;
}
body.b2t-blood-evidence-ui #content>.evidence-stack{
 box-sizing:border-box;counter-reset:evgate;min-width:0;
 width:100%;display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;
 align-items:stretch;padding:0;
}
body.b2t-blood-evidence-ui #content>.evidence-stack:before{
 content:"證據驗證流程示意 · 以下狀態為畫面示意，並非會員的正式證據裁決結果";
 display:block;grid-column:1/-1;
 border-bottom:1px solid #394960;
 margin:0 0 1px;padding:4px 2px 13px;
 font-size:12px;font-weight:400;color:#aebbd0;
 line-height:1.7;letter-spacing:0;
}
body.b2t-blood-evidence-ui #content .evidence-row{
 counter-increment:evgate;
 box-sizing:border-box;position:relative;min-width:0;
 width:100%;min-height:175px;margin:0;
 display:grid;grid-template-columns:minmax(0,1fr) auto;
 grid-template-rows:auto 1fr;
 gap:8px 13px;align-items:start;
 padding:26px 22px 21px;
 border:1px solid transparent;border-radius:19px;
 background:
  radial-gradient(ellipse at 100% 0%,#8b3c6922,transparent 67%) padding-box,
  linear-gradient(135deg,#131b29,#0d1521) padding-box,
  linear-gradient(115deg,#ad4568,#4e6484) border-box;
 box-shadow:0 8px 25px #00000021;
 overflow:hidden;
}
body.b2t-blood-evidence-ui #content .evidence-row:nth-of-type(2){
 background:
  radial-gradient(ellipse at 100% 0%,#4f72ac20,transparent 70%) padding-box,
  linear-gradient(135deg,#121b2b,#0d1521) padding-box,
  linear-gradient(115deg,#397ab9,#626090) border-box;
}
body.b2t-blood-evidence-ui #content .evidence-row:nth-of-type(3){
 background:
  radial-gradient(ellipse at 100% 0%,#9964bd20,transparent 70%) padding-box,
  linear-gradient(135deg,#151a2c,#101421) padding-box,
  linear-gradient(115deg,#9168c0,#58688d) border-box;
}
body.b2t-blood-evidence-ui #content .evidence-row:nth-of-type(4){
 background:
  radial-gradient(ellipse at 100% 0%,#a5753e24,transparent 70%) padding-box,
  linear-gradient(135deg,#181b27,#111621) padding-box,
  linear-gradient(115deg,#ad7642,#79588b) border-box;
}
body.b2t-blood-evidence-ui #content .evidence-row>div{
 grid-column:1;grid-row:1/-1;min-width:0;align-self:center;
}
body.b2t-blood-evidence-ui #content .evidence-row>div:before{
 content:"0" counter(evgate);display:block;
 color:#b8a8c5;font-size:11px;
 font-weight:400;letter-spacing:.16em;margin:0 0 15px;
}
body.b2t-blood-evidence-ui #content .evidence-row b{
 color:#f0f3fa;display:block;
 font-size:18px;font-weight:400;letter-spacing:-.015em;
 line-height:1.45;
}
body.b2t-blood-evidence-ui #content .evidence-row p{
 font-size:13px;line-height:1.75;
 color:#adbdd0;margin:9px 0 0;max-width:460px;
 overflow-wrap:anywhere;
}
body.b2t-blood-evidence-ui #content .evidence-state{
 grid-column:2;grid-row:1;align-self:start;justify-self:end;
 box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
 min-height:32px;margin:0;padding:7px 12px;
 border-radius:999px;border:1px solid #63718a;
 background:#172236;color:#d6e2f4;
 font-size:11px;font-weight:400;letter-spacing:.02em;
 line-height:1.3;white-space:nowrap;
}
body.b2t-blood-evidence-ui #content .evidence-state.pass{
 color:#d8e7ff;border-color:#6a87b5;background:#1a2a43;
}
body.b2t-blood-evidence-ui #content .evidence-state.review{
 color:#f6d2a0;border-color:#ab7b42;background:#322416;
}
body.b2t-blood-evidence-ui #content .evidence-state.block{
 color:#f2b1bd;border-color:#aa617a;background:#321d2a;
}
body.b2t-blood-evidence-ui #content>.disclaimer{
 margin:1px 0 0;color:#8091a7;
 font-size:11px;line-height:1.75;
}
@media(max-width:960px){
 body.b2t-blood-evidence-ui #content>.hero-card .hero-copy{
  max-width:calc(100% - 282px);
 }
 body.b2t-blood-evidence-ui #content>.hero-card .hero-status{
  width:260px;right:18px;
 }
 body.b2t-blood-evidence-ui #content .evidence-row{
  min-height:175px;padding:22px 18px 19px;
 }
 body.b2t-blood-evidence-ui #content .evidence-row b{font-size:16px}
 body.b2t-blood-evidence-ui #content .evidence-row p{font-size:12px}
}
@media(max-width:760px){
 body.b2t-blood-evidence-ui .app-head{
  align-items:flex-start;flex-direction:column;gap:13px;
 }
 body.b2t-blood-evidence-ui .head-metrics{
  width:100%;justify-content:flex-start;flex-wrap:nowrap;
 }
 body.b2t-blood-evidence-ui .metric-chip{flex:1;min-width:0;padding:9px 10px}
 body.b2t-blood-evidence-ui .metric-chip small{font-size:9px}
 body.b2t-blood-evidence-ui #content>.hero-card{
  padding:21px 17px;border-radius:17px;min-height:0;
 }
 body.b2t-blood-evidence-ui #content>.hero-card .hero-copy{max-width:none}
 body.b2t-blood-evidence-ui #content>.hero-card .hero-copy h2{font-size:22px}
 body.b2t-blood-evidence-ui #content>.hero-card .hero-status{
  position:relative;top:auto;bottom:auto;right:auto;
  transform:none;width:100%;margin-top:19px;
 }
 body.b2t-blood-evidence-ui #content>.evidence-stack{
  grid-template-columns:minmax(0,1fr);gap:11px;
 }
 body.b2t-blood-evidence-ui #content .evidence-row{
  min-height:150px;padding:19px 17px 17px;border-radius:15px;
 }
 body.b2t-blood-evidence-ui #content .evidence-row>div:before{margin-bottom:11px}
 body.b2t-blood-evidence-ui #content .evidence-row b{font-size:16px}
 body.b2t-blood-evidence-ui #content .evidence-row p{font-size:12px}
}
@media(max-width:420px){
 body.b2t-blood-evidence-ui #content .evidence-row{
  gap:9px;grid-template-columns:minmax(0,1fr) auto;
 }
 body.b2t-blood-evidence-ui #content .evidence-state{font-size:10px;padding:6px 9px}
}
@media(prefers-reduced-motion:reduce){
 body.b2t-blood-evidence-ui .subnav button{transition:none}
}
\n
/* PERSONAL_EVIDENCE_REAL_DATA_CSS_V1_20261026
   This stylesheet describes evidence actually verified in the member-scoped P0 API. */
body.b2t-blood-evidence-ui #appTitle{font-size:28px;font-weight:400}
body.b2t-blood-evidence-ui #content #bloodEvidenceLive{
 box-sizing:border-box;min-width:0;width:100%;max-width:100%;
 color:#e9eef8;font-size:15px;font-weight:400;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head{
 display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:18px;padding:23px 25px;margin:0 0 17px;
 background:linear-gradient(123deg,#151a27,#101b29);
 border:1px solid #655372;border-radius:17px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head>div{
 flex:1;min-width:250px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-kicker{
 color:#b7a1cc;font-size:10px;letter-spacing:.15em;font-weight:400;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive h2{
 font-size:25px;font-weight:400;letter-spacing:-.02em;line-height:1.35;
 margin:10px 0;color:#f2eff8;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head p{
 color:#b7c5d8;font-size:14px;line-height:1.7;
 max-width:640px;margin:0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-nav{
 box-sizing:border-box;border:1px solid #677490;border-radius:10px;
 padding:10px 15px;min-height:40px;
 display:inline-flex;align-items:center;justify-content:center;
 color:#d8e4f5;font-size:12px;font-weight:400;line-height:1.45;
 text-decoration:none;cursor:pointer;
 background:linear-gradient(135deg,#1d2a41,#141c2e);
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-nav:hover{
 color:#fff;border-color:#9e85b9;background:#26344c;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-state{
 color:#d4c9e4;font-size:12px;line-height:1.65;
 margin:0 0 15px;padding:10px 14px;
 border-left:2px solid #9d79be;
 background:#151825;border-radius:0 8px 8px 0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive #bleContent{
 display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta{
 display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
 gap:0;border:1px solid #3e4c62;border-radius:14px;
 background:linear-gradient(112deg,#111b2a,#111523);
 overflow:hidden;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item{
 box-sizing:border-box;padding:15px 17px;
 border-right:1px solid #303b50;min-width:0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item:last-child{border-right:0}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item span{
 display:block;color:#a6b6ca;font-size:11px;margin-bottom:8px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item strong{
 display:block;font-size:13px;line-height:1.55;font-weight:400;color:#f0eff8;
 overflow-wrap:anywhere;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-panel,
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-empty{
 box-sizing:border-box;min-width:0;width:100%;
 padding:21px 23px;
 border:1px solid #3b4b61;border-radius:14px;
 background:linear-gradient(135deg,#111926,#0d141f);
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-summary{
 border-color:#765b8e;
 background:linear-gradient(122deg,#191b2b,#111b2b);
}
body.b2t-blood-evidence-ui #bloodEvidenceLive h3{
 font-weight:400;font-size:19px;line-height:1.35;
 margin:0 0 15px;color:#eef2f9;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive h4{
 font-weight:400;font-size:15px;line-height:1.5;
 margin:9px 0;color:#efe5f8;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive p{
 font-size:13px;font-weight:400;line-height:1.8;
 color:#b4c2d5;overflow-wrap:anywhere;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-summary-text{
 color:#d6e0ee;font-size:15px;line-height:1.8;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-input-context{
 padding-top:13px;margin-top:16px;
 border-top:1px solid #495069;color:#c6d2e3;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-caution{
 border-left:2px solid #e8a260;background:#291f24;
 color:#f1ceb0;padding:12px 14px;margin:13px 0 0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-finding{
 padding:15px 0;margin:0;
 border-bottom:1px solid #37455b;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-finding:last-child{border-bottom:0}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-small{
 display:block;color:#d3abdf;font-size:11px;line-height:1.5;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-refs{
 font-size:11px;color:#a4b4cc;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-muted{
 color:#9dacbf;font-size:12px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-scroll{
 overflow-x:auto;min-width:0;width:100%;
 border:1px solid #384960;border-radius:10px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table{
 width:100%;border-collapse:collapse;
 min-width:650px;table-layout:fixed;
 background:#101925;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table th{
 box-sizing:border-box;padding:12px 13px;
 text-align:left;background:#1a2638;
 border-bottom:1px solid #445570;
 font-size:11px;color:#c5cfe2;font-weight:400;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table th:nth-child(1){width:25%}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table th:nth-child(2){width:17%}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table th:nth-child(3){width:18%}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table th:nth-child(4){width:40%}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table td{
 padding:12px 13px;vertical-align:top;
 border-bottom:1px solid #2b3749;
 font-size:12px;line-height:1.6;color:#d7dfed;
 overflow-wrap:anywhere;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-table tr:last-child td{border-bottom:0}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-source-id{
 color:#a8b7cf;font-size:11px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-review-grid{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-note{
 padding-left:11px;border-left:2px solid #7775a5;
 margin:11px 0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-footer{
 min-width:0;padding:17px 20px;margin:0;
 border-top:1px solid #454b61;
 display:flex;flex-wrap:wrap;gap:9px 12px;align-items:center;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-footer p{
 flex:0 0 100%;font-size:11px;color:#98a9c0;margin:3px 0;overflow-wrap:anywhere;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-empty{
 display:flex;flex-direction:column;align-items:flex-start;
 max-width:760px;min-height:170px;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-empty h3{
 font-size:19px;font-weight:400;
}
@media(max-width:900px){
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta{
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item{
  border-bottom:1px solid #303b50;
 }
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item:nth-child(even){border-right:0}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta-item:nth-last-child(-n+2){border-bottom:0}
}
@media(max-width:760px){
 body.b2t-blood-evidence-ui #appTitle{font-size:24px}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head{
  align-items:flex-start;padding:20px 17px;gap:13px;
 }
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head>div{min-width:0;flex-basis:100%}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head h2{font-size:22px}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head .ble-nav{width:100%}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-panel,
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-empty{padding:17px 15px}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-review-grid{
  grid-template-columns:minmax(0,1fr);gap:11px;
 }
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-summary-text{font-size:14px}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-footer{padding:14px 6px}
 body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-footer .ble-nav{width:100%}
}


/* B2T_PERSONAL_EVIDENCE_NARROW_LAYOUT_V2_20261026 */
body.b2t-blood-evidence-ui main.workspace #content.content{
 box-sizing:border-box;width:100%;max-width:1180px;min-width:0;
 margin-inline:auto;grid-template-columns:minmax(0,1fr);
}
body.b2t-blood-evidence-ui main.workspace #content #bloodEvidenceLive{
 box-sizing:border-box;width:100%;max-width:100%;min-width:0;
}
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-head,
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-panel,
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-meta,
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-review-grid,
body.b2t-blood-evidence-ui #bloodEvidenceLive .ble-footer{
 min-width:0;max-width:100%;
}
@media(max-width:760px){
 body.b2t-blood-evidence-ui main.workspace #content.content{
  width:100%;max-width:100%;margin-inline:auto;
 }
}