.campus-life-page{--cl-blue:#1761f5;--cl-ink:#112c54;--cl-muted:#637d9f;--cl-line:#dce9f8;box-sizing:border-box;width:min(1120px,100%);margin:0 auto;padding:30px 28px 80px;color:var(--cl-ink);font-family:"Microsoft YaHei","PingFang SC",sans-serif;text-align:left}
.campus-life-page *{box-sizing:border-box}.campus-life-page a{color:var(--cl-blue)}.campus-life-page .cl-back{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:14px;color:var(--cl-muted)}
.campus-life-page .cl-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 32px;border-bottom:1px solid var(--cl-line)}.campus-life-page h1{margin:0;color:var(--cl-ink);font-family:"STKaiti","KaiTi","Noto Serif SC",serif;font-size:38px;font-weight:600;letter-spacing:3px;line-height:1.35}.campus-life-page .cl-hero p{font-size:15px;line-height:1.8;color:var(--cl-muted);margin:12px 0 0}
.campus-life-page button,.campus-life-page .cl-primary{min-height:44px;border-radius:11px;padding:10px 17px;font:inherit;font-size:14px;cursor:pointer;transition:background .16s,border-color .16s}.campus-life-page button:disabled{cursor:wait;opacity:.6}.campus-life-page :is(button,a,input,textarea,select):focus-visible{outline:3px solid #68a5ff;outline-offset:3px}.campus-life-page .cl-primary{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--cl-blue);color:#fff;border:1px solid var(--cl-blue);text-decoration:none;font-weight:600;white-space:nowrap}.campus-life-page .cl-primary:hover{background:#0e53db}.campus-life-page .cl-publish>span{font-size:21px;line-height:1}
.campus-life-page .cl-secondary{background:#f6faff;border:1px solid #cddff5;color:#285b9c}.campus-life-page .cl-secondary:hover{background:#eaf3ff}.campus-life-page .cl-text{background:transparent;border:1px solid transparent;color:#587799;padding:9px 10px}.campus-life-page .cl-text:hover{background:#edf5ff}.campus-life-page .cl-danger{background:#fff;border:1px solid #f3ced0;color:#b43843}.campus-life-page .cl-read-badge{padding:10px 16px;background:#edf5ff;color:#547aab;border-radius:30px;font-size:13px}
.campus-life-page .cl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 0}.campus-life-page .cl-filters{display:flex;flex-wrap:wrap;gap:6px}.campus-life-page .cl-filters button{min-width:59px;padding:9px 14px;background:transparent;border:1px solid transparent;color:#567293}.campus-life-page .cl-filters button[aria-pressed="true"]{background:#e7f0ff;border-color:#c9ddff;color:var(--cl-blue);font-weight:600}.campus-life-page .cl-list-options{display:flex;gap:4px;flex-shrink:0}.campus-life-page .cl-mine,.campus-life-page .cl-refresh{background:transparent;border:1px solid transparent;color:#587799;padding:9px 10px}.campus-life-page .cl-mine[aria-pressed="true"]{color:var(--cl-blue);background:#edf5ff}
.campus-life-page .cl-composer{border:1px solid #cbdffb;border-radius:18px;padding:24px;background:linear-gradient(125deg,#fff,#f0f7ff);margin:0 0 22px}.campus-life-page .cl-form-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.campus-life-page .cl-form-heading h2{font-size:18px;margin:0}.campus-life-page label{display:flex;flex-direction:column;gap:9px;color:#3d5a7f;font-size:14px;line-height:1.5}.campus-life-page input,.campus-life-page textarea,.campus-life-page select{width:100%;max-width:100%;min-width:0;min-height:44px;border:1px solid #cfdef1;border-radius:10px;padding:12px 13px;background:#fff;color:var(--cl-ink);font:inherit;font-size:14px;line-height:1.65}.campus-life-page textarea{resize:vertical}.campus-life-page input::placeholder,.campus-life-page textarea::placeholder{color:#8398b0}.campus-life-page .cl-compose-line{display:flex;gap:14px;margin-bottom:16px}.campus-life-page .cl-compose-line>label:first-child{width:130px;flex-shrink:0}.campus-life-page .cl-title-field{flex:1}.campus-life-page .cl-form-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:14px}.campus-life-page .cl-form-footer>span{font-size:12px;color:#758ba7;line-height:1.6}
.campus-life-page .cl-notice,.campus-life-page .cl-error{font-size:14px;line-height:1.8;padding:12px 16px;border-radius:10px;margin:0 0 18px;overflow-wrap:anywhere}.campus-life-page .cl-notice{background:#eaf4ff;color:#285f9f;border:1px solid #d3e6ff}.campus-life-page .cl-error{background:#fff3f3;color:#a83341;border:1px solid #f0d6db}.campus-life-page .cl-loading{font-size:14px;color:var(--cl-muted);padding:16px 0;margin:0}.campus-life-page .cl-feed{display:grid;gap:16px}.campus-life-page .cl-post{border:1px solid var(--cl-line);border-radius:16px;background:#fff;overflow:hidden}.campus-life-page .cl-post.is-expanded{border-color:#adccf5;box-shadow:0 8px 30px #3365a409}.campus-life-page .cl-post-main{padding:24px 26px 14px}.campus-life-page .cl-post-tags{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:13px;font-size:12px;line-height:1.5}.campus-life-page .cl-category{background:#eaf3ff;color:#2862ab;border-radius:6px;padding:4px 9px}.campus-life-page .cl-status{color:#6b7f97;background:#f0f4f9;border-radius:6px;padding:4px 9px}.campus-life-page .cl-own{color:#6d8db4}.campus-life-page .cl-post h2{font-size:19px;line-height:1.55;margin:0 0 10px;overflow-wrap:anywhere}.campus-life-page .cl-post-body{color:#536c8a;font-size:14px;line-height:1.9;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campus-life-page .cl-post-body.is-full{display:block;overflow:visible}.campus-life-page .cl-post-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:14px}.campus-life-page .cl-post-footer>div{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#7890ac;overflow-wrap:anywhere}.campus-life-page .cl-post-footer time{color:#8a9eb7}.campus-life-page .cl-open{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid transparent;color:#2865b1;padding:9px 0 9px 12px;white-space:nowrap}.campus-life-page .cl-open>span{font-size:12px;border-radius:20px;min-width:21px;background:#eff5fd;padding:1px 6px}.campus-life-page .cl-open>i{font-size:19px;font-style:normal}
.campus-life-page .cl-detail{background:#f8fbff;padding:21px 26px 25px;border-top:1px solid #e5eef9;line-height:1.8;color:#617c9c}.campus-life-page .cl-owner-controls{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:24px}.campus-life-page .cl-owner-controls>span,.campus-life-page .cl-comment-controls>span{font-size:12px;color:#91616a}.campus-life-page .cl-comments-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.campus-life-page .cl-comments-title h3{font-size:16px;color:#29496f;margin:0}.campus-life-page .cl-comments-title>span{font-size:12px;color:#8298b3}.campus-life-page .cl-comments{list-style:none;margin:0 0 20px;padding:0}.campus-life-page .cl-comments>li{padding:16px 0;border-bottom:1px solid #e3edf9}.campus-life-page .cl-comment-top{display:flex;gap:16px;align-items:center;justify-content:space-between;font-size:12px;overflow-wrap:anywhere}.campus-life-page .cl-comment-top strong{font-weight:500;color:#44668e}.campus-life-page .cl-comment-top time{color:#8298b3;flex-shrink:0}.campus-life-page .cl-comments li>p{color:#4c698a;line-height:1.9;margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px}.campus-life-page .cl-comment-controls{display:flex;align-items:center;justify-content:flex-end;gap:5px}.campus-life-page .cl-comments-empty,.campus-life-page .cl-readonly{font-size:13px;color:#7b91ac;margin:10px 0 24px}.campus-life-page .cl-edit-form{padding:16px;background:#fff;border:1px solid #dce9fa;border-radius:13px;margin-bottom:18px}.campus-life-page #cl-comment-form{padding-top:7px}.campus-life-page #cl-comment-form>label{margin-bottom:8px}
.campus-life-page .cl-empty{padding:52px 24px 58px;text-align:center;background:#fff;border:1px dashed #cbdff6;border-radius:18px}.campus-life-page .cl-empty-symbol{display:block;color:#6ba4ed;font-size:28px;margin-bottom:15px}.campus-life-page .cl-empty h2{font-size:20px;font-weight:500;margin:0 0 12px;color:#325681}.campus-life-page .cl-empty p{font-size:14px;color:#7b92ad;line-height:1.9;margin:0 auto 22px;max-width:480px}
@media(max-width:650px){.campus-life-page{padding:18px 17px 60px}.campus-life-page .cl-hero{padding:15px 0 23px;gap:16px;align-items:flex-start}.campus-life-page h1{font-size:30px;letter-spacing:2px}.campus-life-page .cl-hero p{font-size:13px;max-width:235px}.campus-life-page .cl-publish{padding:9px 12px;font-size:13px;margin-top:3px}.campus-life-page .cl-publish>span{display:none}.campus-life-page .cl-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:17px 0}.campus-life-page .cl-filters{gap:3px;width:100%}.campus-life-page .cl-filters button{min-width:0;flex:1;padding:9px 5px;font-size:13px}.campus-life-page .cl-list-options{align-self:flex-end}.campus-life-page .cl-post-main{padding:19px 18px 11px}.campus-life-page .cl-post h2{font-size:17px}.campus-life-page .cl-post-footer{gap:8px;align-items:flex-end}.campus-life-page .cl-post-footer>div{gap:3px;flex-direction:column;align-items:flex-start}.campus-life-page .cl-open{gap:7px;font-size:13px}.campus-life-page .cl-detail{padding:19px 18px}.campus-life-page .cl-composer{padding:19px 17px}.campus-life-page .cl-compose-line{flex-direction:column;gap:13px}.campus-life-page .cl-compose-line>label:first-child{width:100%}.campus-life-page .cl-form-heading h2{font-size:16px}.campus-life-page .cl-form-footer{align-items:flex-end}.campus-life-page .cl-form-footer>span{font-size:11px}.campus-life-page .cl-comment-top{align-items:flex-start;gap:8px}.campus-life-page .cl-read-badge{font-size:11px;padding:8px 10px}.campus-life-page .cl-owner-controls{gap:4px}.campus-life-page .cl-owner-controls button{font-size:12px;padding:8px}.campus-life-page .cl-empty{padding:38px 18px}}
@media(prefers-reduced-motion:reduce){.campus-life-page *{transition:none!important;scroll-behavior:auto!important}}