.volunteer-page{--vl-blue:#1761f5;--vl-ink:#112c54;--vl-muted:#617a98;--vl-line:#dce9f8;--vl-bg:#f6faff;max-width:1280px;margin:0 auto;padding:30px 36px 64px;color:var(--vl-ink);font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65;box-sizing:border-box}.volunteer-page *{box-sizing:border-box}.volunteer-page button,.volunteer-page input,.volunteer-page textarea{font:inherit}.volunteer-page button,.volunteer-page a{touch-action:manipulation}.volunteer-page button{cursor:pointer}.volunteer-page :is(button,a,input,textarea):focus-visible{outline:3px solid #2674ef;outline-offset:4px}.volunteer-page :is(button,a){min-height:44px}.vl-back{display:inline-flex;align-items:center;min-height:44px;color:var(--vl-muted);text-decoration:none;font-size:14px}.vl-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 0 32px;border-bottom:1px solid var(--vl-line)}.vl-heading-mark{display:flex;align-items:center;gap:8px;font-size:14px;color:#3765a1}.vl-heading-mark svg{width:23px;height:23px}.vl-hero h1{font-family:KaiTi,STKaiti,"Noto Serif SC",serif;font-size:42px;font-weight:600;letter-spacing:.07em;line-height:1.3;margin:10px 0}.vl-hero p{margin:0 0 6px;color:#45658b;font-size:16px}.vl-hero small{font-size:13px;color:var(--vl-muted)}.volunteer-page :is(.vl-primary,.vl-secondary,.vl-danger,.vl-text,.vl-open,.vl-filter){display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:1px solid transparent;border-radius:11px;padding:9px 17px;font-weight:500;line-height:1.4;text-decoration:none;transition:background-color .18s,border-color .18s}.volunteer-page .vl-primary{background:var(--vl-blue);border-color:var(--vl-blue);color:#fff;box-shadow:0 4px 12px #1761f51a}.volunteer-page .vl-primary:hover:not(:disabled){background:#104ed0;border-color:#104ed0}.volunteer-page .vl-secondary{background:#fff;color:#2b5b98;border-color:#cfdff4}.volunteer-page .vl-secondary:hover:not(:disabled){background:#edf5ff;border-color:#8aafe7}.volunteer-page :is(.vl-text,.vl-open){color:#3265a5;background:transparent}.volunteer-page :is(.vl-text,.vl-open):hover:not(:disabled){background:#edf5ff}.volunteer-page .vl-danger{color:#a62a3f;border-color:#efd1d8;background:#fff5f7}.volunteer-page button:disabled{cursor:default;opacity:.55;box-shadow:none}.vl-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0}.vl-filters{display:flex;gap:8px;flex-wrap:wrap}.volunteer-page .vl-filter{background:transparent;border-color:transparent;color:var(--vl-muted)}.volunteer-page .vl-filter[aria-pressed=true]{color:#1554c9;background:#e8f1ff;border-color:#d2e3fe}.vl-notice,.vl-error{padding:12px 16px;border-radius:10px;margin:14px 0;font-size:14px;overflow-wrap:anywhere}.vl-notice{background:#eaf3ff;border:1px solid #cbdefc;color:#235ba5}.vl-error{background:#fff4f5;border:1px solid #f0d1d8;color:#a22c42}.vl-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.vl-loading,.vl-empty{grid-column:1/-1}.vl-loading{color:var(--vl-muted);padding:10px 0;margin:0}.vl-activity{border:1px solid var(--vl-line);background:#fff;border-radius:18px;min-width:0;overflow:hidden;box-shadow:0 5px 20px #23487306}.vl-activity.is-expanded{grid-column:1/-1;border-color:#a8c8f4}.vl-card-main{padding:24px 26px 13px}.vl-card-top{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.vl-status,.vl-own{font-size:12px;padding:3px 9px;border-radius:6px;line-height:1.6}.vl-status{background:#edf4ff;color:#285b9e;border:1px solid #dae8fc}.vl-status.is-registered{background:#e4f0ff;color:#174fa2;border-color:#bdd6fa}.vl-own{color:var(--vl-muted);border:1px solid var(--vl-line)}.vl-activity h2{font-size:21px;font-weight:600;line-height:1.55;letter-spacing:.01em;margin:15px 0 20px;overflow-wrap:anywhere}.vl-meta{margin:0;display:grid;gap:11px}.vl-meta>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;font-size:14px}.vl-meta dt{color:var(--vl-muted)}.vl-meta dd{margin:0;color:#345579;overflow-wrap:anywhere}.vl-capacity{margin-top:23px}.vl-capacity>div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--vl-muted)}.vl-capacity strong{font-size:20px;color:#1b59b8;font-weight:600}.vl-capacity progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:5px;border:0;border-radius:4px;overflow:hidden;margin-top:9px;background:#e9f1fd;accent-color:#5b97ec}.vl-capacity progress::-webkit-progress-bar{background:#e9f1fd}.vl-capacity progress::-webkit-progress-value{background:#5b97ec;border-radius:4px}.vl-capacity progress::-moz-progress-bar{background:#5b97ec}.vl-card-main footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;border-top:1px solid #edf3fb;padding-top:10px}.vl-card-main footer>span{font-size:13px;color:var(--vl-muted);overflow-wrap:anywhere}.vl-detail{padding:22px 26px 26px;background:linear-gradient(135deg,#f9fcff,#f3f8ff);border-top:1px solid var(--vl-line)}.vl-description{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 23px;max-width:880px;color:#355579;line-height:1.9}.vl-registration{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--vl-line);padding-top:18px}.vl-registration strong{font-size:15px;color:#224b80}.vl-registration p{font-size:13px;color:var(--vl-muted);margin:3px 0 0}.vl-registration>button{flex-shrink:0}.vl-soft{color:var(--vl-muted);font-size:14px}.vl-manage-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid var(--vl-line)}.vl-manage-actions>span{font-size:13px;color:var(--vl-muted)}.vl-roster{margin-top:26px;padding-top:22px;border-top:1px solid var(--vl-line)}.vl-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.vl-section-heading h2,.vl-section-heading h3{margin:0;font-size:20px;font-weight:600;line-height:1.5}.vl-section-heading p,.vl-roster-note{margin:4px 0 0;font-size:13px;color:var(--vl-muted)}.vl-roster-note{margin:9px 0 16px}.vl-table-wrap{overflow-x:auto;border:1px solid var(--vl-line);border-radius:10px;background:#fff}.vl-table-wrap table{width:100%;border-collapse:collapse;min-width:570px;font-size:14px;text-align:left}.vl-table-wrap th,.vl-table-wrap td{padding:13px 15px;border-bottom:1px solid #e5eef9;white-space:nowrap}.vl-table-wrap th{background:#edf5ff;color:#41658f;font-weight:500}.vl-table-wrap tbody tr:last-child td{border-bottom:0}.vl-composer{border:1px solid #c6dcf9;border-radius:18px;padding:25px 27px;margin-bottom:24px;background:#fff;box-shadow:0 8px 28px #1a4d8a07}.vl-composer .vl-section-heading{margin-bottom:22px}.vl-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vl-form-grid label{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;color:#2a507e;font-size:14px;font-weight:500}.vl-form-grid label>span{font-size:12px;color:var(--vl-muted);font-weight:400}.vl-wide{grid-column:1/-1}.volunteer-page .vl-form-grid :is(input,textarea){width:100%;min-width:0;min-height:46px;border:1px solid #cadcf4;border-radius:9px;background:#fbfdff;color:var(--vl-ink);padding:10px 12px;font-size:15px;line-height:1.6}.vl-form-grid textarea{resize:vertical}.vl-form-grid :is(input,textarea):disabled{opacity:.65}.vl-form-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:20px}.vl-form-footer p{color:var(--vl-muted);font-size:13px;margin:0}.vl-form-footer button{flex-shrink:0}.vl-empty{text-align:center;padding:50px 22px 56px;border:1px dashed #cbdff9;border-radius:16px;background:#ffffff80}.vl-empty>svg{height:52px;width:52px;color:#759bd0}.vl-empty h2{font-size:20px;letter-spacing:.03em;font-weight:500;margin:13px 0 8px}.vl-empty p{font-size:14px;color:var(--vl-muted);margin:0 0 20px}.vl-empty p:last-child{margin-bottom:0}@media(min-width:900px){.vl-activity.is-expanded .vl-card-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.5fr);column-gap:48px}.vl-activity.is-expanded .vl-card-top,.vl-activity.is-expanded h2,.vl-activity.is-expanded .vl-meta{grid-column:1}.vl-activity.is-expanded .vl-capacity{grid-column:2;grid-row:2/4;align-self:center}.vl-activity.is-expanded footer{grid-column:1/-1}.vl-activity.is-expanded .vl-meta{grid-template-columns:1fr 1fr;gap:14px 24px}}@media(max-width:760px){.volunteer-page{padding:20px 20px 44px}.vl-hero{padding:12px 0 24px;align-items:flex-start;gap:18px}.vl-hero h1{font-size:34px}.vl-hero p{font-size:15px}.vl-hero small{display:block;max-width:32em;font-size:12px}.vl-hero>.vl-primary{align-self:center;white-space:nowrap}.vl-list{grid-template-columns:1fr;gap:16px}.vl-card-main{padding:21px 21px 12px}.vl-detail{padding:20px 21px 22px}.vl-composer{padding:21px}.vl-form-grid{gap:16px}.vl-activity h2{font-size:20px}}@media(max-width:480px){.volunteer-page{padding:14px 16px 36px}.vl-hero{flex-direction:column}.vl-hero>.vl-primary{align-self:flex-start}.vl-hero h1{font-size:34px}.vl-toolbar{gap:8px;margin:18px 0}.volunteer-page :is(.vl-filter,.vl-secondary){padding-left:12px;padding-right:12px}.vl-card-main{padding:19px 18px 10px}.vl-detail{padding:18px}.vl-meta>div{grid-template-columns:65px minmax(0,1fr);gap:8px;font-size:13px}.vl-composer{padding:19px 16px}.vl-form-grid{grid-template-columns:1fr}.vl-registration,.vl-form-footer{align-items:flex-start;flex-direction:column;gap:14px}.vl-registration>button,.vl-form-footer>button{width:100%}.vl-section-heading{align-items:flex-start}.vl-section-heading h2{font-size:19px}.vl-section-heading>button{flex-shrink:0}.vl-empty{padding:38px 17px}.vl-empty h2{font-size:18px}.vl-own,.vl-status{font-size:12px}.vl-capacity>div{font-size:12px}}@media(prefers-reduced-motion:reduce){.volunteer-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}