/* ClearLight: additive user theme; original application logic retained. */
:root{color-scheme:light;--cl-blue:#2563eb;--cl-ink:#17243b;--cl-muted:#69788d;--cl-line:#e3eaf3;--cl-bg:#f4f7fb}
html,body,#app{background:var(--cl-bg)!important;color:var(--cl-ink);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif!important}
.n-config-provider{min-height:100vh;color:var(--cl-ink)}
.n-layout,.n-layout-scroll-container{background:var(--cl-bg)!important;color:var(--cl-ink)!important}
.n-layout-header,.n-layout-sider,.n-layout-footer{background:#fff!important;color:var(--cl-ink)!important;border-color:var(--cl-line)!important}
.n-layout-header{border-bottom:1px solid var(--cl-line)}
.n-layout-sider{border-right:1px solid var(--cl-line)}
.n-card{--n-color:#fff!important;--n-text-color:#17243b!important;--n-title-text-color:#17243b!important;--n-border-color:#e3eaf3!important;--n-border-radius:16px!important;background:#fff!important;border:1px solid var(--cl-line)!important;border-radius:16px!important;box-shadow:0 3px 14px #1c355208}
.n-card-header{font-weight:600!important}.n-card__content{line-height:1.7}
.n-input,.n-base-selection{--n-color:#fff!important;--n-color-focus:#fff!important;--n-text-color:#17243b!important;--n-border:1px solid #dce5f0!important;--n-border-hover:1px solid #93b4f8!important;--n-border-focus:1px solid #2563eb!important;--n-border-radius:9px!important;--n-box-shadow-focus:0 0 0 3px #2563eb14!important}
.n-button{border-radius:9px!important;font-weight:500!important}
.n-button--primary-type{--n-color:#2563eb!important;--n-color-hover:#1d4ed8!important;--n-color-pressed:#1e40af!important;--n-border:1px solid #2563eb!important;--n-border-hover:1px solid #1d4ed8!important;--n-text-color:#fff!important}
.n-button--primary-type.n-button--text-type,.n-button--primary-type.n-button--tertiary-type{--n-text-color:#2563eb!important}
.n-menu-item-content{border-radius:9px!important;margin:3px 10px!important}.n-menu-item-content--selected:before{background:#edf3ff!important;border-radius:9px!important}.n-menu-item-content--selected .n-menu-item-content-header,.n-menu-item-content--selected .n-menu-item-content__icon{color:#2563eb!important}
.n-tabs{--n-bar-color:#2563eb!important;--n-tab-text-color-active:#2563eb!important;--n-tab-text-color-hover:#2563eb!important}
.n-statistic .n-statistic-value{color:#17243b!important;font-variant-numeric:tabular-nums}.n-statistic .n-statistic__label{color:#69788d!important}
a{color:#2563eb}.n-divider{--n-color:#e3eaf3!important}
.cl-auth .wh-full.flex.items-center.justify-center{min-height:100vh!important;height:auto!important;padding:44px 20px!important;background:#f4f7fb!important;box-sizing:border-box}
.cl-auth .n-card.max-w-md{width:440px!important;max-width:100%!important;box-shadow:0 16px 60px #1c35520c;border-radius:22px!important;overflow:hidden}
.cl-auth .n-card.max-w-md:before{content:"ACCOUNT / 账户中心";display:block;color:#2563eb;font-size:11px;letter-spacing:2px;font-weight:600;padding:30px 32px 0}
.cl-auth .n-card.max-w-md .p-6{padding:22px 32px 32px!important}
.cl-auth h1,.cl-auth h2{color:#17243b!important;font-size:28px!important;letter-spacing:-.6px;line-height:1.3!important}
.cl-auth .n-input{--n-height:46px!important}.cl-auth .n-button--primary-type:not(.n-button--text-type){min-height:44px}
.cl-page-heading{padding:4px 0 22px}.cl-page-heading small{display:block;color:#2563eb;font-size:11px;font-weight:600;letter-spacing:2px;margin-bottom:8px}.cl-page-heading h1{font-size:26px;line-height:1.4;margin:0 0 7px;color:#17243b;font-weight:600}.cl-page-heading p{margin:0;color:#69788d;font-size:14px}
.cl-plan .n-card{transition:border-color .18s,box-shadow .18s}.cl-plan .n-card:hover{border-color:#adc5f6!important;box-shadow:0 8px 26px #1c35520b}
@media(max-width:640px){.cl-auth .wh-full.flex.items-center.justify-center{padding:24px 16px!important}.cl-auth .n-card.max-w-md .p-6{padding:20px 24px 26px!important}.cl-auth .n-card.max-w-md:before{padding:26px 24px 0}.cl-page-heading h1{font-size:22px}.n-card{--n-padding-left:18px!important;--n-padding-right:18px!important}}
/* ClearLight 1.3: referral page, original data and actions preserved */
.cl-invite .cl-invite-layout{display:flex!important;flex-direction:column;gap:20px;max-width:1320px;margin:0 auto}
.cl-invite-layout>.n-card{margin:0!important;border-radius:12px!important;box-shadow:none!important}
.cl-invite-intro,.cl-invite-rules{background:#fff;border:1px solid #dfe6f1;border-radius:12px;padding:24px}
.cl-invite-intro{order:-5}.cl-invite-intro h1{font-size:18px;font-weight:650;margin:0 0 12px;color:#24334a}.cl-invite-intro p{font-size:14px;color:#607086;margin:0}
.cl-invite-layout>.cl-invite-stats{order:-4;background:transparent!important;border:0!important}
.cl-invite-stats>.n-card__content{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0!important}
.cl-invite-stat{display:grid!important;grid-template-columns:52px minmax(0,1fr);grid-template-rows:auto auto;column-gap:15px;align-content:center;padding:20px 18px!important;min-height:98px;box-sizing:border-box;border:1px solid #dfe6f1;border-radius:12px;background:#fff}
.cl-stat-icon{display:grid;place-items:center;width:52px;height:52px;background:#edf0fc;color:#3b60d6;border-radius:12px;grid-column:1;grid-row:1/3}
.cl-stat-icon svg{width:26px;height:26px}
.cl-invite-stat>div:first-of-type{grid-column:2;grid-row:2;font-size:12px;color:#7b8594;margin-top:5px}
.cl-invite-stat>div:last-of-type{grid-column:2;grid-row:1;font-size:18px;font-weight:600;color:#354052;overflow-wrap:anywhere}
.cl-invite-stat:nth-child(1){order:0}.cl-invite-stat:nth-child(2){order:3}.cl-invite-stat:nth-child(3){order:1}.cl-invite-stat:nth-child(4){order:2}
.cl-invite-rules{order:-3}.cl-invite-rules h2{font-size:16px;margin:0 0 26px;color:#354052;font-weight:650}
.cl-invite-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 10px 5px}
.cl-invite-step{display:flex;align-items:center;gap:14px}.cl-invite-step .cl-stat-icon{width:43px;height:43px;border-radius:9px;flex-shrink:0}.cl-invite-step svg{width:22px;height:22px}
.cl-invite-step strong{font-size:14px;font-weight:600;color:#414b5a}.cl-invite-step p{margin:6px 0 0;font-size:12px;color:#7b8594;line-height:1.6}
.cl-invite-layout>.cl-invite-balance{order:-2;border-color:#d3def9!important}
.cl-invite-balance>.n-card-header{padding:22px 24px 12px!important}.cl-invite-balance>.n-card-header .n-card-header__main{font-size:0!important}.cl-invite-balance>.n-card-header .n-card-header__main:after{content:"佣金余额";font-size:16px;font-weight:650}.cl-invite-balance>.n-card-header .n-card-header__extra{display:none}
.cl-invite-balance>.n-card__content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:0 24px 22px!important;align-items:center}
.cl-invite-balance>.n-card__content>div:first-child{grid-column:1;grid-row:2}.cl-invite-balance>.n-card__content>.text-gray-500{grid-column:1;grid-row:1;font-size:12px!important;color:#7b8594!important}
.cl-invite-balance .text-5xl{font-size:30px!important;font-weight:600!important;line-height:1.4;color:#3d62d4}.cl-invite-balance .text-xl{font-size:13px!important;margin-left:8px!important;color:#8a94a5!important}
.cl-invite-balance>.n-card__content>.n-space{grid-column:2;grid-row:2;margin-top:0!important}.cl-invite-balance .n-button{min-height:39px;min-width:112px;padding:0 15px!important;font-size:13px!important;--n-color:#3b5eca!important;--n-color-hover:#2e50b9!important;--n-border:1px solid #3b5eca!important}
.cl-invite-balance .n-space>div:nth-child(2) .n-button{--n-color:#fff!important;--n-color-hover:#f3f6ff!important;--n-text-color:#3b5eca!important;--n-text-color-hover:#2e50b9!important}
.cl-balance-note{grid-column:1/-1;margin:5px 0 0;color:#8791a0;font-size:12px;line-height:1.7}
.cl-invite-codes{order:0}.cl-invite-records{order:1}
.cl-invite-codes>.n-card-header,.cl-invite-records>.n-card-header{padding:22px 24px 18px!important}.cl-invite-codes .n-card-header__main,.cl-invite-records .n-card-header__main{font-size:0!important}.cl-invite-codes .n-card-header__main:after{content:"邀请链接";font-size:16px;font-weight:650}.cl-invite-records .n-card-header__main:after{content:"返佣记录";font-size:16px;font-weight:650}
.cl-invite-codes>.n-card__content,.cl-invite-records>.n-card__content{padding:0 24px 24px!important}
.cl-invite .n-data-table{--n-th-color:#f8faff!important;--n-td-color:#fff!important;--n-td-color-hover:#f6f9ff!important;--n-border-color:#edf1f7!important;--n-th-text-color:#758299!important;--n-td-text-color:#43536b!important}
.cl-invite .n-data-table-empty{min-height:145px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:9px}
.cl-invite .n-empty__description{color:#8793a6!important;font-size:13px}
.cl-invite .n-card-header__extra .n-button{min-height:32px;border-radius:7px!important;padding:0 13px!important}
@media(max-width:1050px){.cl-invite-stats>.n-card__content{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-invite-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}}
@media(max-width:600px){.cl-invite .cl-invite-layout{gap:14px}.cl-invite-intro,.cl-invite-rules{padding:20px}.cl-invite-stat{grid-template-columns:38px minmax(0,1fr);gap:4px 10px;padding:15px 12px!important}.cl-invite-stat .cl-stat-icon{width:38px;height:42px}.cl-invite-stat>div:last-of-type{font-size:16px}.cl-invite-stats>.n-card__content{gap:10px}.cl-invite-steps{padding:0;gap:20px 10px}.cl-invite-step{gap:9px}.cl-invite-step p{font-size:11px}.cl-invite-balance>.n-card__content{grid-template-columns:1fr;padding:0 20px 20px!important}.cl-invite-balance>.n-card__content>.n-space{grid-column:1;grid-row:3;margin:8px 0!important}.cl-balance-note{grid-row:4}.cl-invite-codes>.n-card__content,.cl-invite-records>.n-card__content{padding:0 16px 20px!important}}
/* ClearLight 1.2: service cards */
.cl-service-card{position:relative;isolation:isolate;overflow:hidden;background:#fff;border:1px solid #e0e8f2;border-radius:14px;padding:24px 26px;margin-top:22px;box-shadow:0 3px 12px #20385805;color:#22344d}
.cl-service-card h2,.cl-modal-heading h2{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:650;margin:0 0 22px;letter-spacing:.2px}
.cl-service-card h2 svg,.cl-modal-heading h2 svg{width:23px;height:23px;color:#2675cf}
.cl-card-watermark{position:absolute;right:-17px;top:-19px;width:105px;height:105px;border-radius:50%;background:#deecfc;z-index:-1;display:grid;place-items:center;color:#fff;transform:rotate(-12deg)}
.cl-card-watermark svg{width:67px;height:67px}
.cl-divider-label{display:flex;align-items:center;gap:14px;color:#8390a3;font-size:12px;margin:18px 0 15px}
.cl-divider-label:before,.cl-divider-label:after{content:"";height:1px;flex:1;background:#e6edf6}
.cl-client-actions,.cl-common-actions{display:flex;gap:10px;flex-wrap:wrap}
.cl-client-button{appearance:none;border:1px solid #0875df;border-radius:7px;background:#0875df;color:#fff;min-height:39px;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;font:600 13px "Segoe UI","Microsoft YaHei",sans-serif;cursor:pointer;transition:background .15s,box-shadow .15s}
.cl-client-button:hover{background:#0564c1;box-shadow:0 4px 10px #0875df26}
.cl-client-button:focus-visible{outline:3px solid #a4ceff;outline-offset:3px}
.cl-client-mark{display:grid;place-items:center;width:21px;height:21px;border-radius:5px;background:#ffffff25;font-size:13px;font-weight:700}
.cl-client-secondary{background:#f2f7ff;color:#3673b9;border-color:#dae7fa}.cl-client-secondary:hover{background:#e5efff}
.cl-service-note{font-size:12px;color:#75849a;line-height:1.9;margin:17px 0 0;max-width:760px}.cl-action-status{font-size:12px;color:#9a5a13;margin:8px 0 0}.cl-action-status:empty{display:none}
.cl-dashboard .cl-shortcuts.n-card{background:transparent!important;border:0!important;box-shadow:none!important}
.cl-dashboard .cl-shortcuts>.n-card-header{display:none!important}
.cl-dashboard .cl-shortcuts>.n-card__content{padding:0!important}
.cl-dashboard .cl-shortcuts .n-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:transparent!important;overflow:visible;border-radius:0}
.cl-dashboard .cl-shortcuts .n-list-item{position:relative;margin:0!important;background:#fff!important;border:1px solid #e0e8f2!important;border-radius:13px;padding:22px!important;min-height:124px;box-sizing:border-box}
.cl-dashboard .cl-shortcuts .n-list-item:hover{border-color:#a9caf1!important;background:#fbfdff!important}
.cl-dashboard .cl-shortcuts .n-list-item__divider{display:none!important}
.cl-dashboard .cl-shortcuts .n-list-item__main{width:100%}
.cl-dashboard .cl-shortcuts .cl-subscribe-shortcut{display:none!important}
.cl-dashboard .cl-shortcuts .n-list-item .text-3xl{font-size:20px!important;padding:9px}
.cl-dashboard .cl-shortcuts .n-list-item:focus-visible{outline:2px solid #2675cf;outline-offset:3px}
.cl-subscribe-modal.n-card{width:620px!important;max-width:calc(100vw - 32px)!important;overflow:hidden}
.cl-subscribe-modal .n-card__content{padding:26px!important}
.cl-modal-heading{position:relative;border-bottom:1px solid #e6edf6;margin-bottom:18px;padding-bottom:16px}
.cl-modal-heading h2{margin-bottom:8px}.cl-modal-heading p{font-size:13px;color:#7b899d;margin:0}
.cl-subscribe-modal .n-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:#fff!important}
.cl-subscribe-modal .n-list-item{border:1px solid #dce8f8!important;border-radius:9px;background:#f5f9ff!important;overflow:hidden;padding:0!important;margin:0!important}
.cl-subscribe-modal .n-list-item__divider{display:none!important}
.cl-subscribe-modal .n-list-item .cursor-pointer{min-height:55px;padding:12px!important;color:#285787;box-sizing:border-box;font-size:13px}
.cl-subscribe-modal .n-list-item:hover{background:#eaf3ff!important}
.cl-subscribe-modal .n-list-item img{width:25px;height:25px;object-fit:contain}
.cl-subscribe-modal .n-list-item .text-3xl{font-size:25px!important}
@media(max-width:800px){.cl-dashboard .cl-shortcuts .n-list{grid-template-columns:1fr!important;gap:12px}.cl-dashboard .cl-shortcuts .n-list-item{min-height:95px}}
@media(max-width:480px){.cl-service-card{padding:21px 18px}.cl-service-card h2{font-size:18px}.cl-client-button{padding:8px 10px;font-size:12px}.cl-subscribe-modal .n-card__content{padding:20px!important}.cl-subscribe-modal .n-list{grid-template-columns:1fr}}
/* ClearLight 1.1: dashboard and subscription catalog */
.cl-dashboard .n-card:not(.overflow-hidden) .n-card-header{padding:22px 26px 16px!important}
.cl-dashboard .n-card-header__main{font-size:17px!important;font-weight:600!important}
.cl-dashboard .n-card:not(.overflow-hidden) .n-card__content{padding-left:26px;padding-right:26px}
.cl-dashboard .n-card .n-progress{margin:22px 0 10px}
.cl-dashboard .n-progress-graph-line-rail{height:9px!important;background:#edf2f8!important;border-radius:20px}
.cl-dashboard .n-card .cursor-pointer.pt-5.text-center{padding:30px 20px!important;margin:0 0 6px;border:1px dashed #cbdaf0;border-radius:12px;background:#f7faff;color:#2563eb;transition:background .18s}
.cl-dashboard .n-card .cursor-pointer.pt-5.text-center:hover{background:#edf4ff}
.cl-dashboard .n-list{--n-color:#fff!important;--n-text-color:#17243b!important;--n-border-color:#edf1f7!important;--n-color-hover:#f3f7ff!important;background:#fff!important;border-radius:0 0 16px 16px;overflow:hidden}
.cl-dashboard .n-list-item.cursor-pointer{padding:20px 26px!important;transition:background .18s}
.cl-dashboard .n-list-item.cursor-pointer:hover{background:#f3f7ff!important}
.cl-dashboard .n-list-item .text-3xl{color:#4779d3!important;background:#eef4ff;padding:10px;box-sizing:content-box;border-radius:12px;font-size:23px!important}
.cl-dashboard .n-list-item .text-gray-500{color:#77859a!important;font-size:13px;line-height:1.7}
.cl-dashboard .n-list-item .text-lg{font-size:15px!important;font-weight:600}
.cl-plan-list .max-w-1200{max-width:1200px!important}
.cl-plan-list h2.m-3.text-3xl{font-size:20px!important;font-weight:600!important;margin:0 0 18px!important;color:#17243b;letter-spacing:-.3px}
.cl-plan-list .n-radio-group{background:#eaf0f8;padding:5px;border-radius:11px;display:inline-flex;max-width:100%;flex-wrap:wrap;gap:3px}
.cl-plan-list .n-radio-button{--n-button-color:#eaf0f8!important;--n-button-color-active:#fff!important;--n-button-text-color:#69788d!important;--n-button-text-color-active:#2563eb!important;--n-button-border-color:transparent!important;--n-button-border-color-active:transparent!important;--n-button-box-shadow-focus:0 0 0 2px #adc5f6!important;border-radius:8px!important;overflow:hidden}
.cl-plan-list .n-radio-group__splitor{display:none}
.cl-plan-list .card-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;padding:0!important;min-width:0!important;margin-top:26px!important;align-items:stretch}
.cl-plan-list .card-item{min-width:0!important;display:flex}
.cl-plan-list .card-item>.n-card{width:100%!important;height:100%;border-radius:18px!important;overflow:hidden}
.cl-plan-list .card-item .n-card-header{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px 24px 22px!important;background:#fafcff;border-bottom:1px solid #edf1f7}
.cl-plan-list .card-item .n-card-header__main{font-size:18px!important;font-weight:600!important;overflow-wrap:anywhere}
.cl-plan-list .card-item .n-card-header__extra{margin-left:0!important;max-width:100%}
.cl-plan-list .card-item .text-3xl.font-semibold{font-size:32px!important;letter-spacing:-1px;color:#2563eb;line-height:1.3;font-variant-numeric:tabular-nums}
.cl-plan-list .card-item .text-base.text-gray-500{font-size:13px!important;color:#7b889b!important}
.cl-plan-list .card-item .n-card__content{padding:22px 24px!important;color:#43536b;font-size:14px;line-height:1.85}
.cl-plan-list .card-item .vertical-center{gap:9px;padding:7px 0}
.cl-plan-list .card-item .markdown-body{background:transparent!important;color:#43536b!important;font-size:14px!important;overflow-wrap:anywhere}
.cl-plan-list .card-item .markdown-body img{max-width:100%;height:auto}
.cl-plan-list .card-item .n-card__action{padding:18px 24px 24px!important;background:#fff!important;border-top:1px solid #edf1f7}
.cl-plan-list .card-item .n-card__action .n-button{width:100%;min-height:42px;--n-color:#edf4ff!important;--n-color-hover:#dfeaff!important;--n-text-color:#2563eb!important;--n-text-color-hover:#1d4ed8!important;--n-border:1px solid #dce7fc!important}
.cl-plan-list .card-item:focus-within>.n-card{outline:2px solid #2563eb;outline-offset:3px}
@media(max-width:1100px){.cl-plan-list .card-container{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.cl-plan-list .card-container{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-top:20px!important}.cl-dashboard .n-card:not(.overflow-hidden) .n-card-header,.cl-dashboard .n-list-item.cursor-pointer{padding:18px!important}.cl-dashboard .n-card:not(.overflow-hidden) .n-card__content{padding-left:18px;padding-right:18px}.cl-plan-list .card-item .n-card-header{padding:22px 20px 18px!important}.cl-plan-list .card-item .n-card__content{padding:20px!important}}
@media(prefers-reduced-motion:reduce){.cl-plan .n-card,.cl-dashboard .n-list-item,.cl-dashboard .n-card .cursor-pointer{transition:none}}
/* ClearLight login technology background v1; append after base theme */
.cl-auth .wh-full.flex.items-center.justify-center{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 14% 25%,#d7e9ff 0,transparent 44%),radial-gradient(ellipse at 88% 72%,#e5ddff 0,transparent 43%),linear-gradient(135deg,#f7faff,#eef5ff 55%,#f8faff)!important}
.cl-auth .wh-full.flex.items-center.justify-center:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(#547cba12 1px,transparent 1px),linear-gradient(90deg,#547cba12 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,transparent 10%,#000 80%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 10%,#000 80%)}
.cl-auth .wh-full.flex.items-center.justify-center:after{content:"";position:absolute;inset:-5%;z-index:-1;pointer-events:none;background:radial-gradient(circle at 15% 24%,#659bf0 0 3px,#659bf018 4px 17px,transparent 18px),radial-gradient(circle at 79% 18%,#a694ed 0 3px,#a694ed16 4px 22px,transparent 23px),radial-gradient(circle at 88% 67%,#649aef 0 4px,#649aef15 5px 26px,transparent 27px),radial-gradient(circle at 24% 80%,#92b4ee 0 3px,#92b4ee18 4px 15px,transparent 16px),linear-gradient(32deg,transparent 22%,#8fb7f026 22.1%,transparent 22.25%,transparent 77%,#afa1e924 77.1%,transparent 77.25%),linear-gradient(148deg,transparent 21%,#8fb7f021 21.1%,transparent 21.25%,transparent 78%,#8fb7f021 78.1%,transparent 78.25%);animation:cl-tech-drift 16s ease-in-out infinite alternate}
.cl-auth .n-card.max-w-md{position:relative;background:rgba(255,255,255,.95)!important;border:1px solid #ffffff!important;box-shadow:0 24px 75px #496aa319,0 0 0 1px #d6e4f580!important;backdrop-filter:blur(12px)}
@keyframes cl-tech-drift{from{transform:translate3d(-8px,-7px,0)}to{transform:translate3d(10px,8px,0)}}
@media(max-width:640px){.cl-auth .wh-full.flex.items-center.justify-center:before{background-size:36px 36px}.cl-auth .wh-full.flex.items-center.justify-center:after{animation:none;opacity:.6}.cl-auth .n-card.max-w-md{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){.cl-auth .wh-full.flex.items-center.justify-center:after{animation:none}}
/* ClearLight authentication typography */
.cl-auth .n-card.max-w-md h1{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif!important;font-size:38px!important;font-weight:800!important;letter-spacing:3px!important;line-height:1.35!important;margin:18px 0 14px!important;color:#2457c5!important;background:linear-gradient(110deg,#183d91 12%,#2866e7 58%,#6570d9 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important}
.cl-auth .n-card.max-w-md h5{font-family:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:1.5px!important;line-height:1.8!important;color:#77859d!important;margin:0 0 24px!important;display:flex;align-items:center;justify-content:center;gap:12px}
.cl-auth .n-card.max-w-md h5:before,.cl-auth .n-card.max-w-md h5:after{content:"";width:25px;height:1px;background:#d5e0f4;flex:none}
@media(max-width:480px){.cl-auth .n-card.max-w-md h1{font-size:34px!important;letter-spacing:2px!important}.cl-auth .n-card.max-w-md h5{font-size:13px!important;letter-spacing:1px!important}}
@media(forced-colors:active){.cl-auth .n-card.max-w-md h1{background:none!important;-webkit-text-fill-color:CanvasText!important;color:CanvasText!important}}

/* ClearLight dual cards v1: scoped light presentation */
.cl-dual-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:100%;grid-column:1/-1;align-items:stretch;margin:0 0 20px}
.cl-dual-cards #cl-subscription-card,.cl-dual-cards #cl-download-card{box-sizing:border-box;min-width:0;margin:0;padding:24px;border:1px solid #e4ebf6;border-radius:14px;background:#fff;box-shadow:0 4px 18px #25467b05;position:relative;overflow:hidden}
.cl-dual-cards #cl-subscription-card h2,.cl-dual-cards #cl-download-card h2{font-size:17px;font-weight:700;color:#21334e;line-height:26px;margin:0}
.cl-dual-cards #cl-subscription-card .cl-divider-label{margin:28px 0 18px;color:#8796ad}
.cl-dual-cards #cl-subscription-card .cl-client-actions,.cl-dual-cards #cl-subscription-card .cl-common-actions{display:flex;gap:12px;flex-wrap:wrap}
.cl-dual-cards #cl-subscription-card .cl-client-button{min-height:42px;border-radius:8px;padding:0 16px;font-size:13px}
.cl-dual-cards #cl-subscription-card .cl-service-note{margin-top:28px;line-height:1.8;color:#8593a8}
#cl-download-card header{display:flex;gap:12px;align-items:flex-start;padding-bottom:19px;border-bottom:1px solid #edf1f7}
#cl-download-card header p{font-size:12px;color:#8290a6;margin:5px 0 0;line-height:1.7}
#cl-download-card .cl-download-icon{width:36px;height:36px;display:grid;place-items:center;background:#edf5ff;color:#1677ee;border-radius:10px;font-size:24px;flex-shrink:0}
#cl-download-card .cl-download-recommend{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 15px;background:#eff6ff;border:1px solid #dceaff;border-radius:8px;color:#1671de;font-size:13px;font-weight:600;margin-top:18px}
#cl-download-card .cl-download-recommend small{font-weight:400;font-size:11px;color:#718aa8}
#cl-download-card .cl-platform-caption{text-align:center;color:#3a7dcf;font-size:12px;margin:18px 0 14px}
#cl-download-card .cl-platform-list{border:1px solid #e5ebf4;border-radius:9px;overflow:hidden}
#cl-download-card details+details{border-top:1px solid #e9eef6}
#cl-download-card summary{display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none;padding:13px 15px;color:#344762;font-size:14px;font-weight:600;background:#fff}
#cl-download-card summary::-webkit-details-marker{display:none}
#cl-download-card summary:hover{background:#f7faff}
#cl-download-card summary:focus-visible{outline:2px solid #1677ee;outline-offset:-2px}
#cl-download-card .cl-platform-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#f0f5fc;font-size:12px;color:#5683ba}
#cl-download-card .cl-platform-arrow{margin-left:auto;color:#9eacc0;transition:transform .15s}
#cl-download-card details[open] .cl-platform-arrow{transform:rotate(180deg)}
#cl-download-card .cl-platform-content{padding:0 16px 14px 53px;font-size:12px;color:#8190a5;background:#fff}
#cl-download-card .cl-platform-content p{margin:0 0 6px}
#cl-download-card .cl-platform-content span{color:#8c98a8}
#cl-download-card .cl-download-note{font-size:11px;line-height:1.7;color:#909db0;margin:14px 0 0}
@media(max-width:850px){.cl-dual-cards{grid-template-columns:minmax(0,1fr);gap:14px}.cl-dual-cards #cl-subscription-card,.cl-dual-cards #cl-download-card{padding:19px}}

/* Download link buttons */
#cl-download-card .cl-download-link{display:inline-flex;padding:8px 14px;margin:6px 8px 0 0;border-radius:7px;background:#1677ee;color:#fff;text-decoration:none;font-size:12px}#cl-download-card .cl-download-link:hover{background:#0865d5}
