.dc4{max-width:1280px;margin:20px auto;background:#f4f7fb;border:1px solid #e4e8f0;border-radius:22px;overflow:hidden;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#172033}.dc4 header{height:72px;padding:0 20px;background:linear-gradient(135deg,#063b9e,#1971ea);color:#fff;display:flex;justify-content:space-between;align-items:center}.dc4 header b{font-size:23px;display:block}.dc4 header small{opacity:.8}.dc4 header button{border:0;background:transparent;color:#fff;font-size:19px;margin-left:7px;cursor:pointer}.dc4-body{display:grid;grid-template-columns:210px minmax(0,1fr) 250px;min-height:650px}.dc4-body>aside{background:#fff;padding:16px;border-right:1px solid #e5eaf2}.dc4-body .right{border-left:1px solid #e5eaf2;border-right:0}.dc4-body aside button,.dc4-body aside a{width:100%;display:block;text-align:left;padding:12px;border:0;background:transparent;border-radius:10px;margin:4px 0;text-decoration:none;color:#25324a;font-weight:600;cursor:pointer}.dc4-body aside button:hover,.dc4-body aside a:hover{background:#edf4ff;color:#0757c9}.dc4 main{padding:16px;min-width:0}.dc4-card,.dc4-post,.composer,.dc4-auth{background:#fff;border:1px solid #e1e7f0;border-radius:17px;padding:16px;margin-bottom:14px;box-shadow:0 6px 18px rgba(20,50,90,.05)}.composer{cursor:pointer;color:#68758a}.posthead{display:flex;gap:10px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.meta{flex:1}.meta b{display:block}.small{font-size:12px;color:#748198}.postbody{padding:12px 0;white-space:pre-wrap}.dc4-post img,.dc4-post video{max-width:100%;width:100%;max-height:560px;object-fit:contain;border-radius:13px;background:#111}.actions{display:flex;gap:5px;border-top:1px solid #edf0f5;padding-top:10px;flex-wrap:wrap}.actions button{border:0;background:#f3f6fa;padding:8px 10px;border-radius:10px;cursor:pointer}.dc4-btn{display:inline-block;background:linear-gradient(135deg,#0757c9,#3184ff);color:#fff;border:0;border-radius:11px;padding:11px 17px;text-decoration:none;font-weight:700;cursor:pointer}.dc4-btn.ghost{background:#fff;color:#0757c9;border:1px solid #bdd2f4}.dc4-auth{max-width:650px;margin:40px auto}.dc4-form label{display:block;font-weight:700;margin:10px 0}.dc4-form input,.dc4-form select,.dc4-form textarea{width:100%;box-sizing:border-box;padding:11px;border:1px solid #d5ddea;border-radius:10px;margin-top:5px}.dc4-form textarea{min-height:90px}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal{display:none;position:fixed;inset:0;background:rgba(5,15,30,.65);z-index:99999;padding:20px}.modal-box{max-width:620px;margin:7vh auto;background:#fff;border-radius:18px;padding:24px;position:relative}.close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:30px;cursor:pointer}.user{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef1f5}.user .info{flex:1}.chatbox{max-height:470px;overflow:auto}.bubble{max-width:78%;background:#edf1f6;border-radius:14px;padding:9px 12px;margin:7px 0}.bubble.mine{margin-left:auto;background:#dceaff}nav{display:none}.dc4-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0}.dc4-stats>div{background:#fff;border:1px solid #ddd;padding:20px;border-radius:12px}.dc4-stats b,.dc4-stats span{display:block}.dc4-stats b{font-size:30px}@media(max-width:900px){.dc4-body{grid-template-columns:1fr}.dc4-body>aside{display:none}.dc4 main{padding:9px}.dc4 header{height:64px}.dc4 header b{font-size:18px}.dc4 header small{font-size:9px}.dc4 nav{display:flex;position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e7ef;justify-content:space-around;padding:6px;z-index:10}.dc4 nav button{border:0;background:transparent;font-size:19px}.dc4 nav span{display:block;font-size:9px}.two{grid-template-columns:1fr}.dc4-stats{grid-template-columns:1fr 1fr}.modal{padding:8px}.modal-box{margin:3vh auto}}