.plaza-page{width:100%;max-width:var(--width-lg);margin:0 auto;padding:var(--space-ui-5) var(--space-page-x) var(--space-ui-12);min-height:calc(100vh - 200px)}.plaza-hero{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:var(--space-ui-12);margin-bottom:var(--space-ui-8);background:linear-gradient(135deg,var(--theme-color-dark,var(--color-brand-600)) 0%,var(--theme-color-primary,var(--color-brand-500)) 55%,var(--theme-color-light-1,var(--color-brand-300)) 100%);box-shadow:var(--shadow-brand-lg);display:flex;align-items:center;justify-content:space-between;gap:24px}.plaza-hero::before{content:'';position:absolute;top:-70px;right:-70px;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,0.07);pointer-events:none}.plaza-hero-text{position:relative;z-index:1}.plaza-hero-text h1{font-size:var(--type-display-size);line-height:var(--type-display-line);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0 0 10px 0;letter-spacing:var(--letter-spacing-tight)}.plaza-hero-text p{font-size:var(--type-reading-size);color:rgba(255,255,255,0.88);line-height:var(--type-reading-line)}.plaza-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-ui-4);margin-bottom:var(--space-ui-6);flex-wrap:wrap}.plaza-tabs{display:flex;gap:4px;background:var(--surface-sunken);border-radius:var(--radius-control);padding:4px}.plaza-tab{padding:8px 22px;background:transparent;border:none;border-radius:var(--radius-control);font-size:var(--type-body-size);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:all 0.22s ease;white-space:nowrap}.plaza-tab.active{background:var(--surface-card);box-shadow:var(--elevation-card);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.plaza-toolbar-right{display:flex;align-items:center;gap:12px}.plaza-search{position:relative;display:flex;align-items:center}.plaza-search-icon{position:absolute;left:12px;pointer-events:none;font-size:15px}.plaza-search input{padding:9px var(--space-ui-4) 9px 38px;border:1px solid var(--border-default);border-radius:var(--radius-control);font-size:var(--type-body-size);color:var(--text-primary);width:220px;transition:all 0.22s;background:var(--surface-card);outline:none}.plaza-search input:focus{box-shadow:0 0 0 3px var(--surface-brand);width:260px;border-color:var(--border-focus)}.plaza-sort{padding:9px var(--space-ui-3);border:1px solid var(--border-default);border-radius:var(--radius-control);font-size:var(--type-body-size);color:var(--text-secondary);background:var(--surface-card);cursor:pointer;outline:none}.circle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-ui-5)}.circle-card{background:var(--surface-card);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--elevation-card);border:1px solid var(--border-subtle);cursor:pointer;transition:transform 0.22s,box-shadow 0.22s,border-color 0.22s}.circle-card:hover{transform:translateY(-3px);box-shadow:var(--elevation-hover);border-color:var(--color-brand-200)}.circle-card-cover{height:140px;background:linear-gradient(135deg,var(--color-brand-500) 0%,var(--color-brand-700) 100%);position:relative;overflow:hidden}.circle-card-cover img{width:100%;height:100%;object-fit:cover}.circle-card-cover .cover-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.25)}.circle-card-cover .live-badge{position:absolute;top:10px;right:10px;background:var(--color-red,#ff3b30);color:var(--color-white);padding:2px 8px;border-radius:var(--radius-sm);animation:pulse 1.8s infinite}.circle-card-cover-fallback{height:100%;display:flex;justify-content:center;align-items:center;font-size:48px;color:rgba(255,255,255,0.5)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.6}}.circle-card-body{padding:var(--space-ui-5)}.circle-card-body .circle-name{font-size:var(--type-h3-size);line-height:var(--type-h3-line);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.circle-card-body .circle-desc{font-size:var(--type-body-size);line-height:var(--type-body-line);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px;min-height:45px;color:var(--text-secondary)}.circle-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-subtle)}.circle-card-footer .owner-info{display:flex;align-items:center;gap:8px}.circle-card-footer .owner-info img{width:26px;height:26px;border-radius:50%}.circle-card-footer .member-count{font-size:var(--type-caption-size);color:var(--text-tertiary)}.circle-card-footer .member-count i{margin-right:4px}.circle-card-type{display:inline-block;padding:2px 8px;background:var(--surface-brand);border-radius:var(--radius-sm);margin-bottom:8px;font-size:var(--type-caption-size);color:var(--text-brand)}.plaza-pagination{text-align:center;margin-top:var(--space-ui-8)}@media (max-width:992px){.circle-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.circle-grid{grid-template-columns:1fr}.plaza-hero{padding:var(--space-ui-8) var(--space-ui-6)}.plaza-hero-text h1{font-size:var(--type-h2-size)}}