:root{--ref-navy:#0b1838;--ref-blue:#1688ff;--ref-sky:#dff1ff;--ref-orange:#ff7900;--ref-red:#ff2638;--ref-muted:#8d99b1;--ref-bg:#f4f6f8}
body.variant-page{background:#e9eef4;color:var(--ref-navy)}
.variant-page .phone-shell{background:var(--ref-bg);padding:0 18px 72px;overflow:hidden}
.variant-page .detail-top{margin:0 -18px;padding:calc(22px + env(safe-area-inset-top)) 18px 26px;background:linear-gradient(135deg,#dbeaff,#ccf4fb)}
.variant-page .detail-top .eyebrow{color:#405984;letter-spacing:.08em}
.variant-page .detail-top h1{color:var(--ref-navy);font-size:25px}
.variant-page .back,.variant-page .more{background:#ffffffa8;color:var(--ref-navy)}.variant-page a.back{display:grid;place-items:center;text-decoration:none}
.variant-switch{display:flex;gap:7px;margin:14px 0 12px;overflow-x:auto;scrollbar-width:none}
.variant-switch a{flex:1;min-width:max-content;text-align:center;text-decoration:none;color:#65738e;background:#fff;border:1px solid #e1e9f2;border-radius:18px;padding:8px 10px;font-size:11px}
.variant-switch a.active{color:#fff;background:var(--ref-blue);border-color:var(--ref-blue);font-weight:700}
.variant-page .status-strip{background:#fff;border:0;box-shadow:0 8px 24px #2d67aa0d;border-radius:20px}
.variant-page .status-strip span{background:var(--ref-red)}
.variant-page .status-strip small{color:var(--ref-muted)}
.variant-page .metric{border:0;border-radius:18px;box-shadow:0 8px 24px #2d67aa0a;padding:16px}
.variant-page .metric span{color:var(--ref-muted)}
.variant-page .metric strong{color:var(--ref-navy);font-size:20px}
.variant-page .section{background:#ffffff85;border-radius:24px;padding:16px;margin:18px -2px 0}
.variant-page .section-title h2{color:var(--ref-navy);font-size:19px}
.variant-page .section-title button{color:var(--ref-blue)}
.variant-page .filter-row button{border-color:#e2ebf6;color:#7d8aa3}
.variant-page .filter-row button.active{background:#ddecff;color:#087bf0;border-color:#ddecff}
.variant-page .warning-row{border:0;border-radius:18px;box-shadow:none;margin-bottom:10px}
.variant-page .row-top>b{color:var(--ref-orange)}
.variant-page .risk-label{color:#e22837;background:#ffe9ec}
.variant-page .key-facts{border-color:#edf2f8}
.variant-page .key-facts span{color:var(--ref-muted)}
.variant-page .key-facts b,.variant-page .warning-row h3{color:var(--ref-navy)}
.variant-page .view-more{color:var(--ref-blue)}
.variant-page .record-sheet{background:var(--ref-bg);color:var(--ref-navy)}
.variant-page .record-sheet header{background:#e6f4fff2;border-color:#dce9f5}
.variant-page .record-sheet header button{background:#fff;color:var(--ref-navy)}
.variant-page .record-badge{background:#ffe9ec;color:#e22837}
.variant-page .record-main{color:var(--ref-blue)}
.variant-page .record-fields{background:#e4ecf5;border-color:#e4ecf5}
.variant-page .record-fields span{color:var(--ref-muted)}
.variant-page .record-fields b{color:var(--ref-navy)}
.variant-page.v2 .detail-top{background:linear-gradient(150deg,#cfe5ff,#f0f8ff);border-radius:0 0 32px 32px}
.variant-page.v2 .detail-summary{display:flex;overflow-x:auto;gap:10px;margin-right:-18px;padding-right:18px;scrollbar-width:none}
.variant-page.v2 .metric{min-width:145px}
.variant-page.v2 .section{background:transparent;padding:0;margin-top:22px}
.variant-page.v2 .warning-row{position:relative;padding-left:46px;border-left:4px solid var(--ref-blue);box-shadow:0 10px 26px #2d67aa10}
.variant-page.v2 .warning-row:before{content:counter(item);counter-increment:item;position:absolute;left:12px;top:14px;width:24px;height:24px;border-radius:8px;background:#e6f2ff;color:var(--ref-blue);display:grid;place-items:center;font-size:11px;font-weight:800}
.variant-page.v2 #detailList{counter-reset:item}
.variant-page.v2 .record-sheet header{background:linear-gradient(135deg,#dcebff,#d9f5ff)}
.variant-page.v3 .detail-top{background:var(--ref-navy);color:#fff;padding-bottom:40px}
.variant-page.v3 .detail-top h1,.variant-page.v3 .detail-top .eyebrow{color:#fff}
.variant-page.v3 .back,.variant-page.v3 .more{background:#ffffff18;color:#fff}
.variant-page.v3 .variant-switch{margin-top:-20px;position:relative;z-index:2;background:#fff;padding:9px;border-radius:22px;box-shadow:0 12px 28px #0b18381a}
.variant-page.v3 .status-strip{border-left:5px solid var(--ref-red)}
.variant-page.v3 .detail-summary{grid-template-columns:2fr 1fr}
.variant-page.v3 .metric:first-child{grid-row:span 2;background:linear-gradient(145deg,#0e2f64,#1688ff);display:flex;flex-direction:column;justify-content:center}
.variant-page.v3 .metric:first-child span,.variant-page.v3 .metric:first-child strong{color:#fff}
.variant-page.v3 .metric:first-child strong{font-size:27px}
.variant-page.v3 .warning-row{border-radius:12px;border:1px solid #e8edf4}
.variant-page.v3 .record-sheet header{background:var(--ref-navy);color:#fff}
.variant-page.v3 .record-sheet header button{background:#ffffff1f;color:#fff}
.variant-page.v3 .record-sheet header small,.variant-page.v3 .record-sheet h2{color:#fff}
.custom-detail{display:block;background:transparent;border:0;border-radius:0;overflow:visible}.custom-detail .detail-block{display:block;background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 8px 24px #2d67aa0b}.custom-detail h4{font-size:14px;margin:0 0 14px;color:var(--ref-navy)}.custom-detail span{font-size:10px;color:var(--ref-muted)}.custom-detail span b{display:block;margin-top:5px;font-size:14px;color:var(--ref-navy)}.money-pair,.cost-columns,.overrun,.headline{display:grid;grid-template-columns:1fr 1fr;gap:10px}.money-pair span,.cost-columns span,.headline span{background:#f4f8fc;border-radius:14px;padding:12px}.payment-overview .progress{height:8px;background:#e8f0f8;border-radius:8px;overflow:hidden;margin:14px 0 8px}.payment-overview .progress i{display:block;height:100%;background:linear-gradient(90deg,#39b7ff,#1688ff);border-radius:8px}.payment-overview>small{font-size:10px;color:#75839b}.date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.date-grid span{padding:10px;border-bottom:1px solid #edf2f7}.date-grid .danger{color:var(--ref-red)}.responsibility>div{display:flex;gap:10px}.responsibility>div>span{flex:1;background:#f4f8fc;border-radius:14px;padding:11px;text-align:center;color:var(--ref-navy);font-size:13px;font-weight:700}.responsibility small{display:block;margin-top:5px;color:var(--ref-muted);font-size:9px;font-weight:400}.archive-progress .step{display:grid;grid-template-columns:30px 1fr;gap:10px;position:relative;padding-bottom:18px}.archive-progress .step:last-child{padding-bottom:0}.archive-progress .step:not(:last-child):after{content:'';position:absolute;left:14px;top:31px;height:calc(100% - 29px);border-left:2px solid #dce7f3}.archive-progress .step i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:#dff4e7;color:#0ca452}.archive-progress .step.warning i{background:#fff0dd;color:var(--ref-orange)}.archive-progress .step.current i{background:#ffe6ea;color:var(--ref-red)}.archive-progress .step span{font-size:12px;color:var(--ref-navy)}.archive-progress .step b{font-size:10px;color:var(--ref-muted)}.contract-card .headline{margin-bottom:10px}.overrun{margin-top:10px;background:#fff0f1;border-radius:14px;padding:12px}.overrun b{color:var(--ref-red)!important}.cost-mix span{display:grid;grid-template-columns:1fr auto;gap:6px;margin:12px 0}.cost-mix span b{font-size:11px;margin:0}.cost-mix span i{grid-column:1/3;height:7px;background:linear-gradient(90deg,#35b7ff,#1688ff);border-radius:7px}.profit-impact>div{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px}.profit-impact span{background:#f4f8fc;padding:11px;border-radius:13px}.profit-impact em{font-style:normal;color:var(--ref-blue)}.profit-impact p{margin:12px 0 0;padding:10px;border-radius:12px;background:#fff0f1;color:#7c5960;font-size:11px}.profit-impact p b{color:var(--ref-red)}
.compare-page{max-width:980px;margin:auto;padding:28px 18px 48px;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ref-navy)}
.compare-page h1{font-size:28px;margin:0 0 8px}.compare-page>p{color:#687792;margin:0 0 24px}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.compare-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:24px;padding:16px;box-shadow:0 14px 42px #15365f14;transition:.2s}.compare-card:hover{transform:translateY(-4px)}.compare-preview{height:330px;border-radius:18px;background:#f4f6f8;overflow:hidden;padding:14px}.compare-preview .hero{height:86px;border-radius:15px;background:linear-gradient(135deg,#dbeaff,#ccf4fb);padding:14px}.compare-preview .hero.dark{background:#0b1838;color:#fff}.compare-preview .line{height:9px;border-radius:8px;background:#d9e5f3;margin:8px 0}.compare-preview .line.short{width:58%}.compare-preview .panel{background:#fff;border-radius:14px;margin-top:10px;padding:12px}.compare-preview .alert{height:54px;border-left:4px solid #ff2638;background:#fff;border-radius:12px;margin-top:10px}.compare-card h2{font-size:18px;margin:15px 0 5px}.compare-card p{font-size:12px;line-height:1.7;color:#7f8ba2;margin:0}.compare-card b{display:inline-block;margin-top:12px;color:var(--ref-blue);font-size:12px}@media(max-width:760px){.compare-grid{grid-template-columns:1fr}.compare-preview{height:220px}}