mirror of
https://gitee.com/myxzgzs/boyue-kfcode-hasfj.git
synced 2025-06-21 19:49:36 +08:00
2 lines
7.4 KiB
CSS
2 lines
7.4 KiB
CSS
.law-list-container[data-v-2e0ab612]{min-height:100vh;background-color:var(--color-background);display:flex;flex-direction:column;width:100%}.page-header[data-v-2e0ab612]{background-color:var(--color-primary);color:#fff;padding:3rem 0;margin-bottom:0;position:relative;overflow:hidden;background-image:linear-gradient(135deg,#0072ff,#00c6ff);width:100%}.page-header[data-v-2e0ab612]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxyZWN0IGlkPSJwYXR0ZXJuLWJhY2tncm91bmQiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InRyYW5zcGFyZW50Ij48L3JlY3Q+PHBhdGggZD0iTSAwIDAgTCAxMCAwIiBzdHJva2U9IiNmZmZmZmYxMCIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PC9wYXR0ZXJuPjwvZGVmcz48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm4pIj48L3JlY3Q+PC9zdmc+);opacity:.4;z-index:1}.page-header .container[data-v-2e0ab612]{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 2rem}.page-header h1[data-v-2e0ab612]{font-size:2.5rem;margin-bottom:1rem;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.subtitle[data-v-2e0ab612]{font-size:1.2rem;opacity:.9;max-width:700px;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.1)}.container[data-v-2e0ab612]{max-width:1200px;margin:0 auto;padding:0 1rem;width:100%}.content-wrapper[data-v-2e0ab612]{padding:2rem 0;width:100%}.law-list[data-v-2e0ab612]{background-color:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000000d;width:100%}.loading[data-v-2e0ab612],.error[data-v-2e0ab612],.empty[data-v-2e0ab612]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.spinner[data-v-2e0ab612]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:var(--color-primary);animation:spin-2e0ab612 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin-2e0ab612{to{transform:rotate(360deg)}}.btn-retry[data-v-2e0ab612],.btn-home[data-v-2e0ab612]{background-color:var(--color-primary);color:#fff;border:none;padding:.7rem 1.8rem;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .3s;margin-top:1rem;box-shadow:0 2px 8px #007bff40;text-decoration:none;display:inline-block}.btn-retry[data-v-2e0ab612]:hover,.btn-home[data-v-2e0ab612]:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.law-grid[data-v-2e0ab612]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.law-card[data-v-2e0ab612]{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;overflow:hidden;border:1px solid #f0f0f0;height:100%}.law-card[data-v-2e0ab612]:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.law-link[data-v-2e0ab612]{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--color-text);padding:1.2rem}.law-icon[data-v-2e0ab612]{width:48px;height:48px;background-color:#007bff1a;border-radius:50%;margin-bottom:1.2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%230072ff' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E");background-size:24px;background-position:center;background-repeat:no-repeat;transition:all .3s}.law-card:hover .law-icon[data-v-2e0ab612]{background-color:var(--color-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z'/%3E%3C/svg%3E")}.law-content[data-v-2e0ab612]{flex:1;display:flex;flex-direction:column}.law-title[data-v-2e0ab612]{font-size:1.1rem;font-weight:600;margin-bottom:1rem;line-height:1.4;color:var(--color-text)}.law-meta[data-v-2e0ab612]{margin-bottom:1.5rem;color:var(--color-text-light);font-size:.85rem;display:flex;flex-direction:column;gap:.5rem}.law-date[data-v-2e0ab612],.law-views[data-v-2e0ab612]{display:flex;align-items:center;gap:.5rem}.law-date[data-v-2e0ab612]:before,.law-views[data-v-2e0ab612]:before{content:"";display:inline-block;width:16px;height:16px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.7}.law-date[data-v-2e0ab612]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M4.684 11.523v-2.3h2.261v-.61H4.684V6.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V8.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V7.418h-.672v4.105z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")}.law-views[data-v-2e0ab612]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M10.5 8a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0z'/%3E%3Cpath d='M0 8s3-5.5 8-5.5S16 8 16 8s-3 5.5-8 5.5S0 8 0 8zm8 3.5a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7z'/%3E%3C/svg%3E")}.law-footer[data-v-2e0ab612]{margin-top:auto;padding-top:1rem;border-top:1px solid rgba(0,0,0,.05)}.view-more[data-v-2e0ab612]{display:inline-flex;align-items:center;color:var(--color-primary);font-size:.9rem;transition:all .3s}.view-more[data-v-2e0ab612]:after{content:"→";margin-left:.3rem;transition:transform .3s}.law-card:hover .view-more[data-v-2e0ab612]:after{transform:translate(3px)}@media (max-width: 768px){.page-header[data-v-2e0ab612]{padding:2.5rem 0}.page-header h1[data-v-2e0ab612]{font-size:2.2rem}.law-grid[data-v-2e0ab612]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.law-list[data-v-2e0ab612]{padding:1.5rem}}@media (max-width: 576px){.page-header[data-v-2e0ab612]{padding:2rem 0}.page-header h1[data-v-2e0ab612]{font-size:1.8rem}.subtitle[data-v-2e0ab612]{font-size:1rem}.law-grid[data-v-2e0ab612]{grid-template-columns:1fr}.law-list[data-v-2e0ab612]{padding:1rem;border-radius:8px}.law-link[data-v-2e0ab612]{padding:1.2rem}}
|