.back-link{margin-bottom:var(--sp-4);display:inline-flex}.back-link svg{width:14px;height:14px}.guest-card{text-align:center;padding:var(--sp-10)}.guest-icon{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);margin:0 auto var(--sp-5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;font-weight:800}.guest-card h2{margin-bottom:var(--sp-2)}.guest-card p{color:var(--text-tertiary);margin-bottom:var(--sp-6)}.guest-actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.toolbar-row{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap}.toolbar-row .search-bar{margin-bottom:0;flex:1;min-width:200px}.new-article-btn{white-space:nowrap;flex-shrink:0}.search-bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);border-radius:var(--r-lg);background:var(--lg-bg);border:var(--lg-border-width) solid var(--lg-border);backdrop-filter:blur(var(--lg-blur));-webkit-backdrop-filter:blur(var(--lg-blur));box-shadow:var(--lg-shadow)}.flat .search-bar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface);border-color:var(--border)}.search-bar .search-icon{width:18px;height:18px;flex-shrink:0;color:var(--text-tertiary)}.search-input{flex:1;min-width:0;padding:11px 14px;border-radius:10px;border:1px solid var(--lg-border);background:var(--lg-bg);backdrop-filter:blur(var(--lg-blur));-webkit-backdrop-filter:blur(var(--lg-blur));font-size:.88rem;color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.flat .search-input{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg-secondary);border-color:var(--border)}.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-a15)}.search-input::placeholder{color:var(--text-tertiary)}.list-info{font-size:.78rem;color:var(--text-tertiary);margin-bottom:var(--sp-3);min-height:1em}.article-list{display:flex;flex-direction:column;gap:var(--sp-3)}.article-card{display:flex;align-items:stretch;gap:0;border-radius:var(--r-md);background:var(--lg-bg);border:1px solid var(--lg-border);backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));-webkit-backdrop-filter:blur(var(--lg-blur)) saturate(var(--lg-saturate));box-shadow:0 2px 8px #0000000a;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease;animation:cardFadeIn .4s ease both;overflow:hidden}.flat .article-card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface);border-color:var(--border);box-shadow:none}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.article-card:hover{border-color:var(--brand-a30);box-shadow:0 4px 16px #0000000f;transform:translateY(-1px)}.flat .article-card:hover{box-shadow:0 2px 8px #0000000f}.article-card.deleting{opacity:.45;pointer-events:none}.article-card-cover{flex-shrink:0;width:160px;min-height:110px;overflow:hidden;background:var(--accent-gradient);position:relative}.article-card-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.article-card:hover .article-card-cover img{transform:scale(1.05)}.article-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5)}.article-card-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-card-summary{font-size:.875rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.article-card-meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;font-size:.75rem;color:var(--text-tertiary);margin-top:auto}.meta-item{display:inline-flex;align-items:center;gap:4px}.meta-item svg{width:13px;height:13px;flex-shrink:0}.meta-cat{color:var(--brand)}.article-card-actions{display:flex;flex-direction:column;gap:var(--sp-2);flex-shrink:0;justify-content:center;padding:var(--sp-4) var(--sp-4);border-left:1px solid var(--lg-border)}.flat .article-card-actions{border-left-color:var(--border)}.loading-wrap{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-6);color:var(--text-tertiary);font-size:.85rem}.spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--brand-a20);border-top-color:var(--brand);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-more{text-align:center;padding:var(--sp-6);color:var(--text-tertiary);font-size:.82rem}.empty-card{text-align:center;padding:var(--sp-10)}.empty-card h3{margin-bottom:var(--sp-2)}.empty-card p{color:var(--text-tertiary)}.error-card{text-align:center;padding:var(--sp-8)}.error-card h3{margin-bottom:var(--sp-2)}.error-card p{color:var(--text-tertiary);margin-bottom:var(--sp-4)}@media (max-width: 768px){.article-card{flex-direction:column;gap:0}.article-card-cover{width:100%;min-height:160px;max-height:200px}.article-card-body{padding:var(--sp-3) var(--sp-4)}.article-card-actions{flex-direction:row;width:100%;padding:var(--sp-3) var(--sp-4);border-left:none;border-top:1px solid var(--lg-border)}.flat .article-card-actions{border-top-color:var(--border)}.article-card-actions .action-btn{flex:1;justify-content:center}.search-bar{flex-wrap:wrap;padding:var(--sp-3)}.search-input{width:100%;flex-basis:100%}#clear-search{margin-left:auto}.guest-card,.empty-card,.error-card{padding:var(--sp-6)}}