/* page3: 测评报告式布局 */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-text-size-adjust:100%}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Microsoft YaHei",sans-serif;background:linear-gradient(160deg,#1e3a5f 0%,#2563eb 40%,#0891b2 100%);background-attachment:fixed;color:#1e293b;min-height:100vh;line-height:1.6;padding:14px 16px 30px}

.wrap{max-width:500px;margin:0 auto}

/* crumb */
.crumb{padding:4px 0 14px;font-size:.78rem;color:rgba(255,255,255,.65)}
.crumb-div{margin:0 4px;color:rgba(255,255,255,.4);display:inline}
.crumb-on{color:rgba(255,255,255,.9);font-weight:500}
.crumb span{display:inline}

/* score hero */
.score-hero{background:#fff;border-radius:20px;padding:32px 24px 26px;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,.15);margin-bottom:14px}
.score-hero__ico{width:72px;height:72px;border-radius:18px;object-fit:cover;margin-bottom:14px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.score-hero h1{font-size:1.7rem;font-weight:700;margin-bottom:4px}
.score-hero__tag{font-size:.88rem;color:#64748b;margin-bottom:18px}
.score-big{margin-bottom:10px}
.score-big__num{font-size:3.5rem;font-weight:800;color:#2563eb;line-height:1}
.score-big__max{font-size:1.2rem;color:#94a3b8;font-weight:500}
.score-hero__desc{font-size:.82rem;color:#64748b;margin-bottom:20px}
.score-hero__btn{display:inline-block;padding:14px 40px;background:linear-gradient(135deg,#2563eb,#0891b2);color:#fff;border-radius:12px;text-decoration:none;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .25s}
.score-hero__btn:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,.12)}

/* panel */
.panel{background:#fff;border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
.panel__tit{font-size:1.05rem;color:#1e293b;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #2563eb;display:inline-block}

/* bar chart */
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bar-label{width:56px;font-size:.78rem;font-weight:600;color:#1e293b;text-align:right;flex-shrink:0}
.bar-track{flex:1;background:#f1f5f9;border-radius:6px;height:28px;overflow:hidden}
.bar-fill{height:100%;border-radius:6px;font-size:.72rem;color:#fff;font-weight:700;display:flex;align-items:center;padding-left:10px;min-width:fit-content}
.bar-fill--a{background:linear-gradient(90deg,#2563eb,#3b82f6)}
.bar-fill--b{background:linear-gradient(90deg,#f97316,#fb923c)}
.bar-avg{font-size:.7rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}

/* pros/cons */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pros,.cons{background:#f8fafc;border-radius:12px;padding:16px}
.pros h3{font-size:.85rem;margin-bottom:10px;color:#059669}
.cons h3{font-size:.85rem;margin-bottom:10px;color:#f97316}
.pros ul,.cons ul{list-style:none}
.pros li,.cons li{font-size:.78rem;color:#475569;padding:5px 0;padding-left:16px;position:relative}
.pros li::before{content:"✓";position:absolute;left:0;color:#059669;font-weight:700}
.cons li::before{content:"·";position:absolute;left:0;color:#f97316;font-weight:700}

/* timeline */
.timeline{list-style:none;padding-left:0}
.timeline__item{display:flex;gap:14px;margin-bottom:16px}
.timeline__item:last-child{margin-bottom:0}
.timeline__dot{width:30px;height:30px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:700;flex-shrink:0}
.timeline__item strong{display:block;font-size:.88rem;color:#1e293b;margin-bottom:2px}
.timeline__item p{font-size:.78rem;color:#64748b;line-height:1.7}

/* faq details */
.faq-item{border-bottom:1px dashed #e5e7eb;padding:8px 0}
.faq-item:last-child{border-bottom:none}
.faq-item summary{font-size:.88rem;font-weight:600;color:#1e293b;cursor:pointer;padding:6px 0;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.1rem;color:#2563eb;font-weight:700}
.faq-item[open] summary::after{content:"−"}
.faq-item p{font-size:.8rem;color:#64748b;line-height:1.8;padding-top:4px}

/* foot */
.foot{text-align:center;padding:10px 0;color:rgba(255,255,255,.55);font-size:.73rem}
.foot a{color:rgba(255,255,255,.7);text-decoration:none}
.foot p{margin-bottom:3px}

@media(max-width:380px){
    .score-hero{padding:24px 16px 20px}
    .score-hero h1{font-size:1.4rem}
    .score-big__num{font-size:2.8rem}
    .pros-cons{grid-template-columns:1fr}
}
@media(min-width:768px){
    body{padding:30px}
    .bar-row{gap:16px}
}