*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F8F9F9;--surface: #FFFFFF;--border: #E3E6E8;--border2: #D6D9DC;--text: #3B4045;--text-dark: #0C0D0E;--muted: #6A737C;--link: #0074CC;--link-hover: #0A95FF;--accent: #F48024;--accent-dk: #DA670B;--yes: #1A8754;--yes-bg: #E6F4EA;--no: #C0392B;--no-bg: #FDEDEC;--radius: 3px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:13px}body{background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}.so-body{display:flex;flex-direction:column;min-height:100vh}.so-header{background:var(--surface);border-top:3px solid var(--accent);border-bottom:1px solid var(--border);height:50px;display:flex;align-items:center;position:sticky;top:0;z-index:200}.so-header-inner{width:100%;max-width:1264px;margin:0 auto;padding:0 12px;display:flex;align-items:center;gap:6px}.so-logo{display:flex;align-items:center;gap:7px;font-weight:700;font-size:.95rem;color:var(--text-dark);padding:6px 8px;border-radius:var(--radius);text-decoration:none;white-space:nowrap}.so-logo:hover{background:var(--bg);color:var(--text-dark);text-decoration:none}.so-logo-mark{display:flex;flex-direction:column;gap:2px;width:18px;flex-shrink:0}.so-logo-mark span{display:block;height:3px;background:var(--accent);border-radius:1px}.so-logo-mark span:nth-child(1){width:18px}.so-logo-mark span:nth-child(2){width:14px;margin-left:4px}.so-logo-mark span:nth-child(3){width:10px;margin-left:8px}.so-logo-mark span:nth-child(4){width:18px}.so-header-spacer{flex:1}.so-header-nav{display:flex;align-items:center;gap:2px}.so-header-nav a{padding:6px 10px;border-radius:var(--radius);font-size:13px;color:var(--muted);white-space:nowrap}.so-header-nav a:hover{background:var(--bg);color:var(--text);text-decoration:none}.so-header-nav a.active{color:var(--text-dark);font-weight:600;background:var(--bg)}.so-ask-btn{margin-left:6px;padding:8px 12px;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:var(--radius);font-size:13px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .1s;display:inline-flex;align-items:center}.so-ask-btn:hover{background:var(--accent-dk);color:#fff;text-decoration:none}.so-layout{display:flex;max-width:1264px;margin:0 auto;width:100%;flex:1}.so-left-nav{width:164px;flex-shrink:0;padding:24px 0;position:sticky;top:50px;height:calc(100vh - 50px);overflow-y:auto}.so-left-nav-section{margin-bottom:4px}.so-left-nav-title{padding:8px 8px 4px;font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.so-left-nav-link{display:flex;align-items:center;gap:6px;padding:7px 6px 7px 12px;font-size:13px;color:var(--text);border-radius:0 var(--radius) var(--radius) 0;transition:background .1s;text-decoration:none}.so-left-nav-link:hover{background:#e3e6e8;color:var(--text);text-decoration:none}.so-left-nav-link.active{background:#e3e6e8;color:var(--text-dark);font-weight:700;border-left:3px solid var(--accent);padding-left:9px}.so-main{flex:1;border-left:1px solid var(--border);min-width:0}.so-content-layout{display:flex;align-items:flex-start}.so-content-main{flex:1;min-width:0}.so-section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:24px 24px 16px;border-bottom:1px solid var(--border);background:var(--surface)}.so-section-header h1{font-size:1.3rem;font-weight:500;color:var(--text-dark)}.so-tabs-bar{display:flex;align-items:center;padding:10px 24px;gap:4px;border-bottom:1px solid var(--border);background:var(--surface)}.so-tab{padding:7px 12px;border-radius:var(--radius);border:1px solid transparent;font-size:13px;color:var(--muted);cursor:pointer;background:transparent;font-family:inherit;transition:background .1s,border-color .1s}.so-tab:hover{background:var(--bg);border-color:var(--border2);color:var(--text)}.so-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.so-question-list{background:var(--surface)}.so-question-item{display:flex;padding:16px 24px;border-bottom:1px solid var(--border);transition:background .08s}.so-question-item:hover{background:#fafafa}.so-question-stats{width:108px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;align-items:flex-end;padding-right:16px;padding-top:2px}.so-stat-box{text-align:right}.so-stat-num{display:block;font-size:16px;font-weight:400;color:var(--muted);line-height:1}.so-stat-num.has-votes{color:var(--text-dark);font-weight:600}.so-stat-num.answered{color:var(--yes);font-weight:600}.so-stat-label{display:block;font-size:11px;color:var(--muted);margin-top:2px}.so-question-content{flex:1;min-width:0}.so-question-title{font-size:17px;font-weight:400;line-height:1.35;margin-bottom:6px}.so-question-title a{color:var(--link)}.so-question-title a:hover{color:var(--link-hover)}.so-question-excerpt{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.so-question-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.so-tags{display:flex;flex-wrap:wrap;gap:4px}.so-tag{display:inline-block;padding:4px 8px;background:#e1ecf4;color:#39739d;border-radius:var(--radius);font-size:12px;text-decoration:none;border:1px solid #C8DBF0}.so-tag:hover{background:#d0e3f1;text-decoration:none}.so-tag.yes{background:var(--yes-bg);color:var(--yes);border-color:#a8d5b8}.so-tag.no{background:var(--no-bg);color:var(--no);border-color:#f1b8b3}.so-question-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex-shrink:0}.so-question-meta .so-author{color:var(--link);font-weight:500}.so-right-sidebar{width:300px;flex-shrink:0;padding:24px 16px;border-left:1px solid var(--border)}.so-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.so-widget-header{background:#fef0e5;border-bottom:1px solid #F8D9BE;padding:10px 15px;font-size:13px;font-weight:700;color:var(--text-dark)}.so-widget-body{padding:12px 15px}.so-widget-body p{font-size:13px;color:var(--text);line-height:1.6;margin-bottom:8px}.so-widget-body p:last-child{margin-bottom:0}.so-pagination{display:flex;align-items:center;gap:4px;padding:16px 24px;border-top:1px solid var(--border);background:var(--surface)}.so-page-btn{padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border2);background:var(--surface);color:var(--link);font-size:13px;cursor:pointer;font-family:inherit;transition:background .1s}.so-page-btn:hover{background:#e3e6e8;color:var(--link)}.so-page-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;cursor:default}.so-page-btn:disabled{opacity:.35;cursor:not-allowed}.so-detail-wrap{background:var(--surface);border-bottom:1px solid var(--border)}.so-detail-header{padding:24px 24px 0;border-bottom:1px solid var(--border)}.so-detail-title{font-size:1.5rem;font-weight:400;line-height:1.35;color:var(--text-dark);margin-bottom:8px}.so-detail-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);padding-bottom:12px}.so-detail-meta strong{color:var(--link);font-weight:500}.so-detail-body{display:flex;padding:20px 24px}.so-vote-col{width:36px;flex-shrink:0;margin-right:16px;display:flex;flex-direction:column;align-items:center;gap:2px}.so-vote-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:2px solid #BBBFC4;border-radius:50%;background:transparent;cursor:pointer;font-size:16px;color:#bbbfc4;transition:color .1s,border-color .1s;font-family:inherit}.so-vote-arrow.up:hover{color:var(--yes);border-color:var(--yes)}.so-vote-arrow.down:hover{color:var(--no);border-color:var(--no)}.so-vote-arrow:disabled{opacity:.4;cursor:not-allowed}.so-vote-score{font-size:20px;font-weight:400;color:var(--text);text-align:center;line-height:1;padding:4px 0}.so-vote-score.yes-score{color:var(--yes)}.so-vote-score.no-score{color:var(--no)}.so-vote-label{font-size:10px;color:var(--muted);text-align:center}.so-voted-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius);background:var(--yes-bg);color:var(--yes);font-size:12px;border:1px solid #A8D5B8}.so-detail-main{flex:1;min-width:0}.so-detail-text{font-size:15px;line-height:1.75;color:var(--text);white-space:pre-wrap;word-break:break-word;padding-bottom:16px}.so-back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--muted);padding:16px 24px 0}.so-back-link:hover{color:var(--link);text-decoration:none}.so-vote-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.btn-so-primary{display:inline-flex;align-items:center;gap:5px;padding:9px 12px;border-radius:var(--radius);background:var(--accent);color:#fff;border:1px solid transparent;font-size:13px;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap;transition:background .1s}.btn-so-primary:hover{background:var(--accent-dk);color:#fff;text-decoration:none}.btn-so-primary:disabled{opacity:.5;cursor:not-allowed}.btn-so-secondary{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:var(--radius);background:var(--bg);color:var(--link);border:1px solid var(--border2);font-size:13px;cursor:pointer;font-family:inherit;text-decoration:none;white-space:nowrap;transition:background .1s}.btn-so-secondary:hover{background:#e3e6e8;color:var(--link);text-decoration:none}.btn-so-vote-yes{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius);background:var(--yes-bg);color:var(--yes);border:1px solid #A8D5B8;font-size:13px;cursor:pointer;font-family:inherit;font-weight:600;transition:background .1s}.btn-so-vote-yes:hover{background:#c5e8d3}.btn-so-vote-yes:disabled{opacity:.45;cursor:not-allowed}.btn-so-vote-no{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:var(--radius);background:var(--no-bg);color:var(--no);border:1px solid #F1B8B3;font-size:13px;cursor:pointer;font-family:inherit;font-weight:600;transition:background .1s}.btn-so-vote-no:hover{background:#f9d5d2}.btn-so-vote-no:disabled{opacity:.45;cursor:not-allowed}.so-form-page{padding:24px;background:var(--surface);border-bottom:1px solid var(--border)}.so-form-title{font-size:1.4rem;font-weight:500;color:var(--text-dark);margin-bottom:4px}.so-form-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.so-form-group{margin-bottom:16px}.so-form-group label{display:block;margin-bottom:6px;font-size:15px;font-weight:600;color:var(--text-dark)}.so-form-hint{font-size:12px;color:var(--muted);margin-top:4px}.so-input,.so-textarea{width:100%;padding:8px 10px;border:1px solid var(--border2);border-radius:var(--radius);font-size:13px;font-family:inherit;color:var(--text);background:var(--surface);transition:border-color .1s,box-shadow .1s}.so-input:focus,.so-textarea:focus{outline:none;border-color:#90c3e5;box-shadow:0 0 0 4px #0074cc1f}.so-textarea{resize:vertical}.so-char-count{font-size:12px;color:var(--muted);text-align:right;margin-top:4px}.so-alert{padding:12px 15px;border-radius:var(--radius);margin-bottom:14px;font-size:13px}.so-alert-info{background:#ebf4fb;border:1px solid #9DCFEE;color:#1a5276}.so-alert-success{background:var(--yes-bg);border:1px solid #A8D5B8;color:#1e5631}.so-alert-error{background:var(--no-bg);border:1px solid #F1B8B3;color:#7b241c}.so-error-msg{color:var(--no);font-size:12px;margin-top:4px}.so-input-row{display:flex;gap:6px}.so-comments-section{padding:24px}.so-comments-title{font-size:19px;font-weight:400;color:var(--text-dark);margin-bottom:16px;padding-top:8px;border-top:1px solid var(--border)}.so-comment-item{padding:10px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.5}.so-comment-item.reply{padding-left:16px;border-left:3px solid #E3E6E8;margin-left:16px}.so-comment-body{color:var(--text);word-break:break-word;white-space:pre-wrap}.so-comment-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--muted);margin-top:5px}.so-comment-author{color:var(--link);font-weight:500}.so-comment-action{background:none;border:none;cursor:pointer;color:var(--muted);font-size:12px;font-family:inherit;padding:0;transition:color .1s}.so-comment-action:hover{color:var(--link)}.so-comment-action.report:hover{color:var(--no)}.so-add-comment{margin-top:16px}.so-comment-input-row{display:flex;gap:6px;align-items:flex-start;margin-top:6px}.so-comment-input{flex:1;padding:7px 9px;border:1px solid var(--border2);border-radius:var(--radius);font-size:13px;font-family:inherit;resize:vertical;min-height:70px}.so-comment-input:focus{outline:none;border-color:#90c3e5;box-shadow:0 0 0 3px #0074cc1a}.so-comment-nickname-row{display:flex;gap:6px;margin-bottom:6px;align-items:center}.so-comment-nick-input{width:200px;padding:5px 8px;border:1px solid var(--border2);border-radius:var(--radius);font-size:12px;font-family:inherit}.so-comment-nick-input:focus{outline:none;border-color:#90c3e5}.so-submit-comment{padding:7px 11px;border-radius:var(--radius);background:var(--accent);color:#fff;border:none;font-size:13px;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .1s}.so-submit-comment:hover{background:var(--accent-dk)}.so-submit-comment:disabled{opacity:.45;cursor:not-allowed}.so-reply-form-wrap{margin-top:8px;padding:8px 0 0}.admin-layout{display:flex;gap:24px;padding:24px}.admin-sidebar{width:185px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px;height:fit-content}.admin-sidebar nav a{display:block;padding:6px 8px;border-radius:var(--radius);color:var(--muted);font-size:13px;font-weight:500}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#e3e6e8;color:var(--text);text-decoration:none}.admin-content{flex:1}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border)}.admin-table th{color:var(--muted);font-weight:600;background:var(--bg)}.badge{padding:2px 8px;border-radius:var(--radius);font-size:12px;font-weight:600}.badge-danger{background:var(--no-bg);color:var(--no);border:1px solid #F1B8B3}.so-footer{background:#3c4146;color:#ffffff80;font-size:12px}.so-footer-inner{max-width:1264px;margin:0 auto;padding:32px 12px 16px;display:flex;flex-wrap:wrap;gap:32px}.so-footer-brand{margin-right:8px}.so-footer-brand .so-logo{color:#ffffff73;padding:0 0 8px}.so-footer-brand .so-logo:hover{background:none}.so-footer-brand .so-logo-mark span{background:#fff6}.so-footer-brand p{font-size:12px;color:#fff6;max-width:200px;line-height:1.6}.so-footer-col{display:flex;flex-direction:column;gap:6px}.so-footer-col-title{font-size:11px;font-weight:700;color:#fff9;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px}.so-footer-col a,.so-footer-col span{font-size:12px;color:#ffffff73}.so-footer-col a:hover{color:#ffffffb3;text-decoration:none}.so-footer-bottom{max-width:1264px;margin:0 auto;padding:10px 12px 20px;font-size:11px;color:#ffffff4d}.loading,.empty{text-align:center;color:var(--muted);padding:48px 24px;font-size:14px}.loading:after{content:"…";animation:dots 1.2s infinite}@keyframes dots{0%,to{content:"."}33%{content:".."}66%{content:"..."}}.error-msg{color:var(--no);font-size:13px}.not-found{text-align:center;padding:80px 16px}.not-found h1{font-size:4rem;font-weight:700;color:var(--accent)}.not-found p{margin:8px 0 24px;color:var(--muted);font-size:1.1rem}@media (max-width: 1050px){.so-right-sidebar{display:none}}@media (max-width: 700px){.so-left-nav{display:none}.so-main{border-left:none}.so-section-header{padding:16px 16px 12px}.so-question-item{padding:12px 16px}.so-question-stats{width:80px;padding-right:10px}.so-stat-num{font-size:14px}.so-detail-body,.so-form-page{padding:16px}.so-tabs-bar{padding:8px 16px}.so-comments-section{padding:16px}.so-footer-inner{flex-direction:column;gap:18px}.so-header-nav{display:none}}