.wcu-illustration{position:relative;min-height:400px}.wcu-card{position:absolute;background:var(--color-white);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md);overflow:hidden}.wcu-card--main{width:260px;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;animation:float 6s ease-in-out infinite}.wcu-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.wcu-card__title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--color-text-primary)}.wcu-card__dots{display:flex;gap:5px}.wcu-card__dot{width:7px;height:7px;border-radius:50%}.wcu-card__dot--red{background:#f87171}.wcu-card__dot--yellow{background:#fbbf24}.wcu-card__dot--green{background:#34d399}.wcu-card__tools{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:2px}.wcu-card__tool-item{display:flex;align-items:center;gap:var(--space-3);padding:8px 0}.wcu-card__tool-item+.wcu-card__tool-item{border-top:1px solid var(--color-border)}.wcu-card__tool-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0}.wcu-card__tool-icon svg{width:16px;height:16px}.wcu-card__tool-icon--blue{background:var(--color-brand-blue-light);color:var(--color-primary)}.wcu-card__tool-icon--orange{background:var(--color-brand-orange-light);color:var(--color-brand-orange)}.wcu-card__tool-icon--yellow{background:var(--color-brand-yellow-light);color:var(--color-brand-yellow)}.wcu-card__tool-text{display:flex;flex-direction:column;gap:2px}.wcu-card__tool-name{font-size:12px;font-weight:600;color:var(--color-text-primary)}.wcu-card__tool-status{font-size:10px;font-weight:500;color:var(--color-text-muted)}.wcu-card__tool-status--active{color:var(--color-success)}.wcu-card--score{width:120px;top:5%;right:0;z-index:4;animation:floatReverse 7s ease-in-out infinite 0.5s;transform:rotate(3deg)}.wcu-card__score-content{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);gap:var(--space-2)}.wcu-card__score-badge{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-primary);background:linear-gradient(135deg, var(--color-brand-blue-light) 0%, rgba(178,221,242,0.3) 100%);width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.wcu-card__score-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-align:center}.wcu-card--time{width:auto;bottom:15%;left:0;z-index:4;animation:float 8s ease-in-out infinite 1s;transform:rotate(-2deg)}.wcu-card__time-content{display:flex;align-items:center;gap:var(--space-2);padding:10px 16px}.wcu-card__time-content svg{color:var(--color-brand-orange);flex-shrink:0}.wcu-card__time-text{font-size:12px;font-weight:600;color:var(--color-text-primary);white-space:nowrap}@media (max-width: 900px){.wcu-illustration{min-height:320px;max-width:400px;margin:0 auto}.wcu-card--main{width:230px}.wcu-card--score{width:110px}}@media (max-width: 768px){.wcu-illustration{min-height:280px}.wcu-card--main{width:210px}.wcu-card--score{width:100px;top:0}.wcu-card--time{bottom:10%}}@media (max-width: 480px){.wcu-illustration{min-height:220px}.wcu-card--time{display:none}.wcu-card--main{width:190px}.wcu-card--score{width:95px}}