/* 趣味人物志 · 结果页 + 完整报告样式
   取舍：结果卡潮玩（强色彩身份卡，天然适合晒图）；完整报告克制（白卡深字，2-3 万字要读得下去）。 */

/* ============ ④ 结果 ============ */
.result{padding-top:24px}
.r-kick{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.16em;padding:7px 14px;border-radius:99px;background:#FFF2D6;color:#A87B00;border:1.5px solid #FFE7AE}
.r-card{
  margin-top:15px;border-radius:24px;padding:26px 22px 22px;color:#fff;position:relative;overflow:hidden;
  background:linear-gradient(155deg,#7B5CFF 0%,#5A3BE8 55%,#4030C9 100%);
  box-shadow:0 12px 0 -6px #3222A5, 0 28px 46px -22px rgba(90,59,232,.66);
}
.r-card.cat{background:linear-gradient(155deg,var(--brand),var(--brand-deep) 60%,rgba(0,0,0,.28));box-shadow:0 12px 0 -6px rgba(0,0,0,.28), 0 28px 46px -22px rgba(44,38,50,.5)}
.r-card::before{content:"";position:absolute;right:-34px;top:-34px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.10)}
.r-card::after{content:"";position:absolute;left:-26px;bottom:-46px;width:110px;height:110px;border-radius:50%;background:rgba(255,216,77,.16)}
.r-type-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.14em;padding:6px 12px;border-radius:99px;background:var(--butter);color:var(--butter-ink);position:relative;z-index:1}
.r-name{font-size:52px;font-weight:900;line-height:1.14;letter-spacing:.03em;margin-top:14px;position:relative;z-index:1}
.r-name em{font-style:normal;color:var(--butter)}
.r-axis{font-size:12.5px;letter-spacing:.12em;margin-top:10px;color:rgba(255,255,255,.85);position:relative;z-index:1;font-weight:600}
.r-quote{font-size:14px;line-height:1.95;margin-top:16px;padding-top:14px;border-top:1.5px dashed rgba(255,255,255,.3);color:rgba(255,255,255,.95);position:relative;z-index:1}
.r-quote b{background:var(--butter);color:var(--butter-ink);padding:1px 5px;border-radius:5px;font-weight:800}

.r-sec-t{display:flex;align-items:center;gap:10px;margin:26px 0 13px}
.r-sec-t .cn{font-size:15px;font-weight:800;color:var(--ink)}
.r-sec-t .en{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--ink-faint)}
.r-sec-t .line{flex:1;height:1.5px;background:var(--line)}

.radarbox{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:14px 10px 8px;box-shadow:0 12px 30px -24px rgba(44,38,50,.5)}
.radar-legend{display:flex;flex-wrap:wrap;gap:8px 12px;padding:10px 12px 8px;justify-content:center}
.radar-legend span{font-size:10.5px;font-weight:700;color:var(--ink-soft);display:inline-flex;align-items:center;gap:5px}
.radar-legend i{width:8px;height:8px;border-radius:3px}

.bars{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:18px 16px 14px;box-shadow:0 12px 30px -24px rgba(44,38,50,.5)}
.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.bar-row:last-child{margin-bottom:0}
.bar-row .nm{font-size:11.5px;font-weight:800;width:60px;flex:none;color:var(--ink);text-align:right;line-height:1.4}
.bar-row .cb{width:9px;height:9px;border-radius:3px;flex:none}
.bar-track{flex:1;height:13px;border-radius:99px;background:#F2EDE2;overflow:hidden;border:1px solid var(--line)}
.bar-track i{display:block;height:100%;border-radius:99px}
.bar-row .vl{font-size:13.5px;font-weight:800;color:var(--ink-soft);width:26px;text-align:right;flex:none}
.bar-row.top .vl{color:var(--brand-deep)}
.bar-row.top .nm{color:var(--brand-deep)}
.bar-row.top .bar-track{border-color:var(--brand-line)}

/* 顶部天赋摘要：结果页最有信息量的一块 */
.top-note{margin-top:12px;background:var(--card);border:1.5px solid var(--brand-line);border-radius:var(--r-md);padding:15px 16px;box-shadow:0 10px 26px -22px rgba(44,38,50,.5)}
.top-note .h{font-size:12px;font-weight:800;color:var(--brand-deep);display:flex;align-items:center;gap:7px}
.top-note .h .dot{width:9px;height:9px;border-radius:3px;background:var(--brand)}
.top-note p{font-size:13px;color:var(--ink-soft);line-height:2;margin-top:8px}

.share-card{
  margin-top:14px;border-radius:var(--r-lg);overflow:hidden;position:relative;
  background:linear-gradient(140deg,#332C3A,#241F2B 60%,#241F2B);color:#FFF9EC;padding:24px 22px 18px;
  box-shadow:0 18px 36px -22px rgba(44,38,50,.75);
}
.share-card::before{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,216,77,.14)}
.share-card .sc-eyebrow{font-size:9px;letter-spacing:.3em;color:rgba(255,249,236,.55);font-weight:800}
.share-card .sc-name{font-size:31px;font-weight:900;margin-top:8px;letter-spacing:.04em;position:relative;z-index:1}
.share-card .sc-name em{font-style:normal;color:var(--butter)}
.share-card .sc-line{font-size:14.5px;line-height:1.9;margin-top:12px;color:rgba(255,249,236,.92);position:relative;z-index:1}
.share-card .sc-line b{color:var(--butter);font-weight:800}
.share-card .sc-foot{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,249,236,.18);display:flex;justify-content:space-between;font-size:9.5px;color:rgba(255,249,236,.5)}
.share-hint{text-align:center;font-size:11px;color:var(--ink-faint);margin-top:11px;letter-spacing:.06em}

