.favorite-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#fff0;border:2px solid #e0e0e0;border-radius:8px;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden}.favorite-button:hover{border-color:#e74c3c;color:#e74c3c;background:rgb(231 76 60 / .05);transform:translateY(-2px)}.favorite-button .favorite-icon{width:20px;height:20px;transition:all 0.3s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.favorite-button .favorite-icon svg{width:100%;height:100%;display:block}.favorite-button:hover .favorite-icon{transform:scale(1.1)}.favorite-button.is-favorite{border-color:#e74c3c;background:#e74c3c;color:#fff}.favorite-button.is-favorite .favorite-icon{fill:currentColor}.favorite-button.is-favorite:hover{background:#c0392b;border-color:#c0392b}.favorite-button.is-loading{pointer-events:none;opacity:.6}.favorite-button.is-loading .favorite-icon{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}.favorite-style-minimal{padding:6px 12px;font-size:13px}.favorite-style-minimal .favorite-icon{width:16px;height:16px}.favorite-style-icon{padding:0!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important}.favorite-style-icon .favorite-icon{width:18px!important;height:18px!important;margin:0!important}.favorite-style-icon .favorite-count{display:none!important}.user-favorites-grid{display:grid;gap:24px;margin:20px 0}.user-favorites-grid[data-columns="2"]{grid-template-columns:repeat(2,1fr)}.user-favorites-grid[data-columns="3"]{grid-template-columns:repeat(3,1fr)}.user-favorites-grid[data-columns="4"]{grid-template-columns:repeat(4,1fr)}.favorite-post-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .08);transition:all 0.3s ease}.favorite-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgb(0 0 0 / .12)}.favorite-post-image{position:relative;padding-top:60%;overflow:hidden}.favorite-post-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.favorite-post-card:hover .favorite-post-image img{transform:scale(1.05)}.favorite-post-content{padding:16px}.favorite-post-title{font-size:16px;font-weight:700;margin:0 0 8px 0;line-height:1.4}.favorite-post-title a{color:#333;text-decoration:none;transition:color 0.2s ease}.favorite-post-title a:hover{color:#e74c3c}.favorite-post-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:#999;margin-bottom:12px}.favorite-post-date{display:flex;align-items:center;gap:4px}.favorites-notice{background:#f8f9fa;border-left:4px solid #e74c3c;padding:16px 20px;border-radius:8px;color:#666;font-size:14px;margin:20px 0}.post-meta .favorite-button,.post-card-meta .favorite-button{padding:6px 12px;font-size:13px}.post-meta .favorite-button .favorite-icon,.post-card-meta .favorite-button .favorite-icon{width:16px;height:16px}body.dark-mode .favorite-button{border-color:#4a5568;color:#e2e8f0}body.dark-mode .favorite-button:hover{border-color:#fc8181;color:#fc8181;background:rgb(252 129 129 / .1)}body.dark-mode .favorite-button.is-favorite{background:#fc8181;border-color:#fc8181;color:#fff}body.dark-mode .favorite-button.is-favorite:hover{background:#f56565;border-color:#f56565}body.dark-mode .favorite-post-card{background:#2d3748;box-shadow:0 2px 8px rgb(0 0 0 / .3)}body.dark-mode .favorite-post-card:hover{box-shadow:0 8px 24px rgb(0 0 0 / .4)}body.dark-mode .favorite-post-title a{color:#e2e8f0}body.dark-mode .favorite-post-title a:hover{color:#fc8181}body.dark-mode .favorite-post-meta{color:#a0aec0}body.dark-mode .favorites-notice{background:#2d3748;border-left-color:#fc8181;color:#e2e8f0}@media (max-width:1024px){.user-favorites-grid[data-columns="4"]{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.user-favorites-grid[data-columns="3"],.user-favorites-grid[data-columns="4"]{grid-template-columns:repeat(2,1fr)}.favorite-button{padding:6px 12px;font-size:13px}.favorite-button .favorite-icon{width:18px;height:18px}.favorite-style-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;padding:0!important}.favorite-style-icon .favorite-icon{width:16px!important;height:16px!important}.favorite-post-title{font-size:15px}}@media (max-width:480px){.user-favorites-grid[data-columns="2"],.user-favorites-grid[data-columns="3"],.user-favorites-grid[data-columns="4"]{grid-template-columns:1fr}.favorite-button{padding:6px 10px;font-size:12px}.favorite-button .favorite-icon{width:16px;height:16px}.favorite-style-icon{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important}.favorite-style-icon .favorite-icon{width:14px!important;height:14px!important}}@keyframes favoriteAdded{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.favorite-button.just-added{animation:favoriteAdded 0.4s ease}