:root{color:#17324d;font-synthesis:none;--navy:#0b3b63;--blue:#126fa6;--sky:#e8f3fa;--gold:#eab744;--ink:#17324d;--muted:#718397;--line:#dce7ee;--paper:#fff;--soft:#f4f8fb;--shadow:0 10px 28px #12426514;background:#f4f8fb;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--soft);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.app-shell{min-height:100vh;padding-bottom:84px}.campus-header{background:var(--navy);color:#fff;z-index:5;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(18px,6vw,96px);display:flex;position:sticky;top:0;box-shadow:0 3px 14px #09335429}.campus-brand{align-items:center;gap:10px;display:flex}.campus-brand>div:last-child{flex-direction:column;gap:3px;display:flex}.campus-brand strong{letter-spacing:.12em;font-size:15px}.campus-brand span{color:#a9c7db;letter-spacing:.06em;font-size:11px}.usst-seal{letter-spacing:.08em;border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:42px;height:42px;font-family:Georgia,serif;font-size:11px;font-weight:700;display:grid}.campus-state{color:#d9ebf5;border:1px solid #ffffff4d;border-radius:3px;padding:6px 10px;font-size:10px}.page-content{max-width:800px;margin:0 auto;padding:28px 18px 32px}.home-title{justify-content:space-between;align-items:center;padding:12px 0 25px;display:flex}.section-kicker{color:var(--blue);letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.home-title h1{color:var(--navy);letter-spacing:-.065em;margin:0 0 13px;font-size:clamp(32px,8vw,56px);line-height:1.12}.home-title h1 em{color:var(--blue);font-family:Georgia,serif;font-weight:600}.home-intro{max-width:280px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.home-mark{background:var(--gold);width:72px;height:72px;color:var(--navy);border-radius:50% 50% 8px;flex-direction:column;justify-content:center;padding-left:15px;display:flex;transform:rotate(7deg);box-shadow:5px 6px #0b3b631f}.home-mark span{font-size:19px;font-weight:900}.home-mark b{margin-top:3px;font-size:9px;line-height:1.2}.search-box{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:4px;align-items:center;gap:9px;padding:5px 6px 5px 15px;display:flex}.search-box>span{color:var(--blue);font-size:26px;line-height:1}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:13px}.search-box button{color:#fff;background:var(--blue);border-radius:3px;padding:10px 16px;font-size:12px}.shortcut-row{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 31px;display:grid}.shortcut{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:4px;align-items:center;gap:9px;padding:14px 11px;display:flex}.shortcut.primary{background:var(--sky);border-color:#bcd7e7}.shortcut-icon{background:var(--blue);color:#fff;border-radius:3px;place-items:center;width:31px;height:31px;font-size:13px;font-weight:800;display:grid}.shortcut-icon.gold{background:var(--gold);color:var(--navy)}.shortcut b,.shortcut small{display:block}.shortcut b{font-size:12px}.shortcut small{color:var(--muted);margin-top:4px;font-size:10px}.filter-head,.card-title,.form-head,.section-page-head{justify-content:space-between;align-items:end;display:flex}.filter-head h2{color:var(--navy);letter-spacing:-.04em;margin:0;font-size:24px}.result-count,.head-count{color:var(--muted);font-size:11px}.course-tabs{align-items:center;gap:8px;padding:15px 0 18px;display:flex;overflow-x:auto}.course-tabs button{color:var(--muted);background:0 0;border-bottom:2px solid #0000;flex:none;padding:6px 10px;font-size:12px}.course-tabs button.active{color:var(--navy);border-color:var(--gold);font-weight:800}.course-tabs select{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:3px;flex:none;margin-left:auto;padding:6px 9px;font-size:11px}.listing-grid{grid-template-columns:1fr;gap:12px;display:grid}.listing-card{border:1px solid var(--line);border-left:3px solid var(--blue);cursor:pointer;background:#fff;padding:17px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #1242650a}.listing-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-top{align-items:center;gap:9px;display:flex}.avatar{color:#fff;background:#6e8996;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.avatar-1{background:var(--blue)}.avatar-2{background:#688c81}.avatar-3{background:#8d7b62}.avatar-large{width:62px;height:62px;font-size:22px}.author{flex:1}.author strong{font-size:13px}.author p,.detail-author p{color:var(--muted);margin:3px 0 0;font-size:11px}.level-badge{color:var(--blue);background:var(--sky);border:1px solid #cfe4ef;border-radius:2px;padding:4px 7px;font-size:10px;font-weight:800}.course-tag{color:var(--blue);background:var(--sky);margin:17px 0 8px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-block}.course-tag span{color:var(--muted);font-weight:400}.listing-card h3{color:var(--navy);margin:0 0 8px;font-size:17px;line-height:1.4}.card-description{color:var(--muted);margin:0 0 13px;font-size:12px;line-height:1.75}.card-line,.card-bottom{color:var(--muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.card-line{border-top:1px solid var(--line);padding:10px 0}.card-line b{color:var(--ink)}.card-bottom{border-top:1px solid var(--line);padding-top:11px}.price{color:var(--blue);font-size:17px}.sub-page{max-width:800px;margin:0 auto}.sub-hero{margin:-6px 0 18px;padding:25px 22px}.blue-hero{color:#fff;background:var(--navy);border-bottom:4px solid var(--gold)}.blue-hero .section-kicker{color:#9fcce4}.blue-hero h1{letter-spacing:-.06em;margin:0 0 13px;font-size:31px;line-height:1.2}.blue-hero>p:last-child{color:#c9dfec;margin:0;font-size:12px;line-height:1.7}.publish-start,.form-card,.profile-card,.message-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.publish-start{text-align:center;padding:58px 25px}.publish-icon{width:52px;height:52px;color:var(--blue);border:1px dashed #a4c8db;border-radius:4px;place-items:center;margin:0 auto 18px;font-size:29px;display:grid}.publish-start h2{color:var(--navy);font-size:21px}.publish-start p{color:var(--muted);margin-bottom:23px;font-size:12px}.form-card{padding:23px 18px}.form-head{align-items:center;margin-bottom:23px}.form-head h2{color:var(--navy);margin:0;font-size:20px}.icon-button,.modal-close{color:var(--muted);background:0 0;font-size:27px}.form-card label,.profile-card label{color:var(--muted);margin-bottom:15px;font-size:11px;font-weight:700;display:block}.form-card input,.form-card textarea,.form-card select,.profile-card input,.profile-card textarea{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfdfe;border-radius:3px;outline:0;margin-top:7px;padding:11px;font-size:13px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:var(--blue)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-actions{justify-content:end;gap:10px;margin-top:5px;display:flex}.primary-button{color:#fff;background:var(--blue);border-radius:3px;padding:11px 18px}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:3px;padding:10px 16px}.section-page-head{align-items:center;padding:8px 0 22px}.section-page-head h1,.mine-head h1{color:var(--navy);letter-spacing:-.06em;margin:0;font-size:34px}.head-count{background:var(--sky);color:var(--blue);padding:6px 8px}.notice-banner{background:#fff8df;border:1px solid #f5e4a6;align-items:center;gap:12px;margin-bottom:14px;padding:14px;display:flex}.notice-banner>span{color:var(--gold);font-size:22px}.notice-banner b,.notice-banner small{display:block}.notice-banner b{color:var(--navy);font-size:12px}.notice-banner small{color:#867956;margin-top:4px;font-size:10px}.message-list{gap:10px;display:grid}.message-card{box-shadow:none;gap:12px;padding:16px;display:flex}.message-symbol{background:var(--sky);width:30px;height:30px;color:var(--blue);border-radius:50%;flex:none;place-items:center;display:grid}.message-card strong{color:var(--navy);font-size:13px}.message-card p{color:var(--muted);margin:5px 0;font-size:12px;line-height:1.6}.message-card time{color:#a7b2bb;font-size:10px}.empty-state{color:var(--muted);text-align:center;border:1px dashed var(--line);background:#fff;padding:45px 20px;font-size:13px}.mine-head{align-items:center;gap:13px;padding:8px 0 20px;display:flex}.mine-head>div:nth-child(2){flex:1}.mine-head p:last-child{color:var(--muted);margin:4px 0 0;font-size:11px}.mine-level{text-align:right}.mine-level span,.mine-level strong{display:block}.mine-level span{color:var(--muted);font-size:10px}.mine-level strong{color:var(--blue);margin-top:3px;font-size:26px}.mine-stats{border:1px solid var(--line);background:#fff;grid-template-columns:repeat(3,1fr);margin-bottom:14px;display:grid}.mine-stats div{text-align:center;border-right:1px solid var(--line);padding:14px 5px}.mine-stats div:last-child{border:0}.mine-stats b,.mine-stats span{display:block}.mine-stats b{color:var(--navy);font-size:20px}.mine-stats span{color:var(--muted);margin-top:4px;font-size:10px}.mine-grid{gap:14px;display:grid}.profile-card{box-shadow:none;padding:19px}.card-title{align-items:center}.card-title h2{color:var(--navy);font-size:17px}.text-button{color:var(--blue);background:0 0;font-size:12px;font-weight:800}.demo-switch{background:var(--sky);width:100%;color:var(--blue);border:0;margin:2px 0 17px;padding:9px;font-size:11px}.bio{min-height:55px;color:var(--muted);font-size:12px;line-height:1.8}.profile-progress>div:first-child{color:var(--muted);justify-content:space-between;font-size:11px;display:flex}.profile-progress b{color:var(--blue)}.progress-track{background:#e8f0f4;height:5px;margin-top:8px}.progress-track span{background:var(--gold);height:100%;display:block}.tip{color:var(--blue);margin-top:16px;font-size:11px;line-height:1.6}.full{width:100%}.my-listing{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.my-listing strong{color:var(--navy);font-size:12px}.my-listing p{color:var(--muted);margin:4px 0 0;font-size:11px}.status-pill{color:#287d5d;background:#e9f7ef;border-radius:2px;padding:5px 8px;font-size:10px}.status-pill.offline{color:var(--muted);background:#eef1f3}.bottom-nav{z-index:10;border-top:1px solid var(--line);background:#fffffff7;justify-content:center;gap:clamp(34px,12vw,90px);height:76px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 18px #1242650f}.bottom-nav button{color:#9aaab5;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:42px;display:flex;position:relative}.bottom-nav button span{font-size:23px;line-height:1}.bottom-nav button small{font-size:10px}.bottom-nav button.active{color:var(--blue)}.publish-nav{background:var(--gold);width:33px;height:33px;color:var(--navy);border-radius:3px;place-items:center;display:grid}.unread-dot{color:#fff;background:#e2544d;border-radius:10px;padding:2px 5px;font-size:9px;position:absolute;top:8px;right:1px}.modal-backdrop{z-index:20;background:#0b3b637a;place-items:center;padding:17px;display:grid;position:fixed;inset:0}.detail-modal{background:#fff;width:min(560px,100%);max-height:90vh;padding:25px 19px;position:relative;overflow:auto;box-shadow:0 25px 70px #0003}.modal-close{position:absolute;top:10px;right:14px}.detail-author{align-items:center;gap:13px;display:flex}.detail-author h2{color:var(--navy);margin:6px 0 0;font-size:19px}.detail-course{color:var(--blue);justify-content:space-between;margin:24px 0 12px;font-size:13px;display:flex}.detail-course strong{color:var(--blue);font-size:17px}.detail-modal h1{color:var(--navy);letter-spacing:-.05em;margin-bottom:11px;font-size:28px}.detail-description{color:var(--muted);font-size:13px;line-height:1.8}.detail-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:9px;margin:21px 0;padding:16px 0;display:grid}.detail-facts div{flex-direction:column;gap:6px;display:flex}.detail-facts span{color:var(--muted);font-size:10px}.detail-facts b{color:var(--ink);font-size:12px}.detail-actions{gap:8px;display:flex}.detail-actions .primary-button{margin-left:auto}.detail-note{color:#a7b2bb;margin:17px 0 0;font-size:10px;line-height:1.6}.toast{z-index:30;color:#fff;background:var(--navy);box-shadow:var(--shadow);white-space:nowrap;border-radius:3px;padding:10px 16px;font-size:12px;position:fixed;bottom:94px;left:50%;transform:translate(-50%)}@media (width>=760px){.page-content{padding-top:48px}.listing-grid{grid-template-columns:repeat(2,1fr)}.mine-grid{grid-template-columns:1fr 1fr}.sub-page{max-width:760px}}@media (width<=420px){.campus-header{height:66px}.campus-brand strong{font-size:13px}.campus-brand span{font-size:10px}.campus-state{padding:5px 7px;font-size:9px}.page-content{padding:23px 14px 28px}.shortcut-row{gap:7px}.shortcut{padding:12px 8px}.shortcut b{font-size:11px}.shortcut small{font-size:9px}.form-grid{gap:0;display:block}.detail-facts{grid-template-columns:1fr}.detail-actions{flex-wrap:wrap}.detail-actions .primary-button{width:100%;margin-left:0}}