.notif-bell{position:relative}.notif-badge{position:absolute;top:-4px;right:-6px;background:#DC2626;color:#fff;font-size:10px;width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.notif-dropdown{position:absolute;top:100%;right:-8px;width:340px;max-height:420px;background:var(--surface);border:1px solid var(--divider);border-radius:8px;box-shadow:0 4px 24px #0000001a;z-index:300;overflow:hidden;margin-top:8px}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--divider);font-size:14px;font-weight:600;color:var(--text)}.notif-header button{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;font-family:var(--font)}.notif-header button:hover{text-decoration:underline}.notif-list{overflow-y:auto;max-height:360px}.notif-empty{padding:32px;text-align:center;color:var(--muted);font-size:13px}.notif-item{padding:12px 16px;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .1s}.notif-item:hover,.notif-item.unread{background:var(--highlight-bg)}.notif-item-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px}.notif-item-body{font-size:12px;color:var(--text-secondary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-time{font-size:11px;color:var(--muted)}.topnav{background:var(--accent);color:#fff;height:var(--nav-height);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100;gap:16px;transition:background .2s}.topnav-brand{display:flex;align-items:baseline;gap:8px;flex-shrink:0}.topnav-logo{font-size:18px;font-weight:700;letter-spacing:.5px}.topnav-tagline{font-size:12px;opacity:.72;white-space:nowrap}.topnav-spacer{flex:1}.topnav-search{display:flex;align-items:center;background:rgba(255,255,255,.12);border-radius:16px;padding:4px 12px;gap:6px;width:240px;max-width:240px;transition:background .2s}.topnav-search:focus-within{background:rgba(255,255,255,.2)}.topnav-search input{background:transparent;border:none;color:#fff;font-size:13px;outline:none;width:100%;font-family:var(--font)}.topnav-search input::placeholder{color:#ffffff73}.topnav-icon{font-size:16px;opacity:.82;cursor:pointer;flex-shrink:0;position:relative;display:flex;align-items:center}.topnav-icon:hover{opacity:1}.topnav-points{font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:opacity .15s}.topnav-points:hover{opacity:.8}.topnav-user{font-size:13px;font-weight:500;opacity:.85;cursor:pointer}.topnav-user:hover{opacity:1}.topnav-login-btn{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 14px;border-radius:4px;font-size:13px;font-family:var(--font);cursor:pointer;transition:background .15s}.topnav-login-btn:hover{background:rgba(255,255,255,.25)}.topnav-logout-btn{background:none;border:none;color:#ffffff80;font-size:12px;font-family:var(--font);cursor:pointer}.topnav-logout-btn:hover{color:#fffc}.dm-toggle{background:rgba(255,255,255,.1);border:none;color:#fff;width:30px;height:30px;border-radius:15px;cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.dm-toggle:hover{background:rgba(255,255,255,.2)}@media (max-width: 480px){.topnav{padding:0 10px;gap:8px}.topnav-search{width:120px}.topnav-tagline{display:none}}.cattabs{background:var(--surface);border-bottom:1px solid var(--divider);display:flex;gap:0;padding:0 24px;overflow-x:auto;position:sticky;top:var(--nav-height);z-index:99;height:var(--tab-height);align-items:stretch;transition:background .2s,border-color .2s}.cattab{background:none;border:none;font-family:var(--font);font-size:13px;color:var(--muted);cursor:pointer;padding:0 16px;white-space:nowrap;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;display:flex;align-items:center}.cattab:hover{color:var(--text)}.cattab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.sortbar{display:flex;gap:0;align-items:center;margin-bottom:6px;font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--divider);padding-bottom:8px;transition:border-color .2s}.sortbar-label{margin-right:8px;flex-shrink:0}.sortbtn{background:none;border:none;font-family:var(--font);font-size:12.5px;color:var(--muted);cursor:pointer;padding:3px 10px;border-radius:3px;transition:color .15s,background .15s}.sortbtn:hover{color:var(--text);background:var(--tag-gray-bg)}.sortbtn.active{color:var(--accent);font-weight:600}.sortbar-results{margin-left:auto;font-size:12px;color:var(--muted)}.postitem{padding:11px 0;border-bottom:1px solid var(--divider);transition:border-color .2s,background .15s}.postitem:hover{background:var(--highlight-bg)}.postitem:last-child{border-bottom:none}.post-title{font-size:15px;font-weight:600;color:var(--text);cursor:pointer;text-decoration:none;line-height:1.45;display:block;margin-bottom:5px;transition:color .15s}.post-title:hover{color:var(--accent)}.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;margin-bottom:3px}.post-stats{display:inline-flex;align-items:center;gap:10px;margin-left:4px;font-size:12px;color:var(--muted)}.stat-item{display:inline-flex;align-items:center;gap:2px;cursor:default}.stat-vote{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:2px;padding:0 2px}.stat-vote:hover{background:var(--tag-gray-bg)}.stat-vote.active-up{color:var(--tag-orange)}.stat-vote.active-down{color:var(--tag-blue)}.post-footer{font-size:12px;color:var(--muted);display:flex;gap:4px}.post-footer a{color:var(--muted);text-decoration:none}.post-footer a:hover{color:var(--accent);text-decoration:underline}.post-author-link{cursor:pointer}.post-delete-btn{background:none;border:none;cursor:pointer;font-size:12px;opacity:0;transition:opacity .15s;padding:0 4px;margin-left:auto}.postitem:hover .post-delete-btn{opacity:.6}.post-delete-btn:hover{opacity:1!important}.postlist{list-style:none}.no-results{text-align:center;padding:40px 0;color:var(--muted);font-size:14px}.sidebar-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--divider);transition:border-color .2s}.sidebar-section:last-child{border-bottom:none}.sidebar-title{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;transition:color .2s}.featured-card{background:var(--highlight-bg);border-radius:4px;padding:12px 14px;position:relative;transition:background .2s}.featured-card .star{position:absolute;top:8px;right:10px;font-size:14px}.featured-card a{color:var(--accent);font-size:13px;font-weight:500;line-height:1.5}.featured-card a:hover{text-decoration:underline}.feat-meta{font-size:11.5px;color:var(--muted);margin-top:6px}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px}.cloud-tag{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;color:var(--text-secondary);background:var(--tag-gray-bg);cursor:pointer;transition:background .15s,color .15s;font-family:var(--font);border:none}.cloud-tag:hover{background:var(--divider);color:var(--text)}.cloud-tag.active{background:var(--accent);color:#fff}.leader-list{list-style:none}.leader-item{display:flex;align-items:center;padding:5px 0;font-size:12.5px;gap:8px}.leader-rank{width:20px;height:20px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:var(--tag-gray-bg);color:var(--muted);flex-shrink:0}.leader-rank.gold{background:var(--gold);color:#fff}.leader-rank.silver{background:var(--silver);color:#fff}.leader-rank.bronze{background:var(--bronze);color:#fff}.leader-name{flex:1;font-weight:500;color:var(--text);cursor:pointer}.leader-name:hover{color:var(--accent);text-decoration:underline}.leader-score{color:var(--muted);font-size:11.5px}.lounge-section{background:var(--lounge-bg);border-radius:6px;padding:14px;margin-top:-4px;transition:background .2s}.lounge-subtitle{font-weight:400;font-size:11px;color:var(--muted);margin-left:4px}.lounge-list{margin-bottom:10px}.lounge-item{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:12px;color:var(--text-secondary)}.lounge-bubble{font-size:11px;flex-shrink:0}.lounge-item a{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lounge-item a:hover{color:var(--accent);text-decoration:underline}.lounge-enter{display:block;text-align:center;font-size:12px;color:var(--tag-orange);padding:4px 0}.lounge-enter:hover{text-decoration:underline}.sidebar{flex:0 0 30%;max-width:30%;padding:16px 0}@media (max-width: 860px){.sidebar{flex:1 1 auto;max-width:100%;order:-1;padding:10px 0}}.fab{position:fixed;bottom:28px;right:28px;width:48px;height:48px;border-radius:24px;background:var(--accent);color:#fff;border:none;font-size:24px;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #1a365d40;transition:transform .2s,background .2s;z-index:200;font-family:var(--font);line-height:1}.fab:hover{transform:scale(1.08);background:var(--accent-light)}.create-post-page{min-height:100vh;background:var(--bg);transition:background .2s}.cp-topbar{background:var(--surface);border-bottom:1px solid var(--divider);height:var(--nav-height);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:100;transition:background .2s,border-color .2s}.cp-back-btn{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;font-family:var(--font);padding:4px 8px;border-radius:4px;transition:background .15s}.cp-back-btn:hover{background:var(--highlight-bg)}.cp-topbar-title{font-size:16px;font-weight:600;color:var(--text)}.cp-topbar-spacer{flex:1}.cp-layout{max-width:1000px;margin:0 auto;display:flex;gap:32px;padding:24px}.cp-form{flex:1;min-width:0}.cp-subtitle{font-size:13px;color:var(--muted);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--divider);transition:border-color .2s}.cp-field{margin-bottom:20px}.cp-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.cp-input,.cp-select,.cp-textarea{width:100%;padding:8px 12px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface);border:1px solid var(--divider);border-radius:4px;transition:border-color .2s,background .2s,box-shadow .2s;outline:none}.cp-input:focus,.cp-select:focus,.cp-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1a365d14}.cp-textarea{resize:vertical;line-height:1.6}.cp-input::placeholder,.cp-textarea::placeholder{color:var(--muted)}.cp-select{cursor:pointer}.cp-row{display:flex;gap:16px}.cp-half{flex:1}.cp-tag-input-row{display:flex;gap:8px}.cp-tag-input{flex:1}.cp-tag-add-btn{padding:8px 16px;background:var(--tag-gray-bg);border:1px solid var(--divider);border-radius:4px;font-size:13px;cursor:pointer;font-family:var(--font);color:var(--text-secondary);transition:background .15s;white-space:nowrap}.cp-tag-add-btn:hover{background:var(--divider)}.cp-tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cp-added-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;background:var(--tag-blue-bg);color:var(--tag-blue);border-radius:12px;font-size:12px;font-weight:500}.cp-tag-remove{background:none;border:none;color:var(--tag-blue);cursor:pointer;font-size:14px;padding:0;line-height:1;opacity:.7}.cp-tag-remove:hover{opacity:1}.cp-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid var(--divider);transition:border-color .2s}.cp-btn{padding:10px 24px;border-radius:4px;font-size:14px;font-family:var(--font);cursor:pointer;transition:background .2s,opacity .2s;border:none}.cp-btn-draft{background:var(--tag-gray-bg);color:var(--text-secondary)}.cp-btn-draft:hover{background:var(--divider)}.cp-btn-submit{background:var(--accent);color:#fff;font-weight:600}.cp-btn-submit:hover{background:var(--accent-light)}.cp-btn-submit:disabled{opacity:.6;cursor:not-allowed}.cp-attach-zone{border:2px dashed var(--divider);border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;display:flex;flex-direction:column;align-items:center;gap:6px}.cp-attach-zone:hover{border-color:var(--accent);background:var(--highlight-bg)}.cp-attach-icon{font-size:24px}.cp-attach-zone span:nth-child(2){font-size:13px;color:var(--text-secondary)}.cp-attach-hint{font-size:11px;color:var(--muted)}.cp-attach-btn{margin-top:4px;padding:5px 16px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:13px;font-family:var(--font);cursor:pointer;transition:background .15s}.cp-attach-btn:hover{background:var(--accent-light)}.cp-attach-list{display:flex;flex-direction:column;gap:4px;margin-top:8px}.cp-attach-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--tag-gray-bg);border-radius:4px;font-size:13px}.cp-attach-name{flex:1;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-attach-size{color:var(--muted);font-size:12px;white-space:nowrap}.cp-attach-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:16px;padding:0 2px}.cp-attach-remove:hover{color:#dc2626}.cp-sidebar{width:260px;flex-shrink:0;padding-top:36px}.cp-guide-card{background:var(--surface);border:1px solid var(--divider);border-radius:6px;padding:16px;margin-bottom:16px;transition:background .2s,border-color .2s}.cp-guide-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:10px}.cp-guide-list{font-size:12.5px;color:var(--text-secondary);padding-left:18px;line-height:1.8}.cp-guide-list strong{color:var(--accent)}.cp-guide-example{font-size:13px;color:var(--accent);font-weight:500;margin-bottom:6px}.cp-guide-meta{font-size:11.5px;color:var(--muted)}@media (max-width: 760px){.cp-layout{flex-direction:column;padding:16px}.cp-sidebar{width:100%;order:-1;padding-top:0}.cp-row{flex-direction:column;gap:0}.cp-actions{flex-direction:column}.cp-btn{width:100%;text-align:center}}.detail-page{min-height:100vh;background:var(--bg);transition:background .2s}.detail-topbar{background:var(--surface);border-bottom:1px solid var(--divider);height:var(--nav-height);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:100;transition:background .2s,border-color .2s}.detail-back-btn{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;font-family:var(--font);padding:4px 8px;border-radius:4px;transition:background .15s}.detail-back-btn:hover{background:var(--highlight-bg)}.detail-delete-btn{background:none;border:1px solid #FECACA;color:#dc2626;font-size:12px;cursor:pointer;font-family:var(--font);padding:4px 10px;border-radius:4px;transition:background .15s;margin-right:8px}.detail-delete-btn:hover{background:#FEF2F2}.detail-attachments{padding:16px 0;border-top:1px solid var(--divider);margin-bottom:16px}.detail-attachments-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:10px}.detail-attach-list{display:flex;flex-direction:column;gap:6px}.detail-attach-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--tag-gray-bg);border-radius:6px;text-decoration:none;transition:background .15s}.detail-attach-item:hover{background:var(--divider)}.detail-attach-icon2{font-size:16px}.detail-attach-name2{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-attach-size2{font-size:12px;color:var(--muted)}.detail-attach-dl{font-size:12px;color:var(--accent);font-weight:500;white-space:nowrap}.detail-topbar-spacer{flex:1}.detail-topbar-category{display:flex;gap:6px}.detail-layout{max-width:1000px;margin:0 auto;display:flex;gap:32px;padding:24px}.detail-main{flex:1;min-width:0}.detail-title{font-size:22px;font-weight:700;line-height:1.4;color:var(--text);margin-bottom:12px}.detail-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);margin-bottom:20px}.detail-author{font-weight:500;color:var(--text-secondary)}.detail-author-link{color:var(--text-secondary);cursor:pointer}.detail-author-link:hover{color:var(--accent);text-decoration:underline}.detail-dot{color:var(--divider)}.detail-time,.detail-views{color:var(--muted)}.detail-vote-bar{display:flex;align-items:center;gap:0;padding:12px 0;border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);margin-bottom:24px;transition:border-color .2s}.detail-vote-btn{padding:6px 16px;border:1px solid var(--divider);background:var(--surface);font-size:13px;font-family:var(--font);cursor:pointer;transition:background .15s,color .15s,border-color .15s;color:var(--text-secondary)}.detail-vote-btn:first-child{border-radius:4px 0 0 4px}.detail-vote-btn:last-of-type{border-radius:0 4px 4px 0;border-left:none}.detail-vote-btn:hover{background:var(--tag-gray-bg)}.detail-vote-btn.active-up{background:var(--tag-orange-bg);color:var(--tag-orange);border-color:var(--tag-orange)}.detail-vote-btn.active-down{background:var(--tag-blue-bg);color:var(--tag-blue);border-color:var(--tag-blue)}.detail-vote-divider{width:1px;height:24px;background:var(--divider);margin:0 12px}.detail-vote-comment{font-size:13px;color:var(--muted)}.detail-body{line-height:1.8;color:var(--text)}.detail-section{margin-bottom:24px}.detail-section h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:8px}.detail-section p{font-size:14px;color:var(--text-secondary);white-space:pre-line}.detail-tags{display:flex;flex-wrap:wrap;gap:6px;padding:16px 0;border-top:1px solid var(--divider);margin-bottom:32px;transition:border-color .2s}.detail-comments{border-top:2px solid var(--divider);padding-top:24px;transition:border-color .2s}.detail-comments-title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text)}.detail-comment-form{margin-bottom:24px}.detail-comment-input{width:100%;padding:10px 14px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface);border:1px solid var(--divider);border-radius:4px;resize:vertical;outline:none;margin-bottom:8px;transition:border-color .2s,background .2s}.detail-comment-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1a365d14}.detail-comment-submit{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:13px;font-family:var(--font);cursor:pointer;font-weight:500;transition:background .2s}.detail-comment-submit:hover{background:var(--accent-light)}.detail-comment-list{display:flex;flex-direction:column;gap:0}.detail-comment-item{padding:14px 0;border-bottom:1px solid var(--divider);transition:border-color .2s}.detail-comment-item:last-child{border-bottom:none}.detail-comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.detail-comment-author{font-size:13px;font-weight:600;color:var(--text)}.detail-comment-time{font-size:12px;color:var(--muted)}.detail-comment-body{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.detail-comment-actions{display:flex;gap:16px}.detail-comment-vote,.detail-comment-reply{background:none;border:none;font-size:12px;color:var(--muted);cursor:pointer;font-family:var(--font);padding:2px 4px;border-radius:2px;transition:color .15s,background .15s}.detail-comment-vote:hover{background:var(--tag-gray-bg)}.detail-comment-vote.active{color:var(--tag-orange)}.detail-comment-reply:hover{color:var(--accent)}.detail-sidebar{width:240px;flex-shrink:0;padding-top:4px}.detail-sidebar-card{background:var(--surface);border:1px solid var(--divider);border-radius:6px;padding:14px;margin-bottom:14px;transition:background .2s,border-color .2s}.detail-sidebar-card h4{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.detail-author-name{font-size:14px;font-weight:600;color:var(--accent);margin-bottom:2px;cursor:pointer;display:block}.detail-author-name:hover{text-decoration:underline}.detail-author-bio{font-size:12px;color:var(--muted)}.detail-stat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;color:var(--text-secondary)}.detail-stat-val{font-weight:500;color:var(--text)}@media (max-width: 760px){.detail-layout{flex-direction:column;padding:16px}.detail-sidebar{width:100%;order:-1}.detail-title{font-size:18px}}.profile-page{min-height:100vh;background:var(--bg);transition:background .2s}.profile-topbar{background:var(--surface);border-bottom:1px solid var(--divider);height:var(--nav-height);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:100;transition:background .2s,border-color .2s}.profile-back-btn{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;font-family:var(--font);padding:4px 8px;border-radius:4px;transition:background .15s}.profile-back-btn:hover{background:var(--highlight-bg)}.profile-topbar-spacer{flex:1}.profile-edit-btn{background:var(--tag-gray-bg);border:1px solid var(--divider);border-radius:4px;padding:5px 14px;font-size:13px;cursor:pointer;font-family:var(--font);color:var(--text-secondary);transition:background .15s}.profile-edit-btn:hover{background:var(--divider)}.profile-layout{max-width:900px;margin:0 auto;display:flex;gap:32px;padding:24px}.profile-main{flex:1;min-width:0}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.profile-avatar{width:64px;height:64px;border-radius:32px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;flex-shrink:0}.profile-header-info{min-width:0}.profile-username{font-size:22px;font-weight:700;color:var(--text);margin-bottom:4px}.profile-rank{font-size:13px;color:var(--muted)}.profile-bio{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--divider);transition:border-color .2s}.profile-bio p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.profile-tags{display:flex;flex-wrap:wrap;gap:6px}.profile-edit-area{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--divider)}.profile-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:4px;margin-top:12px}.profile-label:first-child{margin-top:0}.profile-edit-bio,.profile-edit-input{width:100%;padding:8px 12px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--surface);border:1px solid var(--divider);border-radius:4px;outline:none;transition:border-color .2s}.profile-edit-bio{resize:vertical;line-height:1.6}.profile-edit-bio:focus,.profile-edit-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1a365d14}.profile-edit-actions{display:flex;gap:8px;margin-top:12px}.profile-save-btn,.profile-cancel-btn{padding:6px 18px;border-radius:4px;font-size:13px;font-family:var(--font);cursor:pointer;border:none;transition:background .15s}.profile-save-btn{background:var(--accent);color:#fff}.profile-save-btn:hover{background:var(--accent-light)}.profile-cancel-btn{background:var(--tag-gray-bg);color:var(--text-secondary)}.profile-cancel-btn:hover{background:var(--divider)}.profile-stats-bar{display:flex;gap:0;margin-bottom:24px;border:1px solid var(--divider);border-radius:6px;overflow:hidden;transition:border-color .2s}.profile-stat{flex:1;text-align:center;padding:12px 8px;border-right:1px solid var(--divider);transition:border-color .2s}.profile-stat:last-child{border-right:none}.profile-stat-num{display:block;font-size:18px;font-weight:700;color:var(--text);margin-bottom:2px}.profile-stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.profile-posts-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:16px}.profile-no-posts{color:var(--muted);font-size:14px;text-align:center;padding:32px 0}.profile-post-list{display:flex;flex-direction:column}.profile-post-item{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--divider);gap:16px;transition:border-color .2s}.profile-post-item:last-child{border-bottom:none}.profile-post-main{min-width:0;flex:1}.profile-post-title{font-size:14px;font-weight:500;color:var(--text);cursor:pointer;display:block;margin-bottom:6px;line-height:1.4}.profile-post-title:hover{color:var(--accent)}.profile-post-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-post-stats{font-size:12px;color:var(--muted)}.profile-post-time{font-size:12px;color:var(--muted);white-space:nowrap;flex-shrink:0;margin-top:2px}.profile-sidebar{width:220px;flex-shrink:0;padding-top:80px}.profile-sidebar-card{background:var(--surface);border:1px solid var(--divider);border-radius:6px;padding:14px;transition:background .2s,border-color .2s}.profile-sidebar-card h4{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:10px;letter-spacing:.5px}.profile-achievements{display:flex;flex-wrap:wrap;gap:6px}.profile-badge{display:inline-block;padding:3px 10px;background:var(--tag-blue-bg);color:var(--tag-blue);border-radius:12px;font-size:11.5px;font-weight:500}@media (max-width: 700px){.profile-layout{flex-direction:column;padding:16px}.profile-sidebar{width:100%;padding-top:0;order:-1}.profile-header{gap:12px}.profile-avatar{width:48px;height:48px;font-size:22px}.profile-username{font-size:18px}}.lounge-page{min-height:100vh;background:#FFFBF5;font-family:var(--font)}[data-theme=dark] .lounge-page{background:#1A1814}.lounge-topbar{background:#FFF7ED;border-bottom:1px solid #FED7AA;height:var(--nav-height);display:flex;align-items:center;padding:0 24px;gap:16px;position:sticky;top:0;z-index:100}[data-theme=dark] .lounge-topbar{background:#2D2418;border-bottom-color:#4a3720}.lounge-back-btn{background:none;border:none;color:#c2410c;font-size:13px;cursor:pointer;font-family:var(--font);padding:4px 8px;border-radius:4px;transition:background .15s}.lounge-back-btn:hover{background:#FFEDD5}[data-theme=dark] .lounge-back-btn{color:#f6ad55}[data-theme=dark] .lounge-back-btn:hover{background:#3D2E1A}.lounge-topbar-spacer{flex:1}.lounge-topbar-title{font-size:18px;font-weight:700;color:#7c2d12}[data-theme=dark] .lounge-topbar-title{color:#fbd38d}.lounge-topbar-sub{font-size:12px;color:#c2410c;opacity:.7}[data-theme=dark] .lounge-topbar-sub{color:#f6ad55}.lounge-layout{max-width:900px;margin:0 auto;display:flex;gap:32px;padding:24px}.lounge-main{flex:1;min-width:0}.lounge-welcome{background:linear-gradient(135deg,#FFF7ED,#FFEDD5);border-radius:8px;padding:24px;margin-bottom:24px;border:1px solid #FED7AA}[data-theme=dark] .lounge-welcome{background:linear-gradient(135deg,#2D2418,#3D2E1A);border-color:#4a3720}.lounge-welcome h2{font-size:20px;color:#7c2d12;margin-bottom:6px}[data-theme=dark] .lounge-welcome h2{color:#fbd38d}.lounge-welcome p{font-size:14px;color:#9a3412;opacity:.8}[data-theme=dark] .lounge-welcome p{color:#f6ad55}.lounge-post-list{display:flex;flex-direction:column}.lounge-post-item{padding:16px 0;border-bottom:1px solid #FED7AA;transition:background .15s}[data-theme=dark] .lounge-post-item{border-bottom-color:#4a3720}.lounge-post-item:hover{background:rgba(255,237,213,.3)}[data-theme=dark] .lounge-post-item:hover{background:rgba(61,46,26,.3)}.lounge-post-item:last-child{border-bottom:none}.lounge-post-title{font-size:16px;font-weight:600;color:#7c2d12;cursor:pointer;display:block;margin-bottom:6px;line-height:1.4}.lounge-post-title:hover{color:#c2410c}[data-theme=dark] .lounge-post-title{color:#fbd38d}[data-theme=dark] .lounge-post-title:hover{color:#f6ad55}.lounge-post-preview{font-size:13px;color:#9a3412;opacity:.7;margin-bottom:6px;line-height:1.5}[data-theme=dark] .lounge-post-preview{color:#f6ad55}.lounge-post-meta{font-size:12px;color:#c2410c;opacity:.6;display:flex;gap:6px;align-items:center}[data-theme=dark] .lounge-post-meta{color:#d97706}.lounge-post-author{font-weight:500}.lounge-post-form{background:#FFF7ED;border:1px solid #FED7AA;border-radius:8px;padding:14px;margin-bottom:20px}[data-theme=dark] .lounge-post-form{background:#2D2418;border-color:#4a3720}.lounge-post-form-title{width:100%;padding:8px 12px;font-size:14px;font-family:var(--font);border:1px solid #FED7AA;border-radius:6px;margin-bottom:8px;background:#FFFBF5;color:#7c2d12;outline:none}[data-theme=dark] .lounge-post-form-title{background:#1A1814;border-color:#4a3720;color:#fbd38d}.lounge-post-form-body{width:100%;padding:8px 12px;font-size:14px;font-family:var(--font);border:1px solid #FED7AA;border-radius:6px;margin-bottom:8px;background:#FFFBF5;color:#7c2d12;outline:none;resize:vertical}[data-theme=dark] .lounge-post-form-body{background:#1A1814;border-color:#4a3720;color:#fbd38d}.lounge-post-form-submit{padding:6px 18px;background:#C2410C;color:#fff;border:none;border-radius:6px;font-size:13px;font-family:var(--font);cursor:pointer}.lounge-post-form-submit:hover{background:#9A3412}.lounge-sidebar{width:220px;flex-shrink:0;padding-top:12px}.lounge-sidebar-card{background:#FFF7ED;border:1px solid #FED7AA;border-radius:8px;padding:14px;margin-bottom:14px}[data-theme=dark] .lounge-sidebar-card{background:#2D2418;border-color:#4a3720}.lounge-sidebar-card h4{font-size:13px;font-weight:600;color:#7c2d12;margin-bottom:10px}[data-theme=dark] .lounge-sidebar-card h4{color:#fbd38d}.lounge-rules{list-style:none;font-size:12.5px;color:#9a3412;opacity:.8;line-height:1.8}[data-theme=dark] .lounge-rules{color:#f6ad55}.lounge-rules li:before{content:"• "}.lounge-hot-tags{display:flex;flex-wrap:wrap;gap:6px}.lounge-hot-tags span{padding:3px 10px;background:#FFEDD5;color:#c2410c;border-radius:12px;font-size:11.5px;cursor:pointer;transition:background .15s}[data-theme=dark] .lounge-hot-tags span{background:#3D2E1A;color:#f6ad55}.lounge-hot-tags span:hover{background:#FED7AA}[data-theme=dark] .lounge-hot-tags span:hover{background:#4A3720}@media (max-width: 700px){.lounge-layout{flex-direction:column;padding:16px}.lounge-sidebar{width:100%}.lounge-topbar-sub{display:none}}.lounge-post-page{min-height:100vh;background:#FFFBF5}[data-theme=dark] .lounge-post-page{background:#1A1814}.lounge-post-topbar{background:#FFF7ED;border-bottom:1px solid #FED7AA;height:var(--nav-height);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:100}[data-theme=dark] .lounge-post-topbar{background:#2D2418;border-bottom-color:#4a3720}.lounge-post-back-btn{background:none;border:none;color:#c2410c;font-size:13px;cursor:pointer;font-family:var(--font);padding:4px 8px;border-radius:4px}.lounge-post-back-btn:hover{background:#FFEDD5}[data-theme=dark] .lounge-post-back-btn{color:#f6ad55}[data-theme=dark] .lounge-post-back-btn:hover{background:#3D2E1A}.lounge-post-topbar-spacer{flex:1}.lounge-post-layout{max-width:800px;margin:0 auto;display:flex;gap:32px;padding:24px}.lounge-post-main{flex:1;min-width:0}.lounge-post-article{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #FED7AA}[data-theme=dark] .lounge-post-article{border-bottom-color:#4a3720}.lounge-post-article-title{font-size:22px;font-weight:700;color:#7c2d12;line-height:1.4;margin-bottom:10px}[data-theme=dark] .lounge-post-article-title{color:#fbd38d}.lounge-post-article-meta{font-size:13px;color:#c2410c;opacity:.7;display:flex;gap:6px;margin-bottom:16px}[data-theme=dark] .lounge-post-article-meta{color:#f6ad55}.lounge-post-article-author{font-weight:500}.lounge-post-article-body{font-size:15px;line-height:1.8;color:#431407}[data-theme=dark] .lounge-post-article-body{color:#fde68a}.lounge-post-article-body p{margin-bottom:12px}.lounge-post-divider{font-size:14px;font-weight:600;color:#7c2d12;margin-bottom:16px}[data-theme=dark] .lounge-post-divider{color:#fbd38d}.lounge-post-reply-form{margin-bottom:20px}.lounge-post-reply-input{width:100%;padding:10px 14px;font-size:14px;font-family:var(--font);color:#431407;background:#FFF7ED;border:1px solid #FED7AA;border-radius:6px;resize:vertical;outline:none;margin-bottom:8px}[data-theme=dark] .lounge-post-reply-input{background:#2D2418;border-color:#4a3720;color:#fde68a}.lounge-post-reply-input:focus{border-color:#c2410c;box-shadow:0 0 0 2px #c2410c14}.lounge-post-reply-submit{padding:8px 20px;background:#C2410C;color:#fff;border:none;border-radius:6px;font-size:13px;font-family:var(--font);cursor:pointer;transition:background .2s}.lounge-post-reply-submit:hover{background:#9A3412}.lounge-post-replies{display:flex;flex-direction:column}.lounge-post-reply-item{padding:14px 0;border-bottom:1px solid #FED7AA}[data-theme=dark] .lounge-post-reply-item{border-bottom-color:#4a3720}.lounge-post-reply-item:last-child{border-bottom:none}.lounge-post-reply-meta{display:flex;gap:8px;align-items:center;margin-bottom:6px}.lounge-post-reply-author{font-size:13px;font-weight:600;color:#7c2d12}[data-theme=dark] .lounge-post-reply-author{color:#fbd38d}.lounge-post-reply-time{font-size:12px;color:#c2410c;opacity:.6}[data-theme=dark] .lounge-post-reply-time{color:#f6ad55}.lounge-post-reply-body{font-size:14px;color:#431407;opacity:.8;line-height:1.7}[data-theme=dark] .lounge-post-reply-body{color:#fde68a}.lounge-post-sidebar{width:200px;flex-shrink:0;padding-top:8px}.lounge-post-sidebar-card{background:#FFF7ED;border:1px solid #FED7AA;border-radius:8px;padding:14px}[data-theme=dark] .lounge-post-sidebar-card{background:#2D2418;border-color:#4a3720}.lounge-post-sidebar-card h4{font-size:13px;color:#7c2d12;margin-bottom:6px}[data-theme=dark] .lounge-post-sidebar-card h4{color:#fbd38d}.lounge-post-sidebar-card p{font-size:12.5px;color:#9a3412;opacity:.7;line-height:1.6}[data-theme=dark] .lounge-post-sidebar-card p{color:#f6ad55}@media (max-width: 700px){.lounge-post-layout{flex-direction:column;padding:16px}.lounge-post-sidebar{width:100%}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--divider);border-radius:8px;padding:32px;transition:background .2s,border-color .2s}.auth-header{text-align:center;margin-bottom:24px}.auth-logo{font-size:28px;font-weight:700;color:var(--accent);margin-bottom:4px}.auth-tagline{font-size:13px;color:var(--muted)}.auth-tabs{display:flex;border-bottom:1px solid var(--divider);margin-bottom:24px}.auth-tab{flex:1;padding:8px 0;background:none;border:none;border-bottom:2px solid transparent;font-size:15px;font-family:var(--font);color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.auth-tab:hover{color:var(--text)}.auth-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:4px}.auth-field input,.auth-field textarea{width:100%;padding:10px 12px;font-size:14px;font-family:var(--font);color:var(--text);background:var(--bg);border:1px solid var(--divider);border-radius:4px;outline:none;transition:border-color .2s}.auth-field input:focus,.auth-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #1a365d14}.auth-field textarea{resize:vertical}.auth-error{padding:8px 12px;background:#FEF2F2;color:#dc2626;border-radius:4px;font-size:13px}.auth-submit{padding:12px;background:var(--accent);color:#fff;border:none;border-radius:4px;font-size:15px;font-family:var(--font);cursor:pointer;font-weight:600;transition:background .2s}.auth-submit:hover{background:var(--accent-light)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-switch{text-align:center;margin-top:16px;font-size:13px;color:var(--muted)}.auth-switch button{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;font-family:var(--font);font-weight:500}.auth-switch button:hover{text-decoration:underline}.main-layout{max-width:1280px;margin:0 auto;display:flex;gap:0;padding:0 24px;min-height:calc(100vh - var(--nav-height) - var(--tab-height))}.content-area{flex:0 0 70%;max-width:70%;padding:16px 28px 16px 0}.announce{background:var(--highlight-bg);border:1px solid var(--divider);border-radius:4px;padding:7px 14px;font-size:12.5px;color:var(--accent);margin-bottom:14px;transition:background .2s,border-color .2s}@media (max-width: 860px){.main-layout{flex-direction:column;padding:0 12px}.content-area{flex:1 1 auto;max-width:100%;padding-right:0}}:root{--bg: #FAFBFC;--accent: #1A365D;--accent-light: #2A4A7F;--tag-blue: #3182CE;--tag-orange: #DD6B20;--divider: #E2E8F0;--muted: #A0AEC0;--text: #1A202C;--text-secondary:#4A5568;--surface: #FFFFFF;--highlight-bg: #EBF4FF;--gold: #D4A017;--silver: #A0A0A0;--bronze: #CD7F32;--tag-gray-bg: #EDF2F7;--tag-gray-text: #4A5568;--tag-blue-bg: #EBF8FF;--tag-orange-bg: #FFFAF0;--lounge-bg: #FFF7ED;--font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", sans-serif;--nav-height: 44px;--tab-height: 38px}[data-theme=dark]{--bg: #121418;--accent: #4A7BBF;--accent-light: #5B8ED4;--tag-blue: #63B3ED;--tag-orange: #F6AD55;--divider: #2D3748;--muted: #718096;--text: #E2E8F0;--text-secondary:#A0AEC0;--surface: #1A202C;--highlight-bg: #1A2E4A;--tag-gray-bg: #2D3748;--tag-gray-text: #A0AEC0;--tag-blue-bg: #1A365D;--tag-orange-bg: #3D2E1A;--lounge-bg: #2D2418}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s;min-height:100vh}a{color:inherit;text-decoration:none}.tag{display:inline-flex;align-items:center;padding:1px 7px;border-radius:3px;font-size:11.5px;font-weight:500;white-space:nowrap;cursor:pointer;transition:opacity .15s;font-family:var(--font)}.tag:hover{opacity:.8}.tag-discipline{background:var(--tag-blue-bg);color:var(--tag-blue)}.tag-exp{background:var(--tag-gray-bg);color:var(--tag-gray-text)}.tag-cause{background:var(--tag-orange-bg);color:var(--tag-orange)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--divider);border-radius:3px}