:root{--color-bg:#f8f9fa;--color-surface:#ffffff73;--color-surface-hover:#fff9;--color-primary:#e8a87c;--color-primary-dark:#d4956a;--color-primary-light:#f5d5bc;--color-secondary:#85cdca;--color-accent:#e27d60;--color-text:#1d1d1f;--color-text-light:#86868b;--color-border:#fff6;--glass-border:1px solid #ffffff80;--glass-shadow:0 8px 32px 0 #1f268712;--glass-shadow-hover:0 12px 40px 0 #1f26871f;--glass-blur:blur(24px) saturate(180%);--color-danger:#ff3b30;--color-success:#34c759;--color-warning:#ff9f0a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:var(--glass-shadow);--shadow-lg:var(--glass-shadow-hover);--radius:24px;--radius-sm:12px;--radius-xs:8px;--max-width:800px;--transition:.35s cubic-bezier(.25, 1, .5, 1);--skeleton-base:#ffffff4d;--skeleton-shine:#ffffff80;--mood-bg:#ffecd2b3;--mood-color:#c97b3a;--category-bg:#d4f1f0b3;--category-color:#4a9e9c;--like-bg:#fdf0edb3}[data-theme=dark]{--color-bg:#000;--color-surface:#1e1e1e73;--color-surface-hover:#32323299;--color-primary:#e8a87c;--color-primary-dark:#f0b88e;--color-primary-light:#5a4535;--color-secondary:#85cdca;--color-accent:#e27d60;--color-text:#f5f5f7;--color-text-light:#a1a1a6;--color-border:#ffffff1a;--glass-border:1px solid #ffffff26;--glass-shadow:0 8px 32px 0 #0006;--glass-shadow-hover:0 12px 40px 0 #0009;--glass-blur:blur(30px) saturate(160%);--color-danger:#ff453a;--color-success:#32d74b;--color-warning:#ffd60a;--skeleton-base:#3c3c3c66;--skeleton-shine:#50505099;--mood-bg:#3d2e1f99;--mood-color:#f0c090;--category-bg:#1f3d3c99;--category-color:#a0e0dd;--like-bg:#3d252099}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);min-height:100vh;transition:background-color var(--transition), color var(--transition);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6}a{color:var(--color-primary-dark);transition:color var(--transition);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}.layout{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.glass-bg-container{z-index:-1;background-color:var(--color-bg);pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-orb{filter:blur(80px);opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate floatOrb;position:absolute}[data-theme=dark] .bg-orb{opacity:.4;filter:blur(100px)}.orb-1{background:var(--color-primary-light);width:600px;height:600px;top:-150px;right:-100px}.orb-2{background:var(--color-secondary);width:500px;height:500px;animation-delay:-5s;bottom:-100px;left:-200px}.orb-3{background:var(--color-primary);width:400px;height:400px;animation-duration:25s;top:40%;left:60%}.layout-content{z-index:1;flex-direction:column;flex:1;display:flex}.main-content{width:100%;max-width:var(--max-width);flex:1;margin:0 auto;padding:32px 16px;animation:.4s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes floatOrb{0%{transform:translate(0)scale(1)}33%{transform:translate(50px,-50px)scale(1.1)}66%{transform:translate(-30px,40px)scale(.9)}to{transform:translate(0)scale(1)}}.header{background:var(--color-surface);border-bottom:var(--glass-border);box-shadow:var(--shadow-sm);z-index:100;transition:all var(--transition);-webkit-backdrop-filter:var(--glass-blur);position:sticky;top:0}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:12px 16px;display:flex}.header-logo{color:var(--color-text);transition:transform var(--transition);align-items:center;gap:8px;font-size:1.4rem;font-weight:700;display:flex}.header-logo:hover{text-decoration:none;transform:scale(1.03)}.header-logo span{font-size:1.6rem}.header-nav{align-items:center;gap:8px;display:flex}.header-nav a,.header-nav button{border-radius:var(--radius-sm);transition:all var(--transition);color:var(--color-text);background:0 0;border:none;padding:6px 14px;font-size:.9rem}.header-nav a:hover,.header-nav button:hover{background:var(--color-surface-hover);text-decoration:none}.btn-new-post{font-weight:600;background:var(--color-primary)!important;color:#fff!important}.btn-new-post:hover{transform:translateY(-1px);box-shadow:0 2px 8px #e8a87c66;background:var(--color-primary-dark)!important}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:34px;height:34px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.theme-toggle:hover{background:var(--color-surface-hover);transform:rotate(20deg)}.footer{text-align:center;color:var(--color-text-light);border-top:1px solid var(--color-border);transition:border-color var(--transition);padding:20px 16px;font-size:.85rem}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--glass-shadow);border:var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--transition);padding:24px}.card:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.post-card{cursor:pointer;margin-bottom:16px;animation:.35s ease-out both fadeInUp;position:relative}.post-card:first-child{animation-delay:0s}.post-card:nth-child(2){animation-delay:50ms}.post-card:nth-child(3){animation-delay:.1s}.post-card:nth-child(4){animation-delay:.15s}.post-card:nth-child(5){animation-delay:.2s}.post-card:hover{box-shadow:var(--shadow-lg);z-index:10;transform:translateY(-2px)}.post-card:focus-within{z-index:20}.post-card:active{transform:translateY(0)}.post-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.post-nickname{font-size:.95rem;font-weight:600}.post-time{color:var(--color-text-light);font-size:.8rem}.post-content{word-break:break-word;margin-bottom:14px;font-size:1rem;line-height:1.8}.post-content.markdown-body{white-space:normal}.post-content-preview{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.post-tags{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.post-footer{color:var(--color-text-light);align-items:center;gap:16px;font-size:.85rem;display:flex}.mood-tag,.category-tag{transition:transform var(--transition);border-radius:20px;padding:3px 12px;font-size:.8rem;font-weight:500;display:inline-block}.mood-tag:hover,.category-tag:hover{transform:scale(1.05)}.mood-tag{background:var(--mood-bg);color:var(--mood-color)}.category-tag{background:var(--category-bg);color:var(--category-color)}.btn{border-radius:var(--radius-sm);transition:all var(--transition);border:none;justify-content:center;align-items:center;gap:6px;padding:8px 18px;font-size:.9rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 2px 10px #e8a87c59}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-sm{padding:4px 12px;font-size:.8rem}.btn-ghost{color:var(--color-text-light);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.like-btn-wrap{z-index:30;display:inline-flex;position:relative}.like-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-light);cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:4px;padding:4px 14px;font-size:.85rem;display:inline-flex}.like-btn:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.like-btn.liked{border-color:var(--color-accent);color:var(--color-accent);background:var(--like-bg)}.like-btn.pop{animation:.3s popIn}.like-mode-menu{z-index:20;border:var(--glass-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:120px;box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);padding:8px;position:absolute;top:calc(100% + 8px);left:0}.like-mode-option{border-radius:var(--radius-xs);width:100%;color:var(--color-text);text-align:left;cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:8px 10px}.like-mode-option:hover{background:var(--color-surface-hover);color:var(--color-primary-dark)}.form-group{margin-bottom:18px}.form-group label{margin-bottom:6px;font-size:.9rem;font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{border:var(--glass-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;transition:all var(--transition);color:var(--color-text);-webkit-backdrop-filter:var(--glass-blur);padding:12px 16px;font-size:.95rem;box-shadow:inset 0 1px 3px #00000008}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:color-mix(in srgb, var(--color-surface) 90%, white);border-color:#e8a87c80;outline:none;box-shadow:0 0 0 3px #e8a87c33,inset 0 1px 3px #00000008}.form-group textarea{resize:vertical;min-height:150px}.form-hint{color:var(--color-text-light);margin-top:4px;font-size:.8rem}.tag-option{border:var(--glass-border);background:var(--color-surface);cursor:pointer;transition:all var(--transition);color:var(--color-text);-webkit-backdrop-filter:var(--glass-blur);border-radius:20px;padding:6px 14px;font-size:.85rem}.tag-option:hover{border-color:var(--color-primary);transform:translateY(-1px)}.tag-option.selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 8px #e8a87c4d}.search-bar{gap:8px;margin-bottom:20px;display:flex}.search-bar input{border:var(--glass-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);-webkit-backdrop-filter:var(--glass-blur);transition:all var(--transition);box-shadow:var(--shadow-sm);flex:1;padding:12px 18px;font-size:.95rem}.search-bar input:focus{background:color-mix(in srgb, var(--color-surface) 90%, white);border-color:#e8a87c80;outline:none;box-shadow:0 0 0 3px #e8a87c33}.search-bar button{border-radius:var(--radius);padding:10px 20px}.pagination{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.pagination button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:all var(--transition);padding:8px 16px;font-size:.85rem}.pagination button:hover:not(:disabled){background:var(--color-surface-hover);transform:translateY(-1px)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .current-page{color:var(--color-primary-dark);font-weight:600}.comment-item{border-bottom:1px solid var(--color-border);padding:14px 0;animation:.3s ease-out fadeIn}.comment-item-reply{border-left:2px solid var(--color-border);padding-left:14px}.comment-item-highlighted{background:color-mix(in srgb, var(--color-primary) 10%, transparent);border-radius:var(--radius-sm);box-shadow:0 0 0 1px color-mix(in srgb, var(--color-primary) 22%, transparent)}.comment-item:last-child{border-bottom:none}.comment-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.comment-nickname{font-size:.9rem;font-weight:600}.comment-time{color:var(--color-text-light);font-size:.75rem}.comment-content{white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.6}.comment-replying-to{color:var(--color-primary-dark);cursor:pointer;text-align:left;background:0 0;border:none;margin-bottom:6px;padding:0;font-size:.82rem}.comment-form{margin-top:16px}.comment-form textarea{min-height:80px}.loading{text-align:center;color:var(--color-text-light);padding:40px}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin;display:inline-block}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);margin-bottom:16px;padding:20px}.skeleton-line{background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);background-size:200% 100%;border-radius:7px;height:14px;margin-bottom:10px;animation:1.5s infinite shimmer}.skeleton-line.short{width:40%}.skeleton-line.medium{width:70%}.skeleton-line.long{width:100%}.skeleton-line.title{width:50%;height:18px;margin-bottom:14px}.toast-container{z-index:1000;pointer-events:none;flex-direction:column-reverse;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-lg);pointer-events:auto;white-space:nowrap;padding:12px 24px;font-size:.9rem;font-weight:500;animation:.3s ease-out toastIn}.toast.exiting{animation:.25s ease-in forwards toastOut}.toast.success{background:var(--color-success)}.toast.error{background:var(--color-danger)}.toast.info{background:var(--color-primary)}.empty-state{text-align:center;color:var(--color-text-light);padding:60px 20px;animation:.4s ease-out fadeIn}.empty-state p{margin-bottom:16px;font-size:1.1rem}.empty-state .empty-icon{opacity:.6;margin-bottom:12px;font-size:3rem}.page-title{margin-bottom:20px;font-size:1.4rem;font-weight:700}.page-subtitle{color:var(--color-text-light);margin-top:-14px;margin-bottom:20px;font-size:.95rem}.filter-bar select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);transition:border-color var(--transition);padding:6px 12px;font-size:.85rem}.filter-bar select:focus{border-color:var(--color-primary);outline:none}.status-badge.dismissed,.status-badge.hidden{color:#721c24;background:#f8d7da}[data-theme=dark] .status-badge.dismissed,[data-theme=dark] .status-badge.hidden{color:#ff6b6b;background:#3d1a1a}@media (width<=600px){.header-inner{flex-direction:column;gap:8px}.header-nav{flex-wrap:wrap;justify-content:center;width:100%}.post-card-header{flex-direction:column;align-items:flex-start;gap:4px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:6px 8px}.main-content{padding:16px 12px}.modal{width:95%}.toast-container{bottom:12px;left:12px;right:12px;transform:none}.toast{white-space:normal;text-align:center}.scroll-top-btn{bottom:16px;right:16px}}.dropdown-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:1000;flex-direction:column;min-width:180px;margin-top:10px;padding:8px 0;animation:.2s ease-out slideDown;display:flex;position:absolute;top:100%;right:0}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.filter-bar select{border:var(--glass-border);background:var(--color-surface);color:var(--color-text);transition:all var(--transition);appearance:none;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-sm);cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;border-radius:24px;padding:8px 36px 8px 16px;font-size:.95rem;font-weight:500}.filter-bar select:hover{background-color:var(--color-surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.filter-bar select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #e8a87c33}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius);width:90%;max-width:440px;box-shadow:var(--shadow-lg);padding:24px;animation:.25s ease-out scaleIn}.modal h3{margin-bottom:16px}.admin-page{max-width:960px;margin:0 auto}.admin-login{max-width:400px;margin:60px auto;animation:.3s ease-out scaleIn}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;transition:all var(--transition);padding:20px;animation:.35s ease-out both fadeInUp}.stat-card:first-child{animation-delay:0s}.stat-card:nth-child(2){animation-delay:60ms}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.18s}.stat-card:nth-child(5){animation-delay:.24s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-value{color:var(--color-primary-dark);font-size:2rem;font-weight:700}.stat-card .stat-label{color:var(--color-text-light);margin-top:4px;font-size:.85rem}.admin-tabs{border-bottom:2px solid var(--color-border);gap:4px;margin-bottom:20px;display:flex}.admin-tab{color:var(--color-text-light);transition:all var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.9rem;font-weight:500}.admin-tab:hover{color:var(--color-text)}.admin-tab.active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary)}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:10px 12px}.admin-table th{color:var(--color-text-light);text-transform:uppercase;font-size:.8rem;font-weight:600}.admin-table td{vertical-align:top}.admin-table .content-cell{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.admin-table tr{transition:background-color var(--transition)}.admin-table tbody tr:hover{background:var(--color-surface-hover)}.status-badge{border-radius:12px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.pending{color:#856404;background:#fff3cd}.status-badge.resolved{color:#155724;background:#d4edda}.status-badge.dismissed,.status-badge.hidden{color:#721c24;background:#f8d7da}.status-badge.visible{color:#155724;background:#d4edda}[data-theme=dark] .status-badge.pending{color:#ffd43b;background:#3d3520}[data-theme=dark] .status-badge.resolved{color:#51cf66;background:#1a3a1f}[data-theme=dark] .status-badge.dismissed,[data-theme=dark] .status-badge.hidden{color:#ff6b6b;background:#3d1a1a}[data-theme=dark] .status-badge.visible{color:#51cf66;background:#1a3a1f}.scroll-top-btn{background:var(--color-primary);color:#fff;width:42px;height:42px;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition);opacity:0;pointer-events:none;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:24px;right:24px}.scroll-top-btn.visible{opacity:1;pointer-events:auto}.scroll-top-btn:hover{background:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (width<=600px){.header-inner{flex-direction:column;gap:8px}.header-nav{flex-wrap:wrap;justify-content:center;width:100%}.post-card-header{flex-direction:column;align-items:flex-start;gap:4px}.stat-grid{grid-template-columns:repeat(2,1fr)}.admin-table{font-size:.8rem}.admin-table th,.admin-table td{padding:6px 8px}.main-content{padding:16px 12px}.modal{width:95%}.toast-container{bottom:12px;left:12px;right:12px;transform:none}.toast{white-space:normal;text-align:center}.scroll-top-btn{bottom:16px;right:16px}}.user-avatar-large{background:var(--color-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;display:flex}.user-avatar-link{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;line-height:1;background:var(--color-primary)!important;color:#fff!important;padding:0!important;text-decoration:none!important;display:inline-flex!important}.user-avatar-link:hover{transform:scale(1.08);background:var(--color-primary-dark)!important}.anonymous-toggle{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.anonymous-toggle .toggle-option{background:var(--color-surface);color:var(--color-text-light);cursor:pointer;transition:all var(--transition);border:none;padding:6px 16px;font-size:.85rem}.anonymous-toggle .toggle-option:not(:last-child){border-right:1px solid var(--color-border)}.anonymous-toggle .toggle-option.active{background:var(--color-primary);color:#fff}.anonymous-toggle .toggle-option:hover:not(.active){background:var(--color-surface-hover)}.auth-page{justify-content:center;padding-top:20px;display:flex}.auth-card{width:100%;max-width:420px;animation:.3s ease-out scaleIn}.auth-title{text-align:center;margin-bottom:24px;font-size:1.4rem}.post-nickname-link,.comment-nickname-link{color:var(--color-primary-dark);cursor:pointer;transition:color var(--transition)}.post-nickname-link:hover,.comment-nickname-link:hover{text-decoration:underline}.user-menu-container{position:relative}.user-avatar-btn{background:var(--color-primary-dark);cursor:pointer;border:2px solid var(--color-border);width:36px;height:36px;transition:all var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex;color:#fff!important}.user-avatar-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #e8a87c66}.dropdown-menu{background:var(--color-surface-hover);border:var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:1000;-webkit-backdrop-filter:blur(40px)saturate(220%);flex-direction:column;min-width:200px;margin-top:12px;padding:8px 0;animation:.2s cubic-bezier(.25,1,.5,1) slideDown;display:flex;position:absolute;top:100%;right:0}.dropdown-header{border-bottom:1px solid var(--color-border);color:var(--color-text);margin-bottom:4px;padding:8px 16px}.dropdown-item{text-align:left;cursor:pointer;width:100%;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;text-decoration:none;display:flex;color:var(--color-text)!important}.dropdown-item:hover{background:var(--color-surface-hover)!important}.dropdown-divider{background-color:var(--color-border);height:1px;margin:4px 0}.markdown-body img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:10px 0}.markdown-body a{text-decoration:underline}.markdown-body ul,.markdown-body ol{margin-bottom:10px;margin-left:20px}.markdown-body blockquote{border-left:4px solid var(--color-primary);color:var(--color-text-light);background:var(--color-surface-hover);margin-left:0;padding-left:10px}.markdown-body pre{background:var(--color-surface-hover);border-radius:var(--radius-sm);padding:10px;overflow-x:auto}.markdown-body code{background:var(--color-surface-hover);border-radius:4px;padding:2px 4px;font-family:monospace}.markdown-body table{border-collapse:collapse;border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);margin:16px 0;font-size:.95rem;overflow:hidden}.markdown-body th,.markdown-body td{border:1px solid var(--color-border);text-align:left;padding:10px 14px}.markdown-body th{background-color:color-mix(in srgb, var(--color-primary-light) 40%, transparent);color:var(--color-primary-dark);font-weight:600}.markdown-body tr:nth-child(2n){background-color:var(--color-surface-hover)}.markdown-body tr:hover{background-color:color-mix(in srgb, var(--color-primary-light) 15%, transparent)}:root{--app-max-width:1180px;--content-max-width:860px;--surface-strong:#ffffffc2;--surface-muted:#ffffff94;--surface-raised:#fff8f0eb;--hero-glow:radial-gradient(circle at top left, #e8a87c52, transparent 45%), radial-gradient(circle at top right, #85cdca3d, transparent 38%), linear-gradient(135deg, #ffffffc7, #fff8f29e);--border-strong:#ffffff9e;--shadow-soft:0 20px 60px #744f2e14;--shadow-card:0 18px 40px #44301d1a;--shadow-card-hover:0 26px 50px #44301d24;--text-heading:#21150d;--text-muted-strong:#6f5f53;--accent-strong:#bb6b3c;--accent-soft:#e8a87c29;--success-soft:#85cdca2e;--danger-soft:#e27d6029;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--header-height:84px;--control-surface:linear-gradient(180deg, #ffffffe0, #f7f0ead1);--control-surface-hover:linear-gradient(180deg, #fffffff5, #f4e8dee6);--control-border:#b18f7233;--control-shadow:inset 0 1px 0 #ffffffd1, inset 0 -1px 0 #bf977814, 0 12px 26px #8965461f;--control-shadow-hover:inset 0 1px 0 #ffffffeb, inset 0 -1px 0 #bf97781a, 0 16px 30px #89654629;--control-text:#7a6554;--control-text-strong:#24170f;--control-icon:#8e7664;--control-slider-bg:linear-gradient(180deg, #fffbf7fa, #f3d8c5f0);--control-slider-shadow:0 8px 18px #9a714c29, 0 2px 8px #e8a87c2e, inset 0 1px 0 #ffffffb8;--dropdown-surface:linear-gradient(180deg, #fffbf7f7, #f7eee7f5);--dropdown-divider-color:#b18f7224;--dropdown-item-surface:linear-gradient(180deg, #ffffffeb, #f6ece3d1);--dropdown-item-icon-surface:#e8a87c24;--modal-surface:linear-gradient(180deg, #fffcf8fa, #f5ece4fa);--modal-overlay-surface:#faf4eea8;--pill-surface:linear-gradient(180deg, #fffffff5, #f6ece2db);--pill-surface-soft:linear-gradient(180deg, #fff9f4f5, #f2decdeb);--pill-surface-ghost:#ffffff9e;--pill-text:#5f4a3c;--tag-surface:linear-gradient(180deg, #fffffff0, #f7efe8d6);--tag-surface-hover:linear-gradient(180deg, #fff9f4fa, #f1dfd0eb);--tag-surface-selected:linear-gradient(180deg, #e8a87cf5, #d6956aeb);--scrollbar-thumb:linear-gradient(180deg, #e8a87cc2, #d6956ab3);--scrollbar-thumb-hover:linear-gradient(180deg, #e27d60e0, #bb6b3cd6);--scrollbar-track:#ffffff14;--scrollbar-border:#ffffff75}[data-theme=dark]{--surface-strong:#1e1b19c7;--surface-muted:#1a18179e;--surface-raised:#2a231feb;--hero-glow:radial-gradient(circle at top left, #e8a87c2e, transparent 42%), radial-gradient(circle at top right, #85cdca24, transparent 35%), linear-gradient(135deg, #2a231fe6, #141211e6);--border-strong:#ffffff1f;--shadow-soft:0 28px 70px #00000047;--shadow-card:0 18px 42px #00000047;--shadow-card-hover:0 26px 52px #00000057;--text-heading:#f9eee6;--text-muted-strong:#cab9ab;--accent-strong:#f3b282;--accent-soft:#e8a87c33;--success-soft:#85cdca29;--danger-soft:#e27d602e;--control-surface:linear-gradient(180deg, #ffffff17, #ffffff08);--control-surface-hover:linear-gradient(180deg, #ffffff1f, #ffffff0d);--control-border:#ffffff1f;--control-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #0000002e, 0 10px 24px #0000002e;--control-shadow-hover:inset 0 1px 0 #ffffff29, inset 0 -1px 0 #0003, 0 14px 26px #00000038;--control-text:#fff4eda3;--control-text-strong:#fffaf6;--control-icon:#fff8f2b8;--control-slider-bg:linear-gradient(180deg, #fff8f229, #e8a87c38);--control-slider-shadow:0 8px 18px #0000003d, 0 2px 8px #e8a87c24, inset 0 1px 0 #ffffff3d;--dropdown-surface:linear-gradient(180deg, #1e1b19f5, #141211fa);--dropdown-divider-color:#ffffff14;--dropdown-item-surface:linear-gradient(180deg, #ffffff14, #e8a87c1f);--dropdown-item-icon-surface:#ffffff0f;--modal-surface:linear-gradient(180deg, #221f1df0, #181615f5);--modal-overlay-surface:#0606078a;--pill-surface:linear-gradient(180deg, #ffffff14, #ffffff08);--pill-surface-soft:linear-gradient(180deg, #fff8f21f, #e8a87c2e);--pill-surface-ghost:#ffffff0a;--pill-text:#fff8f2e0;--tag-surface:linear-gradient(180deg, #ffffff0f, #ffffff05);--tag-surface-hover:linear-gradient(180deg, #fff8f21a, #e8a87c1f);--tag-surface-selected:linear-gradient(180deg, #e8a87cf5, #d6956aeb);--scrollbar-thumb:linear-gradient(180deg, #f3b28280, #e8a87c57);--scrollbar-thumb-hover:linear-gradient(180deg, #f3b282bd, #e27d6094);--scrollbar-track:#ffffff08;--scrollbar-border:#ffffff24}html{scroll-padding-top:calc(var(--header-height) + 16px);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#d6956acc transparent}body{scrollbar-width:thin;scrollbar-color:#d6956acc transparent;background:radial-gradient(circle at top, #ffffffbf, transparent 38%), linear-gradient(180deg, #fff4edb8 0%, transparent 24%), var(--color-bg);color:var(--color-text);font-family:Segoe UI Variable Display,PingFang SC,Microsoft YaHei,Noto Sans SC,sans-serif}[data-theme=dark] body{background:radial-gradient(circle at top, #ffffff0d, transparent 38%), linear-gradient(180deg, #e8a87c0f 0%, transparent 28%), var(--color-bg)}html::-webkit-scrollbar{width:10px;height:10px}body::-webkit-scrollbar{width:10px;height:10px}.admin-table-shell::-webkit-scrollbar{width:10px;height:10px}.markdown-body pre::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}body::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.admin-table-shell::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.markdown-body pre::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}textarea::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);min-height:72px;box-shadow:inset 0 0 0 1px var(--scrollbar-border), 0 6px 14px #9a714c1a;background-clip:padding-box;border:2px solid #0000;border-radius:999px}body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);min-height:72px;box-shadow:inset 0 0 0 1px var(--scrollbar-border), 0 6px 14px #9a714c1a;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.admin-table-shell::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);min-height:72px;box-shadow:inset 0 0 0 1px var(--scrollbar-border), 0 6px 14px #9a714c1a;background-clip:padding-box;border:2px solid #0000;border-radius:999px}.markdown-body pre::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);min-height:72px;box-shadow:inset 0 0 0 1px var(--scrollbar-border), 0 6px 14px #9a714c1a;background-clip:padding-box;border:2px solid #0000;border-radius:999px}textarea::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);min-height:72px;box-shadow:inset 0 0 0 1px var(--scrollbar-border), 0 6px 14px #9a714c1a;background-clip:padding-box;border:2px solid #0000;border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.admin-table-shell::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.markdown-body pre::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}textarea::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}html::-webkit-scrollbar-corner{background:0 0}body::-webkit-scrollbar-corner{background:0 0}.admin-table-shell::-webkit-scrollbar-corner{background:0 0}.markdown-body pre::-webkit-scrollbar-corner{background:0 0}textarea::-webkit-scrollbar-corner{background:0 0}.layout{isolation:isolate}.glass-bg-container{opacity:.9}.header{background:#fffcf8b8;border-bottom:1px solid #ffffff75;box-shadow:0 8px 40px #44301d0f}[data-theme=dark] .header{background:#0c0c0cb8;border-bottom-color:#ffffff1a}.header-inner{max-width:var(--app-max-width);gap:18px;padding:16px 20px}.header-logo{letter-spacing:.04em;gap:10px;font-size:1.15rem}.header-logo-mark{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:inline-flex;box-shadow:0 14px 30px #e27d603d}.header-logo-copy{align-items:center;display:flex}.header-logo-title{color:var(--text-heading);font-size:1.25rem;font-weight:700}.header-nav{flex:1;justify-content:flex-end;gap:12px}.header-links{border:1px solid var(--control-border);background:var(--control-surface);box-shadow:var(--control-shadow);border-radius:999px;align-items:center;gap:0;padding:5px;display:flex;position:relative;overflow:hidden}.header-links-slider{width:calc((100% - 10px) / var(--nav-count,1));background:var(--control-slider-bg);box-shadow:var(--control-slider-shadow);transform:translateX(calc(100% * var(--nav-index,0)));pointer-events:none;border-radius:999px;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;top:5px;bottom:5px;left:5px}[data-theme=dark] .header-links-slider{background:linear-gradient(#ffffff29,#e8a87c3d)}.header-link{z-index:1;min-height:42px;color:var(--control-text);letter-spacing:.01em;transition:color var(--transition), transform .22s ease, text-shadow .22s ease, opacity .22s ease;border-radius:999px;flex:1;justify-content:center;align-items:center;padding:0 16px;font-size:.92rem;font-weight:700;display:inline-flex;position:relative}.header-link:hover,.header-link.active{color:var(--control-text-strong);background:0 0;text-decoration:none}.header-link:hover{color:var(--control-text-strong);transform:scale(.985)}.header-link.active{color:var(--control-text-strong);text-shadow:0 1px 10px #fff4ed1a}.header-link:active{transform:scale(.965)}.header-tools{align-items:center;gap:10px;display:flex}.header-utility-group{border:1px solid var(--control-border);background:var(--control-surface);box-shadow:var(--control-shadow);border-radius:999px;align-items:center;gap:6px;padding:6px;display:flex}.search-form{position:relative}.search-form-icon{width:18px;height:18px;color:var(--control-icon);pointer-events:none;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-form-icon svg{width:100%;height:100%}.search-form input{border:1px solid var(--control-border);background:var(--control-surface);width:240px;height:56px;color:var(--control-text-strong);box-shadow:var(--control-shadow);transition:border-color var(--transition), background-color var(--transition), box-shadow var(--transition), transform var(--transition);border-radius:999px;padding:0 16px 0 42px}.search-form input::placeholder{color:color-mix(in srgb, var(--control-text) 72%, transparent)}.search-form input:hover{border-color:color-mix(in srgb, var(--color-primary) 26%, var(--control-border))}.search-form input:focus{border-color:color-mix(in srgb, var(--color-primary) 35%, var(--control-border));background:var(--control-surface-hover);box-shadow:var(--control-shadow-hover), 0 0 0 4px #e8a87c1a;outline:none}.header-icon-btn{width:44px;height:44px;color:var(--control-icon);box-shadow:none;transition:transform var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.header-icon-btn:hover{background:var(--control-surface-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000000f}.header-icon-btn:active{transform:scale(.965)}.header-icon-svg{width:20px;height:20px;display:inline-flex}.header-icon-svg svg{width:100%;height:100%}.notification-btn{position:relative}.notification-badge{color:#fff;border:2px solid var(--color-bg);background:linear-gradient(135deg,#ff7d64,#de4b39);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex;position:absolute;top:-4px;right:-4px}.user-menu-container{align-items:center;gap:12px;display:flex;position:relative}.user-avatar-btn{min-width:88px;height:44px;box-shadow:none;color:var(--control-text-strong);transition:transform var(--transition), box-shadow var(--transition), filter var(--transition);background:0 0;border:none;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:0 15px 0 8px;display:inline-flex}.user-avatar-btn:hover{background:var(--control-surface-hover);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff29,inset 0 -1px #0000000f}.user-avatar-letter{letter-spacing:.02em;color:#4c3425;background:linear-gradient(#fffcf8fa,#f2e2d6eb);border-radius:13px;justify-content:center;align-items:center;width:44px;height:36px;font-size:1.1rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff29,0 6px 12px #9a714c1f}.user-avatar-chevron{color:var(--control-icon);transition:transform var(--transition);font-size:.9rem}.user-avatar-chevron.open{transform:rotate(180deg)}[data-theme=dark] .user-avatar-letter{color:#fffaf6;background:linear-gradient(#fff8f238,#fff8f21a);box-shadow:inset 0 1px #ffffff29,0 6px 12px #00000024}.dropdown-menu{border:1px solid var(--control-border);background:var(--dropdown-surface);-webkit-backdrop-filter:blur(28px)saturate(180%);border-radius:22px;min-width:248px;padding:10px;top:calc(100% + 14px);right:0;box-shadow:0 28px 50px #44301d33,inset 0 1px #ffffff70}.dropdown-header{border-bottom:1px solid var(--dropdown-divider-color);align-items:center;gap:12px;margin-bottom:6px;padding:10px 10px 14px;display:flex}.dropdown-header-avatar{color:#fffaf6;background:linear-gradient(135deg,#e8a87c66,#e27d6047);border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:inline-flex}.dropdown-header-copy{flex-direction:column;gap:2px;display:flex}.dropdown-header-copy strong{color:var(--control-text-strong);font-size:.95rem}.dropdown-eyebrow{color:var(--color-text-light);font-size:.78rem}.dropdown-item{min-height:46px;transition:background-color var(--transition), transform var(--transition), color var(--transition);border-radius:16px;padding:0 10px;font-size:.92rem;font-weight:600;color:var(--control-text-strong)!important}.dropdown-item:hover{transform:translate(2px);background:var(--dropdown-item-surface)!important}.dropdown-item-icon{background:var(--dropdown-item-icon-surface);width:28px;height:28px;color:var(--control-icon);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dropdown-item-icon svg{width:15px;height:15px}.dropdown-divider{background-color:var(--dropdown-divider-color);margin:8px 2px}.main-content{max-width:var(--app-max-width);padding:32px 20px 48px}.page-hero{border-radius:var(--radius-xl);background:var(--hero-glow);border:1px solid var(--border-strong);box-shadow:var(--shadow-soft);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:24px;padding:30px 32px;display:grid;position:relative;overflow:hidden}.page-hero-compact{box-shadow:none;background:0 0;border:none;border-radius:0;margin-bottom:12px;padding:0;overflow:visible}.page-hero-compact:after{display:none}.page-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#e8a87c3d,#0000 60%);border-radius:50%;width:220px;height:220px;position:absolute;inset:auto -40px -50px auto}.page-hero-copy{max-width:680px}.page-hero-compact .page-hero-copy{max-width:none}.page-eyebrow{color:var(--accent-strong);letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:700}.page-title{color:var(--text-heading);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.05}.page-hero-compact .page-title{font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.12}.page-subtitle{max-width:60ch;color:var(--text-muted-strong);margin:12px 0 0;font-size:1rem;line-height:1.7}.page-meta{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.page-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.page-meta-badge{min-height:36px;color:var(--text-muted-strong);background:#ffffff94;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}[data-theme=dark] .page-meta-badge{background:#ffffff14}.content-grid{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.content-grid.narrow{max-width:var(--content-max-width);margin-inline:auto}.section-card,.card{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-strong);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(24px)saturate(140%)}.section-card{padding:24px}.card:hover{box-shadow:var(--shadow-card-hover)}.card-flat{box-shadow:none}.card-quiet{background:var(--surface-muted)}.stack-sm{gap:12px;display:grid}.stack-md{gap:16px;display:grid}.stack-lg{gap:20px;display:grid}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.filter-bar{flex-wrap:wrap;align-items:center;display:flex}.btn{border-radius:14px;min-height:42px;padding:0 18px;font-weight:600}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));box-shadow:0 12px 24px #e27d6038}.btn-primary:hover{filter:brightness(1.02)}.btn-secondary{background:var(--surface-raised);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-strong)}.btn-danger{background:linear-gradient(135deg,#ff7d64,#de4b39)}.btn-block{width:100%}.btn-sm{min-height:34px;padding:0 12px}.btn-ghost{min-height:36px}.action-pill{border:1px solid var(--control-border);background:var(--pill-surface);min-height:38px;color:var(--pill-text);border-radius:999px;padding:0 14px;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #00000024}.action-pill:hover{filter:brightness(1.03);transform:translateY(-1px)}.action-pill-soft{background:var(--pill-surface-soft)}.action-pill-ghost{background:var(--pill-surface-ghost);color:var(--text-heading)}[data-theme=dark] .action-pill-ghost{color:#fff8f2e0}.action-pill-danger{background:linear-gradient(#ff7d642e,#de4b3933);border-color:#ff7d6438}.form-group label{color:var(--text-heading);margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border-strong);background:var(--surface-raised);box-shadow:inset 0 1px #ffffff42}.form-group textarea{min-height:180px}.form-error{color:var(--color-danger);font-size:.9rem}.form-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-row-spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.hint-muted{color:var(--color-text-light);font-size:.85rem}.hint-danger{color:var(--color-danger)}.tag-selector{flex-wrap:wrap;gap:10px;display:flex}.tag-option{border:1px solid var(--control-border);background:var(--tag-surface);min-height:38px;color:var(--text-heading);border-radius:999px;padding:0 14px;font-size:.88rem;font-weight:600;box-shadow:inset 0 1px #ffffff14}.tag-option:hover{border-color:color-mix(in srgb, var(--color-primary) 34%, var(--control-border));background:var(--tag-surface-hover);transform:translateY(-1px)}.tag-option.selected{border-color:color-mix(in srgb, var(--color-primary) 34%, var(--control-border));background:var(--tag-surface-selected);color:#fffaf6;box-shadow:inset 0 1px #ffffff1f,0 10px 22px #e8a87c29}.modal-overlay{background:var(--modal-overlay-surface);-webkit-backdrop-filter:blur(10px)}.modal{border:1px solid var(--control-border);background:var(--modal-surface);box-shadow:0 28px 60px #44301d2e,inset 0 1px #ffffff70}.modal h3{color:var(--control-text-strong);margin-bottom:8px}.modal-subtitle{color:var(--color-text-light);margin-bottom:16px;font-size:.9rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal-feedback{text-align:center;color:#fff8f2;padding:20px 8px;font-size:.96rem}.post-list{gap:16px;display:grid}.post-card{margin-bottom:0;padding:22px 24px}.post-card-header{align-items:flex-start;gap:12px}.post-header-main{flex-direction:column;gap:6px;min-width:0;display:flex}.post-kicker{color:var(--color-text-light);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;display:inline-flex}.post-nickname{color:var(--text-heading);font-size:1rem}.post-content{font-size:1rem;line-height:1.85}.post-card-cover{border-radius:calc(var(--radius-lg) - 4px);border:1px solid var(--border-strong);background:var(--surface-raised);justify-content:flex-start;align-items:center;width:fit-content;max-width:min(100%,520px);margin:14px 0 16px;display:flex;overflow:hidden}.post-card-cover-image{object-fit:contain;width:auto;max-width:100%;max-height:clamp(180px,24vw,300px);display:block}.post-tags{gap:10px}.post-footer{flex-wrap:wrap;justify-content:space-between;gap:12px}.post-footer-main,.post-footer-actions,.post-actions-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-detail-card{padding:28px}.empty-state{border-radius:var(--radius-lg);background:linear-gradient(#fff3,#0000);border:1px dashed #bb6b3c3d;padding:54px 24px}.empty-state.compact{padding:28px 20px}.empty-state-subtitle{color:var(--color-text-light);font-size:.92rem}.profile-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;display:grid}.profile-header-copy h2{color:var(--text-heading);margin:0}.profile-header-copy p{color:var(--color-text-light);margin:4px 0 0;font-size:.88rem}.profile-bio{color:var(--color-text);margin-top:16px;line-height:1.75}.profile-stats{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.profile-stat{background:var(--accent-soft);min-height:38px;color:var(--text-muted-strong);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.85rem;font-weight:600;display:inline-flex}.profile-panel{padding:24px}.segmented-tabs{background:var(--control-surface);border:1px solid var(--control-border);box-shadow:var(--control-shadow);border-radius:999px;gap:0;padding:5px;display:inline-flex;position:relative;overflow:hidden}.segmented-slider{width:calc((100% - 10px) / var(--segment-count,1));background:var(--control-slider-bg);box-shadow:var(--control-slider-shadow);transform:translateX(calc(100% * var(--segment-index,0)));pointer-events:none;border-radius:999px;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;top:5px;bottom:5px;left:5px}.segmented-tab{z-index:1;min-height:40px;color:var(--control-text);transition:color var(--transition), transform .22s ease, text-shadow .22s ease;background:0 0;border:none;border-radius:999px;flex:1;padding:0 18px;font-size:.92rem;font-weight:600;position:relative}.segmented-tab:hover{color:var(--control-text-strong);transform:scale(.985)}.segmented-tab.active{color:var(--control-text-strong);box-shadow:none;text-shadow:0 1px 10px #fff4ed14;background:0 0}.segmented-tab:active{transform:scale(.965)}.comment-item{padding:18px 0}.comment-item-reply{margin-left:var(--comment-indent,0px)}.comment-item:first-child{padding-top:0}.comment-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.comment-body{gap:8px;display:grid}.comment-origin{background:var(--surface-raised);color:var(--color-text-light);border-radius:12px;margin-top:8px;padding:8px 12px;font-size:.82rem;overflow:hidden}.comment-origin-label{color:var(--color-text-light);margin-bottom:4px;font-weight:700;display:inline-block}.comment-origin.markdown-body>:first-child{margin-top:0}.comment-origin.markdown-body>:last-child{margin-bottom:0}.comment-origin.markdown-body p{word-break:break-word;font-size:.82rem;line-height:1.65}.comment-origin.markdown-body img{object-fit:cover;max-height:160px}.comment-thread-empty{color:var(--color-text-light);padding:12px 0}.comment-form .form-group textarea{min-height:96px}.auth-page{justify-content:center;width:min(100%,460px);margin:0 auto;padding-top:8px;display:flex}.auth-aside{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:var(--hero-glow);box-shadow:var(--shadow-soft);padding:28px}.auth-aside h2{color:var(--text-heading);letter-spacing:-.04em;margin:0 0 12px;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05}.auth-aside p{color:var(--text-muted-strong);line-height:1.75}.auth-highlights{gap:12px;margin-top:18px;display:grid}.auth-highlight{border-radius:var(--radius-md);color:var(--text-muted-strong);background:#ffffff61;padding:14px 16px;font-size:.92rem}[data-theme=dark] .auth-highlight{background:#ffffff0d}.auth-card{width:100%;max-width:420px;padding:28px}.auth-form{gap:18px;display:grid}.auth-form .form-group{margin-bottom:0}.auth-form .form-group input{min-height:54px;font-size:1rem}.auth-form .btn-block{min-height:54px;margin-top:4px}.auth-title{color:var(--text-heading);margin-bottom:8px}.auth-subtitle{text-align:center;color:var(--color-text-light);margin-bottom:22px}.auth-switch{text-align:center;color:var(--color-text-light);margin-top:18px;font-size:.92rem}.notifications-list{display:grid}.notification-item{border-bottom:1px solid var(--color-border);cursor:pointer;transition:transform var(--transition), background-color var(--transition), box-shadow var(--transition);border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:flex-start;gap:14px;padding:18px 12px;display:grid}.notification-item:hover{background:#ffffff0a;transform:translate(4px);box-shadow:inset 0 0 0 1px #ffffff0d}.notification-item.unread{background:linear-gradient(90deg, var(--accent-soft), transparent 75%)}.notification-icon{background:var(--surface-raised);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:inline-flex}.notification-title{color:var(--color-text);margin-bottom:4px;line-height:1.5}.notification-actor{color:var(--accent-strong);font-weight:700}.notification-time{color:var(--color-text-light);font-size:.82rem}.notification-dot{background:var(--color-danger);width:10px;height:10px;box-shadow:0 0 0 6px var(--danger-soft);border-radius:50%;margin-top:8px}.notification-arrow{color:var(--color-text-light);margin-top:4px;font-size:1.2rem;line-height:1}.admin-shell{gap:20px;min-width:0;display:grid}.admin-tabs{background:var(--control-surface);border-bottom:none;border:1px solid var(--control-border);box-shadow:var(--control-shadow);border-radius:999px;gap:0;max-width:100%;margin-bottom:0;padding:5px;display:inline-flex;position:relative;overflow:hidden}.admin-tab{z-index:1;min-height:42px;color:var(--control-text);transition:color var(--transition), transform .22s ease, text-shadow .22s ease;border-radius:999px;flex:1;margin-bottom:0;padding:0 18px;position:relative}.admin-tab:hover{color:var(--control-text-strong);transform:scale(.985)}.admin-tab.active{color:var(--control-text-strong);box-shadow:none;text-shadow:0 1px 10px #fff4ed14;background:0 0;border-bottom-color:#0000}.admin-tab:active{transform:scale(.965)}.admin-table-shell{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-strong);width:100%;max-width:100%;box-shadow:var(--shadow-card);overflow:auto}.admin-table{min-width:720px}.admin-table th,.admin-table td{padding:14px 16px}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-mobile-list{display:none}.admin-record-card{padding:16px}.admin-record-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.admin-record-id{color:var(--text-heading);font-weight:700}.admin-record-grid{gap:10px;display:grid}.admin-record-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-record-row-block{gap:6px;display:grid}.admin-record-label{color:var(--color-text-light);flex-shrink:0;font-size:.82rem}.admin-record-value{color:var(--color-text);text-align:right;word-break:break-word;font-size:.92rem}.admin-record-content{color:var(--color-text);word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;line-height:1.6;display:-webkit-box;overflow:hidden}.admin-record-actions{margin-top:14px}.nowrap{white-space:nowrap}.loading{padding:48px 24px}.loading p{margin-top:12px}.filter-bar{gap:12px}.filter-select{position:relative}.filter-select-trigger{border:1px solid var(--control-border);background:var(--control-surface);min-width:148px;min-height:48px;color:var(--control-text-strong);box-shadow:var(--control-shadow);transition:transform var(--transition), background-color var(--transition), border-color var(--transition);border-radius:999px;justify-content:space-between;align-items:center;gap:16px;padding:0 18px;font-size:.95rem;font-weight:600;display:inline-flex}.filter-select-trigger:hover,.filter-select.open .filter-select-trigger{background:var(--control-surface-hover);border-color:color-mix(in srgb, var(--color-primary) 36%, var(--control-border));transform:translateY(-1px)}.filter-select-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filter-select-arrow{color:var(--control-icon);transition:transform var(--transition);font-size:.9rem}.filter-select.open .filter-select-arrow{transform:rotate(180deg)}.filter-select-menu{z-index:40;border:1px solid var(--control-border);background:var(--dropdown-surface);-webkit-backdrop-filter:blur(24px)saturate(160%);border-radius:22px;gap:6px;min-width:100%;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 26px 48px #44301d2e,inset 0 1px #ffffff70}.filter-select-option{min-height:42px;color:var(--control-text-strong);text-align:left;transition:background-color var(--transition), color var(--transition), transform var(--transition);background:0 0;border:none;border-radius:14px;padding:0 14px;font-size:.92rem;font-weight:600}.filter-select-option:hover,.filter-select-option.active{background:var(--dropdown-item-surface);color:var(--control-text-strong)}.filter-select-option:hover{transform:translate(2px)}.footer{border-top:1px solid #ffffff42;margin-top:12px;padding:28px 20px 36px}.footer-inner{max-width:var(--app-max-width);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;display:flex}.footer-brand{color:var(--text-heading);font-weight:700}.footer-copy{color:var(--color-text-light);font-size:.88rem}@media (width<=960px){.header-inner{flex-wrap:wrap}.header-nav{justify-content:space-between;width:100%}.header-links{order:2}.header-tools{flex:1;justify-content:flex-end}.auth-page,.page-hero{grid-template-columns:1fr}.profile-header{grid-template-columns:auto minmax(0,1fr)}}@media (width<=720px){.main-content{padding:20px 12px 40px}.header-inner{padding:14px 12px}.header-nav{flex-direction:column;align-items:stretch}.header-links,.header-tools{width:100%}.header-links{justify-content:space-between}.header-tools{justify-content:stretch}.header-utility-group{width:fit-content;margin-left:auto}.search-form{flex:1}.search-form input{width:100%}.page-hero,.section-card,.card,.auth-card,.auth-aside{border-radius:24px;padding:20px}.auth-page{width:100%;padding-top:0}.content-grid{gap:16px}.auth-card{border-radius:22px;max-width:none;padding:22px 18px 20px}.auth-title{font-size:1.75rem;line-height:1.08}.auth-subtitle{margin-bottom:18px;font-size:.94rem}.auth-form{gap:14px}.auth-form .form-group label{margin-bottom:6px;font-size:.88rem}.auth-form .form-group input{border-radius:16px;min-height:52px;padding:12px 14px;font-size:16px}.auth-form .btn-block{border-radius:16px;min-height:52px}.auth-switch{margin-top:16px;line-height:1.6}.page-hero-compact{border-radius:0;padding:0}.page-hero-compact .page-title{font-size:1.85rem;line-height:1.08}.page-hero-actions{justify-content:stretch;width:100%}.page-hero-actions .btn{width:100%}.filter-bar{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;margin-bottom:16px;display:grid}.filter-select,.filter-select-trigger{width:100%}.filter-bar>:only-child{grid-column:1/-1}.filter-select-trigger{gap:8px;min-width:0;min-height:44px;padding:0 12px;font-size:.86rem}.filter-select-label{min-width:0}.filter-select-menu{right:0}.post-list{gap:14px}.post-card,.post-detail-card{padding:18px 16px}.post-card-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.post-content{font-size:.96rem;line-height:1.72}.post-card-cover{max-width:100%;margin:12px 0 14px}.post-tags{gap:8px}.post-footer-main,.post-footer-actions,.post-actions-row{width:100%}.post-footer-actions{justify-content:flex-start}.post-actions-row>.btn{flex:140px}.comment-item{padding:16px 0}.comment-item-reply{margin-left:min(var(--comment-indent,0px), 18px)}.comment-header{flex-direction:column;align-items:flex-start;gap:8px}.comment-header-actions{justify-content:flex-start;width:100%}.comment-form .form-group textarea{min-height:88px;font-size:16px}.comment-form .form-row{flex-direction:column;align-items:stretch}.comment-form .form-row>*,.comment-form .btn{width:100%}.profile-header{text-align:left;grid-template-columns:1fr;gap:14px}.profile-header>.btn,.profile-header>button{width:100%}.profile-panel{padding:18px 16px}.profile-stats{gap:8px}.profile-stat{min-height:34px;padding:0 12px;font-size:.8rem}.segmented-tabs{width:100%;display:flex}.segmented-tab{min-width:0;padding:0 12px;font-size:.88rem}.notifications-list{gap:10px}.admin-tabs{width:100%;padding:4px;display:flex}.admin-tab{min-width:0;min-height:40px;padding:0 10px;font-size:.86rem}.admin-table-shell{border-radius:18px}.admin-table{min-width:640px}.admin-table th,.admin-table td{padding:12px;font-size:.84rem}.notification-item{background:#ffffff42;border-bottom:none;border-radius:16px;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px 12px}.notification-title{font-size:.92rem}.notification-time{font-size:.78rem}.empty-state{padding:32px 18px}.empty-state.compact{padding:22px 16px}.admin-data-view .admin-table-shell{display:none}.admin-mobile-list{gap:12px;display:grid}.admin-record-card{border-radius:18px;padding:14px}.admin-record-actions>.btn{flex:140px}.page-hero-actions,.toolbar-row,.form-row-spread{align-items:stretch}.post-footer{flex-direction:column;align-items:flex-start}.notification-item{grid-template-columns:auto minmax(0,1fr)}.notification-dot,.notification-arrow{display:none}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=420px){.filter-bar{gap:6px}.filter-select-trigger{min-height:42px;padding:0 10px;font-size:.8rem}.filter-select-arrow{font-size:.8rem}.page-hero-compact .page-title{font-size:1.6rem}.page-meta{gap:8px}.page-meta-badge{min-height:32px;padding:0 12px;font-size:.8rem}.auth-card{border-radius:20px;padding:18px 14px 16px}.auth-title{font-size:1.6rem}.auth-subtitle{margin-bottom:16px;font-size:.9rem}.auth-form{gap:12px}.post-card,.post-detail-card,.section-card{padding:16px 14px}.post-card-cover-image{max-height:180px}.profile-panel{padding:16px 14px}.admin-tab{padding:0 8px;font-size:.78rem}.admin-record-row{gap:4px;display:grid}.admin-record-value{text-align:left}.admin-record-actions>.btn{flex-basis:100%}.admin-table{min-width:580px}.admin-table th,.admin-table td{padding:10px;font-size:.8rem}.segmented-tab{padding:0 10px;font-size:.84rem}.notification-item{gap:10px;padding:12px 10px}.notification-icon{border-radius:12px;width:38px;height:38px;font-size:1rem}.post-actions-row>.btn{flex-basis:100%}.comment-item-reply{margin-left:min(var(--comment-indent,0px), 12px)}}