.talent4-report-page{--t4-primary:#7c5cfc;--t4-primary-d:#6a48f5;--t4-primary-l:#a78bfa;--t4-bg:#f5f3ff;--t4-card:#fff;--t4-ink:#1f2937;--t4-ink2:#4b5563;--t4-ink3:#9ca3af;--t4-gold:#f59e0b;--t4-green:#10b981;--t4-line:#ede9fe;box-sizing:border-box;min-height:100vh;background:linear-gradient(180deg,#7c5cfc 0,#8b6cff 220px,var(--t4-bg) 460px);color:var(--t4-ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}
.talent4-report-page *{box-sizing:border-box}
.t4-head{max-width:560px;margin:0 auto;padding:38px 18px 0;text-align:center;color:#fff}
.t4-head h1{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:3px}
.t4-head-badges{display:flex;justify-content:center;gap:8px;margin-top:10px}
.t4-head-badges span{padding:2px 12px;border:1px solid rgba(255,255,255,.5);border-radius:999px;font-size:.68rem;letter-spacing:.5px}
.t4-wrap{max-width:560px;margin:0 auto;padding:18px 16px 56px}
.t4-card{margin-top:14px;padding:20px 18px;border-radius:18px;background:var(--t4-card);box-shadow:0 6px 24px rgba(109,76,246,.1)}
.t4-sec-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.t4-sec-head b{font-size:1.02rem;font-weight:800}
.t4-sec-ico{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:var(--t4-primary);color:#fff;font-size:.8rem;flex:none}
.t4-sec-sub{margin-left:auto;font-size:.7rem;color:var(--t4-ink3)}
/* 得分与类型 */
.t4-score-card{display:flex;gap:18px;align-items:center;padding:22px 18px}
.t4-ring{position:relative;width:112px;height:112px;flex:none}
.t4-ring svg{width:112px;height:112px;transform:rotate(-90deg)}
.t4-ring-bg{fill:none;stroke:#f1effd;stroke-width:9}
.t4-ring-fill{fill:none;stroke:url(#t4Ring);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.t4-ring-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.t4-ring-num b{font-size:1.7rem;color:var(--t4-primary-d)}
.t4-ring-num span{font-size:.64rem;color:var(--t4-ink3)}
.t4-score-info{flex:1;min-width:0}
.t4-type-name{font-size:1.12rem;font-weight:800;color:var(--t4-ink)}
.t4-score-info>p{margin:4px 0 0;font-size:.8rem;color:var(--t4-ink2)}
.t4-top-ranks{display:flex;flex-direction:column;gap:5px;margin-top:9px}
.t4-rank-line{display:flex;align-items:center;gap:7px;padding:5px 10px;border-radius:9px;background:#f8f7ff;font-size:.76rem}
.t4-rank-badge{flex:none;padding:2px 7px;border-radius:6px;background:var(--t4-primary);color:#fff;font-size:.62rem;font-weight:700}
.t4-rank-line b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.t4-rank-score{flex:none;color:var(--t4-ink3);font-size:.68rem}
/* 维度条 */
.t4-bars{display:flex;flex-direction:column;gap:2px}
.t4-bar-row{display:flex;align-items:center;gap:8px;padding:4px 0}
.t4-bar-letter{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;border-radius:6px;background:var(--t4-primary);color:#fff;font-size:.68rem}
.t4-bar-name{width:58px;flex:none;font-size:.78rem;color:var(--t4-ink2)}
.t4-bar-track{flex:1;height:9px;border-radius:99px;background:#f1effd;overflow:hidden}
.t4-bar-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#8b6cff,#7c5cfc)}
.t4-bar-score{width:22px;flex:none;text-align:right;font-size:.78rem;font-weight:700;color:var(--t4-ink2)}
.t4-bar-tag{width:58px;flex:none;text-align:right;font-size:.66rem}
.t4-bar-tag.hi,.t4-legend i.hi{color:#b45309;background:#fef3c7}
.t4-bar-tag.mid,.t4-legend i.mid{color:#4338ca;background:#e0e7ff}
.t4-bar-tag.lo,.t4-legend i.lo{color:#9ca3af;background:#f3f4f6}
.t4-bar-tag{padding:1px 0;border-radius:4px}
.t4-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px;font-size:.66rem;color:var(--t4-ink3)}
.t4-legend i{display:inline-block;width:9px;height:9px;margin-right:4px;border-radius:50%;font-style:normal}
/* 类型卡 */
.t4-type-row{display:flex;align-items:center;gap:12px}
.t4-type-emoji{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:14px;background:#fef3c7;font-size:1.55rem}
.t4-type-main b{font-size:1.12rem;font-weight:800}
.t4-type-desc{margin:10px 0 0;font-size:.85rem;color:var(--t4-ink2)}
.t4-insight{margin-top:10px;padding:11px 13px;border-radius:12px;background:#ecfdf5;font-size:.8rem;color:var(--t4-ink2)}
.t4-insight.warn{background:#fffbeb}
.t4-insight b{display:block;margin-bottom:3px;color:#047857;font-size:.8rem}
.t4-insight.warn b{color:#b45309}
.t4-insight p{margin:0}
.t4-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}
.t4-chip{padding:1px 8px;border-radius:999px;border:1px solid var(--t4-line);background:#f3f0ff;color:var(--t4-primary-d);font-size:.68rem}
/* 天赋速览 */
.t4-quick-list{display:flex;flex-direction:column;gap:10px}
.t4-quick-card{padding:14px;border:1px solid var(--t4-line);border-radius:14px;background:#faf9ff}
.t4-quick-head{display:flex;align-items:center;gap:10px}
.t4-quick-emoji{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:12px;background:#fef3c7;font-size:1.3rem}
.t4-quick-title{display:flex;flex-direction:column;line-height:1.35;min-width:0}
.t4-quick-title b{font-size:1rem}
.t4-stars{color:var(--t4-gold);font-size:.7rem;letter-spacing:1px}
.t4-quick-level{font-size:.66rem;color:var(--t4-ink3)}
.t4-quick-slogan{margin:8px 0 0;font-size:.82rem;font-weight:700;color:var(--t4-ink)}
.t4-quick-sec{margin-top:8px}
.t4-quick-label{display:block;font-size:.75rem;font-weight:800;margin-bottom:2px}
.t4-quick-label.good{color:#047857}
.t4-quick-label.warn{color:#b45309}
.t4-quick-ok,.t4-quick-warn{display:block;position:relative;padding-left:16px;font-size:.78rem;color:var(--t4-ink2);line-height:1.6}
.t4-quick-ok::before{content:"✓";position:absolute;left:0;color:var(--t4-green);font-weight:800}
.t4-quick-warn::before{content:"⚠";position:absolute;left:0;color:var(--t4-gold)}
.t4-quick-more{margin-top:10px;padding-top:8px;border-top:1px dashed var(--t4-line)}
.t4-quick-more summary{display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer;font-size:.78rem;font-weight:700;color:var(--t4-primary-d);user-select:none}
.t4-quick-more summary::-webkit-details-marker{display:none}
.t4-quick-more summary::after{content:"▾";transition:transform .2s;font-size:.7rem}
.t4-quick-more[open] summary::after{transform:rotate(180deg)}
.t4-quick-detail{margin-top:8px;font-size:.78rem;color:var(--t4-ink2)}
.t4-quick-detail p{margin:0 0 6px}
.t4-detail-sec{margin-top:8px}
.t4-detail-sec b{display:block;font-size:.78rem;color:var(--t4-ink);margin-bottom:2px}
.t4-detail-list{margin:0;padding:0;list-style:none}
.t4-detail-list li{position:relative;padding-left:12px;margin:3px 0}
.t4-detail-list li::before{content:"";position:absolute;left:0;top:.65em;width:5px;height:5px;border-radius:50%;background:var(--t4-primary-l)}
/* 成长 */
.t4-grow-list{display:flex;flex-direction:column;gap:8px}
.t4-grow-one{display:flex;align-items:baseline;gap:8px;padding:10px 12px;border:1px solid var(--t4-line);border-radius:12px;background:#faf9ff;font-size:.78rem;color:var(--t4-ink2)}
.t4-grow-one b{flex:none;font-size:.82rem;color:var(--t4-ink)}
.t4-grow-text{flex:1}
.t4-grow-score{flex:none;color:var(--t4-ink3);font-size:.68rem}
/* 职业 */
.t4-career-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.t4-career-cell{padding:12px;border:1px solid var(--t4-line);border-radius:13px;background:#faf9ff}
.t4-career-head{display:flex;align-items:center;justify-content:space-between;gap:6px}
.t4-career-name{display:flex;align-items:center;gap:5px;font-size:.86rem;font-weight:800;min-width:0}
.t4-career-rank{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;border-radius:5px;background:var(--t4-primary);color:#fff;font-size:.62rem}
.t4-career-pct{flex:none;font-size:.7rem;font-weight:700;color:var(--t4-primary-d)}
.t4-career-track{height:5px;margin:7px 0;border-radius:99px;background:#ece9fd;overflow:hidden}
.t4-career-track i{display:block;height:100%;background:linear-gradient(90deg,#8b6cff,#c4b5fd)}
.t4-career-reason{margin:0;font-size:.7rem;color:var(--t4-ink3)}
.t4-career-entry{margin:5px 0 0;font-size:.7rem;font-weight:600;color:#047857}
.t4-caution-wrap{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.t4-caution{padding:9px 12px;border-radius:10px;background:#fffbeb;font-size:.76rem;color:#78350f}
.t4-caution b{margin-right:6px}
/* 行动计划 */
.t4-plan-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.t4-plan-col{padding:11px;border:1px solid var(--t4-line);border-radius:13px;background:#faf9ff}
.t4-plan-col h4{display:flex;flex-direction:column;gap:1px;margin:0 0 6px;font-size:.8rem;font-weight:800}
.t4-plan-col h4 span{font-size:.6rem;font-weight:400;color:var(--t4-ink3)}
.t4-plan-col ul{margin:0;padding:0;list-style:none}
.t4-plan-col li{position:relative;margin:6px 0;padding-left:13px;font-size:.68rem;color:var(--t4-ink2);line-height:1.55}
.t4-plan-col li::before{content:"✓";position:absolute;left:0;top:0;color:var(--t4-green);font-size:.66rem}
/* 提示与页脚 */
.t4-read-tip{margin-top:18px;padding:14px 16px;border-radius:14px;background:#f3f4f6;font-size:.76rem;color:var(--t4-ink2)}
.t4-read-tip b{display:block;margin-bottom:4px;color:var(--t4-ink)}
.t4-read-tip p{margin:0}
.t4-foot{margin:14px 0 0;text-align:center;font-size:.68rem;color:var(--t4-ink3)}
@media (max-width:420px){.t4-score-card{flex-direction:column;align-items:flex-start}.t4-ring{align-self:center}.t4-career-grid{grid-template-columns:1fr}.t4-plan-cols{grid-template-columns:1fr}.t4-head h1{font-size:1.35rem}.t4-bar-name{width:52px}}
@media (prefers-reduced-motion:reduce){.talent4-report-page *{transition:none!important}}