/* 來源：E:/sunling921/html/sunling-auth-reference.css（設計交付包）
*
* 原檔所有規則都已經限定在 class 底下，實測不會外漏，所以一個字元都沒改。
*
* 搬進來的日期：2026-09-21
*/
/* 依既有平台會員模組的單欄結構重製；只置換三羚品牌色。 */
.auth-reference-main{padding:38px 20px 64px;background:#faf9f5}.auth-reference-card{width:min(560px,100%);margin:0 auto;padding:34px;border:1px solid #d9e1e8;border-radius:8px;background:#fff;color:#1f2937}.auth-reference-card h1{margin:0;color:#1f2937;font-size:23px;font-weight:700;line-height:1.35}.auth-rule{height:1px;margin:25px 0 28px;background:#e2e7ec}.auth-section-label{margin:0 0 18px;color:#3f4d5e;font-size:14px;line-height:1.7}.auth-field{display:grid;gap:9px;margin-top:19px}.auth-field label{color:#27384d;font-size:14px}.auth-field input{width:100%;height:41px;padding:9px 11px;border:1px solid #d1d7df;border-radius:6px;background:#fff;color:#1f2937;font:inherit;font-size:14px}.auth-field input:focus{outline:2px solid rgba(38,57,140,.16);border-color:#26398c}.auth-helper{margin:7px 0 0;color:#7a8796;font-size:10px;line-height:1.55}.auth-forgot{display:block;margin:8px 0 0;color:#617084;font-size:12px;text-align:right;text-decoration:none}.auth-remember{display:flex;align-items:center;gap:7px;margin:27px 0 19px;color:#526172;font-size:14px}.auth-remember input,.auth-agreement input{width:14px;height:14px;margin:0;accent-color:#26398c}.auth-primary{display:flex;width:100%;height:47px;align-items:center;justify-content:center;border:0;border-radius:5px;background:#26398c;box-shadow:0 2px 5px rgba(38,57,140,.25);color:#fff;font:inherit;font-size:14px;font-weight:800;letter-spacing:.06em;cursor:pointer}.auth-primary:hover{background:#1d2d70}.auth-divider{display:flex;align-items:center;gap:13px;margin:30px 0 18px;color:#617084;font-size:12px;white-space:nowrap}.auth-divider:before,.auth-divider:after{height:1px;flex:1;background:#d9e1e8;content:""}.auth-line-prompt{margin:0 0 3px;color:#16833a;font-size:13px;font-weight:700;text-align:center}.auth-social-note{margin:0 0 11px;color:#526172;font-size:12px;text-align:center}.auth-provider{display:flex;width:100%;height:47px;align-items:center;justify-content:center;margin-top:9px;border:0;border-radius:5px;color:#fff;font:inherit;font-size:14px;font-weight:800;cursor:pointer}.auth-provider.line{background:#06c755}.auth-provider.google{background:#4285f4}.auth-provider:hover{filter:brightness(.95)}.auth-provider-note{margin:8px 0 0;color:#6e7d8d;font-size:11px;text-align:center}.auth-notice{margin:0 0 23px;padding:10px 12px;border:1px solid #f0c982;border-radius:5px;background:#fff7e9;color:#9b5c00;font-size:11px;line-height:1.65}.auth-notice b{display:block;color:#df7500}.auth-register-top{margin:0 0 8px;color:#16833a;font-size:13px;font-weight:700;text-align:center}.auth-register-sub{margin:0 0 8px;color:#4c5b6d;font-size:12px;text-align:center}.auth-register-heading{margin:0 0 4px;color:#27384d;font-size:14px;font-weight:700}.auth-agreement{display:flex;align-items:center;gap:6px;margin:20px 0 18px;color:#435366;font-size:12px}.auth-agreement a{color:#26398c;text-decoration:underline;text-underline-offset:3px}.auth-switch-link{display:block;margin-top:16px;color:#526172;font-size:12px;text-align:center;text-decoration:none}.auth-switch-link b{color:#26398c}@media(max-width:720px){.auth-reference-main{padding:8px 4px 38px}.auth-reference-card{padding:30px 26px;border-radius:7px}.auth-reference-card h1{font-size:19px}.auth-rule{margin:23px 0 25px}.auth-field{margin-top:18px}.auth-divider{margin:26px 0 16px}}
.auth-reference-layout{display:grid;grid-template-columns:286px minmax(0,540px);gap:28px;justify-content:center;align-items:center}.auth-reference-layout .auth-reference-card{margin:0}.auth-side-icons{padding:30px 26px;background:#26398c;color:#fff}.auth-side-icons h2{margin:0;color:#fff;font-size:22px;line-height:1.45}.auth-side-icons>p{margin:8px 0 24px;color:#dce5ff;font-size:13px;line-height:1.8}.auth-side-icons ul{display:grid;gap:16px;margin:0;padding:0;list-style:none}.auth-side-icons li{position:relative;padding-left:31px;color:#fff;font-size:13px;font-weight:700;line-height:1.65}.auth-side-icons li:before{position:absolute;top:1px;left:0;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:#f6d74a;color:#26398c;content:"✓";font-size:12px;font-weight:900}.auth-side-icons small{display:block;margin-top:3px;color:#dce5ff;font-size:11px;font-weight:400;line-height:1.6}.auth-side-icons .auth-side-rule{height:1px;margin:26px 0 16px;background:rgba(255,255,255,.24)}.auth-side-icons .auth-side-note{margin:0;color:#dce5ff;font-size:11px;line-height:1.7}@media(max-width:850px){.auth-reference-layout{grid-template-columns:1fr}.auth-side-icons{display:none}.auth-reference-layout .auth-reference-card{margin:0 auto}}@media(max-width:720px){.auth-reference-layout{display:block}}