* {margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;line-height:1.5;color:#333;background-color:#f5f5f5}@media (max-width:768px){body{font-size:13px}.container{padding-left:10px;padding-right:10px}}.header{background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,0.1);position:sticky;top:0;z-index:1000}.header .nav{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.header .logo{font-size:18px;font-weight:bold;color:#333;text-decoration:none}.header .nav-links{display:flex;gap:15px}.header .nav-links a{color:#666;text-decoration:none;font-size:14px;transition:color 0.3s}.header .nav-links a:hover{color:#007bff}@media (max-width:768px){.header .nav-links{display:none}.header .mobile-menu{display:block}}.content{padding:20px 0}.thread-list{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.thread-item{padding:15px;border-bottom:1px solid #f0f0f0;transition:background-color 0.3s}.thread-item:hover{background-color:#f9f9f9}.thread-item:last-child{border-bottom:none}.thread-title{font-size:16px;font-weight:500;color:#333;text-decoration:none;margin-bottom:8px;display:block}.thread-meta{font-size:12px;color:#999;display:flex;gap:10px}.thread-detail{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,0.05)}.thread-detail-title{font-size:20px;font-weight:600;color:#333;margin-bottom:15px}.thread-detail-meta{font-size:12px;color:#999;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #f0f0f0}.post-list{margin-top:20px}.post-item{padding:15px;border-bottom:1px solid #f0f0f0}.post-item:last-child{border-bottom:none}.post-header{display:flex;align-items:center;margin-bottom:10px}.post-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px}.post-author{font-weight:500;color:#333}.post-time{font-size:12px;color:#999;margin-left:auto}.post-content{color:#333;line-height:1.6}.footer-nav{position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 4px rgba(0,0,0,0.1);display:flex;justify-content:space-around;padding:10px 0;z-index:1000}.footer-nav-item{display:flex;flex-direction:column;align-items:center;color:#666;text-decoration:none;font-size:12px}.footer-nav-item.active{color:#007bff}.footer-nav-icon{font-size:20px;margin-bottom:4px}.btn{display:inline-block;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;text-align:center;cursor:pointer;transition:all 0.3s;border:none;text-decoration:none}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0069d9}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.form-group{margin-bottom:15px}.form-label{display:block;margin-bottom:5px;font-weight:500;color:#333}.form-control{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;transition:border-color 0.3s}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.05);padding:20px;margin-bottom:20px}.card-title{font-size:16px;font-weight:600;color:#333;margin-bottom:15px}.loading{display:inline-block;width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@media (max-width:576px){.thread-title{font-size:15px}.thread-detail-title{font-size:18px}.card{padding:15px}}@media (prefers-color-scheme:dark){body{background-color:#1a1a1a;color:#e0e0e0}.header{background-color:#2d2d2d;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.header .logo{color:#e0e0e0}.header .nav-links a{color:#b0b0b0}.thread-list,.thread-detail,.card{background-color:#2d2d2d;box-shadow:0 2px 4px rgba(0,0,0,0.3)}.thread-item:hover{background-color:#3a3a3a}.thread-title{color:#e0e0e0}.thread-meta{color:#808080}.thread-detail-title{color:#e0e0e0}.thread-detail-meta{color:#808080;border-bottom-color:#404040}.post-item{border-bottom-color:#404040}.post-author{color:#e0e0e0}.post-time{color:#808080}.post-content{color:#e0e0e0}.footer-nav{background-color:#2d2d2d;box-shadow:0 -2px 4px rgba(0,0,0,0.3)}.footer-nav-item{color:#b0b0b0}.form-label{color:#e0e0e0}.form-control{background-color:#3a3a3a;border-color:#404040;color:#e0e0e0}.form-control:focus{border-color:#007bff}.card-title{color:#e0e0e0}}