/* 独立演示报告：桌面双栏目录、手机横向章节导航，真实报告样式与权限保持独立。 */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:160px}body{margin:0;background:#f5f7fa;color:#344054;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8965a0;outline-offset:4px}.yanshi-yetou{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e8ebef;min-height:72px;padding:14px max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;gap:15px}.pinpai{font-size:23px;font-weight:800;white-space:nowrap}.pinpai span{font-size:15px;font-weight:500}.yanshi-yetou nav{display:flex;gap:24px;align-items:center;font-size:14px}.kaishi{display:inline-block;background:#88649c;color:#fff;border-radius:24px;padding:9px 22px;font-weight:650}.yanshi-tishi{position:sticky;top:72px;z-index:19;background:#fff1d9;color:#795016;padding:11px 24px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;font-size:13px;border-bottom:1px solid #ecd9b7}.yanshi-tishi strong{font-size:15px}.yanshi-buju{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;max-width:1200px;margin:30px auto;padding:0 24px}.yanshi-buju aside{position:sticky;top:154px;align-self:start;padding:15px 0}.yanshi-buju aside>p{font-size:14px;font-weight:700;margin:0 0 14px}.yanshi-buju aside nav{display:grid;gap:4px}.yanshi-buju aside nav a{padding:8px 14px;font-size:13px;border-radius:7px}.yanshi-buju aside nav a:hover{background:#eee8f4;color:#76528e}.celan-tishi{font-size:11px;color:#8992a2;border-top:1px solid #e2e6ec;margin:20px 14px;padding-top:18px}main{min-width:0}.yanshi-gailan,.yanshi-zhangjie{background:#fff;border:1px solid #e8ecf1;border-radius:16px;padding:34px 40px;margin-bottom:24px;overflow-wrap:anywhere}.yanshi-biaoqian{display:inline-block;border:1px solid #dccce7;background:#f8f4fb;border-radius:5px;padding:3px 10px;color:#86639b;font-size:12px;margin:0 0 15px}h1{font-size:30px;margin:0;line-height:1.45}.yanshi-fubiaoti{font-size:14px;color:#85909e;margin:10px 0 24px}.leixing{display:flex;align-items:center;justify-content:space-between;background:#f0f7f1;border-radius:12px;padding:25px 30px;margin-bottom:30px;gap:20px}.leixing span{font-size:12px;color:#689278}.leixing h2{font-size:65px;letter-spacing:5px;color:#568465;line-height:1.2;margin:10px 0}.leixing strong{font-size:18px}.leixing p{font-size:12px;color:#72937e}.leixing img{width:190px;height:190px;object-fit:contain}.weidu-tou{display:flex;justify-content:space-between;align-items:center;gap:10px}.weidu-tou h3{font-size:18px;margin:0}.weidu-tou>span{font-size:11px;color:#986e30}.weidu{margin:18px 0}.weidu>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.weidu>div:first-child>span:first-of-type{font-size:11px;color:#85909d}.weidu-tiao{height:11px;background:#e8edf2;border-radius:10px;overflow:hidden;margin-top:8px}.weidu-tiao span{height:100%;display:block;border-radius:10px}.fenliang-shuoming{font-size:12px;color:#8b7357;background:#fffaf0;padding:12px 16px;border-radius:7px;margin-top:25px}.zhangjie-tou{display:flex;align-items:center;gap:13px;border-bottom:1px solid #ecedf2;padding-bottom:16px;margin-bottom:20px}.zhangjie-tou>span{color:#b3a0c2;font-size:25px;font-weight:800}.zhangjie-tou h2{font-size:22px;margin:0}.zhangjie-tou small{margin-left:auto;color:#9f8da9;font-size:11px;white-space:nowrap}.yanshi-zhangjie h3{font-size:18px;margin:25px 0 10px;color:#73558b}.yanshi-zhangjie h4,.yanshi-zhangjie h5{font-size:15px;margin:20px 0 7px}.yanshi-zhangjie p,.yanshi-zhangjie li{font-size:14px;color:#627083}.yanshi-zhangjie ul{padding-left:22px}.yanshi-xiang{padding:6px 0 13px;border-bottom:1px solid #f0f1f5}.yanshi-zhangjie .zhangjie-shuoming{border-top:1px dashed #e6dfeb;padding-top:17px;margin-top:25px;font-size:11px;color:#a18fac}.yanshi-jiewei{text-align:center;padding:35px 20px}.yanshi-jiewei h2{font-size:25px}.yanshi-jiewei p{font-size:13px;color:#83909d}footer{text-align:center;padding:25px;font-size:12px;color:#8893a1}
/* 水印使用 DOM 文字固定覆盖各个阅读位置，避免依赖开启背景图打印；不拦截点击或复制。 */
.yanshi-shuiyin{position:fixed;inset:115px 0 0;z-index:30;pointer-events:none;user-select:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,1fr);overflow:hidden}.yanshi-shuiyin span{align-self:center;justify-self:center;text-align:center;transform:rotate(-23deg);font-size:21px;font-weight:700;color:rgba(110,77,135,.12);line-height:1.5;white-space:nowrap}
@media(max-width:800px){html{scroll-padding-top:177px}.yanshi-yetou{min-height:64px;padding:12px 18px}.pinpai{font-size:20px}.pinpai span{font-size:13px}.yanshi-yetou nav{gap:14px;font-size:12px}.yanshi-yetou .kaishi{padding:7px 13px}.yanshi-tishi{top:64px;display:block;padding:10px 18px;line-height:1.6}.yanshi-tishi strong,.yanshi-tishi span{display:block}.yanshi-tishi span{font-size:11px}.yanshi-buju{display:block;margin:0;padding:0 16px}.yanshi-buju aside{position:static;padding:18px 0 15px}.yanshi-buju aside>p,.celan-tishi{display:none}.yanshi-buju aside nav{display:flex;overflow-x:auto;gap:8px;padding:4px}.yanshi-buju aside nav a{white-space:nowrap;background:#fff;border:1px solid #e7eaf0;padding:6px 12px}.yanshi-gailan,.yanshi-zhangjie{padding:23px 20px;border-radius:12px;margin-bottom:18px}h1{font-size:24px}.yanshi-fubiaoti{font-size:12px}.leixing{padding:20px 16px;gap:8px}.leixing h2{font-size:45px}.leixing strong{font-size:14px}.leixing img{width:115px;height:150px}.leixing p{font-size:10px}.weidu-tou{display:block}.weidu-tou>span{display:block;margin-top:3px}.weidu>div:first-child{font-size:12px}.weidu>div:first-child>span:first-of-type{font-size:10px}.zhangjie-tou h2{font-size:19px}.zhangjie-tou>span{font-size:21px}.zhangjie-tou{gap:10px}.yanshi-shuiyin{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,1fr)}.yanshi-shuiyin span{font-size:14px}.yanshi-jiewei h2{font-size:21px}}
@media(max-width:360px){.yanshi-yetou{padding:10px 12px}.yanshi-yetou nav{gap:10px}.yanshi-yetou .kaishi{padding:6px 9px;font-size:11px}.pinpai{font-size:16px}.pinpai span{font-size:11px}.yanshi-buju{padding:0 10px}.yanshi-gailan,.yanshi-zhangjie{padding:20px 15px}.leixing{padding:15px 10px}.leixing img{width:90px}.leixing h2{font-size:38px}.zhangjie-tou small{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:white}.yanshi-yetou,aside,.yanshi-jiewei{display:none}.yanshi-tishi{position:static;background:white;border:2px solid #795016}.yanshi-buju{display:block;margin:0;padding:0}.yanshi-shuiyin{inset:0;position:fixed}.yanshi-shuiyin span{color:rgba(100,70,120,.18)}.yanshi-gailan,.yanshi-zhangjie{border:0;box-shadow:none}.zhangjie-tou{break-after:avoid}h3,h4,h5{break-after:avoid}}
/* 极窄手机将导航分行、人格插画纵向排布，避免品牌和 INFP 字母被挤断。 */
@media screen and (max-width:350px){.yanshi-yetou{height:94px;min-height:94px;flex-direction:column;justify-content:center;gap:5px}.yanshi-yetou nav{white-space:nowrap;gap:18px}.pinpai{font-size:19px}.pinpai span{font-size:13px}.yanshi-tishi{top:94px}html{scroll-padding-top:210px}h1{font-size:20px}.leixing{flex-direction:column;text-align:center}.leixing h2{white-space:nowrap}.leixing img{height:130px;width:130px}.leixing strong{font-size:14px}}

/* 同一套报告外观同时用于演示与真实报告；状态只由各自入口控制。 */
[hidden]{display:none!important}.yanshi-zhangjie,.yanshi-gailan{position:relative;isolation:isolate}.baogao-neibu-shuiyin{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:2;overflow:hidden}.baogao-neibu-shuiyin span{transform:rotate(-24deg);color:rgba(110,77,135,.10);font-size:24px;font-weight:700;white-space:nowrap}.baogao-laiyuan{padding:12px 16px;background:#f6f4fa;border-radius:8px;font-size:12px!important}.renkou-tubiao{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:24px 0}.renkou-tubiao>div{background:#f8f9fb;border:1px solid #e7eaf0;border-radius:12px;padding:18px}.renkou-tubiao span{font-size:12px}.renkou-tubiao strong{display:block;font-size:30px;color:#85619b}.celebrities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.celebrity-card{overflow:hidden;border:1px solid #e8ebef;border-radius:10px}.celebrity-image{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center 25%}.celebrity-image-fallback{aspect-ratio:1/1;display:grid;place-items:center;text-align:center;padding:15px;background:#f0edf4;color:#80648f}.celebrity-info{padding:15px}.celebrity-info h4{margin:0;font-size:15px}.celebrity-info p{font-size:12px;margin:6px 0}.baogao-gongju{background:#fff;border:1px solid #e6eaf0;border-radius:12px;padding:20px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.baogao-gongju button{border:1px solid #dcd3e5;border-radius:8px;background:#f8f5fb;color:#725389;padding:9px 16px;cursor:pointer;font:inherit;font-size:13px}.baogao-gongju button:disabled{opacity:.5;cursor:wait}.baogao-gongju p{width:100%;text-align:center;font-size:12px;margin:0;color:#778290}.report-member-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.report-member-actions button{border:1px solid #dcd3e5;border-radius:8px;padding:10px 18px;color:#76538e;background:#f8f5fb;cursor:pointer;font:inherit;font-size:13px}.report-plan-result .yanshi-buju{max-width:950px;grid-template-columns:minmax(0,1fr)}.report-plan-result aside{display:none}.report-history-modal[hidden]{display:none}.report-history-modal{position:fixed;inset:0;z-index:100;background:#17213488;display:flex;align-items:center;justify-content:center;padding:20px}.report-history-dialog{width:min(520px,100%);max-height:80vh;overflow:auto;background:white;padding:24px;border-radius:15px}.report-history-head{display:flex;justify-content:space-between;align-items:center}.report-history-head button{border:0;background:#f1edf6;font-size:22px;border-radius:50%;width:35px;height:35px;cursor:pointer}.report-history-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;margin:10px 0;border:1px solid #e1d9e9;border-radius:9px;background:#faf8fc;cursor:pointer}.report-history-item span{font-size:12px}.report-history-empty{color:#85909d}.baogao-zhenshi .yanshi-yetou{position:sticky}.baogao-zhenshi .yanshi-buju aside{top:100px}.baogao-zhenshi{scroll-padding-top:100px}
@media(max-width:800px){.celebrities-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.renkou-tubiao{grid-template-columns:1fr}.renkou-tubiao>div{padding:14px}.renkou-tubiao strong{font-size:25px}.baogao-neibu-shuiyin span{font-size:16px}.baogao-zhenshi .yanshi-buju aside{position:static}.baogao-zhenshi .yanshi-yetou nav{flex-wrap:wrap;justify-content:flex-end;gap:8px}.baogao-zhenshi .yanshi-yetou .global-member-entry{font-size:12px;min-height:30px;padding:0 10px}}
@media print{.baogao-gongju,.report-member-actions,.report-history-modal,.yanshi-jiewei{display:none!important}.yanshi-shuiyin{grid-template-rows:repeat(4,1fr)}.yanshi-gailan,.yanshi-zhangjie{break-inside:auto}.baogao-neibu-shuiyin span{color:rgba(110,77,135,.18)}}

/* iOS 保持横竖屏字号一致，允许用户手动缩放；安全区仅补足页面边缘，不模拟浏览器工具栏。 */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-bottom:env(safe-area-inset-bottom,0px)}
.leixing>div{min-width:0}.leixing h2{white-space:nowrap}.leixing img{flex-shrink:0}
@media screen and (max-width:800px){
  /* 结果版没有目录，单独补回页头与报告之间的间距。 */
  .report-plan-result .yanshi-buju{padding-top:16px}
  .yanshi-yetou{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
  .yanshi-buju{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}
  .yanshi-gailan,.yanshi-zhangjie{padding:20px 16px}
  .yanshi-fubiaoti{margin:8px 0 18px}
  .leixing{display:grid;grid-template-columns:minmax(0,1fr) minmax(80px,30%);padding:18px 14px;margin-bottom:22px;gap:10px}
  .leixing img{width:100%;height:130px;max-width:115px;justify-self:center}
  .leixing h2{font-size:42px;letter-spacing:3px;margin:8px 0}
  .leixing strong{display:block;font-size:14px;line-height:1.6}
  /* 三列分别承载左右标签与比例，避免 Safari flex 收缩造成比例偏移或断行。 */
  .weidu>div:first-child{display:grid;grid-template-columns:1fr auto 1fr;gap:6px}
  .weidu>div:first-child>span:last-child{text-align:right}
  .weidu>div:first-child>span:first-of-type{white-space:nowrap}
  .baogao-zhenshi .yanshi-yetou{flex-wrap:wrap;height:auto;gap:8px}
  .baogao-zhenshi .yanshi-yetou nav{gap:10px;flex-wrap:nowrap}
  .baogao-zhenshi .yanshi-yetou .global-member-entry{min-height:36px;box-shadow:none}
  .baogao-gongju{margin:0 12px;padding:16px 12px}
  .report-history-dialog{max-height:80vh;max-height:80dvh}
  footer{padding-bottom:calc(25px + env(safe-area-inset-bottom,0px))}
}
@media screen and (max-width:350px){
  .leixing{grid-template-columns:1fr;text-align:center}
  .leixing img{width:100px;height:110px}
  .baogao-zhenshi .yanshi-yetou{min-height:94px}
}
