*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182338;font:15px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}.topbar{height:68px;background:#fff;border-bottom:1px solid #e7ebf2;position:sticky;top:0;z-index:5}.nav{height:100%;display:flex;align-items:center;gap:35px}.brand{font-weight:800;font-size:23px;color:#182338;text-decoration:none;letter-spacing:1px}.brand span{color:#4078f2}.nav nav{display:flex;gap:25px}.nav a{color:#556176;text-decoration:none}.nav nav a:hover,.account a:hover{color:#4078f2}.account{margin-left:auto;color:#718096}.account a{margin-left:12px}.btn{display:inline-block;border:0;border-radius:9px;background:#4078f2;color:#fff!important;padding:10px 18px;text-decoration:none;cursor:pointer}.btn.secondary{background:#eaf0ff;color:#3465cf!important}.btn.danger{background:#e34c5c}.btn.small{padding:6px 12px}.hero{margin:30px 0 22px;padding:34px 38px;border-radius:18px;background:linear-gradient(110deg,#eaf1ff,#f6f9ff);display:flex;align-items:center;justify-content:space-between}.hero h1{font-size:30px;margin:0 0 8px}.hero p{color:#6d7890;margin:0}.grid{display:grid;grid-template-columns:1fr 290px;gap:22px}.panel,.card{background:#fff;border:1px solid #e9edf4;border-radius:14px;padding:22px;box-shadow:0 5px 18px #243b6810}.panel h2,.card h3{margin:0 0 14px}.board-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.board{padding:16px;background:#f7f9fd;border-radius:11px;text-decoration:none;color:inherit;border:1px solid transparent}.board:hover{border-color:#bed0ff}.board b{display:block;color:#3164d8}.board small{color:#8993a5}.post{padding:18px 0;border-bottom:1px solid #edf0f5}.post:last-child{border-bottom:0}.post h3{font-size:18px;margin:0 0 4px}.post h3 a{color:#1b2a44;text-decoration:none}.post h3 a:hover{color:#4078f2}.meta{color:#8a94a6;font-size:13px}.tag{display:inline-block;color:#4078f2;background:#edf3ff;padding:2px 8px;border-radius:5px;font-size:12px;margin-right:6px}.side-item{padding:11px 0;border-bottom:1px solid #eff2f6}.side-item a{color:#33445e;text-decoration:none}.search{display:flex;gap:8px;margin-bottom:18px}.search input{flex:1}input,textarea,select{width:100%;padding:11px 13px;border:1px solid #dce2ec;border-radius:8px;background:#fff;font:inherit;outline:none}input:focus,textarea:focus{border-color:#4078f2}textarea{min-height:180px;resize:vertical}.form{max-width:550px;margin:38px auto}.form h1{text-align:center}.form .btn{width:100%;margin-top:12px}.form p{color:#718096}.post-body{white-space:pre-wrap;word-break:break-word;font-size:16px;padding:20px 0}.comment{padding:15px 0;border-bottom:1px solid #edf0f5}.comment .avatar{width:34px;height:34px;border-radius:50%;background:#dfe9ff;color:#4078f2;display:inline-flex;align-items:center;justify-content:center;margin-right:8px}.stats{display:flex;gap:18px;color:#8993a5;font-size:13px}.empty{padding:35px;text-align:center;color:#8b95a7}.profile{display:flex;gap:18px;align-items:center}.avatar-lg{width:70px;height:70px;border-radius:50%;background:#dfe9ff;color:#4078f2;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}footer{margin-top:55px;padding:28px 0;color:#9aa4b5;text-align:center;border-top:1px solid #e7ebf2}@media(max-width:760px){.grid{grid-template-columns:1fr}.board-list{grid-template-columns:1fr}.hero{padding:24px;display:block}.hero .btn{margin-top:15px}.nav{gap:14px}.nav nav{gap:10px}.account{font-size:13px}.brand{font-size:19px}}