.agreement-list-container{max-width:1024px;margin:40px auto;padding:0 20px}.agreement-list-header{text-align:center;margin-bottom:40px}.agreement-list-header h1{font-size:28px;font-weight:700;color:#333;margin-bottom:12px}.agreement-list-header .subtitle{font-size:15px;color:#999}.agreement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.agreement-card{background:#fff;border-radius:10px;padding:28px 24px 24px;box-shadow:0 1px 6px rgba(0,0,0,0.06);display:flex;flex-direction:column;align-items:center;text-align:center;transition:box-shadow 0.2s,transform 0.2s;border:1px solid #f0f0f0}.agreement-card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.1);transform:translateY(-2px)}.agreement-card.is-published{cursor:pointer}.agreement-card.is-unpublished{opacity:0.55;cursor:default}.agreement-card.is-unpublished:hover{box-shadow:0 1px 6px rgba(0,0,0,0.06);transform:none}.agreement-card-icon{width:56px;height:56px;border-radius:14px;background:var(--color-brand-50);color:var(--color-brand-500);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:16px;flex-shrink:0}.agreement-card.is-unpublished .agreement-card-icon{background:#f5f5f5;color:#ccc}.agreement-card-name{font-size:16px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}.agreement-card-meta{font-size:12px;color:#999;margin-bottom:18px;line-height:1.6;min-height:36px}.agreement-card-btn{display:inline-block;padding:7px 28px;border-radius:20px;font-size:13px;font-weight:500;text-decoration:none;transition:all 0.2s}.agreement-card-btn.published{background:var(--color-brand-500);color:#fff}.agreement-card-btn.published:hover{opacity:0.88;color:#fff}.agreement-card-btn.unpublished{background:#eee;color:#bbb;cursor:default}.agreement-empty{text-align:center;padding:80px 20px;color:#999}.agreement-empty i{font-size:64px;color:#ddd;display:block;margin-bottom:16px}@media (max-width:900px){.agreement-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.agreement-list-container{margin:20px auto;padding:0 12px}.agreement-list-header{margin-bottom:24px}.agreement-list-header h1{font-size:22px}.agreement-grid{grid-template-columns:1fr;gap:14px}.agreement-card{padding:22px 18px 18px}.agreement-card-name{font-size:15px}}