.r-actions{display:flex;gap:10px;margin-top:18px}
.r-actions .btn-main{flex:1.4}
.r-actions .btn-ghost{flex:1;padding:16px 0;font-size:14.5px}

/* ============ ⑤ 完整报告 ============ */
.report{padding-top:20px}
.rep-head{text-align:center;padding-bottom:18px;border-bottom:1.5px dashed var(--line-strong)}
.rep-head .t{font-size:26px;font-weight:900;letter-spacing:.06em}
.rep-head .s{font-size:11.5px;color:var(--ink-faint);margin-top:8px;letter-spacing:.1em}
.rep-nav{
  position:sticky;top:0;z-index:20;
  background:linear-gradient(180deg,var(--cream) 78%,rgba(255,249,236,0));
  padding:12px 20px 14px;margin:0 -20px;
  display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;
}
.rep-nav::-webkit-scrollbar{display:none}
.rep-nav a{flex:none;font-size:11.5px;font-weight:800;padding:7px 13px;border-radius:99px;background:var(--card);border:1.5px solid var(--line);color:var(--ink-soft);text-decoration:none}
.rep-nav a.hot{border-color:var(--brand);color:var(--brand-deep);background:var(--brand-soft)}

.sec{margin-top:26px;scroll-margin-top:72px}
.sec-head{display:flex;align-items:center;gap:11px;margin-bottom:13px}
.sec-head .no{width:30px;height:30px;border-radius:10px;background:var(--brand-soft);color:var(--brand-deep);border:1.5px solid var(--brand-line);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.sec-head .cn{font-size:17px;font-weight:900;letter-spacing:.02em}
.sec-head .e{font-size:15px}
.sec-head .sc{margin-left:auto;font-size:11px;font-weight:800;color:var(--brand-deep);background:var(--brand-soft);padding:4px 10px;border-radius:99px;border:1.5px solid var(--brand-line)}
.card-w{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-md);padding:17px 17px 15px;box-shadow:0 10px 26px -22px rgba(44,38,50,.5)}
.card-w + .card-w{margin-top:12px}
.lead-row{font-size:14.5px;font-weight:800;color:var(--brand-deep);margin-bottom:8px;line-height:1.7}
.card-w p{font-size:13.5px;line-height:2.05;color:var(--ink-soft)}
.card-w p + p{margin-top:9px}
.card-w p b{color:var(--ink);font-weight:700}
.tip{margin-top:12px;background:var(--brand-soft);border:1.5px solid var(--brand-line);border-radius:var(--r-sm);padding:12px 14px;font-size:12.5px;line-height:1.9;color:var(--ink-soft)}
.tip b{color:var(--brand-deep)}

.week-list{margin-top:4px}
.day{display:flex;gap:12px;background:var(--card);border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px 15px;margin-bottom:10px;cursor:pointer;transition:.15s}
.day .dnum{width:38px;height:38px;border-radius:12px;flex:none;background:var(--brand-soft);border:1.5px solid var(--brand-line);color:var(--brand-deep);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;line-height:1.05}
.day .dnum .n{font-size:15px}
.day .dnum .l{font-size:8px;letter-spacing:.06em}
.day .db{flex:1}
.day .dt{font-size:13.5px;font-weight:800;color:var(--ink);line-height:1.65}
.day .dd{font-size:12px;color:var(--ink-faint);margin-top:3px;line-height:1.75}
.day .done{margin-top:8px;font-size:11px;font-weight:700;color:var(--mint);display:none}
.day.ok{border-color:var(--brand-line);background:var(--brand-soft)}
.day.ok .done{display:block}
.day.ok .dt{text-decoration:line-through;text-decoration-color:var(--ink-faint);color:var(--ink-soft)}

.jinju-block{margin-top:22px;border-radius:var(--r-lg);padding:26px 22px;text-align:center;background:linear-gradient(155deg,#2C2632,#1E1A24);color:#FFF9EC;box-shadow:0 18px 36px -24px rgba(44,38,50,.8)}
.jinju-block .lbl{font-size:9.5px;letter-spacing:.4em;color:var(--butter);font-weight:800;opacity:.92}
.jinju-block p{font-size:18px;font-weight:800;line-height:1.95;margin-top:12px;letter-spacing:.02em}
.jinju-block p em{font-style:normal;color:var(--butter)}

.rep-foot{margin-top:26px;padding:18px 16px;border-radius:var(--r-md);border:1.5px dashed var(--line-strong);font-size:11.5px;line-height:2;color:var(--ink-faint);text-align:center}

/* 报告页底部操作 */
.rep-actions{display:flex;gap:10px;margin-top:18px}
.rep-actions .btn-ghost{flex:1}

/* 分享图（Canvas 生成的预览） */
.share-img{margin-top:12px;display:none}
.share-img.on{display:block}
.share-img img{width:100%;border-radius:var(--r-md);border:1.5px solid var(--line);display:block}