[data-v-5ce528ea]:root{--theme-primary:#3b82f6;--accent-color-rgb:59,130,246;--theme-secondary:#1e40af;--theme-success:#67c23a;--theme-warning:#e6a23c;--theme-danger:#f56c6c;--theme-info:#909399;--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#333;--text-secondary:#666;--accent-color:var(--theme-primary);--border-color:#e0e0e0;--card-shadow:0 4px 6px rgba(0,0,0,0.1);--border-radius:12px;--transition-speed:0.3s;--header-height:70px}[data-theme=dark][data-v-5ce528ea]{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--text-primary:#fff;--text-secondary:#ccc;--border-color:#404040;--card-shadow:0 4px 6px rgba(0,0,0,0.3)}.theme-green[data-v-5ce528ea]{--theme-primary:#42b883;--theme-secondary:#35495e}.theme-blue[data-v-5ce528ea]{--theme-primary:#409eff;--theme-secondary:#2c3e50}.theme-purple[data-v-5ce528ea]{--theme-primary:#9c27b0;--theme-secondary:#673ab7}.card-list[data-v-5ce528ea]{width:100%;max-width:1200px;margin:0 auto;padding:20px}.card-item[data-v-5ce528ea]{display:flex;align-items:center;margin-bottom:16px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:box-shadow .3s ease;touch-action:manipulation}.card-item[data-v-5ce528ea]:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.card-image[data-v-5ce528ea]{flex:0 0 120px;height:80px;margin-right:24px;border-radius:4px;overflow:hidden}.image[data-v-5ce528ea]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-content[data-v-5ce528ea]{flex:1;min-width:0}.title[data-v-5ce528ea]{margin:0 0 8px 0;font-size:16px;color:#2d3436;font-weight:600}.description[data-v-5ce528ea]{margin:0;font-size:14px;color:#636e72;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.card-date[data-v-5ce528ea]{flex:0 0 120px;text-align:right;color:#74b9ff;font-size:13px;margin-left:24px}@media(max-width:768px){.card-item[data-v-5ce528ea]{flex-direction:column;padding:16px}.card-image[data-v-5ce528ea]{width:100%;height:160px;margin:0 0 16px 0}.card-content[data-v-5ce528ea]{width:100%;margin-bottom:16px}.card-date[data-v-5ce528ea]{width:100%;text-align:left;margin:16px 0 0 0}.title[data-v-5ce528ea]{font-size:18px}.description[data-v-5ce528ea]{font-size:15px}.card-date[data-v-5ce528ea]{font-size:14px}}