/* 本次补充组织登录双卡片间距与药科大学未开通状态，沿用现有移动端布局。作者：沈海潮 2026/10/23 */
:root { color: #24324b; background: #f6f8fc; font-family: "Microsoft YaHei", "PingFang SC", sans-serif; }
* { box-sizing: border-box; }
.scnu-page { min-height: 100vh; margin: 0; }
.scnu-header { align-items: center; display: flex; gap: 24px; margin: 0 auto; max-width: 1120px; padding: 36px 24px; }
.scnu-header img { display: block; height: 36px; width: auto; }
.scnu-header span { border-left: 1px solid #d5dcea; color: #69778c; font-size: 14px; padding-left: 24px; }
.scnu-shell { background: #fff; border: 1px solid #e4e9f2; border-radius: 20px; box-shadow: 0 18px 55px #2534690a; display: grid; grid-template-columns: .9fr 1.1fr; margin: 42px auto 60px; max-width: 1068px; min-height: 500px; overflow: hidden; }
.scnu-introduction { background: linear-gradient(140deg, #ff9c93, #f05546); padding: 66px 44px 40px; }
.scnu-eyebrow { color: #fff; display: inline-block; font-size: 13px; letter-spacing: 2px; margin-bottom: 16px; }
.scnu-introduction h1 { color: #fff; font-size: 32px; letter-spacing: 1px; line-height: 1.6; margin: 0 0 20px; }
.scnu-introduction p { color: #fff; font-size: 14px; line-height: 1.9; opacity: .9; }
.scnu-description { color: #64728a; font-size: 14px; line-height: 1.9; }
.scnu-introduction ol { list-style: none; margin: 40px 0 0; padding: 0; }
.scnu-introduction li { color: #fff; font-size: 14px; margin: 19px 0; }
.scnu-introduction b { align-items: center; background: #fff; border-radius: 50%; color: #ee5548; display: inline-flex; font-size: 12px; height: 26px; justify-content: center; margin-right: 12px; width: 26px; }
.scnu-panel { min-width: 0; padding: 60px 48px 44px; }
.scnu-panel-label { color: #7b8799; font-size: 13px; }
.scnu-panel h2 { font-size: 26px; line-height: 1.5; margin: 12px 0 14px; }
.scnu-description { margin: 0 0 28px; }
.scnu-error-details { overflow-wrap: anywhere; }
.scnu-organization-card { align-items: center; border: 1px solid #dfe5f3; border-radius: 12px; color: #24324b; display: flex; gap: 16px; padding: 18px; text-decoration: none; }
.scnu-organization-card:hover { background: #fff8f7; border-color: #f7aaa3; }
.scnu-organization-option { margin: 16px 0 28px; }
.scnu-organization-card-disabled, .scnu-organization-card-disabled:hover { background: #f7f8fa; border-color: #e4e7ed; color: #8792a4; }
.scnu-organization-card-disabled .scnu-organization-avatar { background: #edf0f5; color: #8792a4; }
.scnu-organization-status { color: #8792a4; flex-shrink: 0; font-size: 12px; }
.scnu-organization-card:focus-visible, .scnu-secondary-link:focus-visible, .scnu-primary-button:focus-visible { outline: 3px solid #ffb2ab; outline-offset: 4px; }
.scnu-organization-avatar { align-items: center; background: #fff0ee; border-radius: 12px; color: #ec5547; display: flex; font-size: 23px; height: 52px; justify-content: center; width: 52px; }
.scnu-organization-content { flex: 1; min-width: 0; }
.scnu-organization-content strong { display: block; font-size: 16px; overflow-wrap: anywhere; }
.scnu-organization-content small { color: #7b8799; display: block; font-size: 12px; margin-top: 6px; }
.scnu-arrow { color: #ec5547; font-size: 20px; }
.scnu-hint { color: #8792a4; font-size: 12px; margin: 14px 0 30px; }
.scnu-unavailable-hint { color: #b46b35; font-size: 12px; line-height: 1.6; margin: 14px 0 30px; }
.scnu-divider { align-items: center; color: #8a94a5; display: flex; font-size: 12px; gap: 16px; margin: 12px 0; }
.scnu-divider::before, .scnu-divider::after { background: #e8ecf3; content: ""; flex: 1; height: 1px; }
.scnu-secondary-link { color: #ed5548; display: block; font-size: 13px; padding: 10px 0; text-align: center; text-decoration: none; }
.scnu-primary-button { background: #ef5546; border: 0; border-radius: 8px; color: #fff; cursor: pointer; display: block; font: inherit; font-size: 14px; padding: 15px 20px; text-align: center; text-decoration: none; width: 100%; }
.scnu-primary-button:hover { background: #da4638; }
.scnu-secondary-button { background: #fff; border: 1px solid #f1a39b; border-radius: 8px; color: #ed5548; cursor: pointer; display: block; font: inherit; font-size: 14px; margin-top: 12px; padding: 14px 20px; text-align: center; width: 100%; }
.scnu-footer { color: #8792a4; font-size: 12px; padding: 0 20px 30px; text-align: center; }
@media (max-width: 760px) { .scnu-header { padding: 24px; } .scnu-header span { display: none; } .scnu-shell { display: block; margin: 12px 16px 30px; min-height: 0; } .scnu-introduction { padding: 28px; } .scnu-introduction h1 { font-size: 24px; line-height: 1.5; } .scnu-introduction h1 br, .scnu-introduction p, .scnu-introduction ol { display: none; } .scnu-eyebrow { margin-bottom: 0; } .scnu-panel { padding: 30px 24px; } .scnu-panel h2 { font-size: 23px; } }