.notification-bell{position:relative;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:4px 8px}.notification-badge{position:absolute;top:-2px;right:-2px;background:#c53030;color:#fff;font-size:.65rem;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.layout-header{background:var(--card);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.layout-header-inner{max-width:1200px;margin:0 auto;padding:0 16px;height:56px;display:flex;align-items:center;justify-content:space-between}.layout-logo{font-size:1.25rem;font-weight:700;color:var(--accent);text-decoration:none;flex-shrink:0}.layout-nav{display:flex;gap:4px;align-items:center}.layout-nav-link{padding:6px 12px;border-radius:6px;text-decoration:none;color:var(--muted);font-size:.9rem;transition:background .15s,color .15s}.layout-nav-link:hover{background:var(--bg);color:var(--ink)}.layout-nav-link.active{color:var(--accent);font-weight:600}.layout-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.lang-toggle{padding:4px 10px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer;transition:border-color .15s,color .15s}.lang-toggle:hover{border-color:var(--accent);color:var(--accent)}.hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:1px;transition:transform .2s,opacity .2s}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.layout-main{max-width:1200px;margin:0 auto;padding:20px 16px}@media(max-width:768px){.hamburger{display:flex}.layout-nav{display:none;position:absolute;top:56px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--line);flex-direction:column;padding:8px 16px;gap:0}.layout-nav.open{display:flex}.layout-nav-link{padding:12px 8px;border-bottom:1px solid var(--line);border-radius:0;font-size:1rem}.layout-nav-link:last-child{border-bottom:none}}.image-upload{margin:8px 0}.image-upload-preview{position:relative;display:inline-block;margin-top:8px}.image-upload-preview img{max-width:200px;max-height:150px;border-radius:6px;border:1px solid var(--line)}.image-upload-preview .btn{position:absolute;top:4px;right:4px;padding:2px 6px;font-size:.7rem;background:#00000080;color:#fff;border:none}.image-upload-avatar{width:80px;height:80px;border-radius:50%;border:2px dashed var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;position:relative}.avatar-preview{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:.7rem;color:var(--muted);text-align:center;padding:4px}.avatar-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffc;display:flex;align-items:center;justify-content:center;font-size:.7rem}.upload-error{color:#c53030;font-size:.8rem;margin-top:4px}.home-layout{display:grid;grid-template-columns:1fr 280px;gap:24px;align-items:start}.home-feed{display:flex;flex-direction:column;gap:16px}.feed-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.feed-header h2{margin:0;font-size:1.2rem}.feed-actions{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .15s,opacity .15s}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{opacity:.85}.btn-outline{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-small{padding:4px 10px;font-size:.8rem}.btn-danger{background:#c53030;color:#fff}.btn-danger:hover{opacity:.85}.btn-ok{background:var(--ok);color:#fff}.btn-ok:hover{opacity:.85}.profile-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;transition:box-shadow .15s}.profile-card:hover{box-shadow:0 2px 8px #0000000f}.profile-card a{text-decoration:none;color:inherit}.profile-card h3{margin:0 0 6px;font-size:1.05rem;color:var(--accent)}.profile-meta{display:flex;gap:16px;color:var(--muted);font-size:.85rem;margin-bottom:6px}.profile-note{color:var(--muted);font-size:.9rem;margin:0}.rating{color:var(--warn);font-weight:600}.home-sidebar{display:flex;flex-direction:column;gap:12px;position:sticky;top:76px}.sidebar-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px}.sidebar-card h3{margin:0 0 12px;font-size:1rem}.sidebar-links{display:flex;flex-direction:column;gap:8px}.sidebar-link{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;text-decoration:none;color:var(--ink);background:var(--bg);font-size:.9rem;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--line);color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--card);border-radius:10px;padding:24px;width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 16px;font-size:1.1rem}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:4px;font-size:.85rem;color:var(--muted)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:6px;font-size:.9rem;background:var(--bg);color:var(--ink);font-family:inherit}.form-group textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:8px;justify-content:flex-end}.pagination{display:flex;gap:8px;justify-content:center;margin-top:8px}.loading,.empty-state{text-align:center;color:var(--muted);padding:40px 0}.error-msg{color:#c53030;font-size:.85rem;margin-bottom:8px}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{padding:12px 16px;background:var(--card);border:1px solid var(--line);border-radius:8px;cursor:pointer}.notification-item.unread{border-left:3px solid var(--accent);background:#fff8f0}.notification-title{font-weight:600;margin-bottom:4px}.notification-body{color:var(--muted);font-size:.9rem}.notification-time{color:var(--muted);font-size:.8rem;margin-top:4px}.post-thumb{max-width:120px;border-radius:4px;margin-top:8px}.post-image{max-width:100%;border-radius:6px;margin-top:8px}@media(max-width:768px){.home-layout{grid-template-columns:1fr}.home-sidebar{position:static}}:root{--bg: #f7f3ed;--card: #fffaf5;--ink: #1f1f1f;--muted: #666;--accent: #c05621;--ok: #2f855a;--warn: #b7791f;--line: #e8ded1}*{box-sizing:border-box}body{margin:0;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg)}.app{max-width:1200px;margin:0 auto;padding:20px 16px}