@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";.post-head{display:flex;align-items:center;gap:10px}.post-head small{color:#8793a3;font-size:12px}.edit-box{width:100%;min-height:90px;margin-top:12px}.save-small{margin-top:6px;border:0;background:#176ff0;color:#fff;border-radius:6px;padding:6px 12px}.comments>p{padding:8px 0;margin:0;border-bottom:1px solid #e5eaf1;font-size:13px;line-height:1.6}.comment-form input{flex:1;border:1px solid #dce3ed;border-radius:7px;padding:9px}.post-images img{width:120px;height:120px;object-fit:cover;border-radius:8px;margin:8px 8px 0 0}.image-previews img{width:70px;height:70px;object-fit:cover;border-radius:6px;margin:8px 6px 0 0}:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#13284c;background:#fbfaf7}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#fbfaf7}button,input,textarea{font:inherit}.auth{min-height:100vh;display:grid;place-items:center}.auth-box{width:390px;background:#fff;padding:42px;border:1px solid #e3e8f0;border-radius:14px;text-align:center}.logo{font-size:48px;font-weight:700;color:#176ff0;font-style:italic}.auth h1{font-size:23px;margin:12px 0 4px}.auth p{color:#8a95a6}.tabs{display:flex;border-bottom:1px solid #e5e9ef;margin:20px 0}.tabs button{flex:1;border:0;background:none;padding:10px;color:#8c97a6}.tabs button.on{color:#176ff0;border-bottom:2px solid #176ff0}.auth input{width:100%;border:1px solid #dce3ed;border-radius:8px;padding:12px;margin:7px 0}.primary{border:0;background:#176ff0;color:#fff;border-radius:8px;padding:12px 16px;cursor:pointer;font-weight:600}.auth .primary{width:100%;margin:15px 0}.auth small{display:block;color:#9aa4b2}.auth em{display:block;color:#c76542;font-style:normal;margin-top:12px}.learner{min-height:100vh}.learner header,.admin header{height:86px;background:#fff;border-bottom:1px solid #ece9e3;padding:0 48px;display:flex;align-items:center;gap:18px}.learner header b,.admin header b{margin-right:auto;font-size:17px}.learner header button,.admin header button{border:1px solid #d6e4fa;background:#fff;color:#176ff0;border-radius:8px;padding:10px 14px;cursor:pointer}.learner-grid{display:grid;grid-template-columns:260px minmax(0,1fr) 380px;gap:34px;max-width:1400px;margin:auto;padding:35px 48px}.learner-grid aside:first-child{border-right:1px solid #e6ebf2;padding-right:20px}.learner-grid aside:first-child h3{font-size:16px}.learner-grid aside:first-child button{display:block;width:100%;text-align:left;border:0;background:none;padding:13px;border-radius:8px;color:#52627a;cursor:pointer}.learner-grid aside:first-child button.selected{background:#eaf2ff;color:#176ff0}.learner-grid aside:first-child span{display:block;font-size:12px;color:#98a2b0;margin-top:4px}.eyebrow{color:#176ff0;font-weight:700}.learner h1,.admin h1{font-size:38px;margin:8px 0}.feed{margin-top:28px}.feed h2{border-bottom:1px solid #e7ebf1;padding-bottom:14px}.feed article{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:20px 22px;margin:16px 0}.feed article>small{display:block;color:#8793a3;font-size:12px;margin-top:5px}.feed article p{line-height:1.65}.feedback{background:#fff;border:1px solid #e3e8f0;border-radius:12px;padding:24px;align-self:start}.feedback h2{font-size:20px}.feedback textarea{width:100%;height:130px;border:1px solid #dce3ed;border-radius:8px;padding:12px;margin-top:14px;resize:vertical}.actions{display:flex;gap:8px;margin-top:14px}.actions button{flex:1}.comments{margin-top:18px;padding:14px 16px 10px 18px;background:#f6f8fb;border-left:3px solid #d8e5f7;border-radius:0 9px 9px 0}.comments:before{content:"评论";display:block;color:#617087;font-size:12px;font-weight:700;margin-bottom:9px}.comments>p{padding:8px 0;margin:0;border-bottom:1px solid #e5eaf1;font-size:13px}.comment-form{display:flex;gap:8px;margin-top:10px}.comment-form input{flex:1;min-width:0;border:1px solid #dce3ed;border-radius:7px;padding:9px}.comment-form button,.admin-posts button{border:0;background:#176ff0;color:#fff;border-radius:7px;padding:8px 14px}.post-actions{margin-left:auto}.post-actions button,.comments span button{border:0;background:none;color:#176ff0;font-size:12px;cursor:pointer;margin-left:8px}.image-button{margin-top:10px;border:1px dashed #bcd3f9;background:#f7faff;color:#176ff0;border-radius:7px;padding:9px 12px}.image-previews img,.post-images img{width:90px;height:90px;object-fit:cover;border-radius:7px;margin:8px 6px 0 0}.admin-layout{display:grid;grid-template-columns:220px 1fr;gap:30px;max-width:1400px;margin:auto;padding:35px 48px}.admin-layout nav{display:grid;align-content:start;gap:6px}.admin-layout nav button{border:0;background:none;text-align:left;padding:12px;border-radius:7px;color:#617087;cursor:pointer}.admin-layout nav button:hover{background:#eaf2ff;color:#176ff0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.metrics div{background:#fff;border:1px solid #e3e8f0;border-radius:10px;padding:22px}.metrics span,.metrics b{display:block}.metrics span{color:#8894a5;font-size:13px}.metrics b{font-size:30px;margin-top:10px}.admin-posts{background:#fff;border:1px solid #e3e8f0;border-radius:10px;padding:22px}.admin-posts article{display:flex;gap:16px;align-items:center;border-top:1px solid #edf0f3;padding:14px 0}.admin-posts article span{flex:1;color:#617087}@media(max-width:1000px){.learner-grid{grid-template-columns:1fr;padding:24px}.learner-grid aside:first-child{display:none}.feedback{order:-1}.admin-layout{grid-template-columns:1fr;padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}}