.certificate-page{min-height:100vh;background:-webkit-gradient(linear,left top,left bottom,from(#e8f0ff),color-stop(55%,#f9fafb),to(#fff));background:linear-gradient(180deg,#e8f0ff,#f9fafb 55%,#fff);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.certificate-main{max-width:1200px;width:100%;margin:0 auto;padding:48px 24px 64px;-webkit-box-flex:1;-ms-flex:1;flex:1}.enhanced-action-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;-webkit-box-shadow:0 10px 25px rgba(186,230,253,.3);box-shadow:0 10px 25px rgba(186,230,253,.3)}.enhanced-action-buttons{margin-top:20px}.enhanced-btn{border-radius:12px;padding:12px 20px;font-weight:600;-webkit-transition:all .3s ease;transition:all .3s ease;border:none;-webkit-box-shadow:0 4px 12px rgba(59,130,246,.25);box-shadow:0 4px 12px rgba(59,130,246,.25)}.enhanced-btn-outlined{background:transparent!important;-webkit-box-shadow:0 6px 16px rgba(59,130,246,.35);box-shadow:0 6px 16px rgba(59,130,246,.35)}.certificate-hero{background:hsla(0,0%,100%,.9);border-radius:24px;padding:32px;-webkit-box-shadow:0 20px 80px rgba(15,23,42,.08);box-shadow:0 20px 80px rgba(15,23,42,.08);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:32px;-ms-flex-wrap:wrap;flex-wrap:wrap}.hero-eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:#3b82f6;margin-bottom:10px}.certificate-hero h1{font-size:28px;font-weight:700;color:#0f172a;margin-bottom:8px}.hero-subtitle{color:#475467;font-size:16px}.hero-stats{gap:24px;border-left:1px solid #e5e7eb;padding-left:24px;min-width:220px}.hero-stats,.hero-stats div{display:-webkit-box;display:-ms-flexbox;display:flex}.hero-stats div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hero-stats span{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:#94a3b8}.hero-stats strong{font-size:24px;font-weight:700;color:#0f172a;margin-top:4px}.certificate-grid{margin-top:32px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.action-card,.preview-card,.timeline-panel{background:hsla(0,0%,100%,.95);border-radius:24px;padding:24px;-webkit-box-shadow:0 20px 60px rgba(15,23,42,.06);box-shadow:0 20px 60px rgba(15,23,42,.06);position:relative}.panel-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.panel-eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.3em;color:#94a3b8;margin-bottom:4px}.panel-count{background:#eff6ff;color:#1d4ed8;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:600}.timeline-scroll{max-height:690px;overflow-y:auto;padding-right:6px}.timeline-card{padding:16px;border-radius:14px;border:1px solid #e2e8f0;background:#f8fafc;-webkit-transition:all .2s ease;transition:all .2s ease}.timeline-card__title{font-weight:600;color:#0f172a;margin-bottom:8px;font-size:15px}.timeline-card__meta{font-size:13px;color:#6b7280;gap:4px}.timeline-card__meta,.timeline-skeleton{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.timeline-skeleton{gap:12px}.skeleton-item{height:80px;border-radius:16px;background:-webkit-gradient(linear,left top,right top,from(#f1f5f9),color-stop(#e2e8f0),to(#f1f5f9));background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite}@-webkit-keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.preview-panel{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:24px}.preview-header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.certificate-placeholder,.preview-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.certificate-placeholder{min-height:480px;border:2px dashed #d1d5db;border-radius:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#94a3b8;padding:32px;background:#f8fafc}.certificate-placeholder.loading{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;width:100%;max-width:520px;margin:0 auto;aspect-ratio:5/7;border-radius:20px;-webkit-box-shadow:0 30px 80px rgba(15,23,42,.15);box-shadow:0 30px 80px rgba(15,23,42,.15);border:none;background:hsla(0,0%,100%,.9)}.certificate-placeholder.loading p{font-size:16px;font-weight:500;color:#3b82f6}@-webkit-keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.certificate-canvas{position:relative;width:100%;max-width:520px;margin:0 auto;aspect-ratio:5/7;border-radius:20px;overflow:hidden;-webkit-box-shadow:0 30px 80px rgba(15,23,42,.15);box-shadow:0 30px 80px rgba(15,23,42,.15)}.certificate-canvas.glassy:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,.1));pointer-events:none}.certificate-bg{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.certificate-content{position:relative;z-index:1;width:70%;margin:0 auto;top:45%;-webkit-transform:translateY(-20%);transform:translateY(-20%);color:#083a7c;line-height:1.8;font-size:14px}.certificate-user-image{text-align:center;margin-bottom:20px}.user-image{width:90px;height:110px;-o-object-fit:cover;object-fit:cover;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.15);box-shadow:0 2px 8px rgba(0,0,0,.15);display:block;margin:0 auto}.certificate-body{text-indent:2em;margin-bottom:30px}.certificate-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;font-weight:500}.certificate-footer{margin-top:30px;text-align:right;font-weight:600;position:relative;height:100px}.certificate-signature{position:absolute;right:-10px;top:-40px;text-align:right}.signature-img{width:120px;height:auto;vertical-align:middle}.action-card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.action-header h4{font-size:18px;font-weight:600;margin-bottom:4px}.action-header p{color:#6b7280;font-size:14px}.action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px;margin-top:16px}.action-placeholder{text-align:center;color:#94a3b8;border:1px dashed #cbd5f5;border-radius:16px;padding:20px;margin-top:16px}.empty-state{padding:24px 0}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5f5;border-radius:999px}.zhshu-time .el-timeline-item__wrapper{cursor:pointer}.zhshu-time .el-timeline-item__wrapper .timeline-card{border:1px solid transparent}.zhshu-time .el-timeline-item__wrapper:hover .timeline-card{border-color:#bfdbfe}.zhshu-time.cur .el-timeline-item__wrapper .el-timeline-item__timestamp{color:#1d4ed8;font-weight:700}.zhshu-time.cur .el-timeline-item__wrapper .timeline-card{border-color:#1d4ed8;background:#e0edff;-webkit-box-shadow:0 10px 30px rgba(29,78,216,.15);box-shadow:0 10px 30px rgba(29,78,216,.15)}@media (max-width:1024px){.certificate-grid,.preview-panel{grid-template-columns:1fr}.hero-stats{border-left:none;padding-left:0}}@media (max-width:640px){.certificate-main{padding:32px 16px 48px}.certificate-hero{padding:24px}}