/* 登入／註冊／忘記密碼的既有背景與布局。 */.auth-section{min-height:78vh;padding:138px 0 72px;background:linear-gradient(135deg, rgba(32, 36, 42, .94), rgba(43, 49, 56, .86) 52%, rgba(179, 57, 57, .42)),url('../banner/banner_contact.webp') center/cover no-repeat;position:relative}.auth-section.auth-register{background:linear-gradient(135deg, rgba(32, 36, 42, .9), rgba(43, 49, 56, .76) 54%, rgba(179, 57, 57, .28)),url('../banner/banner_article.webp') center/cover no-repeat}.auth-section.auth-forgot{background:linear-gradient(135deg, rgba(32, 36, 42, .9), rgba(43, 49, 56, .78) 54%, rgba(179, 57, 57, .26)),url('../banner/banner_faq.webp') center/cover no-repeat}.auth-section.auth-reset{background:linear-gradient(135deg, rgba(32, 36, 42, .9), rgba(43, 49, 56, .78) 54%, rgba(179, 57, 57, .26)),url('../banner/banner_security.webp') center/cover no-repeat}.auth-section:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(10, 12, 16, .04), rgba(10, 12, 16, .16))}.auth-section .container{position:relative;z-index:2}.auth-wrap{width:min(1080px, 100%);margin:0 auto;display:grid;grid-template-columns:minmax(0, 1fr) 430px;gap:46px;align-items:start}.auth-intro{color:#fff;padding-top:34px}.auth-intro h1{margin:0 0 18px;color:#fff;font-weight:800;line-height:1.18;font-size:var(--www-font-auth-hero)}.auth-intro p{width:min(560px, 100%);color:rgba(255,255,255,.82);font-size:var(--www-font-body);line-height:1.9}.auth-benefits{margin:28px 0 0;padding:0;list-style:none;width:min(560px, 100%)}.auth-benefits li{display:flex;align-items:center;gap:11px;margin-top:12px;color:rgba(255,255,255,.9);font-weight:700}.auth-benefits i{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;color:#fff;background:var(--color-primary);border-radius:50%;font-size:var(--www-font-meta)}/* 帳號操作卡片、標題與提示。 */.auth-card{position:relative;padding:36px;background:rgba(255,255,255,.98);border-top:0;border-radius:8px;box-shadow:0 28px 80px rgba(14, 28, 54, .3)}.auth-card:before{content:"";position:absolute;top:24px;left:36px;width:56px;height:4px;background:var(--color-primary);border-radius:99px}.auth-card h2{margin:0 0 8px;padding-top:18px;color:#17202A;font-size:28px;font-weight:800}.auth-card-desc{margin:0 0 22px;color:#7a7a7a;line-height:1.65;margin-top:8px}.auth-field{margin-bottom:16px}.auth-field label{display:block;margin-bottom:7px;color:#243b55;font-weight:700}/* 帳號欄位圖示與輸入區；手機字級保持 16px。 */.auth-input-wrap{align-items:stretch;background:#fbfcfe;border:1px solid #d8dee7;border-radius:var(--www-radius-note);display:flex;min-height:48px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.auth-input-wrap:focus-within{border-color:var(--color-blue);box-shadow:0 0 0 .2rem rgba(66, 104, 152, .14)}.auth-input-icon{align-items:center;border-right:1px solid #e1e6ed;color:var(--color-blue);display:flex;flex:0 0 48px;justify-content:center;width:48px}.auth-input-icon iconify-icon{font-size:var(--www-font-note)}.auth-input-wrap .form-control{height:48px;border:0;border-radius:0;color:#2f3f52;background:#fbfcfe}.auth-input-wrap .form-control:focus{background:#fff;box-shadow:none}.auth-linkbar{display:flex;justify-content:space-between;gap:16px;margin:6px 0 18px;font-size:var(--www-font-note)}.auth-linkbar a{color:var(--color-blue);font-weight:700}.auth-linkbar a:hover{color:#333;text-decoration:underline}/* 驗證元件保留原本最小高度及布局。 */.auth-turnstile{margin:8px 0 18px;min-height:65px}.auth-card .error-message,.auth-card .sent-message,.auth-card .loading{display:none;text-align:left;padding:11px 14px;margin-bottom:14px;font-weight:700;line-height:1.55;border-radius:var(--www-radius-action)}.auth-card .error-message{color:#914A4A;background:#FDE8E8;border:1px solid #FFA4A4}.auth-card .sent-message{color:#466334;background:#EEFFE2;border:1px solid #A2DA70}.auth-card .loading{color:#405B88;background:#E7F5FE;border:1px solid #98D2F6}.auth-card .loading:before{content:"";display:inline-block;border-radius:50%;width:22px;height:22px;margin:0 10px -6px 0;border:3px solid #5574AC;border-top-color:#E7F5FE;animation:animate-loading 1s linear infinite}.auth-card .submitBtn button,.auth-card .line-auth-btn{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--www-radius-note);font-weight:800}.auth-card .submitBtn button{border:0;color:#fff;background:var(--color-primary);transition:.25s}.auth-card .submitBtn button:disabled{cursor:wait;opacity:.82}.auth-card .submitBtn button:hover{background:#20242A}.auth-card .line-auth-btn{margin-top:12px;color:#fff;background:#16a34a;border:1px solid #138a3f;box-shadow:0 10px 24px rgba(22, 163, 74, .18);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}.auth-card .line-auth-btn:hover,.auth-card .line-auth-btn:focus{color:#fff;background:#12813b;border-color:#0f7134;box-shadow:0 14px 30px rgba(18, 129, 59, .28);transform:translateY(-1px)}.auth-card .line-auth-btn i{margin-right:8px;font-size:1.15rem}/* 驗證／送出訊息，不新增 JS 處理。 */.auth-alert{margin-bottom:18px;padding:12px 14px;color:#7d3b12;background:#fff4e8;border:1px solid #f4d2af;border-radius:var(--www-radius-note);line-height:1.6}.auth-result-content,.auth-alert{align-items:flex-start;display:flex;gap:9px}.auth-result-content iconify-icon,.auth-alert iconify-icon{flex:0 0 auto;font-size:1rem;margin-top:.25em}.line-profile{display:flex;gap:12px;align-items:center;margin-bottom:18px;padding:12px;background:#eef7f1;border:1px solid #cde9d6;border-radius:var(--www-radius-note)}.line-profile img{width:52px;height:52px;object-fit:cover;border-radius:50%}.line-profile b{color:#17202A}.line-profile p{margin:2px 0 0;color:#6c7a89;font-size:var(--www-font-note)}.auth-card span.error{display:block;margin-top:6px;color:#d64242;font-size:var(--www-font-note)}@media (max-width: 991px){.auth-section{padding:116px 0 52px}.auth-wrap{grid-template-columns:1fr;gap:22px}.auth-intro{padding-top:0;text-align:center}.auth-intro p,.auth-benefits{margin-left:auto;margin-right:auto}.auth-benefits li{justify-content:center}.auth-card{padding:26px 20px}.auth-card:before{top:20px;left:20px}}@media (max-width: 575px){.auth-section .container{margin-top:30px}.auth-section{padding-top:108px}.auth-intro{text-align:left}.auth-intro h1{font-size:var(--www-font-auth-hero);margin-bottom:12px}.auth-intro p{font-size:var(--www-font-note);line-height:1.75}.auth-benefits{margin-top:18px}.auth-benefits li{justify-content:flex-start;align-items:flex-start;line-height:1.55}.auth-linkbar{flex-direction:column;gap:8px}}/* 登入／註冊輸入與提示同層級，不影響驗證或 Turnstile 尺寸。 */.auth-input-wrap .form-control{font-size:var(--www-font-control)}.auth-card-desc{font-size:var(--www-font-body)}.auth-field label{font-size:var(--www-font-note)}