@page{size:A4 landscape;margin:0}*{box-sizing:border-box}html,body,#root{background:#e2e8f0;width:100%;height:100vh;margin:0;padding:0;font-family:Arial,Microsoft YaHei,sans-serif;overflow:hidden}.preview-root{flex-direction:column;height:100vh;display:flex}.preview-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.preview-bar-left{align-items:center;gap:8px;display:flex}.preview-bar-title{color:#0f172a;font-size:15px;font-weight:700}.preview-bar-right{align-items:center;gap:10px;display:flex}.type-tabs{gap:4px;display:flex}.type-tab{cursor:pointer;white-space:nowrap;color:#64748b;background:#f1f5f9;border:0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.type-tab:hover{color:#334155;background:#e2e8f0}.type-tab.active{color:#fff;background:#0f172a}.prebar-divider{background:#e2e8f0;width:1px;height:24px}.student-select{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;min-width:100px;padding:6px 10px;font-size:14px;font-weight:600}.student-select:focus{border-color:#0f172a}.print-btn{cursor:pointer;color:#fff;white-space:nowrap;background:#0f172a;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.print-btn:hover{background:#1e293b}.preview-body{flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:hidden}.a4-wrapper{transform-origin:50%;border-radius:4px;line-height:0;overflow:hidden;box-shadow:0 2px 20px #00000026}@media print{html,body,#root{background:#fff!important;height:auto!important;overflow:visible!important}.preview-root{height:auto!important;display:block!important}.preview-bar{display:none!important}.preview-body{padding:0!important;display:block!important;overflow:visible!important}.a4-wrapper{box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-radius:0!important;transform:none!important}.a4-wrapper .a4-page{box-shadow:none!important;border-radius:0!important}}.a4-page{background:#fff;width:1123px;height:794px;padding:20px;line-height:normal;overflow:hidden}.page-header{justify-content:space-between;align-items:flex-start;height:76px;display:flex}.term-text{color:#64748b;font-size:12px}.a4-page h1{letter-spacing:-.02em;color:#0f172a;margin:6px 0 0;font-size:23px;font-weight:700;line-height:1.2}.student-info{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(2,auto);gap:4px 20px;padding:10px 16px;font-size:11.5px;line-height:17px;display:grid}.student-info span{color:#64748b}.main-grid{grid-template-columns:repeat(12,1fr);gap:10px;height:665px;display:grid}.left-col{grid-column:span 4;grid-template-rows:287px 368px;gap:10px;height:100%;display:grid;overflow:hidden}.middle-col{grid-column:span 5;grid-template-rows:438px 217px;gap:10px;height:100%;display:grid;overflow:hidden}.right-col{grid-column:span 3;grid-template-rows:212px 443px;gap:10px;height:100%;display:grid;overflow:hidden}.section-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:100%;padding:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a14}.mini-title{color:#1e293b;align-items:center;gap:6px;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.radar-box{height:197px}.score-grid{grid-template-columns:repeat(5,1fr);gap:6px;font-size:10px;display:grid}.score-item{text-align:center;background:#f8fafc;border-radius:6px;padding:5px}.dimension-list{grid-template-rows:repeat(5,1fr);gap:6px;height:310px;display:grid;overflow:hidden}.dimension-item{background:#f8fafc;border-radius:8px;padding:4px 10px;overflow:hidden}.dimension-item div{color:#1e293b;font-size:11px;font-weight:600;line-height:17px}.dimension-item p{color:#475569;margin:0;font-size:10px;line-height:15px}.desc-text{color:#64748b;margin:0 0 6px;font-size:11px}.bar-box{height:363px}.comment-text{color:#334155;margin:0;font-size:11.5px;line-height:19px}.strength-grid{grid-template-columns:repeat(2,1fr);gap:8px;height:160px;display:grid;overflow:hidden}.strength-box,.improve-box{border-radius:8px;padding:10px}.strength-box{background:#ecfdf5}.improve-box{background:#fffbeb}.box-title{margin-bottom:6px;font-size:11px;font-weight:600}.green{color:#065f46}.amber{color:#92400e}.a4-page ul{margin:0;padding:0;font-size:10px;line-height:16px;list-style:none}.strength-box ul{color:#064e3b}.improve-box ul{color:#78350f}.plan-list{grid-template-rows:repeat(4,1fr);gap:6px;height:382px;display:grid;overflow:hidden}.plan-item{border:1px solid #e2e8f0;border-radius:8px;padding:6px 10px;overflow:hidden}.plan-item div{color:#1e293b;font-size:11px;font-weight:600;line-height:17px}.plan-item p{color:#475569;margin:2px 0 0;font-size:10px;line-height:15px}