.detail-layout{display:flex;justify-content:center;gap:20px;max-width:1440px;margin:0 auto;padding:20px;align-items:flex-start}.detail-sidebar-left{width:280px;flex-shrink:0;background:#fff;border-radius:8px;height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto;box-shadow:0 2px 8px #0000000d;display:none}.detail-sidebar-left .search-box{padding:16px;border-bottom:1px solid #eee}.detail-sidebar-left .search-box input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;outline:none;transition:border-color .3s}.detail-sidebar-left .search-box input:focus{border-color:#f90}.detail-sidebar-left .question-list{padding:8px 0}.detail-sidebar-left .question-item{padding:12px 16px;font-size:14px;cursor:pointer;color:#333;background:transparent;border-left:3px solid transparent;transition:all .2s}.detail-sidebar-left .question-item:hover{background:#f5f5f5;color:#f90}.detail-sidebar-left .question-item.active{color:#f90;background:#fff7e6;border-left-color:#f90;font-weight:500}.detail-content{flex:1;min-width:0;background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 8px #0000000d}.detail-content .question-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#262626;line-height:1.4}.detail-content .question-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:13px;flex-wrap:wrap}.detail-content .meta-spacer{flex:1}.detail-content .view-count{color:#999;display:flex;align-items:center;gap:4px}.detail-content .action-btn{color:#999;cursor:pointer;transition:color .2s}.detail-content .action-btn:hover{color:#f90}.detail-tabs{border-bottom:1px solid #eee;display:flex;gap:30px;margin-bottom:24px}.detail-tabs .tab-item{padding:10px 0;color:#666;cursor:pointer;font-size:14px;transition:color .2s;border-bottom:2px solid transparent;margin-bottom:-1px}.detail-tabs .tab-item:hover{color:#f90}.detail-tabs .tab-item.active{color:#f90;font-weight:700;border-bottom-color:#f90}.detail-sidebar-right{width:240px;flex-shrink:0;background:#fff;border-radius:8px;min-height:200px;position:sticky;top:80px;box-shadow:0 2px 8px #0000000d;padding:16px;display:none}.detail-sidebar-right h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#333;padding-left:0}.detail-sidebar-right .toc-list{list-style:none;padding:0;font-size:13px;color:#666;line-height:2}.detail-sidebar-right .toc-list li{cursor:pointer;transition:color .2s;padding:4px 0}.detail-sidebar-right .toc-list li:hover{color:#f90}@media (min-width: 1024px){.detail-sidebar-left,.detail-sidebar-right{display:block}}@media (max-width: 1023px){.detail-layout{padding:12px;gap:0}.detail-content{padding:20px;border-radius:0;box-shadow:none}}:root{--primary-color: #ff9900;--primary-light: #fff5e5;--secondary-color: #52c41a;--danger-color: #ff4d4f;--warning-color: #faad14;--text-primary: #333333;--text-secondary: #666666;--text-tertiary: #8c8c8c;--bg-primary: #f5f7fd;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f5;--card-bg: #ffffff;--border-color: #d9d9d9;--border-radius: 4px;--card-radius: 12px;--card-shadow: 0 4px 16px rgba(0, 0, 0, .05);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--header-height: 64px;--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--spacing-lg)}.header{background-color:var(--bg-secondary);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100}.header-container{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:var(--header-height);display:flex;align-items:center;justify-content:space-between}.logo{font-size:20px;font-weight:700;color:var(--primary-color);text-decoration:none}.nav{display:flex;gap:var(--spacing-lg)}.nav a{color:var(--text-primary);text-decoration:none;transition:color .3s}.nav a:hover{color:var(--primary-color)}.search-bar{display:flex;gap:var(--spacing-sm)}.search-bar{display:flex;gap:0;align-items:center}.search-bar input{padding:8px 12px;border:1px solid var(--primary-color);border-right:none;border-radius:6px 0 0 6px;font-size:14px;width:200px;outline:none}.search-bar button{background:var(--primary-color);border:none;color:#fff;padding:9px 16px;border-radius:0 6px 6px 0;cursor:pointer;font-weight:700;font-size:14px;transition:opacity .3s}.search-bar button:hover{opacity:.9}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border-color);margin-top:auto;padding:var(--spacing-lg)}.footer-container{max-width:var(--max-width);margin:0 auto;text-align:center;color:var(--text-secondary)}.footer-container p{margin:var(--spacing-xs) 0}.home-page{width:100%}.categories-section,.hot-questions-section{margin-bottom:var(--spacing-xl)}.categories-section h2,.hot-questions-section h2{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1200px){.categories-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.categories-grid{grid-template-columns:1fr}}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.category-card{background:var(--card-bg);border-radius:var(--card-radius);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--card-shadow);transition:all .3s ease;cursor:pointer;border:1px solid transparent;text-decoration:none;color:var(--text-primary)}.category-card:hover{transform:translateY(-4px);box-shadow:var(--card-hover-shadow);border-color:var(--primary-color)}.category-icon{width:48px;height:48px;background:transparent;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.category-card-content{flex:1;min-width:0}.category-card h3{font-size:17px;font-weight:700;margin:0 0 6px;color:#222}.category-card p{color:#888;font-size:13px;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-count{color:var(--text-tertiary);font-size:12px}.question-card{background:#fff;border:1px solid transparent;border-radius:12px;padding:20px;text-decoration:none;color:var(--text-primary);transition:all .3s;display:flex;flex-direction:column;cursor:pointer}.question-card:hover{box-shadow:0 4px 16px #00000014;border-color:#f90}.question-card:hover h3{color:#f90}.question-card h3{font-size:16px;font-weight:700;margin-bottom:12px;line-height:1.5;color:var(--text-primary);transition:color .3s}.question-excerpt{color:#666;font-size:13px;margin-bottom:16px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.difficulty{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.tags{display:flex;gap:8px;flex-wrap:wrap}.tech-tag{padding:2px 8px;border-radius:4px;font-size:12px}.tag{padding:2px 8px;background-color:var(--bg-tertiary);border-radius:var(--border-radius);font-size:12px;color:var(--text-secondary)}.question-detail-page{max-width:800px;margin:0 auto}.question-header{margin-bottom:var(--spacing-xl)}.question-header a{color:var(--primary-color);text-decoration:none;margin-bottom:var(--spacing-md);display:inline-block}.question-header h1{font-size:32px;margin:var(--spacing-md) 0}.question-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;color:var(--text-secondary);font-size:14px}.question-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.question-content{background-color:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-lg)}.question-section,.answer-section,.code-section{margin-bottom:var(--spacing-xl)}.question-section h2,.answer-section h2,.code-section h2{font-size:20px;margin-bottom:var(--spacing-md);color:var(--text-primary)}.code-section pre{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto}.code-section code{font-family:Courier New,monospace;font-size:14px}.markdown-body{color:var(--text-primary)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-weight:600;line-height:1.25;color:#262626}.markdown-body strong{color:#262626;font-weight:700}.markdown-body h1{font-size:2em;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-sm)}.markdown-body h2{font-size:1.5em;border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-xs)}.markdown-body h3{font-size:1.25em}.markdown-body p{margin-bottom:16px;line-height:1.8;color:#333}.markdown-body ul,.markdown-body ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.markdown-body li{margin-bottom:var(--spacing-xs)}.markdown-body code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.markdown-body pre{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--border-radius);overflow-x:auto;margin-bottom:var(--spacing-md)}.markdown-body pre code{background-color:transparent;padding:0}.markdown-body blockquote{border-left:4px solid #FF9900;background:#fffbe6;padding:16px;margin:var(--spacing-md) 0;color:#595959;border-radius:4px}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-md)}.markdown-body table th,.markdown-body table td{border:1px solid var(--border-color);padding:var(--spacing-sm);text-align:left}.markdown-body table th{background-color:var(--bg-tertiary);font-weight:600}.markdown-body a{color:var(--primary-color);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.category-page{width:100%}.category-header{margin-bottom:var(--spacing-xl);text-align:center}.category-header h1{font-size:32px;margin-bottom:var(--spacing-md)}.category-header p{color:var(--text-secondary)}.questions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.question-list-page h1{font-size:24px;margin-bottom:var(--spacing-lg)}.not-found-page{text-align:center;padding:var(--spacing-xl)}.not-found-page h1{font-size:72px;color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.not-found-page p{font-size:18px;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.not-found-page a{color:var(--primary-color);text-decoration:none}@media (max-width: 768px){.header-container{flex-wrap:wrap;height:auto;padding:var(--spacing-md);gap:var(--spacing-md)}.header-container .logo{margin-right:20px}.header-container .logo h1{font-size:16px}.header-container .nav{order:3;width:100%;justify-content:center;gap:16px}.search-bar input{width:150px}.categories-grid,.questions-grid{grid-template-columns:1fr}}