:root{--primary:#2470d8;--primary-dark:#173b73;--accent:#4d8ff2;--success:#1f9d57;--warning:#d9971a;--error:#dc4b4b;--bg:#f3f7fd;--card:#fff;--text:#14233d;--sub:#5d6b82;--border:#e0e8f4;--soft:#eaf1fe;--shadow:0 18px 45px rgba(20,45,90,.10);--shadow-soft:0 8px 24px rgba(20,45,90,.08)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f9fbfd 0%,var(--bg) 260px);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}main{min-height:calc(100vh - 150px)}h1,h2,h3,p{margin-top:0}.page-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.section-space{padding-block:72px}.eyebrow{display:block;color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:10px}.tag,.soon-badge,.verified,.step-chip{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.tag{background:var(--soft);color:var(--primary)}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);padding:10px 18px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--accent));border-color:transparent;color:#fff}.btn.success{background:var(--success);border-color:var(--success);color:#fff}.btn.subtle{background:var(--card)}.btn.full{width:100%}.btn.large{padding:14px 22px}.back-link{display:flex;gap:8px;align-items:center;color:var(--sub);font-size:14px;margin-bottom:36px} .app-header{height:72px;position:sticky;top:0;z-index:1000;display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1360px)/2));background:rgba(255,255,255,.86);border-bottom:1px solid rgba(223,231,239,.82);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(255,255,255,.75)}.brand{display:flex;align-items:center;gap:12px;min-width:255px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;font-size:19px;box-shadow:0 10px 20px rgba(45,110,240,.22)}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.02em}.brand small{font-size:10px;color:var(--sub);letter-spacing:.05em}.main-nav{height:100%;display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.main-nav a{height:42px;display:flex;align-items:center;gap:6px;position:relative;padding:0 14px;border-radius:999px;color:var(--sub);font-size:14px;font-weight:700;transition:.18s}.main-nav a.active,.main-nav a:hover{background:var(--soft);color:var(--primary)}.main-nav a.active:after{content:"";position:absolute;bottom:-15px;left:22px;right:22px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--primary),var(--accent))}.user-actions{min-width:255px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.icon-action{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--sub);font-size:17px}.icon-action:hover{background:var(--soft);color:var(--primary)}.user-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e2ecfb;color:var(--primary);font-weight:800}.user-name{font-size:13px;font-weight:700}.user-name i{margin-left:6px;font-size:10px}.app-footer{display:flex;justify-content:space-between;gap:20px;padding:28px max(24px,calc((100vw - 1180px)/2));color:var(--sub);border-top:1px solid var(--border);font-size:12px;margin-top:72px;background:rgba(255,255,255,.62)}.flash-stack{position:fixed;top:88px;right:24px;z-index:1200}.flash{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:8px;padding:12px 18px;box-shadow:var(--shadow)} .home-hero{background:linear-gradient(130deg,#f7faff 0%,#edf4ff 55%,#f8f9fa 100%);border-bottom:1px solid var(--border)}.hero-inner{min-height:360px;display:flex;align-items:center;justify-content:space-between;gap:80px}.hero-inner h1{font-size:42px;line-height:1.2;margin-bottom:14px}.hero-inner p{max-width:610px;color:var(--sub);font-size:17px;margin-bottom:28px}.hero-insight{width:280px;padding:28px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.9);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.hero-insight span,.hero-insight em,.hero-insight small{display:block;color:var(--sub);font-style:normal;font-size:12px}.hero-insight strong{display:block;font-size:52px;line-height:1.2;color:var(--primary)}.mini-progress{height:6px;background:#e7edf7;border-radius:9px;margin:18px 0 8px;overflow:hidden}.mini-progress i{display:block;width:54%;height:100%;background:var(--primary)}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px}.section-title h2,.page-head h1{font-size:30px;margin-bottom:6px}.section-title p,.page-head p{color:var(--sub);margin-bottom:0}.section-title>a{color:var(--primary);font-size:14px;font-weight:700}.module-grid,.assessment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.module-card,.assessment-card{position:relative;min-height:260px;padding:26px;background:var(--card);border:1px solid var(--border);border-radius:16px;transition:.22s}.module-card:hover,.assessment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cddcff}.module-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--accent) 12%,var(--card));color:var(--accent);font-size:22px}.module-card h3,.assessment-card h3{margin:24px 0 8px;font-size:19px}.module-card p,.assessment-card p{color:var(--sub);font-size:14px;min-height:48px}.module-card .btn{position:absolute;left:26px;bottom:26px}.module-card.coming{background:color-mix(in srgb,var(--bg) 78%,var(--card));border-style:dashed}.soon-badge{position:absolute;top:28px;right:24px;background:#fff7db;color:#9b7300}.trust-section{padding:30px 0;background:var(--card);border-block:1px solid var(--border)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.trust-grid div{display:grid;grid-template-columns:42px 1fr;column-gap:10px}.trust-grid i{grid-row:span 2;color:var(--primary);font-size:25px}.trust-grid strong{font-size:14px}.trust-grid span{color:var(--sub);font-size:12px} .page-head{padding-top:66px;padding-bottom:34px}.category-tabs{display:flex;gap:8px;overflow:auto;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:13px;margin-bottom:28px}.category-tabs a{white-space:nowrap;padding:9px 18px;border-radius:9px;color:var(--sub);font-size:13px;font-weight:700}.category-tabs a.active{background:var(--primary);color:#fff}.assessment-card{min-height:280px}.assessment-card-top{display:flex;align-items:center;justify-content:space-between}.verified{color:var(--success);background:#edf7f0}.assessment-meta{display:flex;gap:16px;color:var(--sub);font-size:12px;margin:22px 0}.assessment-meta span{display:flex;gap:5px}.empty-state{grid-column:1/-1;text-align:center;padding:70px 24px;background:var(--card);border:1px dashed var(--border);border-radius:16px}.empty-state>i{font-size:34px;color:var(--primary)} .start-layout{display:grid;grid-template-columns:1.35fr .85fr;gap:70px;padding-top:58px}.start-intro h1{font-size:38px;line-height:1.28;margin:18px 0 12px}.lead{font-size:16px;color:var(--sub);max-width:670px}.meta-strip{display:flex;gap:28px;margin:30px 0;padding:20px 0;border-block:1px solid var(--border)}.meta-strip span{display:flex;gap:7px;color:var(--sub);font-size:13px}.meta-strip i{color:var(--primary)}.meta-strip strong{color:var(--text)}.info-panel,.ai-note,.report-warning{display:flex;gap:14px;padding:18px;background:var(--soft);border-radius:13px}.info-panel>i,.ai-note>i,.report-warning>i{color:var(--primary);font-size:20px}.info-panel p,.ai-note p,.report-warning p{color:var(--sub);font-size:13px;margin:2px 0 0}.dimension-preview{margin-top:28px}.dimension-preview h3{font-size:14px}.dimension-preview div{display:flex;flex-wrap:wrap;gap:8px}.dimension-preview span{padding:7px 12px;background:var(--card);border:1px solid var(--border);border-radius:8px;font-size:12px}.form-card{align-self:start;padding:30px;background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.form-card-head h2{margin:12px 0 2px}.form-card-head p{color:var(--sub);font-size:12px;margin-bottom:24px}.form-card label{display:block;margin-bottom:17px;font-size:13px;font-weight:700}.form-card label em{color:var(--error);font-style:normal}.form-card input,.form-card select{width:100%;margin-top:7px;padding:12px;border:1px solid var(--border);border-radius:9px;background:var(--card);color:var(--text);outline:none}.form-card input:focus,.form-card select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(66,133,244,.13)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-card .consent{display:flex;gap:9px;align-items:flex-start;color:var(--sub);font-size:11px;font-weight:500}.form-card .consent input{width:auto;margin-top:3px} .assessment-progress{position:sticky;top:72px;z-index:50;background:var(--card);border-bottom:1px solid var(--border)}.assessment-progress .page-container{padding:14px 0}.assessment-progress .page-container>div:first-child{display:flex;justify-content:space-between;font-size:12px}.assessment-progress span{color:var(--sub)}.progress-track,.score-track{height:5px;margin-top:10px;background:var(--border);border-radius:8px;overflow:hidden}.progress-track i,.score-track i{display:block;height:100%;background:var(--primary);transition:.3s}.assessment-shell{width:min(800px,calc(100% - 40px));margin:40px auto}.assessment-note{color:var(--sub);font-size:12px;margin-bottom:20px}.assessment-note i{color:var(--primary);margin-right:6px}.question-step{display:none;min-height:410px;padding:48px;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}.question-step.active{display:block;animation:fadeUp .25s ease}.question-kicker{display:flex;justify-content:space-between;margin-bottom:25px}.question-kicker span{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.1em}.question-kicker em{color:var(--sub);font-size:12px;font-style:normal}.question-step h1{font-size:24px;line-height:1.55;margin-bottom:30px}.option-list{display:grid;gap:10px}.option-btn{width:100%;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:11px;transition:.16s}.option-btn:hover{border-color:var(--primary);background:var(--soft)}.option-radio{width:22px;height:22px;display:grid;place-items:center;border:2px solid #c7cbd1;border-radius:50%;color:transparent;flex:0 0 auto}.option-btn.selected{border-color:var(--primary);background:var(--soft);color:var(--primary);font-weight:700}.option-btn.selected .option-radio{background:var(--primary);border-color:var(--primary);color:#fff}.question-nav{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.question-nav span{color:var(--sub);font-size:12px}.final-submit{display:none;text-align:center;margin-top:20px;padding:30px;background:var(--card);border:1px solid var(--border);border-radius:16px}.final-submit.ready{display:block}.final-submit p{color:var(--sub);font-size:12px;margin:10px 0 0} .report-page{padding-top:48px}.report-cover{display:flex;align-items:center;justify-content:space-between;padding:48px;background:linear-gradient(125deg,#fff,#eef4ff);border:1px solid var(--border);border-radius:20px}.report-cover h1{font-size:34px;margin-bottom:8px}.report-cover p{color:var(--sub);margin:0}.report-status{display:flex;flex-direction:column;align-items:center;min-width:210px;padding:22px;border-radius:14px;background:var(--primary);color:#fff}.report-status i{font-size:27px}.report-status span{font-size:11px;opacity:.8}.report-warning{margin-top:18px;background:#fff8e2}.report-warning>i{color:#c18b00}.report-section{padding:52px 0;border-bottom:1px solid var(--border)}.section-heading{display:flex;gap:14px;margin-bottom:24px}.section-heading>span{color:var(--primary);font-weight:800}.section-heading h2{font-size:23px;margin-bottom:0}.section-heading p{color:var(--sub);font-size:12px;margin:0}.overview-card{display:flex;gap:16px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}.overview-card i{color:var(--primary);font-size:21px}.overview-card p{margin:0}.metric-grid{display:grid;gap:18px;margin-top:18px}.metric-grid.two{grid-template-columns:repeat(2,1fr)}.metric-grid.three{grid-template-columns:repeat(3,1fr)}.metric-card{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}.metric-card span,.metric-card em{display:block;color:var(--sub);font-size:12px;font-style:normal}.metric-card strong{display:block;font-size:35px;color:var(--primary)}.metric-card small{font-size:14px;color:var(--sub)}.support-message{margin-top:14px;padding:14px;border-radius:10px;background:var(--soft);color:var(--sub);font-size:13px}.support-message.risk{background:#fff0ef;color:var(--error)}.type-result{display:flex;gap:24px;align-items:center;margin-top:18px;padding:26px;background:var(--card);border:1px solid var(--border);border-radius:14px}.type-result>strong{min-width:100px;text-align:center;font-size:32px;color:var(--primary)}.type-result span,.value-result>span{color:var(--sub);font-size:12px}.type-result h3{margin:2px 0}.type-result p,.value-result p{color:var(--sub);font-size:13px;margin:0}.value-result{margin-top:18px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}.value-result div{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.value-result strong{padding:7px 12px;background:var(--soft);color:var(--primary);border-radius:8px;font-size:13px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-grid.compact{grid-template-columns:1fr 1fr}.chart-card{height:370px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:14px}.chart-card h3{font-size:14px;margin-bottom:3px}.chart-card p{margin:0;color:var(--sub);font-size:11px}.chart-card canvas{max-height:295px;margin-top:8px}.dimension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px}.dimension-card{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:13px}.dimension-card>div:first-child{display:flex;justify-content:space-between}.dimension-card h3{font-size:14px}.dimension-card strong{font-size:20px;color:var(--primary)}.dimension-card small{font-size:11px}.dimension-card p{color:var(--sub);font-size:12px;margin:12px 0 0}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.action-grid article{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:14px}.action-grid span{color:var(--primary);font-size:11px;font-weight:800}.action-grid h3{font-size:15px;margin:8px 0}.action-grid p{color:var(--sub);font-size:12px;margin:0}.ai-note{margin-top:18px}.report-actions{display:flex;justify-content:center;gap:10px;padding-top:32px} .report-list{display:grid;gap:12px}.report-row{display:flex;align-items:center;gap:18px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:13px}.report-row:hover{border-color:var(--primary);box-shadow:var(--shadow)}.report-row-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:11px;background:var(--soft);color:var(--primary);font-size:20px}.report-row div{flex:1}.report-row div span,.report-row div p{color:var(--sub);font-size:11px;margin:0}.report-row h3{font-size:15px;margin:2px 0}.report-row em{color:var(--primary);font-size:12px;font-style:normal;font-weight:700}.growth-layout{display:grid;grid-template-columns:280px 1fr;gap:44px}.growth-summary{height:max-content;padding:28px;background:var(--primary);border-radius:16px;color:#fff}.growth-summary span,.growth-summary p,.growth-summary small{display:block;opacity:.78;font-size:12px}.growth-summary strong{display:block;font-size:52px}.growth-summary div{height:5px;background:rgba(255,255,255,.25);margin:20px 0}.growth-summary div i{display:block;width:55%;height:100%;background:#fff}.timeline article{position:relative;display:grid;grid-template-columns:105px 16px 1fr;gap:16px;padding-bottom:28px}.timeline time{color:var(--sub);font-size:12px;text-align:right}.timeline article>i{width:10px;height:10px;margin-top:5px;background:var(--primary);border:3px solid #dce8ff;border-radius:50%}.timeline article>i:after{content:"";display:block;width:1px;height:120px;margin:10px 0 0 1px;background:var(--border)}.timeline article>div{padding:18px;background:var(--card);border:1px solid var(--border);border-radius:12px}.timeline span,.timeline p,.timeline a{font-size:12px}.timeline span,.timeline p{color:var(--sub)}.timeline h3{font-size:15px;margin:4px 0}.timeline a{color:var(--primary);font-weight:700}.analytics-panel{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding:35px;background:var(--card);border:1px solid var(--border);border-radius:16px}.analytics-panel div{max-width:700px}.analytics-panel h2{margin-bottom:8px}.analytics-panel p{color:var(--sub);font-size:13px}.analytics-panel>i{font-size:58px;color:var(--primary)}.scale-overview{margin-top:24px;padding:28px;background:var(--card);border:1px solid var(--border);border-radius:16px}.scale-overview h2{font-size:18px}.scale-overview>div{display:grid;grid-template-columns:110px 1fr 170px 14px;gap:10px;padding:13px 0;border-top:1px solid var(--border);font-size:12px}.scale-overview>div span,.scale-overview>div em{color:var(--sub);font-style:normal}.scale-overview>div i{width:9px;height:9px;margin-top:5px;background:#ccd0d5;border-radius:50%}.scale-overview>div i.on{background:var(--success)} .coming-page{min-height:560px;display:grid;place-items:center;text-align:center}.coming-page>div{max-width:610px}.coming-page i{font-size:50px;color:var(--primary)}.coming-page p{color:var(--sub)} /* old admin compatibility */.container{width:min(1180px,calc(100% - 40px));margin:auto}.card{background:var(--card);border:1px solid var(--border);border-radius:14px}.card-body{padding:24px}.row{display:flex;flex-wrap:wrap;gap:18px}.col,.col-md-3,.col-md-4,.col-md-6,.col-lg-3{flex:1}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--border);text-align:left}.text-muted{color:var(--sub)}.text-primary{color:var(--primary)}.fw-bold,.fw-semibold{font-weight:700}.badge{padding:4px 8px;border-radius:999px;background:var(--soft);font-size:11px}.py-4,.py-5{padding-block:30px}.mb-4{margin-bottom:24px}.mb-3{margin-bottom:16px}.mt-4{margin-top:24px} [data-theme=dark]{--bg:#17191c;--card:#202124;--text:#f1f3f4;--sub:#a9adb2;--border:#35383d;--soft:#263754;--shadow:0 12px 36px rgba(0,0,0,.25)}[data-theme=dark] .home-hero,[data-theme=dark] .report-cover{background:linear-gradient(130deg,#202124,#1d2a40)}[data-theme=dark] .hero-insight{background:rgba(32,33,36,.75)} @keyframes fadeUp{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}} @media(max-width:1100px){.brand,.user-actions{min-width:0}.brand{flex:0 1 auto;min-width:160px}.user-actions{min-width:auto;flex:0 0 auto}.main-nav{justify-content:flex-start;overflow-x:auto;gap:4px;padding:0 2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main-nav::-webkit-scrollbar{display:none}.main-nav a{flex:0 0 auto;padding:0 11px;font-size:13px;white-space:nowrap}.app-header{justify-content:space-between;gap:8px;padding-inline:16px}} @media(max-width:1000px){.module-grid,.assessment-grid{grid-template-columns:repeat(2,1fr)}.start-layout{grid-template-columns:1fr;gap:30px}.form-card{max-width:650px}.chart-grid{grid-template-columns:1fr}.growth-layout{grid-template-columns:1fr}.growth-summary{max-width:400px}} @media(max-width:650px){.page-container{width:min(100% - 28px,1180px)}.user-name,.user-actions a{display:none}.brand small{display:none}.app-header{height:64px;padding-inline:14px}.hero-inner{min-height:auto;padding:50px 0;display:block}.hero-inner h1{font-size:31px}.hero-insight{display:none}.section-space{padding-block:48px}.module-grid,.assessment-grid,.trust-grid,.metric-grid.two,.metric-grid.three,.dimension-grid,.action-grid{grid-template-columns:1fr}.section-title{display:block}.section-title>a{display:inline-block;margin-top:12px}.meta-strip{flex-wrap:wrap;gap:12px}.form-row{grid-template-columns:1fr}.assessment-progress{top:64px}.question-step{min-height:430px;padding:28px 22px}.question-step h1{font-size:20px}.question-nav span{display:none}.report-page{padding-top:20px}.report-cover{display:block;padding:28px}.report-status{margin-top:20px}.type-result{display:block}.chart-card{height:320px}.app-footer{display:block;padding-inline:20px}.app-footer span{display:block;margin-bottom:5px}.scale-overview>div{grid-template-columns:1fr 12px}.scale-overview>div span,.scale-overview>div em{display:none}} @media print{.app-header,.app-footer,.no-print{display:none!important}body{background:#fff;color:#202124}.report-page{width:100%;padding:0}.report-cover,.report-section{break-inside:avoid}.chart-card,.dimension-card,.action-grid article{break-inside:avoid;box-shadow:none}.report-cover{border-radius:0}} .pdf-report-preview{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif} body:has(.pdf-report-preview){background:#e5e5e5} .pdf-report-preview .report-cover, .pdf-report-preview .report-section, .pdf-report-preview .empty-state{ background:#fff; border:1px solid #dfe4ec; border-radius:0; box-shadow:0 10px 30px rgba(15,23,42,.12); margin:0 auto 22px; padding:28px; } .pdf-report-preview .report-cover{margin-top:28px} .pdf-report-preview .report-section{border-bottom:1px solid #dfe4ec} .pdf-report-preview .pdf-page-section{break-inside:avoid;page-break-inside:avoid} .pdf-avoid-break,.a4-page.pdf-avoid-break{break-inside:avoid;page-break-inside:avoid} .pdf-exporting .no-print, .pdf-exporting .app-header, .pdf-exporting .app-footer, .pdf-exporting .upload-area, .pdf-exporting .upload-section, .pdf-exporting .file-upload, .pdf-exporting [data-upload], .pdf-exporting [data-pdf-export]{ display:none!important; } .pdf-exporting{background:#fff!important} .pdf-exporting .a4-report{ width:210mm!important; margin:0!important; padding:0!important; background:#fff!important; } .pdf-exporting .a4-report>.sample-banner, .pdf-exporting .a4-report>.report-actions, .pdf-exporting .a4-report>.er-toolbar{ display:none!important; } .pdf-exporting .a4-page{ width:210mm!important; height:297mm!important; min-height:297mm!important; max-height:297mm!important; margin:0!important; box-shadow:none!important; border-radius:0!important; overflow:hidden!important; break-after:auto!important; page-break-after:auto!important; } @media print{ @page{size:A4;margin:15mm 20mm} body{background:#fff!important;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#202124} .app-header,.app-footer,.no-print,.upload-area,.upload-section,.file-upload,[data-upload],[data-pdf-export]{display:none!important} .pdf-report-preview{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important} .pdf-report-preview .report-cover, .pdf-report-preview .report-section, .pdf-report-preview .empty-state{ margin:0!important; padding:0!important; border:0!important; box-shadow:none!important; break-inside:avoid; page-break-inside:avoid; } .pdf-report-preview .pdf-page-section{ break-after:page; page-break-after:always; } .pdf-report-preview .pdf-page-section:last-of-type{ break-after:auto; page-break-after:auto; } } .question-nav{display:grid;grid-template-columns:1fr auto 1fr}.question-nav button{justify-self:start} .profile-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.profile-tags span{padding:8px 12px;border-radius:999px;background:var(--soft);color:var(--primary);font-size:12px;font-weight:700}.trait-detail{margin-bottom:22px;padding:28px;background:var(--card);border:1px solid var(--border);border-radius:16px;break-inside:avoid}.trait-detail header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.trait-detail header span{color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.12em}.trait-detail header h2{margin:3px 0;font-size:23px}.trait-detail header p{color:var(--sub);font-size:12px;margin:0}.trait-score{display:grid;place-items:center;min-width:86px;height:86px;border:8px solid var(--soft);border-radius:50%}.trait-score strong{font-size:23px;color:var(--primary);line-height:1}.trait-score em{color:var(--sub);font-size:10px;font-style:normal}.trait-spectrum{display:grid;grid-template-columns:60px 1fr 60px;gap:10px;align-items:center;margin:24px 0;color:var(--sub);font-size:10px;text-align:center}.trait-spectrum div{height:8px;position:relative;background:linear-gradient(90deg,#d9e7fc,#4285f4);border-radius:8px}.trait-spectrum div i{display:block;height:100%;border-radius:8px}.trait-spectrum div b{position:absolute;top:-4px;width:4px;height:16px;background:var(--text);border-radius:3px;transform:translateX(-2px)}.trait-feature{padding:14px 16px;background:var(--soft);border-radius:10px}.trait-feature strong{font-size:12px}.trait-feature p{margin:3px 0 0;font-size:13px}.strength-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.strength-risk-grid>div{padding:18px;border:1px solid var(--border);border-radius:11px}.strength-risk-grid h3{font-size:13px}.strength-risk-grid p{position:relative;padding-left:13px;color:var(--sub);font-size:12px;margin:7px 0}.strength-risk-grid p:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:var(--primary);border-radius:50%}.strength-list h3{color:var(--success)}.risk-list h3{color:var(--warning)}.trait-advice{display:flex;gap:10px;margin-top:14px;padding:14px;background:#fff8e2;border-radius:10px}.trait-advice i{color:#b88400}.trait-advice strong{font-size:12px}.trait-advice p{margin:2px 0 0;color:var(--sub);font-size:12px}.derived-note{padding:13px 16px;margin-bottom:18px;background:#fff8e2;border-radius:10px;color:var(--sub);font-size:11px}.derived-note i{color:#b88400;margin-right:7px}.role-chart{display:grid;gap:10px;padding:22px;background:var(--card);border:1px solid var(--border);border-radius:14px}.role-chart>div,.mini-bars>div,.work-cycle>div{display:grid;grid-template-columns:90px 1fr 45px;gap:10px;align-items:center;font-size:11px}.role-chart i,.mini-bars i,.work-cycle i{display:block;height:7px;background:var(--border);border-radius:7px;overflow:hidden}.role-chart b,.mini-bars b,.work-cycle b{display:block;height:100%;background:var(--primary);border-radius:7px}.role-chart strong,.mini-bars strong,.work-cycle strong{text-align:right;color:var(--primary)}.primary-insight{margin-top:16px;padding:24px;background:linear-gradient(130deg,var(--primary),#6d9df0);border-radius:14px;color:#fff}.primary-insight>span{font-size:11px;opacity:.8}.primary-insight h2{margin:3px 0}.primary-insight p{font-size:13px}.primary-insight div{display:flex;gap:8px;flex-wrap:wrap}.primary-insight em{padding:6px 10px;background:rgba(255,255,255,.16);border-radius:7px;font-size:11px;font-style:normal}.primary-insight em i{margin-right:5px}.derived-grid,.eq-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.derived-grid>article,.eq-card,.work-cycle{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}.derived-grid article>span,.eq-card>span{color:var(--primary);font-size:11px;font-weight:800}.derived-grid h2{margin:4px 0}.derived-grid p,.eq-card p,.work-cycle p{color:var(--sub);font-size:12px}.derived-grid article>strong{font-size:11px}.mini-bars{display:grid;gap:9px;margin-top:18px}.mini-bars em{font-style:normal;color:var(--sub)}.eq-card>strong{display:block;margin:8px 0;font-size:48px;color:var(--primary)}.work-cycle h3{font-size:16px}.work-cycle{display:grid;gap:10px}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quality-grid article{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:13px}.quality-grid span,.quality-grid p{display:block;color:var(--sub);font-size:11px}.quality-grid strong{display:block;font-size:30px;color:var(--primary)}.quality-grid small{font-size:11px}.quality-grid p{margin:4px 0 0} @media(max-width:650px){.strength-risk-grid,.derived-grid,.eq-work-grid,.quality-grid{grid-template-columns:1fr}.trait-detail{padding:20px}.trait-detail header{display:block}.trait-score{margin-top:15px}.role-chart>div,.mini-bars>div,.work-cycle>div{grid-template-columns:75px 1fr 38px}} .assessment-grid{align-items:stretch;grid-auto-rows:1fr}.assessment-card{display:flex;flex-direction:column;height:100%;min-height:400px}.assessment-card-top{min-height:30px}.assessment-card h3{display:flex;align-items:flex-start;min-height:61px;margin:24px 0 10px;line-height:1.55}.assessment-card>p{display:-webkit-box;min-height:112px;max-height:112px;margin-bottom:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}.assessment-card .assessment-meta{min-height:20px;margin:20px 0}.assessment-card>.btn{height:48px;margin-top:auto;flex:0 0 48px;border-radius:11px} @media(max-width:650px){.assessment-grid{grid-auto-rows:auto}.assessment-card{min-height:360px}.assessment-card h3{min-height:auto}.assessment-card>p{min-height:auto;max-height:none;-webkit-line-clamp:unset}} .mental-quadrant{margin-top:18px;padding:25px;background:linear-gradient(130deg,#edf7f0,#eef4ff);border:1px solid var(--border);border-radius:14px}.mental-quadrant span{color:var(--success);font-size:11px;font-weight:800}.mental-quadrant h2{margin:4px 0;font-size:23px}.mental-quadrant p{margin:0;color:var(--sub);font-size:13px}.metric-card.positive strong{color:var(--success)} .module-card{display:flex;flex-direction:column;min-height:300px}.module-card .module-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.module-card .module-actions .btn{position:static;min-height:43px;padding:9px 10px;font-size:12px}.module-card.coming .module-actions{grid-template-columns:max-content}.assessment-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.assessment-actions .btn{height:48px;padding-inline:10px;font-size:12px}.assessment-card>.assessment-actions{flex:0 0 48px}.sample-banner{display:flex;gap:8px;align-items:center;margin-top:18px;padding:12px 16px;background:var(--soft);border-radius:10px;color:var(--sub);font-size:12px}.sample-banner i{color:var(--primary)}.sample-score-list{display:grid;gap:12px;margin-top:18px;padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}.sample-score-list>div{display:grid;grid-template-columns:110px 1fr 40px;gap:12px;align-items:center;font-size:12px}.sample-score-list i{height:8px;background:var(--border);border-radius:8px;overflow:hidden}.sample-score-list b{display:block;height:100%;background:var(--primary);border-radius:8px}.sample-score-list strong{color:var(--primary);text-align:right} @media(max-width:650px){.module-card{min-height:320px}.module-card .module-actions{grid-template-columns:1fr}.assessment-actions{grid-template-columns:1fr 1fr}.sample-score-list>div{grid-template-columns:80px 1fr 35px}} .report-framework{padding-top:30px}.framework-lead{max-width:720px;margin-bottom:20px}.framework-lead span,.combination-card span,.advice-columns article>span,.direction-panel>span{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.08em}.framework-lead h2{margin:4px 0}.framework-lead p{color:var(--sub);font-size:13px}.framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.framework-grid article{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:13px}.framework-grid i{display:block;margin-bottom:18px;color:var(--primary);font-size:21px}.framework-grid span{font-size:12px;font-weight:800}.framework-grid p{margin:6px 0 0;color:var(--sub);font-size:11px}.combination-card{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:center;margin-bottom:18px;padding:24px;background:linear-gradient(130deg,var(--soft),var(--card));border:1px solid var(--border);border-radius:14px}.combination-card strong{display:block;margin-top:4px;color:var(--primary);font-size:25px}.combination-card p{margin:0;color:var(--sub);font-size:13px}.professional-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.professional-profile-grid.three{grid-template-columns:repeat(3,1fr)}.professional-profile-grid article{padding:20px;background:var(--card);border:1px solid var(--border);border-radius:13px}.professional-profile-grid article.featured{border-top:3px solid var(--primary)}.professional-profile-grid header{display:flex;align-items:start;justify-content:space-between;gap:12px}.professional-profile-grid header span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.12em}.professional-profile-grid h3{margin:3px 0;font-size:17px}.professional-profile-grid header>strong{color:var(--primary);font-size:25px}.professional-profile-grid p{color:var(--sub);font-size:11px}.professional-profile-grid h4{margin:16px 0 7px;font-size:11px}.professional-profile-grid em{position:relative;display:block;margin:5px 0;padding-left:12px;color:var(--sub);font-size:11px;font-style:normal}.professional-profile-grid em:before{content:"";position:absolute;left:0;top:7px;width:4px;height:4px;background:var(--primary);border-radius:50%}.advice-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.advice-columns.single{grid-template-columns:1fr}.advice-columns article{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:13px}.advice-columns p{display:flex;gap:8px;margin:10px 0;color:var(--sub);font-size:12px}.advice-columns p i{color:var(--primary)}.advice-columns .positive-panel{background:#f1f8f3}.advice-columns .positive-panel>span,.advice-columns .positive-panel i{color:var(--success)}.advice-columns .attention-panel{background:#fff8e2}.advice-columns .attention-panel>span,.advice-columns .attention-panel i{color:#a87800}.direction-panel{margin-top:16px;padding:22px;background:var(--card);border:1px solid var(--border);border-radius:13px}.direction-panel p{display:inline-block;margin:10px 8px 8px 0;padding:7px 10px;background:var(--soft);border-radius:7px;color:var(--primary);font-size:11px}.direction-panel small{display:block;color:var(--sub)} @media(max-width:1000px){.framework-grid{grid-template-columns:repeat(2,1fr)}.professional-profile-grid.three{grid-template-columns:1fr}} @media(max-width:650px){.framework-grid,.professional-profile-grid,.professional-profile-grid.three,.advice-columns{grid-template-columns:1fr}.combination-card{grid-template-columns:1fr}.framework-grid article,.professional-profile-grid article,.advice-columns article{padding:17px}} .two-level-note{display:flex;gap:12px;margin-bottom:22px;padding:16px 18px;background:var(--soft);border-radius:12px}.two-level-note>i{color:var(--primary);font-size:20px}.two-level-note strong{font-size:13px}.two-level-note p{margin:2px 0 0;color:var(--sub);font-size:11px}.module-report-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:30px}.module-report-links>a{display:flex;align-items:center;gap:13px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:13px}.module-report-links>a:hover{border-color:var(--primary);box-shadow:var(--shadow)}.module-report-links>a>i{font-size:24px;color:var(--primary)}.module-report-links div{flex:1}.module-report-links span,.module-report-links p{display:block;margin:0;color:var(--sub);font-size:10px}.module-report-links h3{margin:2px 0;font-size:14px}.module-report-links em{color:var(--primary);font-size:11px;font-style:normal;font-weight:700}.report-list-spaced{margin-top:12px}.module-progress{display:flex;align-items:center;gap:14px}.module-progress i{display:block;flex:1;height:10px;background:var(--border);border-radius:10px;overflow:hidden}.module-progress b{display:block;height:100%;background:var(--primary)}.module-progress strong{color:var(--primary)}.completion-grid{display:grid;gap:10px;margin-top:18px}.completion-grid article{display:flex;align-items:center;gap:13px;padding:16px;background:var(--card);border:1px solid var(--border);border-radius:11px}.completion-grid article>i{color:#aab0b7;font-size:19px}.completion-grid article.done>i{color:var(--success)}.completion-grid div{flex:1}.completion-grid h3{margin:0;font-size:13px}.completion-grid p{margin:2px 0 0;color:var(--sub);font-size:10px}.completion-grid a{color:var(--primary);font-size:11px;font-weight:700}.module-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.module-summary-grid>article{padding:24px;background:var(--card);border:1px solid var(--border);border-radius:14px}.module-summary-grid header{display:flex;justify-content:space-between;gap:12px}.module-summary-grid header span,.module-summary-grid header a{color:var(--primary);font-size:10px;font-weight:700}.module-summary-grid h2{margin:10px 0 7px;font-size:17px}.module-summary-grid>article>p{color:var(--sub);font-size:11px}.module-metrics{display:grid;gap:7px;margin-top:14px}.module-metrics span{display:grid;grid-template-columns:1fr auto auto;gap:9px;padding:9px;background:var(--soft);border-radius:8px}.module-metrics em,.module-metrics small{color:var(--sub);font-size:10px;font-style:normal}.module-metrics strong{font-size:11px}.module-highlight{padding:14px;background:var(--soft);border-radius:9px}.module-highlight span{display:block;color:var(--sub);font-size:10px}.module-highlight strong{color:var(--primary);font-size:16px}.scl-overview{margin-top:14px} @media(max-width:850px){.module-report-links{grid-template-columns:1fr}.module-summary-grid{grid-template-columns:1fr}} @media(max-width:650px){.module-metrics span{grid-template-columns:1fr}.report-actions{flex-wrap:wrap}} .comprehensive-hero{padding:28px;background:linear-gradient(130deg,#173b73,#4285f4);border-radius:16px;color:#fff}.comprehensive-hero span{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.75}.comprehensive-hero h2{margin:5px 0;font-size:25px}.comprehensive-hero p{max-width:900px;margin:0;font-size:13px;opacity:.9}.comprehensive-quality{margin-top:16px}.evidence-list{display:grid;gap:10px;margin-bottom:18px}.evidence-list article{display:flex;gap:16px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:12px}.evidence-list article>span{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--soft);color:var(--primary);font-size:10px;font-weight:800}.evidence-list h3{margin:0 0 4px;font-size:13px}.evidence-list p{margin:0;color:var(--sub);font-size:11px}.comprehensive-insights{margin-top:0}.interview-question-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.interview-question-list article{display:flex;gap:12px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:12px}.interview-question-list span{color:var(--primary);font-size:11px;font-weight:800}.interview-question-list p{margin:0;font-size:12px} @media(max-width:650px){.interview-question-list{grid-template-columns:1fr}.comprehensive-hero{padding:22px}.comprehensive-hero h2{font-size:21px}} .highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.highlight-grid article{padding:18px;background:var(--card);border:1px solid var(--border);border-radius:13px;border-top:3px solid var(--primary)}.highlight-grid span{display:block;color:var(--sub);font-size:10px;font-weight:700;letter-spacing:.04em}.highlight-grid strong{display:block;margin:6px 0 2px;font-size:18px;color:var(--text);line-height:1.25}.highlight-grid em{display:block;color:var(--primary);font-size:11px;font-style:normal;font-weight:700} .module-charts{display:grid;grid-template-columns:1fr;gap:24px}.m-chart-card{padding:28px;background:var(--card);border:1px solid var(--border);border-radius:14px;break-inside:avoid}.m-chart-card header h3{margin:0;font-size:18px;color:#173b73}.m-chart-card header p{margin:5px 0 0;color:var(--sub);font-size:11px}.m-chart-canvas{position:relative;height:360px;margin-top:18px}.chart-analysis{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.chart-analysis>div{padding:17px 18px;background:#f8fafc;border-left:3px solid #2376d9}.chart-analysis-main{grid-row:span 2}.chart-analysis-main span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.12em}.chart-analysis h4{margin:4px 0 7px;font-size:12px}.chart-analysis p,.chart-analysis li{margin:0;color:var(--sub);font-size:11px;line-height:1.75}.chart-findings ul{margin:0;padding-left:16px}.chart-advice{border-left-color:#4d8ff2!important;background:#f2f7ff!important} .dimension-table{display:grid;gap:18px;margin-top:20px}.dt-group{padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:13px;break-inside:avoid}.dt-group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.dt-group-head span{font-size:14px;font-weight:800}.dt-group-head strong{color:var(--primary);font-size:16px}.dt-row{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:12px;margin:9px 0;font-size:12px}.dt-row .dt-desc{grid-column:2/4;color:var(--sub);font-size:10px;font-style:normal;margin-top:-3px}.dt-name{font-weight:600}.dt-track{display:block;height:8px;background:var(--border);border-radius:8px;overflow:hidden}.dt-track b{display:block;height:100%;background:var(--primary);border-radius:8px}.dt-score{text-align:right;font-weight:800;color:var(--primary)}.dt-row.tone-good .dt-track b,.dt-row.tone-good .dt-score{background:none;color:var(--success)}.dt-row.tone-good .dt-track b{background:var(--success)}.dt-row.tone-watch .dt-track b{background:var(--error)}.dt-row.tone-watch .dt-score{color:var(--error)} .analysis-list{display:grid;gap:12px}.analysis-list article{padding:20px 22px;background:var(--card);border:1px solid var(--border);border-radius:13px;border-left:3px solid var(--primary);break-inside:avoid}.analysis-list h3{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:14px}.analysis-list h3 i{color:var(--primary);font-size:13px}.analysis-list p{margin:0;color:var(--sub);font-size:12.5px;line-height:1.75} @media(max-width:850px){.highlight-grid{grid-template-columns:repeat(2,1fr)}.module-charts{grid-template-columns:1fr}} @media(max-width:650px){.highlight-grid{grid-template-columns:1fr}.dt-row{grid-template-columns:90px 1fr 36px}} /* Report standard V1: professional consulting-report reading experience */ .report-page{width:min(1040px,calc(100% - 40px));padding:34px 38px 0;background:#fff;border-inline:1px solid var(--border)} .report-cover{position:relative;min-height:300px;padding:52px 54px;background:#f7fbff;border:0;border-radius:0;overflow:hidden} .report-cover:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(#2376d9,#18aaa1)} .report-cover:after{content:"";position:absolute;right:-100px;bottom:-155px;width:390px;height:390px;border:58px solid rgba(35,118,217,.08);border-radius:50%} .report-cover>div{position:relative;z-index:1}.report-cover h1{max-width:680px;color:#173b73;font-size:36px;line-height:1.25}.report-status{min-width:190px;padding:20px;background:#2376d9;border-radius:2px}.report-warning,.info-panel,.ai-note{border-radius:2px;border-left:3px solid #d89a20} .report-section{padding:38px 0}.section-heading{align-items:flex-start;margin-bottom:20px;padding-bottom:11px;border-bottom:1px solid #d8e0ec} .section-heading>span{display:grid;place-items:center;min-width:30px;height:22px;background:#2376d9;color:#fff;font-size:10px} .section-heading h2{color:#173b73;font-size:20px}.section-heading p{margin-top:2px} .overview-card,.metric-card,.type-result,.value-result,.chart-card,.dimension-card,.action-grid article,.framework-grid article,.professional-profile-grid article,.advice-columns article,.direction-panel,.role-chart,.derived-grid>article,.eq-card,.work-cycle,.quality-grid article,.module-summary-grid>article,.completion-grid article,.evidence-list article,.interview-question-list article,.highlight-grid article,.m-chart-card,.dt-group,.analysis-list article{border-radius:2px;box-shadow:none} .overview-card,.comprehensive-hero{border-left:4px solid #2376d9}.comprehensive-hero{background:#173b73;border-radius:2px} .chart-card{height:355px}.trait-detail{border-radius:2px;border-top:3px solid #2376d9;box-shadow:none}.trait-score{border-radius:50%} .trait-spectrum div,.role-chart i,.mini-bars i,.work-cycle i,.dt-track{border-radius:0}.trait-spectrum div i,.role-chart b,.mini-bars b,.work-cycle b,.dt-track b{border-radius:0} .primary-insight{background:#173b73;border-radius:2px}.sample-banner,.derived-note,.module-highlight,.two-level-note{border-radius:2px} @media(max-width:650px){.report-page{width:100%;padding:20px 18px 0;border:0}.report-cover{padding:34px 28px}.report-cover h1{font-size:28px}} .mental-detail-heading{margin-top:32px}.mental-profile{border-top-color:#4d8ff2}.mental-profile .strength-list h3{color:#2376d9}.mental-profile .risk-list h3{color:#d89a20} .mental-profile-viz{margin:22px 0 26px}.mpv-panel{padding:22px 24px 18px;background:linear-gradient(165deg,#f3f8ff 0%,#fff 55%);border:1px solid #cfe0f5;border-radius:14px;box-shadow:0 10px 28px rgba(23,59,115,.07)}.mpv-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;margin-bottom:18px;background:linear-gradient(135deg,#173b73,#2376d9);color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;border-radius:6px;box-shadow:0 4px 12px rgba(35,118,217,.25)}.mpv-badge i{font-size:13px}.mpv-charts{display:grid;grid-template-columns:minmax(130px,158px) minmax(0,1fr);gap:18px 24px;align-items:center}.mpv-ring-box{display:flex;justify-content:center;padding:6px;background:#fff;border:1px solid #e3edf8;border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.mpv-bar-box{padding:10px 12px 6px;background:#fff;border:1px solid #e3edf8;border-radius:12px}.mpv-bar-box canvas{display:block;width:100%!important}.mpv-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;border-top:1px dashed #d5e3f3;font-size:10px;color:var(--sub)}.mpv-foot strong{padding:4px 10px;background:#fff;border:1px solid #cfe0f5;border-radius:999px;color:#173b73;font-size:11px;white-space:nowrap}@media(max-width:650px){.mpv-charts{grid-template-columns:1fr}.mpv-foot{flex-direction:column;align-items:flex-start}} .mental-section-charts{margin:22px 0 26px;padding:20px 22px;background:linear-gradient(180deg,#f8fbff,#fff);border:1px solid #d8e6f4;border-radius:14px;box-shadow:0 8px 22px rgba(23,59,115,.05)}.mental-section-charts-head{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;padding:6px 12px;background:#eef4fc;border:1px solid #cfe0f5;border-radius:6px;color:#173b73;font-size:11px;font-weight:800;letter-spacing:.06em}.mental-section-charts-head i{color:#2376d9}.mental-section-chart-grid .uk-chart-card{background:#fff;border-color:#dbe7f5} .single-report-charts{grid-template-columns:1fr!important;gap:28px}.single-report-charts .chart-card{height:auto;min-width:0;padding:30px;overflow:hidden}.single-report-charts .chart-card h3{color:#173b73;font-size:20px}.single-report-charts .chart-card>p{font-size:14px}.single-chart-canvas{position:relative;width:100%;height:430px;margin-top:15px;overflow:hidden}.single-chart-canvas.polar-canvas{height:460px}.single-chart-canvas canvas{display:block;max-width:100%!important;max-height:100%!important}.single-chart-analysis{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.single-chart-analysis>div{padding:20px;background:#f8fafc;border-left:4px solid #2376d9}.single-chart-interpretation{grid-row:span 2}.single-chart-interpretation>span{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.12em}.single-chart-analysis h4{margin:5px 0 10px;font-size:15px;color:#173b73}.single-chart-analysis p{margin:7px 0;color:#4f5968;font-size:14px;line-height:1.85}.single-chart-findings p{display:flex;gap:8px}.single-chart-findings i{color:var(--success)}.single-chart-advice{background:#f2f7ff!important;border-left-color:#4d8ff2!important}.single-report-charts+.dimension-grid{grid-template-columns:1fr;gap:16px;margin-top:26px}.single-report-charts+.dimension-grid .dimension-card{padding:25px}.single-report-charts+.dimension-grid .dimension-card h3{font-size:17px}.single-report-charts+.dimension-grid .dimension-card strong{font-size:25px}.single-report-charts+.dimension-grid .dimension-card p{font-size:14px;line-height:1.8}.report-page .overview-card p,.report-page .trait-feature p,.report-page .strength-risk-grid p,.report-page .trait-advice p,.report-page .derived-grid p,.report-page .eq-card p,.report-page .work-cycle p,.report-page .advice-columns p,.report-page .direction-panel small,.report-page .action-grid p{font-size:14px;line-height:1.8}.report-page .trait-detail header p{font-size:14px;line-height:1.75}.report-page .derived-note,.report-page .report-warning p{font-size:13px;line-height:1.75} .mental-summary-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.mental-summary-layout.single{grid-template-columns:1fr}.mental-status-card,.mental-resource-card{padding:28px;border:1px solid var(--border);background:var(--card)}.mental-status-card{border-left:5px solid #2376d9;background:linear-gradient(135deg,#f3f8ff,#fff)}.mental-status-card>span,.mental-resource-card>span{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.08em}.mental-status-card h2{margin:8px 0;color:#173b73;font-size:25px}.mental-status-card p,.mental-resource-card p{color:var(--sub);font-size:12px}.mental-status-card div{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding-top:15px;border-top:1px solid var(--border)}.mental-status-card em{color:var(--sub);font-size:11px;font-style:normal}.mental-status-card strong{color:var(--primary)}.mental-resource-card{border-top:4px solid var(--success)}.mental-resource-card div{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.mental-resource-card em{padding:6px 9px;background:var(--soft);color:var(--sub);font-size:10px;font-style:normal}.risk-theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.risk-theme-grid article{padding:17px;border:1px solid var(--border);background:var(--card)}.risk-theme-grid header{display:flex;justify-content:space-between;gap:8px}.risk-theme-grid span{font-size:12px;font-weight:800}.risk-theme-grid strong{color:var(--primary)}.risk-theme-grid i{display:block;height:5px;margin:11px 0;background:var(--border)}.risk-theme-grid b{display:block;height:100%;background:var(--primary)}.risk-theme-grid .tone-good b{background:var(--success)}.risk-theme-grid .tone-watch b{background:var(--error)}.risk-theme-grid p{margin:0;color:var(--sub);font-size:10px}.m-chart-card.polar,.m-chart-card.doughnut{background:#fbfdff}.mental-factor-grid{display:grid;grid-template-columns:1fr;gap:18px}.mental-factor-card{padding:26px;border:1px solid var(--border);border-top:3px solid #4d8ff2;background:var(--card)}.mental-factor-card header{display:flex;justify-content:space-between;gap:12px}.mental-factor-card header span{color:var(--primary);font-size:9px;font-weight:800;letter-spacing:.1em}.mental-factor-card h3{margin:3px 0;font-size:17px}.mental-factor-card header>strong{color:#173b73;font-size:24px;text-align:right}.mental-factor-card header small{display:block;color:var(--sub);font-size:9px}.factor-definition{color:var(--sub);font-size:11px}.factor-spectrum{display:grid;grid-template-columns:1fr 34px;gap:9px;align-items:center}.factor-spectrum i{height:8px;background:linear-gradient(90deg,#cbeedc,#ffe6a3,#f5b9b4)}.factor-spectrum b{display:block;height:100%;background:#173b73;opacity:.75}.factor-spectrum em{color:#173b73;font-size:11px;font-style:normal;font-weight:800}.factor-copy{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}.factor-copy h4{margin:0 0 7px;font-size:11px}.factor-copy p{margin:5px 0;color:var(--sub);font-size:10px}.support-path{display:grid;grid-template-columns:1fr;gap:12px}.support-path article{display:flex;gap:16px;padding:20px;border:1px solid var(--border);background:var(--card)}.support-path article>span{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;background:#173b73;color:#fff;font-size:9px;font-weight:800}.support-path h3{margin:0 0 3px;font-size:13px}.support-path em{color:var(--primary);font-size:9px;font-style:normal;font-weight:700}.support-path p{margin:8px 0 0;color:var(--sub);font-size:10px}.quality-detail-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.quality-detail-grid article{padding:18px;border:1px solid var(--border);background:#f8fafc}.quality-detail-grid span{color:var(--primary);font-size:9px;font-weight:800}.quality-detail-grid h3{margin:5px 0;font-size:12px}.quality-detail-grid p{margin:0;color:var(--sub);font-size:10px} @media(max-width:850px){.mental-summary-layout,.chart-analysis,.single-chart-analysis{grid-template-columns:1fr}.chart-analysis-main,.single-chart-interpretation{grid-row:auto}.risk-theme-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.risk-theme-grid,.factor-copy{grid-template-columns:1fr}.m-chart-card,.single-report-charts .chart-card{padding:20px}.m-chart-canvas{height:300px}.single-chart-canvas,.single-chart-canvas.polar-canvas{height:330px}.single-chart-analysis p{font-size:13px}} /* ── Mental Detail Deep Analysis Styles ── */ .mental-overview-text{padding:22px 24px;background:#f7fbff;border-left:4px solid #2376d9;margin:14px 0;border-radius:2px}.mental-overview-text p{margin:0;color:#2d3a52;font-size:14px;line-height:1.85} .mental-risk-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-radius:2px;margin-bottom:16px;border-left:5px solid #ccc}.mental-risk-banner.mental-risk-normal{border-left-color:#22c55e;background:#f0fdf4}.mental-risk-banner.mental-risk-mild{border-left-color:#f59e0b;background:#fffbeb}.mental-risk-banner.mental-risk-moderate{border-left-color:#ef6820;background:#fff7ed}.mental-risk-banner.mental-risk-high,.mental-risk-banner.mental-risk-urgent{border-left-color:#ef4444;background:#fef2f2}.mental-risk-badge{padding:6px 12px;border-radius:4px;background:currentColor;white-space:nowrap}.mental-risk-banner.mental-risk-normal .mental-risk-badge{background:#22c55e;color:#fff}.mental-risk-banner.mental-risk-mild .mental-risk-badge{background:#f59e0b;color:#fff}.mental-risk-banner.mental-risk-moderate .mental-risk-badge{background:#ef6820;color:#fff}.mental-risk-banner.mental-risk-high .mental-risk-badge,.mental-risk-banner.mental-risk-urgent .mental-risk-badge{background:#ef4444;color:#fff}.mental-risk-badge strong{color:#fff;font-size:12px;font-weight:800}.mental-risk-banner p{margin:0;font-size:13px;line-height:1.75;color:#374151;padding-top:5px} .mental-priority{border-top-color:#ef4444!important}.mental-interpretation{margin:12px 0 8px;font-size:13.5px;line-height:1.8;color:#374151}.mental-behavior-hints{margin-top:14px;padding:16px 18px;background:#f8fafc;border-left:3px solid #4d8ff2}.mental-behavior-hints h3{margin:0 0 10px;font-size:11px;font-weight:800;color:#4d8ff2;letter-spacing:.06em}.mental-behavior-hints p{margin:5px 0;font-size:12px;color:#4f5968;line-height:1.7} .mental-strengths-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.mental-strength-card{padding:20px 22px;background:var(--card);border:1px solid var(--border);border-top:3px solid #22c55e;border-radius:2px}.mental-strength-card h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:13px;color:#15803d}.mental-strength-card h3 i{color:#22c55e}.mental-strength-card p{margin:0;font-size:12px;color:#4f5968;line-height:1.75} .mental-alert{padding:18px 20px;margin-bottom:12px;border-radius:2px;border-left:5px solid #ccc;background:var(--card)}.mental-alert-normal{border-left-color:#22c55e;background:#f9fefb}.mental-alert-mild{border-left-color:#f59e0b;background:#fffdf5}.mental-alert-moderate{border-left-color:#ef6820;background:#fffbf7}.mental-alert-high,.mental-alert-urgent{border-left-color:#ef4444;background:#fff8f8}.mental-alert-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mental-alert-level{padding:3px 8px;border-radius:3px;font-size:10px;font-weight:800}.mental-alert-normal .mental-alert-level{background:#dcfce7;color:#166534}.mental-alert-mild .mental-alert-level{background:#fef3c7;color:#92400e}.mental-alert-moderate .mental-alert-level{background:#ffedd5;color:#9a3412}.mental-alert-high .mental-alert-level,.mental-alert-urgent .mental-alert-level{background:#fee2e2;color:#991b1b}.mental-alert-header strong{font-size:14px;color:#1e293b}.mental-alert p{margin:0 0 10px;font-size:12.5px;color:#4f5968;line-height:1.75}.mental-alert-action{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;background:#f1f5f9;border-radius:2px;font-size:12px;color:#334155}.mental-alert-action i{color:#2376d9;flex-shrink:0;margin-top:1px} .mental-pred-card{padding:22px 24px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:2px;border-left:4px solid #6366f1}.mental-pred-card h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;font-size:15px;color:#3730a3}.mental-pred-card h3 i{color:#6366f1}.mental-pred-card ul{margin:0 0 12px;padding-left:18px}.mental-pred-card li{margin:6px 0;font-size:13px;color:#374151;line-height:1.7}.mental-pred-note{margin:0;padding:10px 12px;background:#f8fafc;border-left:3px solid #94a3b8;font-size:11px;color:#64748b;font-style:italic} .mental-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mental-plan-phase{padding:22px;background:var(--card);border:1px solid var(--border);border-radius:2px;border-top:3px solid #2376d9}.mental-plan-phase-header{margin-bottom:14px}.mental-phase-tag{display:inline-block;padding:4px 9px;background:#e0edff;color:#1d4ed8;font-size:10px;font-weight:800;border-radius:3px;margin-bottom:8px}.mental-plan-phase h3{margin:0;font-size:14px;color:#173b73}.mental-plan-phase ul{margin:0;padding-left:16px}.mental-plan-phase li{margin:8px 0;font-size:12px;color:#4f5968;line-height:1.7} @media(max-width:850px){.mental-strengths-grid{grid-template-columns:1fr}.mental-plan-grid{grid-template-columns:1fr}} /* ── 个人综合画像 ── */ .profile-cover:before{background:linear-gradient(#4285F4,#A142F4)} .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px} .profile-entry-banner{margin-bottom:14px} .profile-entry-card{display:flex;align-items:center;gap:18px;padding:22px 26px;border-radius:2px;background:linear-gradient(120deg,#173b73,#4285f4);color:#fff;text-decoration:none} .profile-entry-card>i{font-size:30px}.profile-entry-card div{flex:1}.profile-entry-card span{font-size:10px;font-weight:800;letter-spacing:.1em;opacity:.8}.profile-entry-card h3{margin:3px 0;font-size:19px}.profile-entry-card p{margin:0;font-size:12px;opacity:.92}.profile-entry-card em{font-style:normal;font-weight:700;white-space:nowrap} .profile-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .profile-module-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:2px;border-left:4px solid var(--accent,#4285f4)} .profile-module-card.pending{opacity:.72;border-left-style:dashed} .profile-module-card .pm-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:color-mix(in srgb,var(--accent,#4285f4) 14%,transparent);color:var(--accent,#4285f4);font-size:18px} .profile-module-card h3{margin:0 0 3px;font-size:14px}.profile-module-card p{margin:0;font-size:11px;color:var(--sub)}.profile-module-card.done p{color:var(--success)}.profile-module-card p i{margin-right:3px} .profile-prose p{margin:0 0 12px;font-size:14px;line-height:1.85;color:#374151} .profile-tag-cloud{display:flex;flex-wrap:wrap;gap:12px} .profile-tag{padding:12px 16px;border-radius:2px;background:var(--card);border:1px solid var(--border);border-top:3px solid #4285f4;min-width:120px} .profile-tag strong{display:block;font-size:15px;color:#173b73}.profile-tag em{display:block;margin-top:3px;font-size:10px;color:var(--sub);font-style:normal} .profile-tag.tone-good{border-top-color:#34A853}.profile-tag.tone-good strong{color:#15803d} .profile-tag.tone-watch{border-top-color:#EA4335}.profile-tag.tone-watch strong{color:#b91c1c} .profile-tag.tone-normal{border-top-color:#9aa0a6} .profile-empty,.profile-placeholder{color:var(--sub)} .profile-placeholder .pp-badge{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;margin-bottom:12px;background:#f1f5f9;color:#64748b;border-radius:20px;font-size:12px;font-weight:700} .profile-placeholder .pp-badge i{font-size:13px} .profile-indicator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px} .profile-indicator-grid article{padding:16px 18px;background:var(--card);border:1px solid var(--border);border-radius:2px;border-top:3px solid #EA4335} .profile-indicator-grid span{display:block;font-size:11px;color:var(--sub);font-weight:700}.profile-indicator-grid strong{display:block;margin:5px 0 2px;font-size:22px;color:#173b73}.profile-indicator-grid em{font-size:10px;color:var(--sub);font-style:normal} .profile-aspect-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px} .profile-aspect-grid article{padding:18px 20px;background:#f8fafc;border-left:3px solid #4285f4;border-radius:2px} .profile-aspect-grid h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;color:#173b73}.profile-aspect-grid h3 i{color:#4285f4}.profile-aspect-grid p{margin:0;font-size:12.5px;line-height:1.75;color:#4f5968} .profile-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0} .profile-chip-label{font-size:12px;font-weight:700;color:var(--sub)} .profile-chip{padding:6px 12px;background:var(--soft);color:#173b73;border-radius:16px;font-size:12px;font-style:normal} .profile-path{margin-top:14px;padding:18px 20px;background:#f2f7ff;border-left:3px solid #4d8ff2;border-radius:2px}.profile-path h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:13px;color:#0f766e}.profile-path ol{margin:0;padding-left:18px}.profile-path li{margin:6px 0;font-size:12.5px;color:#4f5968;line-height:1.7} .profile-avoid{margin-top:12px;padding:16px 20px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:2px}.profile-avoid h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;color:#92400e}.profile-avoid p{margin:4px 0;font-size:12.5px;color:#78532a} .profile-advantage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px} .profile-advantage{padding:18px 16px;background:var(--card);border:1px solid var(--border);border-radius:2px;border-top:3px solid #4285f4} .profile-advantage.tone-good{border-top-color:#34A853}.profile-advantage.tone-watch{border-top-color:#EA4335}.profile-advantage.tone-normal{border-top-color:#9aa0a6} .profile-advantage .pa-head{display:flex;align-items:center;gap:6px;margin-bottom:12px}.profile-advantage .pa-head i{font-size:16px;color:#4285f4}.profile-advantage .pa-head h3{margin:0;font-size:13px;flex:1}.pa-level{font-size:10px;font-weight:800;padding:2px 7px;border-radius:10px;background:#eef2f7;color:#475569} .profile-advantage.tone-good .pa-level{background:#dcfce7;color:#166534}.profile-advantage.tone-watch .pa-level{background:#fee2e2;color:#991b1b} .profile-advantage .pa-bar{height:7px;background:var(--border);border-radius:0;overflow:hidden}.profile-advantage .pa-bar b{display:block;height:100%;background:#4285f4}.profile-advantage.tone-good .pa-bar b{background:#34A853}.profile-advantage.tone-watch .pa-bar b{background:#EA4335}.pa-bar-empty{background:repeating-linear-gradient(45deg,#eef2f7,#eef2f7 4px,#fff 4px,#fff 8px)} .profile-advantage .pa-score{display:block;margin:6px 0 8px;font-size:18px;color:#173b73;font-weight:800}.pa-score.muted{font-size:12px;color:var(--sub);font-weight:600} .profile-advantage p{margin:0;font-size:11px;color:var(--sub);line-height:1.6} .profile-risk-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .profile-risk-list article{padding:18px 20px;background:#fffdf7;border:1px solid var(--border);border-left:3px solid #f59e0b;border-radius:2px} .profile-risk-list h3{display:flex;align-items:center;gap:7px;margin:0 0 8px;font-size:13px;color:#92400e}.profile-risk-list h3 i{color:#f59e0b}.profile-risk-list p{margin:0;font-size:12.5px;color:#4f5968;line-height:1.75} .profile-suggest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .profile-suggest-grid article{padding:18px 20px;background:var(--card);border:1px solid var(--border);border-radius:2px;border-top:3px solid #4285f4} .profile-suggest-wide{grid-column:1/-1} .career-finding-list{display:grid;grid-template-columns:1fr;gap:14px}.career-finding-list article{padding:22px 24px;background:#fff;border:1px solid var(--border);border-left:4px solid #4285f4}.career-finding-list header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.career-finding-list header span{padding:4px 9px;background:#eef4ff;color:#2567d7;font-size:10px;font-weight:800}.career-finding-list h3{margin:0;font-size:16px}.career-finding-list p{margin:0 0 10px;color:#374151;font-size:14px;line-height:1.8}.career-finding-list em{display:block;color:var(--sub);font-size:12px;font-style:normal}.career-finding-list em i{color:var(--primary);margin-right:5px}.career-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.career-style-grid article{padding:20px;background:#f8fafc;border-top:3px solid #4d8ff2}.career-style-grid h3{margin:0 0 8px;color:#173b73;font-size:14px}.career-style-grid p{margin:0;color:#4f5968;font-size:13px;line-height:1.75}.career-support-panel{margin-top:18px;padding:22px 24px;background:#f2f7ff;border-left:4px solid #4d8ff2}.career-support-panel h3{margin:0 0 12px;color:#0f766e}.career-support-panel p{margin:7px 0;color:#374151;font-size:13px;line-height:1.75}@media(max-width:850px){.career-style-grid{grid-template-columns:1fr}} .profile-suggest-grid h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;font-size:13px;color:#173b73}.profile-suggest-grid h3 i{color:#4285f4}.profile-suggest-grid ul{margin:0;padding-left:18px}.profile-suggest-grid li{margin:6px 0;font-size:12.5px;color:#4f5968;line-height:1.7} .profile-conclusion p{margin:0 0 12px;font-size:14px;line-height:1.9;color:#2d3a52} @media(max-width:850px){.profile-module-grid{grid-template-columns:1fr}.profile-aspect-grid,.profile-risk-list,.profile-suggest-grid,.profile-indicator-grid{grid-template-columns:1fr}.profile-advantage-grid{grid-template-columns:repeat(2,1fr)}} /* Mobile shell: keep the same link usable on phones instead of hiding navigation. */ @media(max-width:650px){ .app-header{ height:auto; min-height:64px; padding:10px 14px 8px; align-items:center; flex-wrap:wrap; gap:8px 10px; } .brand{ flex:1 1 auto; min-width:0; } .brand-mark{ width:36px; height:36px; border-radius:10px; flex:0 0 36px; } .brand strong{ font-size:16px; line-height:1.2; } .main-nav{ order:3; display:flex; flex:1 0 100%; width:100%; height:auto; justify-content:flex-start; gap:8px; overflow-x:auto; padding:2px 0 4px; margin:0 -2px; scrollbar-width:none; -webkit-overflow-scrolling:touch; } .main-nav::-webkit-scrollbar{ display:none; } .main-nav a{ flex:0 0 auto; height:38px; padding:0 13px; font-size:13px; background:#f7fafc; border:1px solid var(--border); touch-action:manipulation; } .main-nav a.active{ background:var(--soft); border-color:#b9dfe4; } .main-nav a.active:after{ display:none; } .user-actions{ min-width:0; flex:0 0 auto; gap:4px; } .icon-action{ width:36px; height:36px; } .page-head{ padding-top:36px; } .assessment-progress{ top:112px; } .btn, .ac-btn, .module-card, .assessment-card, .ac-card, .gmc{ touch-action:manipulation; } } /* ── ChartKit 统一图表体系 ── */ .uk-chart-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:28px} .uk-chart-card{padding:28px 30px;background:var(--card);border:1px solid var(--border);border-radius:2px;break-inside:avoid} .uk-chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px} .uk-chart-titles{flex:1;min-width:0} .uk-chart-titles h3{margin:0;font-size:20px;color:#173b73;line-height:1.35} .uk-chart-titles p{margin:6px 0 0;color:var(--sub);font-size:13px;line-height:1.55} .uk-chart-download{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:2px;background:#fff;color:#173b73;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s} .uk-chart-download:hover{background:#f3f8ff;border-color:#4285F4;color:#4285F4} .uk-chart-download i{font-size:14px} .uk-chart-canvas{position:relative;width:100%;height:400px;margin-top:4px} .uk-chart-canvas-auto{height:auto;min-height:120px} .uk-chart-canvas canvas{display:block;max-width:100%} .uk-chart-radar .uk-chart-canvas,.uk-chart-polar .uk-chart-canvas{height:440px} .uk-chart-gauge .uk-chart-canvas{height:220px;display:flex;align-items:center;justify-content:center} .uk-chart-spectrum .uk-chart-canvas-auto canvas{width:100%!important} .uk-chart-foot{display:grid;grid-template-columns:1.35fr .85fr;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)} .uk-chart-analysis,.uk-chart-findings,.uk-chart-advice{padding:18px 20px;background:#f8fafc;border-left:4px solid #2376d9} .uk-chart-analysis{grid-row:span 2} .uk-chart-analysis>span{color:var(--primary);font-size:10px;font-weight:800;letter-spacing:.12em} .uk-chart-foot h4{margin:5px 0 8px;font-size:14px;color:#173b73} .uk-chart-foot p,.uk-chart-foot li{margin:0;color:var(--sub);font-size:12px;line-height:1.75} .uk-chart-findings ul{margin:0;padding-left:16px} .uk-chart-advice{border-left-color:#4d8ff2!important;background:#f2f7ff} @media(max-width:850px){.uk-chart-foot{grid-template-columns:1fr}.uk-chart-analysis{grid-row:auto}.uk-chart-head{flex-direction:column}.uk-chart-download{align-self:flex-start}.uk-chart-canvas{height:320px}} .uk-chart-line .uk-chart-canvas,.uk-chart-compare .uk-chart-canvas{height:420px} .uk-chart-quadrant .uk-chart-canvas-quadrant,.uk-chart-mental_matrix .uk-chart-canvas-quadrant{height:auto;min-height:320px;display:flex;justify-content:center;padding:8px 0} .uk-chart-matrix .uk-chart-canvas-auto,.uk-chart-paired .uk-chart-canvas-auto{height:auto;min-height:100px;display:flex;justify-content:center} .uk-chart-tier_ladder .uk-chart-canvas-auto,.uk-chart-stacked .uk-chart-canvas-auto{height:auto;min-height:160px} .uk-chart-heatmap .uk-chart-canvas-auto{height:auto;min-height:180px} .uk-chart-scatter .uk-chart-canvas-auto{height:auto;min-height:300px} .uk-chart-dual_gauge .uk-chart-canvas-dual,.uk-chart-battery .uk-chart-canvas-dual,.uk-chart-balance .uk-chart-canvas-dual{height:220px;display:flex;align-items:center;justify-content:center} .uk-chart-lollipop .uk-chart-canvas-auto,.uk-chart-butterfly .uk-chart-canvas-auto,.uk-chart-band .uk-chart-canvas-auto{height:auto;min-height:220px} .uk-chart-bullet .uk-chart-canvas-auto,.uk-chart-roadmap .uk-chart-canvas-auto{height:auto;min-height:160px} .uk-chart-priority_matrix .uk-chart-canvas-auto{height:auto;min-height:320px} .uk-chart-hexagon .uk-chart-canvas-auto{height:auto;min-height:340px;display:flex;justify-content:center} .uk-chart-waterfall .uk-chart-canvas-auto,.uk-chart-safety_flag .uk-chart-canvas-auto{height:auto;min-height:120px} .uk-chart-bipolar_spectrum .uk-chart-canvas-auto{height:auto;min-height:200px} .uk-chart-immunity_matrix .uk-chart-canvas-auto,.uk-chart-risk_tier_panel .uk-chart-canvas-auto,.uk-chart-quality_panel .uk-chart-canvas-auto{height:auto;min-height:160px;padding:4px 0} .report-section-compact{padding:28px 0} .report-section-compact .section-heading{margin-bottom:14px} .report-warning-compact{margin-top:14px;padding:14px 18px;font-size:12px} .report-warning-compact p{margin:4px 0 0;font-size:12px;line-height:1.55} .mental-compact-metrics{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-top:12px} .mental-compact-metrics.inline{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:8px} .mental-compact-metrics article{padding:12px 14px;background:#f8fafc;border:1px solid #dbe7f5;border-radius:8px} .mental-compact-metrics span{display:block;font-size:10px;font-weight:800;color:var(--sub);letter-spacing:.04em} .mental-compact-metrics strong{display:block;margin-top:6px;font-size:22px;color:#173b73;line-height:1} .mental-compact-metrics em{display:block;margin-top:4px;font-size:11px;color:#2376d9;font-style:normal} .mental-compact-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px} .mental-compact-tags .mental-tag{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef4fc;color:#173b73;font-size:11px;font-weight:700} .mental-tag-danger{background:#fdecea!important;color:#c5221f!important} .mental-tag-warning{background:#fef7e0!important;color:#e37400!important} .mental-tag-success{background:#e6f4ea!important;color:#1b7f4a!important} .quality-grid-compact article p{display:none} .quality-grid-compact article{padding:14px 16px} .comprehensive-hero.compact p{display:none} .comprehensive-hero.compact h2{margin-top:6px;font-size:24px} .highlight-grid.compact article em{display:none} .highlight-grid.compact{gap:10px} .dimension-table-compact .dt-desc{display:none} .dimension-grid-compact .dimension-card p{display:none} .strength-risk-compact{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:12px} .strength-risk-compact>div{padding:14px;background:#f8fafc;border:1px solid #dbe7f5;border-radius:8px} .strength-risk-compact>div>span{display:block;margin-bottom:8px;font-size:11px;font-weight:800;color:#173b73} .strength-risk-compact em{display:block;margin-bottom:6px;font-size:11px;color:var(--sub);font-style:normal;line-height:1.5} .completion-grid.compact article p{display:none} .module-summary-grid.compact article{padding:16px} .module-summary-grid.compact header{margin-bottom:8px} .two-level-note.compact p{font-size:12px} .derived-grid-compact .mini-bars em{min-width:72px} @media(max-width:700px){.strength-risk-compact{grid-template-columns:1fr}} .report-charts-only .report-cover-minimal{padding:32px 36px;margin-bottom:8px} .report-charts-only .report-cover-minimal .report-status{display:none} .report-charts-only .report-section-charts{padding:24px 0 32px;border-bottom:none} .report-charts-only .mental-section-charts{margin:0;padding:0;background:transparent;border:none;box-shadow:none} .report-charts-only .uk-chart-grid{margin-bottom:0} .report-charts-only .mental-profile-chart-only{margin-bottom:20px} .report-charts-only .mpv-panel-chart-only{padding:16px;background:#fff;border:1px solid var(--border)} .report-charts-only .mpv-panel-chart-only .mpv-badge,.report-charts-only .mpv-panel-chart-only .mpv-foot{display:none} .report-section-links{padding:16px 0 32px} .module-report-links{display:flex;flex-wrap:wrap;gap:10px} .module-report-links a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);background:#f8fafc;color:#173b73;font-size:12px;font-weight:700;text-decoration:none} .module-report-links a:hover{border-color:#4285F4;color:#4285F4} .uk-chart-dom-host{width:100%} .uk-immunity-matrix{display:grid;grid-template-columns:1fr 1fr;gap:14px} .uk-immunity-col h4{margin:0 0 10px;font-size:12px;font-weight:800;color:#173b73} .uk-immunity-strength h4{color:#1b7f4a} .uk-immunity-weakness h4{color:#c45c00} .uk-immunity-card{padding:12px 14px;margin-bottom:8px;background:#f8fafc;border:1px solid #dbe7f5;border-left:4px solid #4285f4} .uk-immunity-strength .uk-immunity-card{border-left-color:#34a853} .uk-immunity-weakness .uk-immunity-card{border-left-color:#fbbc04} .uk-immunity-card header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px} .uk-immunity-card strong{font-size:13px;color:#173b73} .uk-immunity-card em{font-size:11px;color:var(--sub);font-style:normal} .uk-immunity-empty,.uk-risk-empty{color:var(--sub);font-size:12px} .uk-tag-row{display:flex;flex-wrap:wrap;gap:6px} .uk-tag-row span,.uk-risk-tag em{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef4fc;color:#173b73;font-size:10px;font-weight:700} .uk-risk-board{display:grid;gap:12px} .uk-risk-lane h4{margin:0 0 8px;font-size:11px;font-weight:800;letter-spacing:.04em} .uk-risk-urgent h4{color:#c5221f} .uk-risk-watch h4{color:#e37400} .uk-risk-observe h4{color:#1b7f4a} .uk-risk-lane .uk-tag-row{align-items:stretch} .uk-risk-tag{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:#fff;border:1px solid #dbe7f5;border-radius:8px;min-width:140px} .uk-risk-tag strong{font-size:12px;color:#173b73} .uk-quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px} .uk-quality-metric{padding:16px;background:#f8fafc;border:1px solid #dbe7f5;border-top:4px solid #4285f4} .uk-quality-metric span{display:block;font-size:10px;font-weight:800;color:var(--sub);letter-spacing:.06em} .uk-quality-metric strong{display:block;margin:8px 0 4px;font-size:26px;color:#173b73;line-height:1} .uk-quality-metric strong small{font-size:12px;font-weight:700;margin-left:2px} .uk-quality-metric em{display:block;font-size:11px;font-weight:700;color:#2376d9} .uk-quality-metric p{margin:8px 0 0;font-size:11px;color:var(--sub);line-height:1.5} .uk-quality-statement{margin:12px 0 0;padding:12px 14px;background:#f3f8ff;border-left:4px solid #2376d9;font-size:11px;color:var(--sub);line-height:1.6} @media(max-width:700px){.uk-immunity-matrix,.uk-quality-grid{grid-template-columns:1fr}} .uk-chart-column .uk-chart-canvas{height:380px} @media print{.uk-chart-download{display:none!important}} @media(max-width:850px){.uk-chart-line .uk-chart-canvas,.uk-chart-compare .uk-chart-canvas{height:340px}} /* ── XX企业新员工项目演示 ── */ .sz-demo-hero{background:linear-gradient(125deg,#f7fbff 0%,#ecf4ff 58%,#f8f9fa 100%);border-bottom:1px solid var(--border)} .sz-demo-hero-inner{min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:72px} .sz-demo-hero h1{max-width:780px;font-size:42px;line-height:1.22;margin-bottom:14px;color:#173b73} .sz-demo-hero p{max-width:710px;color:var(--sub);font-size:16px;line-height:1.8;margin-bottom:26px} .sz-demo-card{width:286px;padding:30px;background:#fff;border:1px solid #d8e5f6;border-radius:2px;box-shadow:var(--shadow);border-top:5px solid #2376d9} .sz-demo-card span,.sz-demo-card em,.sz-demo-card small{display:block;color:var(--sub);font-style:normal} .sz-demo-card span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#2376d9} .sz-demo-card strong{display:block;margin:8px 0 2px;font-size:58px;line-height:1;color:#173b73} .sz-demo-card em{font-size:15px;font-weight:700;color:#202124} .sz-demo-card small{margin-top:16px;font-size:12px;line-height:1.7} .sz-home-entry{margin-top:34px} .sz-home-entry a{display:flex;align-items:center;gap:20px;padding:24px 28px;background:#173b73;color:#fff;border-radius:2px;box-shadow:var(--shadow)} .sz-home-entry i{font-size:28px}.sz-home-entry div{flex:1} .sz-home-entry span{font-size:10px;font-weight:800;letter-spacing:.12em;opacity:.78} .sz-home-entry h2{font-size:22px;margin:3px 0} .sz-home-entry p{margin:0;font-size:13px;opacity:.86} .sz-home-entry em{font-style:normal;font-size:13px;font-weight:800;white-space:nowrap} .sz-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px} .sz-delivery-grid article{padding:30px;background:#fff;border:1px solid var(--border);border-radius:2px;border-top:4px solid #2376d9} .sz-delivery-grid article>i{font-size:30px;color:#2376d9} .sz-delivery-grid h3{margin:14px 0 8px;font-size:20px;color:#173b73} .sz-delivery-grid p,.sz-delivery-grid li{color:var(--sub);font-size:13px;line-height:1.75} .sz-delivery-grid ul{margin:14px 0 20px;padding-left:18px} .sz-flow-section{padding-bottom:66px} .sz-flow{display:flex;align-items:center;gap:12px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:2px;overflow:auto} .sz-flow span{white-space:nowrap;padding:10px 15px;background:#f1f6fd;color:#173b73;font-size:13px;font-weight:800;border-radius:2px} .sz-flow i{color:#2376d9} .sz-report-page{padding-top:42px} .sz-report-cover{display:flex;align-items:center;justify-content:space-between;gap:36px;padding:46px 48px;background:linear-gradient(125deg,#fff,#edf5ff);border:1px solid #d8e5f6;border-radius:2px;border-top:5px solid #2376d9} .sz-report-cover.group{background:linear-gradient(125deg,#fff,#f1f8f6);border-top-color:#4d8ff2} .sz-report-cover h1{font-size:34px;line-height:1.22;margin-bottom:8px;color:#173b73} .sz-report-cover p{margin:0;color:var(--sub)} .sz-cover-meta{min-width:230px;padding:22px 24px;background:#173b73;color:#fff;border-radius:2px} .sz-cover-meta span,.sz-cover-meta em{display:block;font-style:normal;opacity:.78;font-size:11px} .sz-cover-meta strong{display:block;margin:5px 0;font-size:26px;line-height:1.25} .sz-report-section{padding:44px 0;border-bottom:1px solid var(--border)} .sz-chart-grid{grid-template-columns:repeat(2,1fr);gap:18px} .sz-chart-grid .uk-chart-card{padding:24px 26px;border-top:4px solid #2376d9;box-shadow:0 8px 26px rgba(23,59,115,.06)} .sz-chart-grid .uk-chart-titles h3{font-size:18px} .sz-chart-grid .uk-chart-titles h3:after{content:"";display:block;width:38px;height:3px;background:#2376d9;margin-top:10px} .sz-chart-grid .uk-chart-hexagon{grid-row:span 2} .sz-analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px} .sz-analysis-grid article{padding:24px 26px;background:#fff;border:1px solid var(--border);border-radius:2px;border-left:4px solid #2376d9} .sz-analysis-grid h3{margin:0 0 10px;font-size:16px;color:#173b73} .sz-analysis-grid p{margin:0;color:#374151;font-size:13.5px;line-height:1.9} .sz-guide-grid,.sz-key-grid,.sz-evidence-grid,.sz-focus-grid{display:grid;gap:14px} .sz-guide-grid{grid-template-columns:repeat(3,1fr)} .sz-guide-grid article,.sz-key-grid article,.sz-evidence-grid article,.sz-focus-grid article{padding:22px 24px;background:#fff;border:1px solid var(--border);border-radius:2px} .sz-guide-grid strong,.sz-focus-grid strong{display:block;margin-bottom:8px;color:#173b73} .sz-guide-grid p,.sz-key-grid p,.sz-evidence-grid p,.sz-focus-grid p{margin:0;color:var(--sub);font-size:13px;line-height:1.75} .sz-person-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px} .sz-info-table{display:grid;grid-template-columns:repeat(2,1fr);background:#fff;border:1px solid var(--border)} .sz-info-table div{padding:18px 20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)} .sz-info-table span{display:block;color:var(--sub);font-size:11px;font-weight:800} .sz-info-table strong{display:block;margin-top:5px;color:#173b73;font-size:15px} .sz-summary-panel{padding:26px;background:#173b73;color:#fff;border-radius:2px} .sz-summary-panel span{font-size:11px;font-weight:800;letter-spacing:.1em;opacity:.76} .sz-summary-panel h3{margin:8px 0;font-size:22px} .sz-summary-panel p{font-size:13px;line-height:1.8;opacity:.9} .sz-tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px} .sz-tag-row em{padding:5px 10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);font-style:normal;font-size:11px;font-weight:700} .sz-tag-row.muted em{background:#fff8e1;color:#735c00;border-color:#ffe8a3} .sz-trait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px} .sz-trait-grid article,.sz-wide-bars article,.sz-distribution article{padding:18px;background:#fff;border:1px solid var(--border);border-radius:2px;border-top:3px solid #2376d9} .sz-trait-grid article.good{border-top-color:#34a853}.sz-trait-grid article.watch{border-top-color:#d89a20} .sz-trait-grid header,.sz-wide-bars article>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px} .sz-trait-grid strong,.sz-wide-bars strong{font-size:13px;color:#173b73} .sz-trait-grid em,.sz-wide-bars em{font-size:11px;color:var(--sub);font-style:normal;font-weight:800} .sz-score-bar{height:8px;background:#e8eef7;border-radius:0;overflow:hidden} .sz-score-bar b{display:block;height:100%;background:#2376d9} .sz-trait-grid .good .sz-score-bar b{background:#34a853}.sz-trait-grid .watch .sz-score-bar b{background:#d89a20} .sz-trait-grid p,.sz-wide-bars p{margin:10px 0 0;color:var(--sub);font-size:12px;line-height:1.65} .sz-mental-card{display:grid;grid-template-columns:260px 1fr;gap:20px;padding:26px;background:#fff;border:1px solid var(--border);border-radius:2px} .sz-mental-score{padding:22px;background:#f1f6fd;border-left:4px solid #4d8ff2} .sz-mental-score span,.sz-mental-score em{display:block;color:var(--sub);font-size:12px;font-style:normal} .sz-mental-score strong{display:block;margin:10px 0 6px;font-size:30px;color:#0f766e} .sz-mental-card p{margin:0 0 10px;color:#374151;font-size:13px;line-height:1.8} .sz-evidence-grid{grid-template-columns:.75fr 1.25fr 1fr} .sz-evidence-grid i{font-size:24px;color:#2376d9} .sz-evidence-grid h3{margin:8px 0;color:#173b73} .sz-evidence-grid strong{display:block;font-size:30px;color:#2376d9} .sz-action-list{display:grid;gap:12px;counter-reset:action;margin:0;padding:0;list-style:none} .sz-action-list li{position:relative;padding:18px 20px 18px 54px;background:#fff;border:1px solid var(--border);border-radius:2px;color:#374151;font-size:13px;line-height:1.8} .sz-action-list li:before{counter-increment:action;content:counter(action);position:absolute;left:18px;top:20px;width:24px;height:24px;display:grid;place-items:center;background:#2376d9;color:#fff;font-size:12px;font-weight:800} .sz-key-grid{grid-template-columns:repeat(3,1fr)} .sz-key-grid span{display:grid;place-items:center;width:30px;height:30px;background:#2376d9;color:#fff;font-weight:800;margin-bottom:10px} .sz-wide-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:12px} .sz-personality-table,.sz-watch-table{background:#fff;border:1px solid var(--border)} .sz-personality-table>div,.sz-watch-table>div{display:grid;align-items:center;border-bottom:1px solid var(--border)} .sz-personality-table>div{grid-template-columns:130px 1fr 110px 1fr} .sz-watch-table>div{grid-template-columns:1fr 1fr 1fr 1fr} .sz-personality-table .head,.sz-watch-table .head{background:#f1f6fd;color:#173b73;font-size:12px;font-weight:800} .sz-personality-table span,.sz-personality-table strong,.sz-personality-table p,.sz-personality-table em,.sz-watch-table span,.sz-watch-table strong,.sz-watch-table em{padding:14px 16px;margin:0} .sz-personality-table p{color:var(--sub);font-size:12px;line-height:1.55} .sz-personality-table em{font-size:22px;color:#2376d9;font-style:normal;font-weight:800;text-align:center} .sz-distribution{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px} .sz-distribution article.watch{border-top-color:#d95852} .sz-distribution span,.sz-distribution em{display:block;color:var(--sub);font-size:12px;font-style:normal;font-weight:800} .sz-distribution strong{display:block;margin:6px 0 10px;font-size:28px;color:#173b73} .sz-distribution article.watch .sz-score-bar b{background:#d95852} .sz-focus-grid{grid-template-columns:repeat(3,1fr)} .sz-watch-table em{font-style:normal;color:#d95852;font-weight:800} @media(max-width:1000px){.sz-demo-hero-inner,.sz-report-cover{display:block}.sz-demo-card,.sz-cover-meta{margin-top:24px}.sz-delivery-grid,.sz-person-layout,.sz-wide-bars,.sz-evidence-grid,.sz-chart-grid,.sz-analysis-grid{grid-template-columns:1fr}.sz-trait-grid{grid-template-columns:repeat(2,1fr)}.sz-guide-grid,.sz-key-grid,.sz-focus-grid,.sz-distribution{grid-template-columns:1fr 1fr}} @media(max-width:650px){.sz-demo-hero h1,.sz-report-cover h1{font-size:28px}.sz-demo-hero-inner{min-height:auto;padding:46px 0}.sz-demo-card{width:100%}.sz-home-entry a{align-items:flex-start}.sz-home-entry em{display:none}.sz-guide-grid,.sz-key-grid,.sz-focus-grid,.sz-distribution,.sz-trait-grid,.sz-info-table{grid-template-columns:1fr}.sz-mental-card{grid-template-columns:1fr}.sz-personality-table>div{grid-template-columns:1fr}.sz-personality-table .head{display:none}.sz-watch-table>div{grid-template-columns:1fr 1fr}.sz-watch-table .head{display:none}} @media print{.app-header,.app-footer,.sample-banner,.report-actions{display:none!important}.sz-report-page{width:100%;padding-top:0}.sz-report-cover,.sz-guide-grid article,.sz-key-grid article,.sz-evidence-grid article,.sz-focus-grid article,.sz-trait-grid article,.sz-wide-bars article,.sz-distribution article,.sz-mental-card,.sz-action-list li{break-inside:avoid;box-shadow:none}.sz-report-section{padding:26px 0}.sz-demo-hero,.sz-home-entry{display:none}} /* ── 团体报告：咨询交付版 ── */ .sz-deck{width:min(1180px,calc(100% - 36px));margin:34px auto 0} .sz-deck>.sample-banner{margin-bottom:18px} .sz-slide{position:relative;margin-bottom:26px;padding:46px 52px;background:#fff;border:1px solid #d8e0ec;border-radius:2px;box-shadow:0 10px 34px rgba(23,59,115,.07);overflow:hidden} .sz-slide:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:#2376d9} .sz-cover-slide{min-height:620px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(130deg,#173b73 0%,#1f5ca9 58%,#edf5ff 58.2%,#fff 100%);color:#fff;border:0} .sz-cover-slide.personal{background:linear-gradient(130deg,#173b73 0%,#2376d9 58%,#eef7ff 58.2%,#fff 100%)} .sz-cover-slide:before{display:none} .sz-cover-brand{font-size:13px;font-weight:800;letter-spacing:.12em;opacity:.82} .sz-cover-title{max-width:720px}.sz-cover-title span{display:block;margin-bottom:16px;font-size:12px;font-weight:800;letter-spacing:.18em;color:#b9d7ff}.sz-cover-title h1{font-size:46px;line-height:1.18;margin-bottom:18px}.sz-cover-title p{font-size:18px;line-height:1.85;opacity:.94} .sz-cover-footer{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:min(760px,100%)} .sz-cover-footer div{padding:18px 20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2)} .sz-cover-footer strong{display:block;font-size:24px}.sz-cover-footer span{font-size:12px;opacity:.78} .sz-slide-kicker,.sz-slide-head>span{display:block;margin-bottom:10px;color:#2376d9;font-size:11px;font-weight:900;letter-spacing:.14em} .sz-slide h2{font-size:30px;line-height:1.28;color:#173b73;margin-bottom:10px} .sz-slide-head{margin-bottom:26px}.sz-slide-head p{max-width:900px;color:#5f6368;font-size:14px;line-height:1.8;margin:0} .sz-toc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px} .sz-toc-grid a{display:grid;grid-template-columns:54px 1fr;gap:2px 16px;padding:18px 20px;background:#f8fafc;border:1px solid #d8e0ec} .sz-toc-grid em{grid-row:span 2;color:#2376d9;font-size:22px;font-style:normal;font-weight:900}.sz-toc-grid strong{color:#173b73}.sz-toc-grid span{color:#5f6368;font-size:12px} .sz-metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px} .sz-metric-strip article{padding:18px;background:#f1f6fd;border-top:4px solid #2376d9} .sz-metric-strip span{display:block;color:#5f6368;font-size:11px;font-weight:800}.sz-metric-strip strong{display:block;margin:6px 0;font-size:28px;color:#173b73}.sz-metric-strip small{font-size:13px;margin-left:2px}.sz-metric-strip em{display:block;color:#5f6368;font-size:11px;font-style:normal} .sz-exec-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px}.sz-exec-main{padding:28px;background:#173b73;color:#fff}.sz-exec-main h3{font-size:15px;margin-bottom:10px}.sz-exec-main p{font-size:15px;line-height:1.9}.sz-exec-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sz-exec-tags span{padding:6px 10px;background:rgba(255,255,255,.14);font-size:12px;font-weight:800} .sz-exec-findings{display:grid;gap:10px}.sz-exec-findings article{display:grid;grid-template-columns:38px 1fr;gap:12px;padding:16px 18px;background:#fff;border:1px solid #d8e0ec}.sz-exec-findings em{display:grid;place-items:center;width:30px;height:30px;background:#2376d9;color:#fff;font-style:normal;font-weight:900}.sz-exec-findings p{margin:0;color:#374151;font-size:13px;line-height:1.75} .sz-method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sz-method-grid article{padding:20px;background:#f8fafc;border:1px solid #d8e0ec}.sz-method-grid div{width:28px;height:28px;display:grid;place-items:center;background:#2376d9;color:#fff;font-weight:900;margin-bottom:12px}.sz-method-grid h3{font-size:15px;color:#173b73}.sz-method-grid p{color:#5f6368;font-size:12px;line-height:1.75;margin:0} .sz-boundary-note{margin-top:16px;padding:18px 22px;background:#fff8e2;border-left:4px solid #d89a20}.sz-boundary-note strong{color:#92400e}.sz-boundary-note p{margin:6px 0 0;color:#5f6368;font-size:13px;line-height:1.8} .sz-slide-two{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}.sz-chart-grid.single{display:grid;grid-template-columns:1fr;gap:16px}.sz-chart-grid.single .uk-chart-card{min-height:0} .sz-insight-panel{padding:24px 26px;background:#f8fafc;border:1px solid #d8e0ec;border-top:4px solid #4d8ff2}.sz-insight-panel h3{font-size:18px;color:#173b73;margin-bottom:14px}.sz-insight-panel p{font-size:13.5px;line-height:1.9;color:#374151}.sz-insight-panel b{color:#173b73} .sz-mini-table{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.sz-mini-table div{display:flex;justify-content:space-between;gap:8px;padding:9px 10px;background:#fff;border:1px solid #d8e0ec}.sz-mini-table span{font-size:12px;color:#173b73;font-weight:800}.sz-mini-table em{font-size:12px;color:#2376d9;font-style:normal;font-weight:900} .sz-personality-mini{display:grid;gap:8px;margin-top:14px}.sz-personality-mini div{display:grid;grid-template-columns:70px 1fr 42px 1fr;gap:8px;align-items:center;padding:9px 10px;background:#fff;border:1px solid #d8e0ec}.sz-personality-mini strong{font-size:12px;color:#173b73}.sz-personality-mini span{font-size:11px;color:#5f6368}.sz-personality-mini em{text-align:center;color:#2376d9;font-style:normal;font-weight:900} .sz-person-layout.professional{grid-template-columns:1fr 1fr} .sz-evidence-grid.professional{grid-template-columns:1.1fr .9fr 1fr 1fr} .sz-evidence-grid.professional article{border-top:4px solid #2376d9} .sz-evidence-grid.professional article:first-child{border-top-color:#4d8ff2} .sz-evidence-grid.professional p+p{margin-top:8px} .sz-focus-list{display:grid;gap:10px;margin-top:14px}.sz-focus-list article{padding:12px 14px;background:#fff;border-left:4px solid #d89a20}.sz-focus-list strong{color:#173b73}.sz-focus-list p{margin:4px 0 0;color:#5f6368;font-size:12px;line-height:1.65} .sz-application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.sz-application-grid article{padding:20px;background:#f8fafc;border:1px solid #d8e0ec;border-top:4px solid #2376d9}.sz-application-grid span{color:#2376d9;font-size:11px;font-weight:900}.sz-application-grid h3{margin:8px 0;color:#173b73;font-size:14px}.sz-application-grid p{margin:0;color:#5f6368;font-size:12px;line-height:1.75} .sz-action-list.professional{grid-template-columns:repeat(2,1fr)} @media(max-width:1000px){.sz-slide{padding:34px 28px}.sz-cover-title h1{font-size:34px}.sz-cover-footer,.sz-metric-strip,.sz-method-grid,.sz-application-grid{grid-template-columns:repeat(2,1fr)}.sz-exec-layout,.sz-slide-two,.sz-toc-grid,.sz-action-list.professional,.sz-person-layout.professional,.sz-evidence-grid.professional{grid-template-columns:1fr}} @media(max-width:650px){.sz-deck{width:min(100% - 24px,1180px)}.sz-slide{padding:28px 20px}.sz-cover-slide{min-height:560px}.sz-cover-title h1{font-size:29px}.sz-cover-footer,.sz-metric-strip,.sz-method-grid,.sz-application-grid,.sz-mini-table{grid-template-columns:1fr}.sz-personality-mini div{grid-template-columns:1fr}.sz-toc-grid a{grid-template-columns:42px 1fr}} @media print{.sz-deck{width:100%;margin:0}.sz-slide{min-height:0;margin:0 0 10mm;padding:14mm;box-shadow:none;break-after:page;page-break-after:always}.sz-cover-slide{min-height:240mm}.sz-toc-grid a{break-inside:avoid}.sz-chart-grid .uk-chart-download{display:none!important}} /* ── 项目演示2：A4专业报告 ── */ .sz-a4-entry{background:linear-gradient(125deg,#102f5d 0%,#1f5ca9 58%,#f7fbff 58.2%,#fff 100%);color:#fff;border-bottom:1px solid #d8e0ec} .sz-a4-entry-inner{min-height:390px;display:flex;align-items:center;justify-content:space-between;gap:60px}.sz-a4-entry h1{font-size:42px;line-height:1.22;margin-bottom:14px}.sz-a4-entry p{max-width:720px;font-size:16px;line-height:1.85;opacity:.9}.sz-a4-entry aside{width:220px;height:220px;display:grid;place-items:center;text-align:center;background:#fff;color:#173b73;border:1px solid #d8e0ec}.sz-a4-entry aside strong{font-size:58px}.sz-a4-entry aside span{padding:0 24px;color:#5f6368;font-size:12px} .sz-a4-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sz-a4-preview-grid a{padding:30px;background:#fff;border:1px solid #d8e0ec;border-top:5px solid #2376d9;box-shadow:0 10px 30px rgba(23,59,115,.06)}.sz-a4-preview-grid i{font-size:28px;color:#2376d9}.sz-a4-preview-grid h2{margin:14px 0 8px;color:#173b73}.sz-a4-preview-grid p{color:#5f6368;font-size:14px;line-height:1.8}.sz-a4-preview-grid em{color:#2376d9;font-style:normal;font-weight:800} .a4-report{padding:28px 0;background:#eef2f7}.a4-report>.sample-banner,.a4-report>.report-actions{width:210mm;margin-left:auto;margin-right:auto} .a4-page{position:relative;width:210mm;min-height:297mm;margin:0 auto 18px;padding:16mm 17mm 15mm;background:#fff;color:#202124;box-shadow:0 14px 42px rgba(15,23,42,.12);overflow:hidden} .a4-page:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5mm;background:#2376d9}.a4-watermark{position:absolute;right:12mm;bottom:18mm;color:rgba(35,118,217,.06);font-size:76px;font-weight:900;letter-spacing:.04em} .a4-cover{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#102f5d 0%,#1f5ca9 55%,#fff 55.2%,#f8fbff 100%);color:#fff}.a4-cover.personal{background:linear-gradient(135deg,#102f5d 0%,#2376d9 55%,#fff 55.2%,#f8fbff 100%)}.a4-cover:before{display:none}.a4-cover header{display:flex;justify-content:space-between;gap:18px;font-size:12px;font-weight:800;letter-spacing:.12em}.a4-cover header em{font-style:normal;color:#b9d7ff}.a4-cover main{max-width:132mm}.a4-cover h1{font-size:34px;line-height:1.22;margin-bottom:14px}.a4-cover main p{font-size:15px;line-height:1.9;opacity:.92}.a4-cover footer{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;color:#173b73}.a4-cover footer div{padding:14px;background:#fff;border:1px solid #d8e0ec}.a4-cover footer b{display:block;font-size:18px}.a4-cover footer span{font-size:11px;color:#5f6368} .a4-page-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #d8e0ec}.a4-page-head>span{display:grid;place-items:center;width:34px;height:34px;background:#2376d9;color:#fff;font-weight:900}.a4-page-head h2{margin:0;color:#173b73;font-size:24px}.a4-page-head p{margin:2px 0 0;color:#5f6368;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.a4-footer{position:absolute;left:17mm;right:17mm;bottom:8mm;padding-top:5px;border-top:1px solid #d8e0ec;color:#7b8794;font-size:10px} .a4-hero-claim{padding:18px 20px;background:#173b73;color:#fff;margin-bottom:14px}.a4-hero-claim h3{font-size:19px;margin-bottom:8px}.a4-hero-claim p{font-size:13px;line-height:1.85;margin:0;opacity:.9} .a4-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.a4-metrics div{padding:12px;background:#f1f6fd;border-top:3px solid #2376d9}.a4-metrics span{display:block;color:#5f6368;font-size:10px;font-weight:800}.a4-metrics strong{display:block;margin:4px 0;color:#173b73;font-size:24px}.a4-metrics small{font-size:11px}.a4-metrics em{display:block;color:#5f6368;font-size:10px;font-style:normal} .a4-findings{display:grid;gap:8px}.a4-findings article{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:12px;background:#fff;border:1px solid #d8e0ec}.a4-findings b{display:grid;place-items:center;width:26px;height:26px;background:#2376d9;color:#fff}.a4-findings p{margin:0;color:#374151;font-size:12.5px;line-height:1.7} .a4-method-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.a4-method-flow article{padding:16px;background:#f8fafc;border:1px solid #d8e0ec}.a4-method-flow b{display:grid;place-items:center;width:28px;height:28px;background:#2376d9;color:#fff;margin-bottom:10px}.a4-method-flow h3{color:#173b73;font-size:15px}.a4-method-flow p{color:#5f6368;font-size:12px;line-height:1.75;margin:0} .a4-note{padding:15px 18px;background:#fff8e2;border-left:4px solid #d89a20}.a4-note.teal{background:#eefaf8;border-left-color:#4d8ff2}.a4-note.danger{background:#fff0ef;border-left-color:#d95852}.a4-note h3{color:#173b73;font-size:15px;margin-bottom:6px}.a4-note p{margin:0;color:#4f5968;font-size:12.5px;line-height:1.8} .a4-two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:start}.a4-two-col.compact{grid-template-columns:1fr 1fr;margin-bottom:12px}.a4-two-col.a4-insight-pair{align-items:stretch;gap:10px}.a4-insight-pair .a4-insight{display:flex;flex-direction:column;height:100%;min-height:88px;padding:14px 16px;margin:0}.a4-insight-pair .a4-insight h3{margin:0 0 8px}.a4-insight-pair .a4-insight p{flex:1;margin:0}.a4-insight.blue{border-top-color:#2376d9}.a4-chart-box{min-height:170px;padding:10px;background:#fff;border:1px solid #d8e0ec}.a4-chart-box.full{min-height:210mm}.a4-chart-box .uk-chart-grid{gap:10px}.a4-chart-box .uk-chart-card{padding:14px;border-top:3px solid #2376d9;box-shadow:none}.a4-chart-box .uk-chart-titles h3{font-size:14px}.a4-chart-box .uk-chart-download{display:none}.a4-chart-box .uk-chart-canvas{height:260px}.a4-chart-box .uk-chart-hexagon .uk-chart-canvas-auto{min-height:270px}.a4-chart-box .uk-chart-priority_matrix .uk-chart-canvas-auto{min-height:260px} .a4-insight{padding:16px 18px;background:#f8fafc;border:1px solid #d8e0ec;border-top:4px solid #2376d9}.a4-insight.teal{border-top-color:#4d8ff2}.a4-insight h3{color:#173b73;font-size:14px;margin:0 0 6px}.a4-insight p{color:#374151;font-size:12px;line-height:1.75;margin:0 0 10px} .a4-mini-bars{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.a4-mini-bars div{display:grid;grid-template-columns:72px 1fr 34px;align-items:center;gap:8px}.a4-mini-bars span{font-size:11px;color:#173b73;font-weight:800}.a4-mini-bars i{height:7px;background:#e8eef7}.a4-mini-bars b{display:block;height:100%;background:#2376d9}.a4-mini-bars em{font-size:11px;color:#2376d9;font-style:normal;font-weight:900}.a4-mini-bars.personal{grid-template-columns:1fr}.a4-mini-bars.personal div{grid-template-columns:78px 1fr 48px}.a4-mini-bars.personal p{grid-column:1/-1;margin:2px 0 0;color:#5f6368;font-size:11px;line-height:1.55} .a4-application{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:14px}.a4-application article{padding:14px;background:#f8fafc;border:1px solid #d8e0ec;border-top:3px solid #2376d9}.a4-application span{font-size:10px;color:#2376d9;font-weight:900}.a4-application h3{font-size:14px;color:#173b73;margin:6px 0}.a4-application p{margin:0;color:#5f6368;font-size:12px;line-height:1.7} .a4-actions{display:grid;gap:8px}.a4-actions div{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:12px;background:#fff;border:1px solid #d8e0ec}.a4-actions b{display:grid;place-items:center;width:24px;height:24px;background:#2376d9;color:#fff}.a4-actions p{margin:0;color:#374151;font-size:12.5px;line-height:1.75} .a4-table{margin-top:14px}.a4-person-summary{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;margin-bottom:14px}.a4-person-summary aside{padding:20px;background:#173b73;color:#fff}.a4-person-summary aside>span{font-size:11px;font-weight:900;letter-spacing:.1em;opacity:.78}.a4-person-summary h3{font-size:20px;margin:8px 0}.a4-person-summary p{font-size:13px;line-height:1.8;opacity:.92} .a4-analysis-list{display:grid;gap:12px}.a4-analysis-list article{padding:18px 20px;background:#f8fafc;border:1px solid #d8e0ec;border-left:4px solid #2376d9}.a4-analysis-list h3{font-size:16px;color:#173b73;margin-bottom:8px}.a4-analysis-list p{margin:0;color:#374151;font-size:13px;line-height:1.85} .a4-evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.a4-evidence-grid article{padding:16px;background:#fff;border:1px solid #d8e0ec;border-top:3px solid #2376d9}.a4-evidence-grid span{font-size:10px;color:#2376d9;font-weight:900}.a4-evidence-grid h3{font-size:17px;color:#173b73;margin:6px 0}.a4-evidence-grid p{margin:0 0 7px;color:#5f6368;font-size:12px;line-height:1.7} @media(max-width:900px){.a4-page,.a4-report>.sample-banner,.a4-report>.report-actions{width:min(100%,210mm)}.a4-page{min-height:auto}.a4-two-col,.a4-two-col.compact,.a4-person-summary{grid-template-columns:1fr}.a4-cover{min-height:760px}.sz-a4-entry-inner{display:block;padding:56px 0}.sz-a4-entry aside{margin-top:28px}.sz-a4-preview-grid{grid-template-columns:1fr}} @media(max-width:650px){.a4-report{padding:12px 0}.a4-page{padding:24px 18px}.a4-metrics,.a4-method-flow,.a4-application,.a4-evidence-grid,.a4-mini-bars{grid-template-columns:1fr}.a4-cover h1{font-size:28px}.a4-cover footer{grid-template-columns:1fr}.a4-page:before{width:4px}} @media print{@page{size:A4;margin:0}.a4-report{padding:0;background:#fff}.a4-report>.sample-banner,.a4-report>.report-actions,.app-header,.app-footer{display:none!important}.a4-page{width:210mm;min-height:297mm;margin:0;box-shadow:none;break-after:page;page-break-after:always}.a4-chart-box .uk-chart-card{break-inside:avoid}.a4-page:last-of-type{break-after:auto;page-break-after:auto}} /* ══════════════════════════════════════════════════════════════════ 专业报告版面设计系统 · PRO REPORT DESIGN v3.0 作用范围：V1 幻灯片报告（.sz-deck）& V2 A4打印报告（.a4-report） 设计原则：权威感 · 精准感 · 层次感 · 一致性 ══════════════════════════════════════════════════════════════════ */ /* ── 报告设计令牌（不污染全局） ── */ .sz-deck, .a4-report { --rpt-navy: #0c2340; --rpt-navy2: #122d58; --rpt-blue: #1a57b5; --rpt-blue2: #2468c8; --rpt-teal: #0b8c7c; --rpt-gold: #b8900c; --rpt-gold-bg: #fdf6e3; --rpt-red: #c4302a; --rpt-border: #c8d3e6; --rpt-border2: #dde5f0; --rpt-bg: #f4f7fc; --rpt-text: #161f32; --rpt-sub: #475569; --rpt-sh-sm: 0 3px 10px rgba(12,35,64,.08), 0 1px 3px rgba(12,35,64,.04); --rpt-sh: 0 6px 24px rgba(12,35,64,.10), 0 2px 6px rgba(12,35,64,.05); --rpt-sh-lg: 0 14px 44px rgba(12,35,64,.14), 0 4px 12px rgba(12,35,64,.06); font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif; } /* ════════════════════════════════════════════════════════════════ V1 幻灯片报告 · sz-deck 全面升级 ════════════════════════════════════════════════════════════════ */ /* ── 容器 ── */ .sz-deck { width: min(1200px, calc(100% - 40px)); margin-top: 40px; } /* ── 基础幻灯片 ── */ .sz-slide { padding: 52px 58px; border: 1px solid var(--rpt-border); border-radius: 4px; box-shadow: var(--rpt-sh); margin-bottom: 30px; background: #ffffff; } /* 左侧渐变色带（从蓝到青绿） */ .sz-slide:before { width: 6px; background: linear-gradient(180deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); } /* ── 封面幻灯片 ── */ .sz-cover-slide { min-height: 680px; padding: 58px 62px 54px; background: linear-gradient(138deg, #061528 0%, #0b2550 38%, #1250a8 58%, #edf4ff 58.6%, #f6f9ff 100%) !important; border: none; border-radius: 4px; } .sz-cover-slide:before { display: none; } .sz-cover-slide.personal { background: linear-gradient(138deg, #061528 0%, #092758 38%, #165ab8 58%, #eef5ff 58.6%, #f7fafe 100%) !important; } /* 封面品牌标签 */ .sz-cover-brand { font-size: 11.5px; font-weight: 900; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,.65); } /* 封面标题块 */ .sz-cover-title { max-width: 760px; } .sz-cover-title span { display: block; font-size: 10px; font-weight: 900; letter-spacing: .26em; text-transform: uppercase; color: #7eb5ff; margin-bottom: 20px; } .sz-cover-title h1 { font-size: 54px; line-height: 1.10; font-weight: 900; letter-spacing: -.025em; margin-bottom: 20px; text-shadow: 0 2px 16px rgba(0,0,0,.22); } .sz-cover-title p { font-size: 17px; line-height: 1.92; opacity: .88; font-weight: 400; } /* 封面底部信息栏 */ .sz-cover-footer { width: min(800px, 100%); gap: 14px; } .sz-cover-slide .sz-cover-footer { transform: translateY(-36mm); } .sz-cover-footer div { padding: 18px 22px; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.22); border-radius: 3px; backdrop-filter: blur(10px); } .sz-cover-footer strong { display: block; font-size: 22px; font-weight: 800; letter-spacing: -.01em; } .sz-cover-footer span { font-size: 11px; opacity: .68; letter-spacing: .04em; } /* ── 段落标签（英文章节标识） ── */ .sz-slide-kicker, .sz-slide-head > span { display: inline-flex; align-items: center; gap: 8px; font-size: 10px; font-weight: 900; letter-spacing: .20em; text-transform: uppercase; color: var(--rpt-blue); margin-bottom: 14px; } .sz-slide-kicker::before, .sz-slide-head > span::before { content: ""; display: inline-block; width: 22px; height: 2px; background: currentColor; flex-shrink: 0; } /* ── 幻灯片大标题 ── */ .sz-slide h2 { font-size: 28px; font-weight: 800; color: var(--rpt-navy); letter-spacing: -.015em; line-height: 1.24; margin-bottom: 8px; } .sz-slide-head { margin-bottom: 28px; } .sz-slide-head p { color: var(--rpt-sub); font-size: 14px; line-height: 1.82; max-width: 920px; } /* ── 执行摘要数据条 ── */ .sz-metric-strip { gap: 14px; margin-bottom: 26px; } .sz-metric-strip article { padding: 22px 20px; background: linear-gradient(135deg, #f3f7ff 0%, #edf3ff 100%); border: 1px solid var(--rpt-border); border-top: 5px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); transition: transform .2s, box-shadow .2s; } .sz-metric-strip article:hover { transform: translateY(-3px); box-shadow: var(--rpt-sh); } .sz-metric-strip span { display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .08em; color: var(--rpt-sub); margin-bottom: 4px; } .sz-metric-strip strong { display: block; font-size: 36px; font-weight: 900; color: var(--rpt-navy); letter-spacing: -.03em; line-height: 1.05; margin: 4px 0 2px; } .sz-metric-strip small { font-size: 14px; font-weight: 700; color: var(--rpt-blue); } .sz-metric-strip em { font-size: 11px; color: var(--rpt-sub); font-style: normal; } /* ── 执行摘要主面板 ── */ .sz-exec-layout { gap: 20px; } .sz-exec-main { padding: 32px 36px; background: linear-gradient(148deg, var(--rpt-navy) 0%, var(--rpt-navy2) 100%); border-radius: 3px; box-shadow: 0 8px 32px rgba(12,35,64,.2), inset 0 1px 0 rgba(255,255,255,.05); } .sz-exec-main h3 { font-size: 10px; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; opacity: .62; margin-bottom: 14px; } .sz-exec-main p { font-size: 15px; line-height: 2.0; font-weight: 500; } .sz-exec-tags { gap: 8px; margin-top: 18px; } .sz-exec-tags span { padding: 7px 13px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.18); border-radius: 2px; font-size: 12px; font-weight: 700; } /* 执行摘要关键发现 */ .sz-exec-findings { gap: 10px; } .sz-exec-findings article { background: #fafcff; border: 1px solid var(--rpt-border); border-left: 4px solid var(--rpt-blue); border-radius: 3px; padding: 16px 18px; box-shadow: var(--rpt-sh-sm); } .sz-exec-findings em { width: 30px; height: 30px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; font-style: normal; font-size: 12px; font-weight: 900; box-shadow: 0 3px 8px rgba(26,87,181,.25); } .sz-exec-findings p { color: #2d3a52; font-size: 13px; line-height: 1.82; } /* ── 目录页 ── */ .sz-toc-grid { gap: 14px; margin-top: 28px; } .sz-toc-grid a { padding: 20px 24px; background: #fafcff; border: 1px solid var(--rpt-border); border-left: 5px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); transition: transform .18s, box-shadow .18s, border-left-color .18s; } .sz-toc-grid a:hover { transform: translateX(4px); box-shadow: var(--rpt-sh); border-left-color: var(--rpt-teal); } .sz-toc-grid a:nth-child(2n) { border-left-color: var(--rpt-teal); } .sz-toc-grid a:nth-child(2n):hover { border-left-color: var(--rpt-blue); } .sz-toc-grid em { font-size: 26px; font-weight: 900; color: var(--rpt-blue); font-style: normal; } .sz-toc-grid strong { font-size: 14px; font-weight: 800; color: var(--rpt-navy); } .sz-toc-grid span { font-size: 12px; color: var(--rpt-sub); } /* ── 方法框架网格 ── */ .sz-method-grid { gap: 14px; } .sz-method-grid article { padding: 24px; background: #fafcff; border: 1px solid var(--rpt-border); border-top: 5px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .sz-method-grid article:nth-child(2) { border-top-color: var(--rpt-teal); } .sz-method-grid article:nth-child(3) { border-top-color: #8b4fcf; } .sz-method-grid article:nth-child(4) { border-top-color: var(--rpt-gold); } .sz-method-grid div { width: 32px; height: 32px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; margin-bottom: 14px; font-weight: 900; font-size: 13px; } .sz-method-grid h3 { font-size: 15px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 8px; } .sz-method-grid p { color: var(--rpt-sub); font-size: 13px; line-height: 1.82; } /* ── 使用边界提示 ── */ .sz-boundary-note { background: linear-gradient(135deg, var(--rpt-gold-bg) 0%, #fefbf0 100%); border-left: 5px solid var(--rpt-gold); border-radius: 3px; padding: 18px 24px; margin-top: 18px; box-shadow: var(--rpt-sh-sm); } .sz-boundary-note strong { color: #7a5c00; font-size: 13px; font-weight: 800; } .sz-boundary-note p { color: #5a4a28; font-size: 13px; line-height: 1.88; } /* ── 图表+洞察双栏 ── */ .sz-insight-panel { padding: 28px 30px; background: #f7fbff; border: 1px solid var(--rpt-border); border-top: 5px solid var(--rpt-teal); border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .sz-insight-panel h3 { font-size: 18px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 16px; } .sz-insight-panel p { font-size: 13.5px; line-height: 1.92; color: #2d3a52; } .sz-insight-panel b { font-weight: 800; color: var(--rpt-navy); } /* ── 咨询分析解读网格 ── */ .sz-analysis-grid { gap: 18px; } .sz-analysis-grid article { padding: 28px; background: #fafcff; border: 1px solid var(--rpt-border); border-left: 5px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); transition: transform .2s, box-shadow .2s; } .sz-analysis-grid article:hover { transform: translateY(-3px); box-shadow: var(--rpt-sh); } .sz-analysis-grid article:nth-child(2) { border-left-color: var(--rpt-teal); } .sz-analysis-grid article:nth-child(3) { border-left-color: var(--rpt-gold); } .sz-analysis-grid h3 { font-size: 16px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 10px; } .sz-analysis-grid p { color: #374151; font-size: 13.5px; line-height: 1.92; } /* ── 多源证据网格 ── */ .sz-evidence-grid.professional { gap: 16px; } .sz-evidence-grid.professional article { padding: 26px; background: #fafcff; border: 1px solid var(--rpt-border); border-top: 5px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .sz-evidence-grid.professional article:first-child { border-top-color: var(--rpt-teal); } .sz-evidence-grid.professional article:nth-child(3) { border-top-color: #8b4fcf; } .sz-evidence-grid.professional article:nth-child(4) { border-top-color: var(--rpt-gold); } .sz-evidence-grid.professional i { font-size: 26px; color: var(--rpt-blue); margin-bottom: 4px; } .sz-evidence-grid.professional article:first-child i { color: var(--rpt-teal); } .sz-evidence-grid.professional h3 { font-size: 14px; font-weight: 800; color: var(--rpt-navy); margin: 10px 0 8px; } .sz-evidence-grid.professional strong { font-size: 30px; font-weight: 900; color: var(--rpt-blue); display: block; margin-bottom: 6px; } .sz-evidence-grid.professional p+p { margin-top: 6px; } /* ── 发展建议列表 ── */ .sz-action-list li { padding: 18px 20px 18px 58px; background: #fafcff; border: 1px solid var(--rpt-border); border-radius: 3px; color: #2d3a52; font-size: 13.5px; line-height: 1.88; box-shadow: var(--rpt-sh-sm); transition: transform .18s; } .sz-action-list li:hover { transform: translateX(4px); } .sz-action-list li:before { left: 18px; top: 50%; transform: translateY(-50%); width: 26px; height: 26px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; font-size: 11px; font-weight: 900; box-shadow: 0 2px 8px rgba(26,87,181,.22); } /* ── 附录特质网格 ── */ .sz-trait-grid { gap: 16px; } .sz-trait-grid article { padding: 22px; background: #fafcff; border: 1px solid var(--rpt-border); border-top: 4px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .sz-trait-grid article.good { border-top-color: #1a9a68; } .sz-trait-grid article.watch { border-top-color: var(--rpt-gold); } .sz-trait-grid strong { font-size: 14px; font-weight: 800; color: var(--rpt-navy); } .sz-trait-grid em { font-size: 12px; font-weight: 700; color: var(--rpt-sub); font-style: normal; } .sz-score-bar { height: 7px; border-radius: 4px; overflow: hidden; background: #dde5f0; margin: 12px 0 10px; } .sz-score-bar b { border-radius: 4px; background: linear-gradient(90deg, var(--rpt-blue) 0%, var(--rpt-blue2) 100%); } .sz-trait-grid .good .sz-score-bar b { background: linear-gradient(90deg, #1a9a68, #22c55e); } .sz-trait-grid .watch .sz-score-bar b { background: linear-gradient(90deg, var(--rpt-gold), #e0aa14); } .sz-trait-grid p { color: var(--rpt-sub); font-size: 12.5px; line-height: 1.75; } /* ── 个人信息表 ── */ .sz-info-table { border: 1px solid var(--rpt-border); border-radius: 3px; overflow: hidden; } .sz-info-table div { padding: 16px 18px; border-bottom: 1px solid var(--rpt-border2); border-right: 1px solid var(--rpt-border2); } .sz-info-table span { display: block; font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--rpt-blue); margin-bottom: 4px; } .sz-info-table strong { font-size: 15px; font-weight: 700; color: var(--rpt-navy); margin-top: 2px; } /* ── 核心判断暗色面板 ── */ .sz-summary-panel { padding: 30px; background: linear-gradient(148deg, var(--rpt-navy) 0%, var(--rpt-navy2) 100%); border-radius: 3px; box-shadow: 0 10px 36px rgba(12,35,64,.22), inset 0 1px 0 rgba(255,255,255,.05); } .sz-summary-panel span { font-size: 10px; font-weight: 900; letter-spacing: .20em; text-transform: uppercase; opacity: .62; } .sz-summary-panel h3 { font-size: 22px; font-weight: 800; margin: 10px 0 10px; } .sz-summary-panel p { font-size: 13.5px; line-height: 1.88; opacity: .88; } .sz-tag-row em { border-radius: 2px; font-weight: 700; } /* ── 心理健康数据分布 ── */ .sz-distribution article { border-top: 4px solid var(--rpt-blue); background: #fafcff; border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .sz-distribution article.watch { border-top-color: var(--rpt-red); } .sz-distribution strong { font-size: 32px; font-weight: 900; color: var(--rpt-navy); } /* ── 关注人员明细表 ── */ .sz-watch-table { border: 1px solid var(--rpt-border); border-radius: 4px; overflow: hidden; } .sz-watch-table .head { background: linear-gradient(135deg, var(--rpt-navy) 0%, var(--rpt-navy2) 100%); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .06em; } .sz-watch-table .head span { padding: 14px 16px; } .sz-watch-table > div:not(.head) { border-bottom: 1px solid var(--rpt-border2); } .sz-watch-table > div:not(.head):nth-child(even) { background: #f8faff; } .sz-watch-table > div strong { padding: 14px 16px; font-weight: 700; color: var(--rpt-navy); } .sz-watch-table em { font-style: normal; color: var(--rpt-gold) !important; font-weight: 800; } /* ── 培训应用建议卡片 ── */ .sz-application-grid { gap: 14px; } .sz-application-grid article { padding: 24px; background: #fafcff; border: 1px solid var(--rpt-border); border-top: 5px solid var(--rpt-blue); border-radius: 3px; box-shadow: var(--rpt-sh-sm); transition: transform .18s, box-shadow .18s; } .sz-application-grid article:hover { transform: translateY(-3px); box-shadow: var(--rpt-sh); } .sz-application-grid article:nth-child(2) { border-top-color: var(--rpt-teal); } .sz-application-grid article:nth-child(3) { border-top-color: #8b4fcf; } .sz-application-grid article:nth-child(4) { border-top-color: var(--rpt-gold); } .sz-application-grid span { font-size: 10px; color: var(--rpt-blue); font-weight: 900; letter-spacing: .14em; text-transform: uppercase; } .sz-application-grid h3 { color: var(--rpt-navy); font-size: 15px; font-weight: 800; margin: 8px 0; } .sz-application-grid p { color: var(--rpt-sub); font-size: 12.5px; line-height: 1.82; } /* ── 关注人员列表 ── */ .sz-focus-list { gap: 10px; } .sz-focus-list article { padding: 14px 18px; background: linear-gradient(135deg, var(--rpt-gold-bg) 0%, #fefcf0 100%); border: 1px solid #e6c96c; border-left: 5px solid var(--rpt-gold); border-radius: 3px; } .sz-focus-list strong { font-weight: 800; color: var(--rpt-navy); font-size: 14px; } .sz-focus-list p { color: #5a4a28; font-size: 12.5px; line-height: 1.78; margin: 5px 0 0; } /* ── 画像数据小表 ── */ .sz-mini-table { gap: 8px; } .sz-mini-table div { padding: 10px 14px; background: #fafcff; border: 1px solid var(--rpt-border); border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .sz-mini-table span { font-size: 12px; color: var(--rpt-navy); font-weight: 800; } .sz-mini-table em { font-size: 13px; color: var(--rpt-blue); font-weight: 900; font-style: normal; } /* ── 性格双极量表 ── */ .sz-personality-mini { gap: 8px; } .sz-personality-mini div { background: #fafcff; border: 1px solid var(--rpt-border2); border-radius: 3px; padding: 10px 12px; } .sz-personality-mini strong { font-size: 12px; font-weight: 800; color: var(--rpt-navy); } .sz-personality-mini span { font-size: 11px; color: var(--rpt-sub); } .sz-personality-mini em { font-size: 14px; font-weight: 900; color: var(--rpt-blue); font-style: normal; } /* ── ChartKit 与 sz-deck 集成 ── */ .sz-chart-grid .uk-chart-card { border-top: 4px solid var(--rpt-blue); box-shadow: 0 4px 18px rgba(12,35,64,.08); padding: 26px 28px; } .sz-chart-grid .uk-chart-titles h3 { color: var(--rpt-navy); font-size: 18px; font-weight: 800; } .sz-chart-grid .uk-chart-titles h3:after { background: var(--rpt-blue); margin-top: 12px; } .sz-chart-grid .uk-chart-hexagon { grid-row: span 2; } /* ── 打印优化 V1 ── */ @media print { .sz-deck { width: 100%; margin: 0; } .sz-slide { box-shadow: none !important; border: 1px solid #c8d3e6 !important; margin: 0 0 8mm; padding: 14mm 16mm; } .sz-cover-slide { min-height: 250mm; } .sz-exec-main, .sz-summary-panel { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .sz-cover-slide { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .sz-slide:before { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } @media (max-width: 1000px) { .sz-slide { padding: 36px 30px; } .sz-cover-title h1 { font-size: 36px; } } @media (max-width: 650px) { .sz-slide { padding: 28px 20px; } .sz-cover-title h1 { font-size: 30px; } .sz-metric-strip strong { font-size: 28px; } } /* ════════════════════════════════════════════════════════════════ V2 A4 专业报告 · a4-report 全面升级 ════════════════════════════════════════════════════════════════ */ /* ── A4 报告容器 ── */ .a4-report { background: #e8edf6; padding: 30px 0; } .a4-report > .sample-banner, .a4-report > .report-actions { width: 210mm; margin-inline: auto; } /* ── A4 页面卡片 ── */ .a4-page { box-shadow: 0 18px 52px rgba(10,28,60,.14), 0 4px 14px rgba(10,28,60,.06); border-radius: 2px; margin-bottom: 24px; } /* ── 左侧渐变色带 ── */ .a4-page:before { width: 5.5mm; background: linear-gradient(180deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); -webkit-print-color-adjust: exact; print-color-adjust: exact; } /* ── A4 水印 ── */ .a4-watermark { color: rgba(26,87,181,.05); font-size: 82px; font-weight: 900; letter-spacing: .06em; } /* ── A4 封面 ── */ .a4-cover { background: linear-gradient(138deg, #071528 0%, #0c2860 48%, #1652b0 63%, #f0f5ff 63.5%, #f7fafe 100%) !important; } .a4-cover.personal { background: linear-gradient(138deg, #071528 0%, #0b2d72 48%, #185bb5 63%, #edf5ff 63.5%, #f7fafe 100%) !important; } .a4-cover.group { background: linear-gradient(138deg, #071528 0%, #0a2d50 48%, #0e7066 63%, #edfaf7 63.5%, #f5fefe 100%) !important; } .a4-cover header { font-size: 11.5px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; } .a4-cover header em { font-style: normal; color: #7eb5ff; } .a4-cover.group header em { color: #6dddd0; } .a4-cover h1 { font-size: 36px; font-weight: 900; line-height: 1.16; letter-spacing: -.02em; } .a4-cover main p { font-size: 15px; line-height: 1.94; opacity: .9; } .a4-cover footer { color: var(--rpt-navy); } .a4-cover footer div { padding: 14px 16px; background: rgba(255,255,255,.97); border: 1px solid var(--rpt-border); border-top: 3px solid var(--rpt-blue); border-radius: 2px; box-shadow: 0 4px 14px rgba(12,35,64,.12); } .a4-cover footer div:nth-child(2) { border-top-color: var(--rpt-teal); } .a4-cover footer div:nth-child(3) { border-top-color: var(--rpt-gold); } .a4-cover footer b { font-size: 18px; font-weight: 800; color: var(--rpt-navy); letter-spacing: -.01em; } .a4-cover footer span { font-size: 10.5px; color: var(--rpt-sub); } .a4-cover footer { transform: translateY(-20mm); } /* ── A4 页面头部 ── */ .a4-page-head { margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid var(--rpt-border2); align-items: center; } .a4-page-head > span { width: 36px; height: 36px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; font-size: 14px; font-weight: 900; box-shadow: 0 3px 10px rgba(26,87,181,.28); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-page-head h2 { font-size: 24px; font-weight: 800; color: var(--rpt-navy); letter-spacing: -.015em; } .a4-page-head p { font-size: 10.5px; color: var(--rpt-blue); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; } /* ── A4 页脚 ── */ .a4-footer { color: #7b8794; font-size: 10px; border-top: 1px solid var(--rpt-border2); } /* ── A4 核心声明（英雄式） ── */ .a4-hero-claim { background: linear-gradient(148deg, var(--rpt-navy) 0%, var(--rpt-navy2) 100%); border-radius: 3px; padding: 22px 26px; margin-bottom: 16px; box-shadow: 0 6px 22px rgba(12,35,64,.2); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-hero-claim h3 { font-size: 19px; font-weight: 800; margin-bottom: 8px; } .a4-hero-claim p { font-size: 13px; line-height: 1.92; opacity: .9; } /* ── A4 数据指标 ── */ .a4-metrics { gap: 10px; margin-bottom: 16px; } .a4-metrics div { padding: 14px; background: linear-gradient(135deg, #f3f7ff 0%, #edf2ff 100%); border: 1px solid var(--rpt-border); border-top: 3px solid var(--rpt-blue); border-radius: 2px; box-shadow: var(--rpt-sh-sm); } .a4-metrics div:nth-child(2) { border-top-color: var(--rpt-teal); } .a4-metrics div:nth-child(3) { border-top-color: #8b4fcf; } .a4-metrics div:nth-child(4) { border-top-color: var(--rpt-gold); } .a4-metrics span { font-size: 9.5px; font-weight: 900; letter-spacing: .09em; color: var(--rpt-sub); } .a4-metrics strong { font-size: 26px; font-weight: 900; color: var(--rpt-navy); letter-spacing: -.02em; margin: 4px 0 2px; } .a4-metrics small { font-size: 11px; font-weight: 700; color: var(--rpt-blue); } .a4-metrics em { font-size: 10px; color: var(--rpt-sub); font-style: normal; } /* ── A4 关键发现 ── */ .a4-findings { gap: 9px; } .a4-findings article { padding: 12px 16px; background: #fafcff; border: 1px solid var(--rpt-border); border-left: 4px solid var(--rpt-blue); border-radius: 2px; } .a4-findings b { width: 26px; height: 26px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; font-size: 11px; font-weight: 900; box-shadow: 0 2px 7px rgba(26,87,181,.22); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-findings p { color: #2d3a52; font-size: 12.5px; line-height: 1.78; } /* ── A4 方法流程 ── */ .a4-method-flow { gap: 10px; } .a4-method-flow article { padding: 16px 18px; background: #f8faff; border: 1px solid var(--rpt-border); border-top: 4px solid var(--rpt-blue); border-radius: 2px; } .a4-method-flow article:nth-child(even) { border-top-color: var(--rpt-teal); } .a4-method-flow b { width: 28px; height: 28px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; margin-bottom: 10px; font-weight: 900; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-method-flow h3 { font-size: 14px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 6px; } .a4-method-flow p { color: var(--rpt-sub); font-size: 12px; line-height: 1.82; } /* ── A4 注释框 ── */ .a4-note { padding: 15px 20px; background: linear-gradient(135deg, var(--rpt-gold-bg) 0%, #fefdf4 100%); border-left: 5px solid var(--rpt-gold); border-radius: 2px; box-shadow: var(--rpt-sh-sm); } .a4-note.teal { background: linear-gradient(135deg, #edfaf7 0%, #f5fffe 100%); border-left-color: var(--rpt-teal); } .a4-note.danger { background: linear-gradient(135deg, #fff0ef 0%, #fff8f8 100%); border-left-color: var(--rpt-red); } .a4-note h3 { font-size: 13.5px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 6px; } .a4-note p { font-size: 12.5px; line-height: 1.84; color: var(--rpt-sub); } /* 个人报告第一页：测评工具说明，使用专用三列表，避免套用四列表后右侧空白。 */ .a4-tool-table { width: 100%; border: 1px solid var(--rpt-border); border-radius: 4px; overflow: hidden; background: #fff; } .a4-tool-table > div { display: grid; grid-template-columns: 1.05fr 1.25fr 2.7fr; align-items: stretch; border-bottom: 1px solid var(--rpt-border2); } .a4-tool-table > div:last-child { border-bottom: 0; } .a4-tool-table .head { background: linear-gradient(135deg, var(--rpt-navy) 0%, var(--rpt-navy2) 100%); color: #fff; font-size: 11px; font-weight: 900; letter-spacing: .06em; } .a4-tool-table strong, .a4-tool-table em, .a4-tool-table span { display: flex; align-items: center; min-width: 0; padding: 13px 16px; margin: 0; border-right: 1px solid var(--rpt-border2); line-height: 1.65; word-break: normal; overflow-wrap: break-word; } .a4-tool-table span:last-child { border-right: 0; } .a4-tool-table strong { color: var(--rpt-navy); font-size: 13px; font-weight: 900; } .a4-tool-table em { color: var(--rpt-gold); font-size: 13px; font-style: normal; font-weight: 900; } .a4-tool-table > div:not(.head) span { color: #2d3a52; font-size: 12.5px; } .a4-tool-table > div:not(.head):nth-child(even) { background: #f8faff; } .a4-subtitle { margin: 0 0 8px; color: var(--rpt-navy); font-size: 13.5px; font-weight: 900; } .a4-profile-info { grid-template-columns: repeat(4,1fr); margin-bottom: 12px; } .a4-profile-info div { padding: 12px 14px; } .a4-profile-info span { font-size: 10px; letter-spacing: .06em; } .a4-profile-info strong { font-size: 13.5px; } .a4-report-block { margin-top: 10px; padding: 13px 16px; background: #fffaf0; border-left: 4px solid var(--rpt-gold); border-radius: 3px; box-shadow: var(--rpt-sh-sm); } .a4-report-block.teal { background: #f0fbf8; border-left-color: var(--rpt-teal); } .a4-report-block.purple { background: #fbf8ff; border-left-color: #8b4fcf; } .a4-report-block h3 { margin: 0 0 6px; color: var(--rpt-navy); font-size: 13.5px; font-weight: 900; } .a4-report-block p { margin: 0 0 4px; color: #39465a; font-size: 11.5px; line-height: 1.65; } .a4-profile-sections { margin-top: 10px; } .a4-profile-sections .a4-report-block { margin-top: 0; } .a4-compact-metrics { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; } .a4-compact-metrics div { padding: 10px; background: #fff; border: 1px solid var(--rpt-border); border-top: 3px solid var(--rpt-teal); } .a4-compact-metrics span, .a4-compact-metrics em { display: block; color: var(--rpt-sub); font-size: 9.5px; font-style: normal; } .a4-compact-metrics strong { display: block; margin: 2px 0; color: var(--rpt-navy); font-size: 20px; font-weight: 900; } .a4-english-hero { display: grid; grid-template-columns: 150px 1fr; gap: 16px; align-items: stretch; padding: 18px; background: linear-gradient(135deg,#f3f7ff 0%,#eefaf8 100%); border: 1px solid var(--rpt-border); border-left: 5px solid #8b4fcf; } .a4-english-hero div { display: flex; flex-direction: column; justify-content: center; align-items: center; background: #fff; border: 1px solid var(--rpt-border); } .a4-english-hero span { color: var(--rpt-sub); font-size: 10px; font-weight: 900; letter-spacing: .08em; } .a4-english-hero strong { color: #8b4fcf; font-size: 48px; font-weight: 900; line-height: 1; } .a4-english-hero em { color: var(--rpt-sub); font-size: 11px; font-style: normal; } .a4-english-hero h3 { margin: 4px 0 8px; color: var(--rpt-navy); font-size: 22px; } .a4-english-hero p { color: #39465a; font-size: 13px; line-height: 1.8; } .a4-english-page .a4-page-head{margin-bottom:10px;padding-bottom:8px} .a4-english-page .a4-english-hero{grid-template-columns:118px 1fr;gap:12px;padding:12px 14px} .a4-english-page .a4-english-hero div{min-height:84px} .a4-english-page .a4-english-hero span{font-size:9px} .a4-english-page .a4-english-hero strong{font-size:36px} .a4-english-page .a4-english-hero em{font-size:9.5px} .a4-english-page .a4-english-hero h3{margin:1px 0 5px;font-size:18px} .a4-english-page .a4-english-hero p{margin:0;font-size:11.2px;line-height:1.58} .a4-english-charts{margin-top:9px!important;padding:8px 10px} .a4-english-charts .uk-chart-grid{gap:8px} .a4-english-charts .uk-chart-card{padding:8px 10px 6px} .a4-english-charts .uk-chart-head{margin-bottom:8px;min-height:22px} .a4-english-charts .uk-chart-titles h3{font-size:11.5px;line-height:1.25} .a4-english-charts .uk-chart-canvas{height:150px} .a4-english-charts .uk-chart-gauge .uk-chart-canvas{height:150px;padding-top:4px} .a4-english-charts .uk-chart-radar .uk-chart-canvas{height:165px} .a4-english-page .a4-chart-analysis{margin-top:9px!important;padding:10px 12px} .a4-english-page .a4-chart-analysis h3,.a4-english-page .a4-note h3{font-size:12px} .a4-english-page .a4-chart-analysis-list{gap:4px} .a4-english-page .a4-chart-analysis-list p{font-size:10px;line-height:1.5} .a4-english-page .a4-note{margin-top:9px!important;padding:10px 12px} .a4-english-page .a4-note p{font-size:10.5px;line-height:1.55} .a4-english-suggestion{margin-top:9px;padding:11px 13px;background:#f7fbff;border:1px solid var(--rpt-border);border-left:4px solid #8b4fcf} .a4-english-suggestion h3{margin:0 0 7px;color:var(--rpt-navy);font-size:12px;font-weight:900} .a4-english-suggestion div{display:grid;gap:5px} .a4-english-suggestion p{margin:0;color:#39465a;font-size:10.2px;line-height:1.55} .a4-english-suggestion b{color:var(--rpt-navy)} /* ── A4 洞察面板 ── */ .a4-insight { padding: 18px 20px; background: #f7fbff; border: 1px solid var(--rpt-border); border-top: 5px solid var(--rpt-blue); border-radius: 2px; box-shadow: var(--rpt-sh-sm); } .a4-insight.teal { background: #f4fefa; border-top-color: var(--rpt-teal); } .a4-insight h3 { font-size: 14px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 8px; } .a4-insight p { font-size: 12px; line-height: 1.84; color: #2d3a52; } /* ── A4 数据进度条 ── */ .a4-mini-bars i { background: #dde5f0; border-radius: 3px; overflow: hidden; } .a4-mini-bars b { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--rpt-blue) 0%, var(--rpt-blue2) 100%); } .a4-mini-bars span { color: var(--rpt-navy); font-weight: 700; } .a4-mini-bars em { color: var(--rpt-blue); font-weight: 900; font-style: normal; } /* ── A4 应用建议卡片 ── */ .a4-application { gap: 10px; } .a4-application article { padding: 14px 16px; background: #f8faff; border: 1px solid var(--rpt-border); border-top: 4px solid var(--rpt-blue); border-radius: 2px; } .a4-application article:nth-child(2) { border-top-color: var(--rpt-teal); } .a4-application span { font-size: 9.5px; color: var(--rpt-blue); font-weight: 900; letter-spacing: .14em; text-transform: uppercase; } .a4-application h3 { color: var(--rpt-navy); font-size: 13.5px; font-weight: 800; margin: 6px 0; } .a4-application p { color: var(--rpt-sub); font-size: 12px; line-height: 1.78; } /* ── A4 行动列表 ── */ .a4-actions { gap: 9px; } .a4-actions div { padding: 12px 16px; background: #fafcff; border: 1px solid var(--rpt-border); border-left: 4px solid var(--rpt-blue); border-radius: 2px; } .a4-actions b { width: 24px; height: 24px; background: linear-gradient(135deg, var(--rpt-blue) 0%, var(--rpt-teal) 100%); border-radius: 50%; font-size: 11px; font-weight: 900; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-actions p { color: #2d3a52; font-size: 12.5px; line-height: 1.80; } /* ── A4 个人信息摘要 ── */ .a4-person-summary { gap: 16px; margin-bottom: 16px; } .a4-person-summary aside { padding: 22px; background: linear-gradient(148deg, var(--rpt-navy) 0%, var(--rpt-navy2) 100%); border-radius: 2px; box-shadow: 0 6px 22px rgba(12,35,64,.2); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-person-summary aside > span { font-size: 9.5px; font-weight: 900; letter-spacing: .20em; text-transform: uppercase; opacity: .62; } .a4-person-summary h3 { font-size: 20px; font-weight: 800; margin: 8px 0; } .a4-person-summary p { font-size: 13px; line-height: 1.88; opacity: .9; } /* ── A4 分析解读列表 ── */ .a4-analysis-list { gap: 12px; } .a4-analysis-list article { padding: 20px 22px; background: #fafcff; border: 1px solid var(--rpt-border); border-left: 5px solid var(--rpt-blue); border-radius: 2px; box-shadow: var(--rpt-sh-sm); transition: transform .18s; } .a4-analysis-list article:hover { transform: translateX(3px); } .a4-analysis-list article:nth-child(even) { border-left-color: var(--rpt-teal); } .a4-analysis-list h3 { font-size: 15px; font-weight: 800; color: var(--rpt-navy); margin-bottom: 8px; } .a4-analysis-list p { color: #374151; font-size: 13px; line-height: 1.90; } /* ── A4 多源证据网格 ── */ .a4-evidence-grid { gap: 10px; } .a4-evidence-grid article { padding: 16px; background: #fafcff; border: 1px solid var(--rpt-border); border-top: 4px solid var(--rpt-blue); border-radius: 2px; box-shadow: var(--rpt-sh-sm); } .a4-evidence-grid article:nth-child(2) { border-top-color: var(--rpt-teal); } .a4-evidence-grid article:nth-child(3) { border-top-color: #8b4fcf; } .a4-evidence-grid article:nth-child(4) { border-top-color: var(--rpt-gold); } .a4-evidence-grid span { font-size: 9.5px; color: var(--rpt-blue); font-weight: 900; letter-spacing: .12em; text-transform: uppercase; } .a4-evidence-grid h3 { font-size: 16px; font-weight: 800; color: var(--rpt-navy); margin: 6px 0; } .a4-evidence-grid p { color: var(--rpt-sub); font-size: 12px; line-height: 1.78; } .a4-part-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.a4-part-grid article{padding:16px;background:#fafcff;border:1px solid var(--rpt-border);border-top:4px solid var(--rpt-blue)}.a4-part-grid article.ready{border-top-color:#8b4fcf;background:#fbf8ff}.a4-part-grid article.pending{border-top-style:dashed}.a4-part-grid header{display:flex;justify-content:space-between;align-items:center}.a4-part-grid header span{font-size:10px;font-weight:800;color:var(--rpt-sub)}.a4-part-grid header strong{font-size:24px;color:var(--rpt-navy)}.a4-part-grid h3{margin:10px 0 6px;color:var(--rpt-navy);font-size:15px}.a4-part-grid p{margin:0;color:var(--rpt-sub);font-size:11px;line-height:1.7} .a4-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.a4-quality-grid article{padding:15px;background:#fafcff;border:1px solid var(--rpt-border);border-left:4px solid #8b4fcf}.a4-quality-grid div{display:flex;align-items:baseline;gap:5px}.a4-quality-grid span{flex:1;color:var(--rpt-navy);font-size:12px;font-weight:800}.a4-quality-grid strong{font-size:22px;color:#8b4fcf}.a4-quality-grid em{font-size:9px;color:var(--rpt-sub);font-style:normal}.a4-quality-grid i{display:block;height:6px;margin:7px 0;background:#e6e8f3;overflow:hidden}.a4-quality-grid b{display:block;height:100%;background:linear-gradient(90deg,#8b4fcf,#2376d9)}.a4-quality-grid p{margin:0;color:var(--rpt-sub);font-size:11px;line-height:1.65} .a4-trait-table{border:1px solid var(--rpt-border)}.a4-trait-table>div{display:grid;grid-template-columns:70px 1fr 62px 1fr;border-bottom:1px solid var(--rpt-border2);align-items:center}.a4-trait-table .head{background:#edf3fb;color:var(--rpt-navy);font-size:10px;font-weight:800}.a4-trait-table span,.a4-trait-table strong,.a4-trait-table em{padding:9px 10px;font-size:10px;line-height:1.5}.a4-trait-table strong{color:var(--rpt-navy)}.a4-trait-table em{color:var(--rpt-blue);font-style:normal;font-weight:900;text-align:center} .a4-subtitle{margin:0 0 8px;color:var(--rpt-navy);font-size:13px}.a4-factor-list{display:grid;gap:7px}.a4-factor-list article{padding:9px 10px;background:#fafcff;border:1px solid var(--rpt-border2)}.a4-factor-list header{display:flex;justify-content:space-between;font-size:10px;color:var(--rpt-sub)}.a4-factor-list header strong{color:var(--rpt-navy)}.a4-factor-list article>div{display:flex;height:7px;margin:6px 0;background:#e7edf5;overflow:hidden}.a4-factor-list i{display:block;height:100%}.a4-factor-list p{margin:0;color:var(--rpt-sub);font-size:9px} .a4-watch-detail{display:grid;gap:8px}.a4-watch-detail article{padding:10px 12px;background:#fff9f5;border:1px solid var(--rpt-border);border-left:4px solid var(--rpt-red)}.a4-watch-detail header{display:flex;justify-content:space-between;margin-bottom:5px}.a4-watch-detail header strong{color:var(--rpt-navy)}.a4-watch-detail header span{color:var(--rpt-red);font-size:10px;font-weight:800}.a4-watch-detail p{margin:3px 0;color:var(--rpt-sub);font-size:10px;line-height:1.55} .a4-toc-page{display:grid;grid-template-columns:1fr 1.7fr;align-items:center;gap:28px}.a4-toc-title{display:flex;align-items:center;justify-content:flex-end;gap:18px}.a4-toc-title span{color:#111827;font-size:34px;font-weight:900}.a4-toc-title i{display:block;width:10px;height:58px;background:var(--rpt-navy)}.a4-toc-list h2{margin:8px 0;color:#111827;font-size:24px;font-weight:900}.a4-toc-list h2:first-child{display:inline-block;padding:5px 16px;background:#c8d8f4}.a4-toc-list p{margin:6px 0 6px 42px;color:#4b5563;font-size:17px;font-weight:800}.a4-toc-list p:before{content:"•";margin-right:10px} .a4-team-summary{padding:13px 16px;border:1px solid var(--rpt-border);border-left:5px solid var(--rpt-navy);background:#fff}.a4-team-summary.compact{padding:12px 15px}.a4-team-summary h3{margin:0 0 8px;color:#111827;font-size:20px;font-weight:900}.a4-team-summary p{margin:4px 0;color:#2d3a52;font-size:11.5px;line-height:1.65} .a4-team-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.a4-team-overview-grid>article{padding:14px;min-height:245px;border:1px solid var(--rpt-border);background:#fff}.a4-team-overview-grid h3{margin:0 0 6px;text-align:left;color:var(--rpt-navy);font-size:11.5px;font-weight:800;line-height:1.35} .a4-radar-panel{display:grid;gap:8px}.a4-radar-panel div{display:grid;grid-template-columns:70px 1fr 36px;gap:8px;align-items:center}.a4-radar-panel span{color:var(--rpt-navy);font-size:10.5px;font-weight:800}.a4-radar-panel i{height:10px;background:#e8eef7;overflow:hidden}.a4-radar-panel b{display:block;height:100%;background:linear-gradient(90deg,#1f5ca9,#4d8ff2)}.a4-radar-panel em{color:var(--rpt-navy);font-size:10.5px;font-style:normal;font-weight:900} .a4-pie-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.a4-pie-legend div{padding:12px;background:#f4f7fc;border:1px solid var(--rpt-border);border-top:4px solid #1f5ca9}.a4-pie-legend div:nth-child(2){border-top-color:#4777c8}.a4-pie-legend div:nth-child(3){border-top-color:#d89a20}.a4-pie-legend div:nth-child(4){border-top-color:#d95852}.a4-pie-legend strong{display:block;color:var(--rpt-navy);font-size:24px;font-weight:900}.a4-pie-legend span{color:var(--rpt-sub);font-size:10.5px;font-weight:700} .a4-focus-text{margin-top:10px;padding-left:12px;border-left:1px solid var(--rpt-border)}.a4-focus-text p{margin:5px 0;color:#2d3a52;font-size:10.5px;line-height:1.65} .a4-dim-table{border:1px solid var(--rpt-border);background:#fff;overflow:hidden}.a4-dim-table>div{display:grid;grid-template-columns:88px 1fr 68px;align-items:center;border-bottom:1px solid var(--rpt-border2)}.a4-dim-table.four>div{grid-template-columns:88px 70px 110px 1fr}.a4-dim-table>div:last-child{border-bottom:0}.a4-dim-table .head{background:var(--rpt-navy);color:#fff;font-size:10px;font-weight:900}.a4-dim-table strong,.a4-dim-table span,.a4-dim-table em{padding:9px 10px;min-width:0;border-right:1px solid var(--rpt-border2);font-size:10.5px;line-height:1.55}.a4-dim-table span:last-child,.a4-dim-table em:last-child{border-right:0}.a4-dim-table strong{color:var(--rpt-navy);font-weight:900}.a4-dim-table em{color:var(--rpt-gold);font-style:normal;font-weight:900;text-align:center}.a4-dim-table>div:not(.head):nth-child(even){background:#f8faff} .a4-dim-table.wide>div{grid-template-columns:96px minmax(0,1fr) 54px}.a4-dim-table.wide strong{font-size:11.5px}.a4-dim-table.wide span{font-size:11.5px;line-height:1.72}.a4-dim-table.wide em{font-size:13px;padding-left:6px;padding-right:6px} .a4-evidence-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.a4-evidence-strip article{padding:10px;background:#fff;border:1px solid var(--rpt-border);border-top:3px solid var(--rpt-blue)}.a4-evidence-strip span{display:block;color:var(--rpt-sub);font-size:9.5px;font-weight:900}.a4-evidence-strip strong{display:block;margin:2px 0;color:var(--rpt-navy);font-size:22px;font-weight:900}.a4-evidence-strip i{display:block;height:6px;background:#e6edf6;overflow:hidden}.a4-evidence-strip b{display:block;height:100%;background:linear-gradient(90deg,var(--rpt-blue),var(--rpt-teal))}.a4-evidence-strip p{margin:6px 0 0;color:var(--rpt-sub);font-size:10px;line-height:1.55} .a4-mini-analysis{margin-top:8px;padding:9px 11px;background:#fff;border:1px solid var(--rpt-border)}.a4-mini-analysis p{margin:3px 0;color:#39465a;font-size:10.5px;line-height:1.55} .a4-analysis-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.a4-analysis-grid.single{grid-template-columns:1fr}.a4-analysis-grid article{padding:10px 12px;background:#fafcff;border:1px solid var(--rpt-border);border-left:4px solid var(--rpt-blue)}.a4-analysis-grid article.risk{border-left-color:var(--rpt-gold);background:#fffaf0}.a4-analysis-grid header{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px}.a4-analysis-grid strong{color:var(--rpt-navy);font-size:12px}.a4-analysis-grid header span{color:var(--rpt-sub);font-size:9px;font-weight:900}.a4-analysis-grid p{margin:0;color:#39465a;font-size:10.5px;line-height:1.6} .a4-chart-analysis{margin-top:12px;padding:12px 14px;background:#f8fbff;border:1px solid var(--rpt-border2);border-left:4px solid var(--rpt-blue)} .a4-chart-analysis h3,.a4-chart-analysis h4{margin:0 0 8px;color:var(--rpt-navy);font-size:12px;font-weight:800} .a4-chart-analysis h4.a4-subtitle{margin:0 0 6px;padding:0;background:transparent;color:var(--rpt-navy);font-size:11px;text-align:left} .a4-chart-analysis-list{display:grid;gap:6px} .a4-chart-analysis-list.spaced{margin-top:10px} .a4-chart-analysis-list p{margin:0;color:#39465a;font-size:10.5px;line-height:1.65} .a4-chart-analysis-list p b{color:var(--rpt-navy);font-weight:800} .a4-chart-analysis h4.a4-subtitle.spaced{margin-top:10px} .a4-chart-analysis .a4-analysis-para{margin:0;color:#39465a;font-size:10.5px;line-height:1.68} .a4-chart-analysis .a4-analysis-grid{margin-top:0} .a4-chart-analysis .a4-trait-table{margin-top:0;border:0} .a4-chart-analysis.bare{background:transparent;border:0;padding:0} .a4-personality-appendix .a4-page-head{margin-bottom:10px;padding-bottom:8px} .a4-personality-appendix .a4-appendix-note{margin:0 0 7px;color:var(--rpt-sub);font-size:9.8px;line-height:1.55} .a4-personality-summary{align-items:stretch;gap:8px!important;margin-bottom:7px!important} .a4-personality-summary .a4-insight{display:flex;flex-direction:column;min-height:70px;padding:10px 13px;margin:0;box-shadow:none} .a4-personality-summary .a4-insight h3{margin:0 0 5px;font-size:12.5px} .a4-personality-summary .a4-insight p{margin:0;font-size:10.5px;line-height:1.55} .a4-personality-charts{margin-top:0!important;padding:8px;min-height:0} .a4-personality-charts .uk-chart-grid{gap:8px} .a4-personality-charts .uk-chart-card{padding:8px 10px} .a4-personality-charts .uk-chart-head{margin-bottom:2px} .a4-personality-charts .uk-chart-canvas{height:160px} .a4-personality-charts .uk-chart-radar .uk-chart-canvas{height:170px} .a4-personality-charts .uk-chart-polar .uk-chart-canvas{height:210px} .a4-personality-charts .uk-chart-polar .uk-chart-canvas>canvas{max-height:210px} .a4-dimension-analysis{margin-top:9px} .a4-dimension-analysis>h3,.a4-data-interpretation>h3{margin:0 0 7px;color:var(--rpt-navy);font-size:12px;font-weight:900} .a4-dimension-analysis .a4-analysis-grid{gap:6px} .a4-dimension-analysis .a4-analysis-grid article{padding:8px 10px} .a4-dimension-analysis .a4-analysis-grid header{margin-bottom:4px} .a4-dimension-analysis .a4-analysis-grid p{font-size:10px;line-height:1.48} .a4-data-interpretation{margin-top:9px} .a4-data-interpretation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .a4-data-interpretation article{padding:10px 11px;background:#fff;border:1px solid var(--rpt-border);border-top:4px solid var(--rpt-blue)} .a4-data-interpretation article:nth-child(2){border-top-color:var(--rpt-gold);background:#fffaf0} .a4-data-interpretation article:nth-child(3){border-top-color:var(--rpt-teal);background:#f5fffc} .a4-data-interpretation span{display:inline-block;margin-bottom:2px;padding:3px 7px;background:#eaf2ff;color:var(--rpt-blue);font-size:11px;line-height:1.2;font-weight:900} .a4-data-interpretation article:nth-child(2) span{background:#fff1cc;color:#b47a00} .a4-data-interpretation article:nth-child(3) span{background:#e6f8f4;color:#0f8c7f} .a4-data-interpretation h4{margin:4px 0 5px;color:var(--rpt-navy);font-size:11.5px;font-weight:900;line-height:1.35} .a4-data-interpretation p{margin:0;color:#39465a;font-size:9.8px;line-height:1.56} .a4-guide-page .a4-page-head{margin-bottom:14px;padding-bottom:9px} .a4-guide-page .a4-analysis-list{gap:8px} .a4-guide-page .a4-analysis-list article{padding:15px 18px} .a4-guide-page .a4-analysis-list h3{margin-bottom:6px;font-size:14px} .a4-guide-page .a4-analysis-list p{font-size:12.2px;line-height:1.72} .a4-guide-page .a4-analysis-list ul{margin-top:6px!important;font-size:10.2px!important;line-height:1.55!important} .a4-guide-page .a4-note{margin-top:9px!important;padding:11px 14px} .a4-guide-page .a4-note h3{margin-bottom:0;font-size:12.5px} .a4-guide-page .a4-tool-table{margin-top:6px!important} .a4-guide-page .a4-tool-table strong, .a4-guide-page .a4-tool-table em, .a4-guide-page .a4-tool-table span{padding:8px 11px} .a4-guide-page .a4-tool-table strong{font-size:11px} .a4-guide-page .a4-tool-table em{font-size:11px;line-height:1.35} .a4-guide-page .a4-tool-table > div:not(.head) span{font-size:10.3px;line-height:1.55} .a4-personality-fit-page .a4-page-head{margin-bottom:8px;padding-bottom:7px} .a4-personality-fit-page .a4-appendix-note{margin-bottom:5px;font-size:9.4px;line-height:1.45} .a4-personality-fit-page .a4-personality-summary{gap:7px!important;margin-bottom:6px!important} .a4-personality-fit-page .a4-personality-summary .a4-insight{min-height:62px;padding:8px 11px} .a4-personality-fit-page .a4-personality-summary .a4-insight h3{margin-bottom:4px;font-size:12px} .a4-personality-fit-page .a4-personality-summary .a4-insight p{font-size:10px;line-height:1.42} .a4-personality-fit-page .a4-personality-charts{padding:7px} .a4-personality-fit-page .a4-personality-charts .uk-chart-card{padding:7px 9px} .a4-personality-fit-page .a4-personality-charts .uk-chart-radar .uk-chart-canvas{height:154px} .a4-personality-fit-page .a4-dimension-analysis{margin-top:7px} .a4-personality-fit-page .a4-dimension-analysis>h3, .a4-personality-fit-page .a4-data-interpretation>h3{margin-bottom:5px;font-size:11.5px} .a4-personality-fit-page .a4-dimension-analysis .a4-analysis-grid{gap:5px} .a4-personality-fit-page .a4-dimension-analysis .a4-analysis-grid article{padding:7px 9px} .a4-personality-fit-page .a4-dimension-analysis .a4-analysis-grid header{margin-bottom:3px} .a4-personality-fit-page .a4-dimension-analysis .a4-analysis-grid p{font-size:9.5px;line-height:1.38} .a4-personality-fit-page .a4-data-interpretation{margin-top:7px} .a4-personality-fit-page .a4-data-interpretation>div{gap:7px} .a4-personality-fit-page .a4-data-interpretation article{padding:8px 9px} .a4-personality-fit-page .a4-data-interpretation span{margin-bottom:1px;padding:2px 6px;font-size:10px} .a4-personality-fit-page .a4-data-interpretation h4{margin:3px 0 4px;font-size:10.5px;line-height:1.28} .a4-personality-fit-page .a4-data-interpretation p{font-size:9.2px;line-height:1.42} .a4-game-appendix .a4-page-head{margin-bottom:10px;padding-bottom:8px} .a4-game-note{margin:-2px 0 9px;color:var(--rpt-sub);font-size:10.5px;line-height:1.55} .a4-game-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;align-items:stretch} .a4-game-feature-group{display:grid;grid-template-rows:auto repeat(2,1fr);gap:7px;min-width:0} .a4-game-feature-group h4{margin:0;color:var(--rpt-navy);font-size:12.5px;font-weight:900} .a4-game-feature-group article{display:flex;flex-direction:column;min-height:80px;padding:9px 10px;border:1px solid var(--rpt-border);border-left:4px solid var(--rpt-blue);background:#f7fbff;border-radius:2px;font-size:10px;line-height:1.45} .a4-game-feature-group article.negative{border-left-color:var(--rpt-gold);background:#fffaf0} .a4-game-feature-group strong{display:block;color:var(--rpt-navy);font-size:11px;font-weight:900} .a4-game-feature-group ul{flex:1;margin:5px 0 0;padding-left:15px;color:#39465a} .a4-game-feature-group li{margin:2px 0} .a4-game-charts{margin-top:10px!important} .a4-game-evidence{margin-top:10px} .a4-game-evidence>h3{margin:0 0 7px;color:var(--rpt-navy);font-size:12px;font-weight:900} .a4-game-evidence .a4-analysis-grid{gap:6px} .a4-game-evidence .a4-analysis-grid article{padding:8px 10px} .a4-game-evidence .a4-analysis-grid header{margin-bottom:4px} .a4-game-evidence .a4-analysis-grid p{font-size:10px;line-height:1.5} .a4-game-evidence-advice{margin-top:8px;padding:10px 12px;background:#f7fbff;border:1px solid var(--rpt-border);border-left:4px solid var(--rpt-teal)} .a4-game-evidence-advice h3{margin:0 0 7px;color:var(--rpt-navy);font-size:12px;font-weight:900} .a4-game-evidence-advice .analysis,.a4-game-evidence-advice .advice{display:grid;gap:4px} .a4-game-evidence-advice .advice{margin-top:7px;padding-top:7px;border-top:1px solid var(--rpt-border2)} .a4-game-evidence-advice p{margin:0;color:#39465a;font-size:9.8px;line-height:1.48} .a4-game-evidence-advice b{color:var(--rpt-navy)} .a4-quadrant-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.a4-quadrant-list article{padding:10px;background:#f8fbff;border:1px solid var(--rpt-border)}.a4-quadrant-list span{display:block;color:var(--rpt-navy);font-size:11px;font-weight:900}.a4-quadrant-list i{display:block;height:7px;margin:6px 0;background:#e6edf6}.a4-quadrant-list b{display:block;height:100%;background:linear-gradient(90deg,#8b4fcf,var(--rpt-blue))}.a4-quadrant-list strong{color:#8b4fcf;font-size:16px}.a4-quadrant-list p{margin:4px 0 0;color:var(--rpt-sub);font-size:10px;line-height:1.5} .a4-personal-overview-page{padding-top:12mm;padding-bottom:12mm} .a4-personal-overview-page .a4-page-head{margin-bottom:7px;padding-bottom:6px;border-bottom:2px solid #a9bbd3} .a4-personal-overview-page .a4-page-head>span{width:28px;height:28px;border-radius:0;font-size:12px;box-shadow:none} .a4-personal-overview-page .a4-page-head h2{font-size:20px} .a4-personal-overview-page .a4-page-head p{font-size:9px} .a4-personal-overview-page .a4-subtitle{margin:0;padding:5px 8px;background:#a7c3e2;color:#111827;font-size:12px;text-align:left} .a4-personal-overview-page .a4-profile-info{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 8px;border:1px solid #aeb7c4;border-top:0;background:#fff} .a4-personal-overview-page .a4-profile-info div{min-height:34px;padding:0;border:0;border-right:1px solid #c7ced8;border-bottom:1px solid #c7ced8;border-radius:0;background:#fff} .a4-personal-overview-page .a4-profile-info div:nth-child(4n){border-right:0} .a4-personal-overview-page .a4-profile-info div:nth-last-child(-n+4){border-bottom:0} .a4-personal-overview-page .a4-profile-info span{display:block;padding:3px 6px;background:#eef3f8;color:#173b73;font-size:9px;font-weight:900;text-align:center;letter-spacing:0} .a4-personal-overview-page .a4-profile-info strong{display:block;padding:5px 6px;color:#111827;font-size:11.5px;text-align:center;line-height:1.35} .a4-personal-overview-page .a4-report-section{margin-top:7px;padding:0;background:#fff;border:1px solid #aeb7c4;border-left:0;border-radius:0;box-shadow:none} .a4-personal-overview-page .a4-report-section h3{margin:0;padding:5px 8px;background:#a7c3e2;color:#111827;font-size:12px;line-height:1.25} .a4-personal-overview-page .a4-report-section.teal h3{background:#9bcfc9} .a4-personal-overview-page .a4-report-section.purple h3{background:#c7b9de} .a4-personal-overview-page .a4-report-section h3 span{display:block} .a4-personal-overview-page .a4-report-section p{margin:0;padding:3px 9px;color:#1f2937;font-size:10.2px;line-height:1.58} .a4-personal-overview-page .a4-report-section p:first-of-type{padding-top:7px} .a4-personal-overview-page .a4-report-section p:last-child{padding-bottom:7px} .a4-personal-overview-page .a4-priority-strip{grid-template-columns:repeat(3,1fr);gap:0;margin-top:0;border:1px solid #aeb7c4;border-top:0} .a4-personal-overview-page .a4-priority-strip article{padding:8px 9px;border:0;border-right:1px solid #c7ced8;border-top:0;background:#fff} .a4-personal-overview-page .a4-priority-strip article:last-child{border-right:0} .a4-personal-overview-page .a4-priority-strip span{color:#111827;font-size:10px;text-align:center} .a4-personal-overview-page .a4-priority-strip strong{margin:3px 0;color:#173b73;font-size:20px;text-align:center} .a4-personal-overview-page .a4-priority-strip p{font-size:9.5px;line-height:1.45;text-align:left} .a4-personal-overview-page .a4-compact-metrics{gap:0;border-top:1px solid #c7ced8} .a4-personal-overview-page .a4-compact-metrics div{padding:7px 8px;border:0;border-right:1px solid #c7ced8;border-top:0;background:#fff;text-align:center} .a4-personal-overview-page .a4-compact-metrics div:last-child{border-right:0} .a4-personal-overview-page .a4-compact-metrics span{color:#111827;font-size:10px;font-weight:800} .a4-personal-overview-page .a4-compact-metrics strong{font-size:20px;color:#173b73} .a4-personal-overview-page .a4-compact-metrics em{font-size:9px} .a4-personal-overview-page .a4-mini-analysis{margin:0;padding:7px 9px;border:0;border-top:1px solid #c7ced8;background:#fff} .a4-personal-overview-page .a4-mini-analysis p{padding:1px 0;font-size:9.7px;line-height:1.48} .a4-personal-overview-page .a4-profile-sections{display:grid;grid-template-columns:1fr;gap:7px;margin-top:7px} .a4-personal-overview-page .a4-footer{bottom:6mm} .a4-risk-matrix{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.a4-risk-matrix article{padding:10px;background:#f7fbff;border:1px solid var(--rpt-border);border-top:4px solid var(--rpt-teal)}.a4-risk-matrix article.risk{background:#fffaf0;border-top-color:var(--rpt-gold)}.a4-risk-matrix strong{display:block;color:var(--rpt-navy);font-size:12px}.a4-risk-matrix span{display:block;margin:3px 0;color:var(--rpt-blue);font-size:9.5px;font-weight:900}.a4-risk-matrix article.risk span{color:var(--rpt-gold)}.a4-risk-matrix p{margin:0;color:var(--rpt-sub);font-size:10px;line-height:1.5} .a4-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.a4-timeline article{position:relative;padding:12px 11px;background:#fff;border:1px solid var(--rpt-border);border-top:4px solid var(--rpt-blue)}.a4-timeline article:nth-child(2){border-top-color:var(--rpt-teal)}.a4-timeline article:nth-child(3){border-top-color:#8b4fcf}.a4-timeline article:nth-child(4){border-top-color:var(--rpt-gold)}.a4-timeline span{color:var(--rpt-sub);font-size:9.5px;font-weight:900}.a4-timeline h3{margin:5px 0;color:var(--rpt-navy);font-size:13px}.a4-timeline p{margin:0;color:#39465a;font-size:10.5px;line-height:1.58} /* ── A4 ChartKit 集成 ── */ .a4-chart-box .uk-chart-card { border-top: 4px solid var(--rpt-blue); box-shadow: none; } .a4-chart-box .uk-chart-titles h3 { color: var(--rpt-navy); font-weight: 800; } .a4-chart-compact{padding:8px 10px;background:#f8fbff} .a4-chart-compact .uk-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0} .a4-chart-compact .uk-chart-card{padding:10px 12px;background:#fff;border-color:var(--rpt-border2);break-inside:avoid} .a4-chart-compact .uk-chart-head{margin-bottom:6px} .a4-chart-compact .uk-chart-titles h3{font-size:11.5px;line-height:1.35} .a4-chart-compact .uk-chart-download{display:none!important} .a4-chart-compact .uk-chart-canvas{height:170px;margin-top:0} .a4-chart-compact .uk-chart-radar .uk-chart-canvas{height:190px;display:flex;align-items:center;justify-content:center} .a4-chart-compact .uk-chart-polar .uk-chart-canvas{height:230px;display:flex;align-items:center;justify-content:center;position:relative} .a4-chart-compact .uk-chart-doughnut .uk-chart-canvas{height:190px;display:flex;align-items:center;justify-content:center} .a4-chart-compact .uk-chart-radar .uk-chart-canvas canvas{max-width:100%;max-height:100%;width:auto!important;height:auto!important} .a4-chart-compact .uk-chart-polar .uk-chart-canvas>canvas{width:100%!important;max-width:340px;max-height:230px;margin:0 auto} .a4-chart-compact .uk-chart-gauge .uk-chart-canvas, .a4-chart-compact .uk-chart-dual_gauge .uk-chart-canvas-dual{height:150px;display:flex;align-items:center;justify-content:center} .a4-chart-compact .uk-chart-gauge .uk-chart-canvas canvas, .a4-chart-compact .uk-chart-dual_gauge .uk-chart-canvas-dual canvas{width:auto!important;max-width:100%;height:auto!important} .a4-chart-compact .uk-chart-mental_matrix .uk-chart-canvas-quadrant{height:auto;display:flex;justify-content:center;padding:2px 0} .a4-chart-compact .uk-chart-heatmap .uk-chart-canvas-auto{min-height:150px} .a4-chart-box .uk-chart-card.uk-chart-diverging{border:0;background:transparent;box-shadow:none;padding:4px 2px} .a4-chart-compact .uk-chart-diverging .uk-chart-canvas-auto{min-height:0} /* 素质测评覆盖页：仪表盘与覆盖率条形图等高、内容居中 */ .a4-coverage-charts .uk-chart-grid{align-items:stretch} .a4-coverage-charts .uk-chart-gauge .uk-chart-canvas{height:158px} .a4-coverage-charts .uk-chart-bar .uk-chart-canvas{height:158px} .a4-chart-mental{padding:6px 8px} .a4-chart-mental .uk-chart-grid{align-items:stretch} .a4-chart-mental .uk-chart-card{display:flex;flex-direction:column;padding:8px 10px 6px;min-height:0} .a4-chart-mental .uk-chart-head{margin-bottom:4px;flex:0 0 auto} .a4-chart-mental .uk-chart-canvas{flex:1;display:flex;align-items:center;justify-content:center;height:auto!important;min-height:0;margin:0;padding:0} .a4-chart-mental .uk-chart-dual_gauge .uk-chart-canvas-dual, .a4-chart-mental .uk-chart-mental_matrix .uk-chart-canvas-quadrant{align-items:center;justify-content:center;padding:0} .a4-chart-mental .uk-chart-dual_gauge .uk-chart-canvas-dual canvas, .a4-chart-mental .uk-chart-mental_matrix .uk-chart-canvas-quadrant canvas{display:block;margin:0 auto} /* ── ChartKit 全局升级（报告上下文） ── */ .sz-deck .uk-chart-card, .a4-report .uk-chart-card { border-radius: 3px; } .sz-deck .uk-chart-analysis, .a4-report .uk-chart-analysis { background: #f5f8ff; border-left: 4px solid var(--rpt-blue); } .sz-deck .uk-chart-findings, .a4-report .uk-chart-findings { background: #f5f8ff; border-left: 4px solid var(--rpt-blue); } .sz-deck .uk-chart-advice, .a4-report .uk-chart-advice { background: #f2f7ff !important; border-left-color: var(--rpt-teal) !important; } .sz-deck .uk-chart-foot h4, .a4-report .uk-chart-foot h4 { color: var(--rpt-navy); } .sz-deck .uk-chart-foot, .a4-report .uk-chart-foot { border-top: 1px solid var(--rpt-border2); } /* ── A4 打印优化 ── */ @media print { .a4-report { background: #fff; padding: 0; } .a4-page { box-shadow: none !important; border-radius: 0; } .a4-cover, .a4-hero-claim, .a4-person-summary aside { -webkit-print-color-adjust: exact; print-color-adjust: exact; } .a4-page:before { -webkit-print-color-adjust: exact; print-color-adjust: exact; } } @media(max-width:650px){.a4-part-grid,.a4-quality-grid{grid-template-columns:1fr}} @media print{ @page moduleReportPdf{size:A4;margin:15mm 20mm} .pdf-report-preview{page:moduleReportPdf} .pdf-report-preview .pdf-page-section{break-after:page;page-break-after:always} .pdf-report-preview .pdf-page-section:last-of-type{break-after:auto;page-break-after:auto} }