.circle-page{box-sizing:border-box;min-width:0;width:100%;max-width:100%}.circle-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.circle-header-left{display:flex;align-items:center;gap:.75rem}.circle-header-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 2.5rem;place-items:center;border-radius:var(--radius-large);background:var(--btn-regular-bg);color:var(--primary);font-size:1.4rem}.circle-header h2{font-size:1.5rem;font-weight:700;margin:0;color:var(--deep-text)}:root.dark .circle-header h2{color:#ffffffe5}.circle-header-actions{display:flex;align-items:center;gap:.5rem}.circle-refresh-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:999px;border:1px solid var(--line-divider);background:transparent;color:var(--content-meta);font-size:.8rem;cursor:pointer;transition:all .2s}.circle-refresh-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--btn-regular-bg)}.circle-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.circle-refresh-btn svg{font-size:1.1rem}.circle-all-link{display:inline-flex;align-items:center;gap:.25rem;color:var(--primary);font-size:.85rem;font-weight:500;text-decoration:none;transition:opacity .2s}.circle-all-link:hover{opacity:.8}.circle-random-notice{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;margin-bottom:1rem;border-radius:var(--radius-large);background:var(--btn-regular-bg);font-size:.85rem;color:var(--content-meta);overflow:hidden}.circle-random-notice-icon{font-size:1.1rem;flex-shrink:0}.circle-random-notice-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-random-notice a{color:var(--primary);text-decoration:none;font-weight:500}.circle-random-notice a:hover{text-decoration:underline}.circle-stats{display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem 0;margin-bottom:1rem;font-size:.9rem}.circle-stat-item{display:flex;align-items:center;gap:.35rem;color:var(--content-meta)}.circle-stat-item strong{color:var(--primary);font-weight:700}.circle-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.circle-sort-btn{padding:.35rem .85rem;border-radius:999px;border:1px solid var(--line-divider);background:transparent;color:var(--content-meta);font-size:.8rem;cursor:pointer;transition:all .2s}.circle-sort-btn:hover{border-color:var(--primary);color:var(--primary)}.circle-sort-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.circle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-bottom:1.5rem}.circle-card{position:relative;display:flex;flex-direction:column;border-radius:var(--radius-large);border:1px solid var(--line-divider);background:var(--card-bg);overflow:hidden;transition:all .3s;text-decoration:none;color:inherit}.circle-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.circle-card-body{flex:1;padding:1.25rem 1.25rem 4rem;display:flex;flex-direction:column}.circle-card-title{font-size:.95rem;font-weight:600;line-height:1.4;color:var(--deep-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 .5rem;transition:color .2s}.circle-card:hover .circle-card-title{color:var(--primary)}.circle-card-desc{font-size:.78rem;color:var(--content-meta);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.circle-card-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:linear-gradient(transparent,var(--card-bg) 40%)}:root.dark .circle-card-footer{background:linear-gradient(transparent,var(--card-bg) 15%)}.circle-card-author{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;border-radius:999px;background:var(--btn-regular-bg);font-size:.75rem;font-weight:500;color:var(--deep-text);max-width:60%}.circle-card-author-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.circle-card-date{position:relative;font-size:.7rem;color:var(--content-meta);flex-shrink:0;z-index:1}.circle-card-avatar-watermark{position:absolute;right:.8rem;bottom:.5rem;width:4rem;height:4rem;border-radius:50%;object-fit:cover;opacity:.2;transition:all .3s;pointer-events:none}.circle-card:hover .circle-card-avatar-watermark{opacity:.85;transform:scale(1.15)}.circle-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--content-meta);gap:.75rem}.circle-loading-spinner{width:2rem;height:2rem;border:2px solid var(--line-divider);border-top-color:var(--primary);border-radius:50%;animation:circle-spin .8s linear infinite}@keyframes circle-spin{to{transform:rotate(360deg)}}.circle-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--content-meta);gap:.75rem;font-size:.9rem}.circle-error-icon{font-size:2.5rem;opacity:.5}.circle-retry-btn{padding:.5rem 1.5rem;border-radius:999px;border:1px solid var(--primary);background:transparent;color:var(--primary);font-size:.85rem;cursor:pointer;transition:all .2s}.circle-retry-btn:hover{background:var(--primary);color:#fff}.circle-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--content-meta);gap:.5rem;font-size:.9rem}.circle-empty-icon{font-size:2.5rem;opacity:.5}.circle-load-more{display:flex;justify-content:center;padding:1rem 0}.circle-load-more-btn{padding:.5rem 2rem;border-radius:999px;border:1px solid var(--line-divider);background:var(--btn-regular-bg);color:var(--content-meta);font-size:.85rem;cursor:pointer;transition:all .2s}.circle-load-more-btn:hover{border-color:var(--primary);color:var(--primary)}.circle-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.circle-no-more{text-align:center;padding:1.5rem;color:var(--content-meta);font-size:.85rem;opacity:.6}