.auth-page{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:28px clamp(28px,4vw,76px) 22px;background:radial-gradient(ellipse at 80% 8%,#17477566,transparent 48%),#07182e;color:#f4f8ff}.auth-header,.auth-layout,.auth-footer{width:100%;max-width:1720px;margin-inline:auto}.auth-header{display:flex;justify-content:space-between;align-items:center;gap:24px}.auth-brand{display:block;position:relative;width:176px;height:70px}.auth-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.auth-brand .auth-wordmark{clip-path:inset(0 0 0 29%);filter:brightness(0) invert(1)}.auth-header-caption{color:#8ea8c4;font-size:12px;letter-spacing:.12em}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 408px;gap:clamp(20px,3vw,56px);align-items:center;flex:1;padding-block:24px 40px}.auth-visual{position:relative;align-self:stretch;min-height:570px;isolation:isolate;overflow:hidden}.auth-hero{position:absolute;inset:50% 0 auto auto;transform:translateY(-50%);width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:right center;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 90%,transparent),linear-gradient(180deg,transparent,#000 7%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.auth-story{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:inherit;height:100%;padding:56px 0 105px 18px;pointer-events:none}.auth-kicker{display:flex;align-items:center;gap:9px;margin:0 0 24px;color:#83c9ed;font-size:10px;letter-spacing:.17em;font-weight:600}.auth-kicker>span{display:block;width:22px;height:1px;background:#67c5eb}.auth-story h1{margin:0;max-width:340px;font-size:clamp(38px,3.6vw,62px);line-height:1.34;letter-spacing:-.035em;font-weight:600}.auth-story h1 em{color:#76dbf4;font-style:normal}.auth-description{margin:25px 0 0;color:#afc0d4;font-size:14px;line-height:1.95}.auth-features{display:flex;align-items:center;gap:12px;margin-top:34px;color:#91a7c0;font-size:11px;letter-spacing:.04em}.auth-features i{width:3px;height:3px;border-radius:50%;background:#4e7ba6}.auth-visual-caption{position:absolute;z-index:1;bottom:22px;left:18px;right:18px;display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.1em;color:#748eac}.auth-caption-line{width:32px;height:1px;background:#426586}.auth-card{position:relative;padding:36px 34px 26px;border:1px solid #ffffffbf;border-radius:22px;background:#fbfcff;box-shadow:0 28px 72px #000c1b66,0 0 0 7px #a3cdff06;color:#183451}.auth-card:before{position:absolute;content:"";width:42px;height:3px;background:linear-gradient(90deg,#2869f4,#47c5e9);border-radius:0 0 4px 4px;top:0;left:34px}.auth-card-heading{margin-bottom:30px}.auth-card-kicker{margin:0 0 13px;font-size:10px;letter-spacing:.16em;color:#5d85b8;font-weight:650}.auth-card h2{margin:0;font-size:28px;line-height:1.35;font-weight:650;letter-spacing:-.04em;color:#142f50}.auth-card-heading>p:last-child{margin:11px 0 0;font-size:12px;line-height:1.8;color:#7a8ca3}.auth-card .el-form-item{margin-bottom:20px}.auth-card .el-form-item__label{height:auto;margin-bottom:8px;padding:0;line-height:20px;font-size:12px;color:#425771;font-weight:550}.auth-card .el-input{--el-input-text-color: #173050;--el-input-placeholder-color: #9baabe}.auth-card .el-input__wrapper{min-height:48px;padding:0 14px;border-radius:9px;background:#f3f6fb;box-shadow:0 0 0 1px #e1e8f2 inset;transition:box-shadow .18s,background .18s}.auth-card .el-input__wrapper:hover{box-shadow:0 0 0 1px #b6cae4 inset}.auth-card .el-input__wrapper.is-focus{background:#f3f6fb;box-shadow:0 0 0 1px #3977ef inset,0 0 0 3px #3977ef13}.auth-card .el-input__inner{height:46px;font-size:14px;line-height:46px;background:transparent;outline:none;border:0;border-radius:0;box-shadow:none}.auth-card .el-input__inner:focus-visible{outline:none}.auth-card .el-input__prefix{margin-right:9px;color:#94a8c2}.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:hover,.auth-card input:-webkit-autofill:focus,.auth-card input:autofill{-webkit-text-fill-color:#173050;caret-color:#173050;-webkit-box-shadow:0 0 0 1000px #f3f6fb inset;box-shadow:0 0 0 1000px #f3f6fb inset;border:0}.auth-password-toggle{display:grid;place-items:center;width:32px;height:32px;margin-right:-6px;border:0;border-radius:6px;background:transparent;color:#8298b4;cursor:pointer}.auth-password-toggle:hover{color:#2869f4;background:#e7effb}.auth-password-toggle:disabled{cursor:default}.auth-captcha-row{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:10px;width:100%}.auth-captcha-image{display:grid;place-items:center;height:48px;width:108px;padding:4px;overflow:hidden;border:1px solid #e1e8f2;border-radius:9px;background:#fff;cursor:pointer}.auth-captcha-image:hover{border-color:#80aaf0}.auth-captcha-image img{display:block;width:100%;height:100%;object-fit:contain}.auth-captcha-image span{display:flex;gap:5px;align-items:center;color:#6c83a1;font-size:11px}.auth-captcha-image:disabled{cursor:wait}.auth-captcha-hint{margin-top:6px;font-size:10px;line-height:18px;color:#8c9aab}.auth-submit.el-button{width:100%;height:48px;margin-top:3px;border:0;border-radius:9px;font-size:14px;font-weight:600;letter-spacing:.06em;background:linear-gradient(110deg,#2869f4,#287deb);box-shadow:0 7px 16px #2c70ef25}.auth-submit.el-button>span{display:flex;align-items:center;justify-content:center;gap:14px}.auth-submit.el-button:hover{background:linear-gradient(110deg,#3577ff,#2d8bf3)}.auth-card-footer{margin:24px 0 0;padding-top:20px;border-top:1px solid #e9edf4;text-align:center;color:#97a4b6;font-size:11px}.auth-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#65809e;letter-spacing:.1em}@media(min-width:1700px){.auth-layout{grid-template-columns:minmax(0,1fr) 440px}.auth-card{padding:42px 40px 30px}}@media(min-width:901px)and (max-height:800px){.auth-page{padding-block:18px 14px}.auth-brand{width:150px;height:58px}.auth-layout{padding-block:12px 20px}.auth-visual{min-height:520px}.auth-card{padding:26px 28px 22px}.auth-card-heading{margin-bottom:22px}.auth-card h2{font-size:26px}.auth-card-kicker{margin-bottom:10px}.auth-card .el-form-item{margin-bottom:16px}.auth-card .el-input__wrapper{min-height:46px}.auth-card .el-input__inner{height:44px;line-height:44px}.auth-captcha-image,.auth-submit.el-button{height:46px}.auth-card-footer{margin-top:20px;padding-top:16px}}@media(max-width:1150px)and (min-width:901px){.auth-page{padding-inline:30px}.auth-layout{grid-template-columns:minmax(0,1fr) 370px;gap:14px}.auth-card{padding-inline:28px}.auth-story{padding-left:0}.auth-story h1{font-size:38px}.auth-kicker{letter-spacing:.06em;font-size:9px}.auth-description{font-size:12px}}@media(max-width:900px){.auth-page{padding:22px 24px 20px}.auth-header{max-width:440px}.auth-brand{width:148px;height:58px}.auth-header-caption{display:none}.auth-layout{display:block;flex:1;max-width:440px;padding-block:22px 34px}.auth-visual{display:none}.auth-card{width:100%;padding:30px 28px 24px}.auth-footer{max-width:440px;justify-content:center}.auth-footer>span:last-child{display:none}}@media(max-width:400px){.auth-page{padding-inline:18px}.auth-card{padding-inline:22px;border-radius:18px}.auth-card h2{font-size:25px}.auth-card-kicker{font-size:9px;letter-spacing:.11em}.auth-captcha-row{grid-template-columns:minmax(0,1fr) 96px;gap:8px}.auth-captcha-image{width:96px}}.h5-experience-links[data-v-52ad019f]{display:flex;align-items:center;gap:8px;margin-right:12px}.h5-entry[data-v-52ad019f]{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #dbe7fa;border-radius:7px;font:inherit;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .18s,border-color .18s}.h5-entry .el-icon[data-v-52ad019f]{font-size:16px}.h5-entry-mobile[data-v-52ad019f]{background:#edf4ff;color:#2869e7}.h5-entry-mobile[data-v-52ad019f]:hover{background:#dfebff;border-color:#b6d0fa}.h5-entry-desktop[data-v-52ad019f]{background:#fff;color:#426181}.h5-entry-desktop[data-v-52ad019f]:hover{background:#f3f7ff;border-color:#b6d0fa;color:#2869e7}.h5-qr-content[data-v-52ad019f]{text-align:center}.h5-qr-eyebrow[data-v-52ad019f]{font-size:10px;font-weight:700;letter-spacing:.17em;color:#5d8ad0}.h5-qr-intro[data-v-52ad019f]{margin:12px 0 22px;line-height:1.6;color:#667e9d;font-size:13px}.h5-qr-frame[data-v-52ad019f]{display:flex;align-items:center;justify-content:center;width:248px;height:248px;margin:0 auto;border:1px solid #dbe7f9;border-radius:18px;background:#fff;box-shadow:0 10px 28px #285fab0b}.h5-qr-frame img[data-v-52ad019f]{display:block;width:224px;height:224px}.h5-qr-error[data-v-52ad019f]{padding:18px;color:#a14444;font-size:13px;line-height:1.6}.h5-qr-pending[data-v-52ad019f]{color:#7890af;font-size:13px}.h5-qr-caption[data-v-52ad019f]{margin:14px 0 20px;font-size:12px;color:#7890ad}.h5-qr-steps[data-v-52ad019f]{display:flex;justify-content:center;gap:18px;margin:0;padding:14px 0;list-style:none;background:#f5f8fd;border-radius:9px}.h5-qr-steps li[data-v-52ad019f]{display:flex;align-items:center;gap:6px;color:#537092;font-size:12px}.h5-qr-steps li span[data-v-52ad019f]{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-size:10px;color:#3475e8;background:#e5edfd}.h5-share-link[data-v-52ad019f]{display:flex;align-items:center;gap:10px;margin-top:18px;text-align:left}.h5-share-link label[data-v-52ad019f]{color:#7890ad;font-size:12px;flex-shrink:0}.h5-share-link input[data-v-52ad019f]{width:100%;min-width:0;border:1px solid #e1e9f5;border-radius:6px;padding:8px 9px;color:#557391;background:#fff;font:inherit;font-size:11px}.h5-local-notice[data-v-52ad019f]{margin-top:14px;padding:10px 12px;color:#91672c;background:#fff9ec;border-radius:7px;text-align:left;font-size:12px;line-height:1.7}.h5-qr-footer[data-v-52ad019f]{display:flex;align-items:center;justify-content:space-between;gap:12px}.h5-open-link[data-v-52ad019f]{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:7px;font-size:13px;font-weight:600;color:#fff;background:#2869f4;text-decoration:none}.h5-open-link[data-v-52ad019f]:hover{background:#1c58d7}@media(max-width:1100px){.h5-experience-links[data-v-52ad019f]{margin-right:2px;gap:6px}.h5-entry[data-v-52ad019f]{padding-inline:8px}}@media(max-width:700px){.h5-experience-links[data-v-52ad019f]{gap:5px;margin-right:0}.h5-entry[data-v-52ad019f]{width:34px;padding:0}.h5-entry>span[data-v-52ad019f]{display:none}}@media(max-width:400px){.h5-qr-steps[data-v-52ad019f]{gap:10px}.h5-qr-steps li[data-v-52ad019f]{gap:4px}}.h5-experience-dialog.el-dialog{max-width:calc(100vw - 32px);padding:24px;border-radius:16px}.h5-experience-dialog .el-dialog__header{padding-bottom:16px}.h5-experience-dialog .el-dialog__title{color:#183759;font-size:19px;font-weight:650}.h5-experience-dialog .el-dialog__footer{margin-top:20px;padding-top:18px;border-top:1px solid #edf1f8}@media(max-width:400px){.h5-experience-dialog.el-dialog{padding:18px}.h5-experience-dialog .el-dialog__title{font-size:17px}}.topbar[data-v-a4d532f9]{gap:16px}.top-actions[data-v-a4d532f9]{flex-shrink:0}@media(max-width:1100px){.top-title .crumb[data-v-a4d532f9],.top-title .slash[data-v-a4d532f9]{display:none}}@media(max-width:700px){.topbar[data-v-a4d532f9]{gap:8px}.top-title[data-v-a4d532f9]{font-size:13px}.top-actions[data-v-a4d532f9]{gap:7px}}@layer theme,base,components,utilities;@layer theme{@theme default{ --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-800: oklch(47% .157 37.304); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-800: oklch(47.6% .114 61.907); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-50: oklch(98.6% .031 120.757); --color-lime-100: oklch(96.7% .067 122.328); --color-lime-200: oklch(93.8% .127 124.321); --color-lime-300: oklch(89.7% .196 126.665); --color-lime-400: oklch(84.1% .238 128.85); --color-lime-500: oklch(76.8% .233 130.85); --color-lime-600: oklch(64.8% .2 131.684); --color-lime-700: oklch(53.2% .157 131.589); --color-lime-800: oklch(45.3% .124 130.933); --color-lime-900: oklch(40.5% .101 131.063); --color-lime-950: oklch(27.4% .072 132.109); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-50: oklch(98.4% .014 180.72); --color-teal-100: oklch(95.3% .051 180.801); --color-teal-200: oklch(91% .096 180.426); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-400: oklch(77.7% .152 181.912); --color-teal-500: oklch(70.4% .14 182.503); --color-teal-600: oklch(60% .118 184.704); --color-teal-700: oklch(51.1% .096 186.391); --color-teal-800: oklch(43.7% .078 188.216); --color-teal-900: oklch(38.6% .063 188.416); --color-teal-950: oklch(27.7% .046 192.524); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-200: oklch(88.2% .059 254.128); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-300: oklch(78.5% .115 274.713); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-violet-950: oklch(28.3% .141 291.089); --color-purple-50: oklch(97.7% .014 308.299); --color-purple-100: oklch(94.6% .033 307.174); --color-purple-200: oklch(90.2% .063 306.703); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-600: oklch(55.8% .288 302.321); --color-purple-700: oklch(49.6% .265 301.924); --color-purple-800: oklch(43.8% .218 303.724); --color-purple-900: oklch(38.1% .176 304.987); --color-purple-950: oklch(29.1% .149 302.717); --color-fuchsia-50: oklch(97.7% .017 320.058); --color-fuchsia-100: oklch(95.2% .037 318.852); --color-fuchsia-200: oklch(90.3% .076 319.62); --color-fuchsia-300: oklch(83.3% .145 321.434); --color-fuchsia-400: oklch(74% .238 322.16); --color-fuchsia-500: oklch(66.7% .295 322.15); --color-fuchsia-600: oklch(59.1% .293 322.896); --color-fuchsia-700: oklch(51.8% .253 323.949); --color-fuchsia-800: oklch(45.2% .211 324.591); --color-fuchsia-900: oklch(40.1% .17 325.612); --color-fuchsia-950: oklch(29.3% .136 325.661); --color-pink-50: oklch(97.1% .014 343.198); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-300: oklch(82.3% .12 346.018); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-800: oklch(45.9% .187 3.815); --color-pink-900: oklch(40.8% .153 2.432); --color-pink-950: oklch(28.4% .109 3.907); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-600: oklch(58.6% .253 17.585); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-800: oklch(45.5% .188 13.697); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-zinc-50: oklch(98.5% 0 none); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-900: oklch(21% .006 285.885); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-50: oklch(98.5% 0 none); --color-neutral-100: oklch(97% 0 none); --color-neutral-200: oklch(92.2% 0 none); --color-neutral-300: oklch(87% 0 none); --color-neutral-400: oklch(70.8% 0 none); --color-neutral-500: oklch(55.6% 0 none); --color-neutral-600: oklch(43.9% 0 none); --color-neutral-700: oklch(37.1% 0 none); --color-neutral-800: oklch(26.9% 0 none); --color-neutral-900: oklch(20.5% 0 none); --color-neutral-950: oklch(14.5% 0 none); --color-stone-50: oklch(98.5% .001 106.423); --color-stone-100: oklch(97% .001 106.424); --color-stone-200: oklch(92.3% .003 48.717); --color-stone-300: oklch(86.9% .005 56.366); --color-stone-400: oklch(70.9% .01 56.259); --color-stone-500: oklch(55.3% .013 58.071); --color-stone-600: oklch(44.4% .011 73.639); --color-stone-700: oklch(37.4% .01 67.558); --color-stone-800: oklch(26.8% .007 34.298); --color-stone-900: oklch(21.6% .006 56.043); --color-stone-950: oklch(14.7% .004 49.25); --color-mauve-50: oklch(98.5% 0 none); --color-mauve-100: oklch(96% .003 325.6); --color-mauve-200: oklch(92.2% .005 325.62); --color-mauve-300: oklch(86.5% .012 325.68); --color-mauve-400: oklch(71.1% .019 323.02); --color-mauve-500: oklch(54.2% .034 322.5); --color-mauve-600: oklch(43.5% .029 321.78); --color-mauve-700: oklch(36.4% .029 323.89); --color-mauve-800: oklch(26.3% .024 320.12); --color-mauve-900: oklch(21.2% .019 322.12); --color-mauve-950: oklch(14.5% .008 326); --color-olive-50: oklch(98.8% .003 106.5); --color-olive-100: oklch(96.6% .005 106.5); --color-olive-200: oklch(93% .007 106.5); --color-olive-300: oklch(88% .011 106.6); --color-olive-400: oklch(73.7% .021 106.9); --color-olive-500: oklch(58% .031 107.3); --color-olive-600: oklch(46.6% .025 107.3); --color-olive-700: oklch(39.4% .023 107.4); --color-olive-800: oklch(28.6% .016 107.4); --color-olive-900: oklch(22.8% .013 107.4); --color-olive-950: oklch(15.3% .006 107.1); --color-mist-50: oklch(98.7% .002 197.1); --color-mist-100: oklch(96.3% .002 197.1); --color-mist-200: oklch(92.5% .005 214.3); --color-mist-300: oklch(87.2% .007 219.6); --color-mist-400: oklch(72.3% .014 214.4); --color-mist-500: oklch(56% .021 213.5); --color-mist-600: oklch(45% .017 213.2); --color-mist-700: oklch(37.8% .015 216); --color-mist-800: oklch(27.5% .011 216.9); --color-mist-900: oklch(21.8% .008 223.9); --color-mist-950: oklch(14.8% .004 228.8); --color-taupe-50: oklch(98.6% .002 67.8); --color-taupe-100: oklch(96% .002 17.2); --color-taupe-200: oklch(92.2% .005 34.3); --color-taupe-300: oklch(86.8% .007 39.5); --color-taupe-400: oklch(71.4% .014 41.2); --color-taupe-500: oklch(54.7% .021 43.1); --color-taupe-600: oklch(43.8% .017 39.3); --color-taupe-700: oklch(36.7% .016 35.7); --color-taupe-800: oklch(26.8% .011 36.5); --color-taupe-900: oklch(21.4% .009 43.1); --color-taupe-950: oklch(14.7% .004 49.3); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-sm: 40rem; --breakpoint-md: 48rem; --breakpoint-lg: 64rem; --breakpoint-xl: 80rem; --breakpoint-2xl: 96rem; --container-3xs: 16rem; --container-2xs: 18rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 1.5 ; --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 1.2 ; --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-thin: 100; --font-weight-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --radius-4xl: 2rem; --shadow-2xs: 0 1px rgb(0 0 0 / .05); --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05); --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1); --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1); --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25); --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / .05); --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / .05); --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / .05); --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / .05); --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15); --drop-shadow-md: 0 3px 3px rgb(0 0 0 / .12); --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / .15); --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / .1); --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / .15); --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / .15); --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / .2); --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / .075), 0px 1px 1px rgb(0 0 0 / .075), 0px 2px 2px rgb(0 0 0 / .075); --text-shadow-md: 0px 1px 1px rgb(0 0 0 / .1), 0px 1px 2px rgb(0 0 0 / .1), 0px 2px 4px rgb(0 0 0 / .1); --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / .1), 0px 3px 2px rgb(0 0 0 / .1), 0px 4px 8px rgb(0 0 0 / .1); --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: .5; } } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8, 0, 1, 1); } 50% { transform: none; animation-timing-function: cubic-bezier(0, 0, .2, 1); } } --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --perspective-dramatic: 100px; --perspective-near: 300px; --perspective-normal: 500px; --perspective-midrange: 800px; --perspective-distant: 1200px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: --theme(--font-sans, initial); --default-font-feature-settings: --theme( --font-sans--font-feature-settings, initial ); --default-font-variation-settings: --theme( --font-sans--font-variation-settings, initial ); --default-mono-font-family: --theme(--font-mono, initial); --default-mono-font-feature-settings: --theme( --font-mono--font-feature-settings, initial ); --default-mono-font-variation-settings: --theme( --font-mono--font-variation-settings, initial ); }@theme default inline reference{ --blur: 8px; --shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1); --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05); --drop-shadow: 0 1px 2px rgb(0 0 0 / .1), 0 1px 1px rgb(0 0 0 / .06); --radius: .25rem; --max-width-prose: 65ch; }}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:--theme(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings,normal);font-variation-settings:--theme(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:--theme(--default-mono-font-feature-settings,normal);font-variation-settings:--theme(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{@tailwind utilities;}:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#342b29;background:#f7f5f1;font-size:14px;--ink: #342b29;--muted: #9a8b86;--border: #ebe2dd;--primary: #b9655c;--panel: #fffdfa}*{box-sizing:border-box}body{margin:0;min-width:1100px;min-height:100vh;background:#f7f5f1}button,input{font:inherit}a{color:inherit;text-decoration:none}.admin-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 88% -4%,#f4e5df 0,transparent 31%),radial-gradient(circle at 20% 100%,#f0ece5 0,transparent 36%),#f7f5f1}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:26px 16px 18px;background:#fffdfaf5;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:10;transition:width .2s ease}.is-collapsed .sidebar{width:76px;padding-inline:12px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 12px 32px;color:#362927;min-height:48px}.sidebar-brand strong{display:block;font-size:18px;letter-spacing:.2px;white-space:nowrap}.sidebar-brand small{display:block;margin-top:4px;color:#aa9891;font-size:12px;white-space:nowrap}.brand-icon,.brand-mark{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:linear-gradient(145deg,#ca7a6e,#98545a);color:#fff;font-size:22px;box-shadow:0 10px 18px #994f4e38}.collapse-button{position:absolute;right:-13px;top:72px;width:26px;height:26px;border:1px solid var(--border);border-radius:50%;background:#fff;color:#7e8da3;cursor:pointer;box-shadow:0 4px 12px #273c5a12}.sidebar-caption{padding:0 14px 10px;color:#ad9b94;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav-item{display:flex;align-items:center;justify-content:flex-start;gap:12px;margin:4px 0;padding:12px 14px;min-height:44px;border-radius:11px;color:#83716b;transition:.2s;white-space:nowrap}.is-collapsed .nav-item{justify-content:center;padding-inline:0}.nav-item:hover{background:#f8eeea;color:var(--primary)}.nav-item.router-link-active{background:#f8eae5;color:#a95451;font-weight:650;box-shadow:inset 3px 0 #bf6c61}.nav-item .el-icon{font-size:18px}.sidebar-foot{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:auto;padding:14px;color:#a6b1c0;font-size:11px}.version-dot{width:7px;height:7px;border-radius:50%;background:#31b37b;box-shadow:0 0 0 4px #e3f7ed}.main-shell{width:calc(100% - 248px);margin-left:248px;transition:width .2s ease,margin .2s ease}.topbar{min-height:72px;padding:0 32px;background:#fffdfae6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.top-title{color:#493b37}.crumb{color:#a28f88}.slash{padding:0 11px;color:#d2d9e2}.top-actions{display:flex;align-items:center;gap:10px;color:#8a99ad;font-size:12px}.live-dot{width:7px;height:7px;border-radius:50%;background:#34b27b;box-shadow:0 0 0 4px #e4f7ef}.live-dot.is-down{background:#df6262;box-shadow:0 0 0 4px #fbe9e9}.user-trigger{display:inline-flex;align-items:center;gap:8px;color:#66544f;cursor:pointer}.content{padding:34px 42px 54px;max-width:1680px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;gap:20px}.page-heading h1{margin:2px 0 7px;font-size:29px;line-height:1.25;color:#3b2d2b;letter-spacing:-.02em}.page-heading p:not(.eyebrow){margin:0;color:var(--muted)}.eyebrow{margin:0 0 5px!important;color:#bc6d63!important;font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.surface{background:var(--panel);border:1px solid var(--border);border-radius:17px;box-shadow:0 8px 24px #5f43390b}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-card{position:relative;overflow:hidden;padding:21px 23px;min-height:132px;border-radius:17px;background:#fffdfa;border:1px solid var(--border);box-shadow:0 8px 24px #5f43390b}.metric-card span{display:block;color:#8f7d77;font-size:13px}.metric-card strong{display:block;margin:10px 0 5px;color:#382b29;font-size:32px;line-height:1;font-weight:700}.metric-card small{color:#aa9992}.metric-card>i{position:absolute;right:22px;top:18px;color:#8f474347;font-style:normal;font-size:25px}.metric-card.blue{background:linear-gradient(145deg,#f7e9e3,#fffdfa)}.metric-card.green{background:linear-gradient(145deg,#edf5ef,#fffdfa)}.metric-card.purple{background:linear-gradient(145deg,#f0eaf3,#fffdfa)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}.panel{padding:20px}.table-panel{padding:14px}.form-panel{padding:28px 30px}.filter-panel{padding:18px 20px;margin-bottom:14px}.panel-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.panel-title h2{margin:0 0 4px;font-size:17px;color:#3d302d}.panel-title p{margin:0;color:#a08f88;font-size:12px}.panel-title a{color:#b45e59;font-size:12px}.trend-chart{width:100%;height:250px}.chart-panel{min-height:318px;position:relative}.chart-empty{position:absolute;inset:94px 0 0;pointer-events:none}.insight-panel{min-height:318px}.status-line{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #eff2f6}.status-line:last-child{border-bottom:0}.status-icon{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#e9f8f1;color:#25a66c;font-weight:700}.status-icon.neutral{background:#edf3ff;color:#4c7edb}.status-line strong{font-size:13px}.status-line p{margin:3px 0 0;color:#9aa3b0;font-size:12px}.recent-panel{min-height:250px}.online-state{display:inline-flex;align-items:center;gap:7px;color:#a0a8b5}.online-state i{width:7px;height:7px;border-radius:50%;background:#b7bec8}.online-state.is-online{color:#2da975}.online-state.is-online i{background:#2da975;box-shadow:0 0 0 4px #e7f8f0}.online-state.is-timeout{color:#d39227}.online-state.is-timeout i{background:#d39227}.device-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:18px;padding:18px 22px}.device-summary>div{padding:0 22px;border-right:1px solid #edf0f5}.device-summary>div:first-child{padding-left:0}.device-summary>div:last-child{border-right:0}.device-summary span{display:block;color:#8997a9;font-size:12px}.device-summary strong{display:block;margin-top:6px;color:#263752;font-size:24px}.success-text{color:#2aab73!important}.warning-text{color:#d4972f!important}.device-spec{font-size:15px!important;margin-top:10px!important}.table-thumb{width:42px;height:42px;border-radius:8px}.thumb-empty{color:#b2bdca}.color-chip{display:inline-flex;align-items:center;gap:7px;color:#8090a5;font-size:12px}.color-chip i{width:19px;height:19px;border-radius:50%;box-shadow:0 0 0 1px #dbe2ec}.color-input{width:140px;margin-left:10px}.dialog-note{margin:0 0 16px;padding:11px 13px;background:#f4f7fb;border-radius:9px;color:#71839c;font-size:12px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px}.record-preview{min-height:300px}.preview-images{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.preview-images figure{margin:0;padding:10px;border:1px solid var(--border);border-radius:12px;background:#f7f9fc}.preview-images .el-image,.preview-images figure>span{display:flex;align-items:center;justify-content:center;width:100%;height:260px;color:#a7b2c2;background:#edf1f6;border-radius:8px}.preview-images figcaption{padding-top:8px;color:#6f8098;font-size:12px;text-align:center}.upload-field{display:flex;align-items:center;width:100%;gap:8px}.upload-field .el-input{flex:1}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 510px;align-items:stretch;background:radial-gradient(circle at 5% 0,#dceaff 0,transparent 42%),linear-gradient(135deg,#f3f7ff,#eef3fa)}.login-visual{position:relative;overflow:hidden;padding:70px 9%;color:#1f3555}.visual-brand{display:flex;align-items:center;gap:12px;color:#4378d9;font-size:13px;letter-spacing:.18em;font-weight:700}.visual-brand .brand-mark{width:45px;height:45px;flex-basis:45px}.login-visual h1{position:relative;z-index:1;margin:100px 0 22px;font-size:clamp(40px,5vw,68px);line-height:1.16;letter-spacing:-.05em}.login-visual h1 em{color:#3677e9;font-style:normal}.login-visual>p{position:relative;z-index:1;margin:0;color:#7890b2;font-size:18px;line-height:1.9}.visual-orbit{position:absolute;right:12%;bottom:16%;width:min(34vw,420px);aspect-ratio:1;border:1px solid #b8d0f6;border-radius:50%;color:#3677e9;display:grid;place-items:center;box-shadow:inset 0 0 0 32px #ffffff47,0 0 0 55px #d2e2fb73}.visual-orbit b{font-size:74px;font-weight:700}.visual-orbit small{position:absolute;margin-top:150px;letter-spacing:.35em;color:#8aa6cd}.orbit-dot{position:absolute;width:15px;height:15px;border-radius:50%;background:#3677e9;box-shadow:0 0 0 7px #d8e7ff}.dot-one{top:10%;left:24%}.dot-two{right:8%;top:48%;background:#44b797;box-shadow:0 0 0 7px #daf3ec}.dot-three{bottom:18%;left:14%;background:#f2b452;box-shadow:0 0 0 7px #fff1d8}.login-card{align-self:center;width:min(420px,calc(100% - 64px));margin:0 auto;padding:46px 42px;border:1px solid #e3e9f2;border-radius:22px;background:#ffffffed;box-shadow:0 28px 80px #304f7d1f}.mobile-brand{display:none}.login-card h2{margin:7px 0 8px;font-size:31px;color:#203452}.login-copy{margin:0 0 28px;color:#8c9bb0}.login-button{width:100%;height:46px;margin-top:7px}.login-hint{margin:18px 0 0;color:#a1aebe;font-size:12px;text-align:center;line-height:1.6}.captcha-row{display:flex;width:100%;gap:10px}.captcha-row .el-input{flex:1}.captcha-image{width:120px;height:40px;padding:0;border:1px solid #dce5f1;border-radius:8px;background:#f4f7fc;overflow:hidden;cursor:pointer}.captcha-image img{display:block;width:100%;height:100%;object-fit:cover}.captcha-image span{color:#7890b2;font-size:12px}.el-table{--el-table-header-bg-color: #f7f9fc;--el-table-row-hover-bg-color: #f6f9ff;color:var(--ink);font-size:13px}.el-button--primary{--el-button-bg-color: var(--primary);--el-button-border-color: var(--primary);--el-button-hover-bg-color: #3f7ef0;--el-button-hover-border-color: #3f7ef0}.el-form-item__label,.el-input__inner,.el-button,.el-select__placeholder{font-size:13px}@media(max-width:1250px){.login-page{grid-template-columns:minmax(0,1fr) 450px}.login-visual{padding-left:7%;padding-right:3%}.content{padding-inline:24px}.metric-grid{gap:10px}.metric-card{padding-inline:16px}}@media(max-width:900px){body{min-width:0}.login-page{display:block;padding:28px 0}.login-visual{display:none}.login-card{width:min(420px,calc(100% - 36px));padding:34px 28px}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;color:#3677e9;font-weight:700;letter-spacing:.1em}.mobile-brand .brand-mark{width:34px;height:34px;flex-basis:34px;font-size:18px}.sidebar{width:76px;padding-inline:12px}.sidebar-brand{padding-inline:6px}.sidebar-brand>div,.sidebar-caption,.sidebar-foot,.nav-item span{display:none!important}.nav-item{justify-content:center;padding-inline:0}.main-shell,.is-collapsed .main-shell{width:calc(100% - 76px);margin-left:76px}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid{grid-template-columns:1fr}.device-summary{grid-template-columns:repeat(2,1fr);gap:16px 0}.device-summary>div:nth-child(2){border-right:0}.device-summary>div:nth-child(3){padding-left:0}.topbar{padding-inline:20px}.top-actions>span:not(.live-dot),.top-actions .el-divider{display:none}.content{padding:22px 16px 32px}.page-heading h1{font-size:25px}}.salon-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:25px}.salon-welcome h1{max-width:780px;margin:4px 0 8px;color:#3a2d2b;font-size:clamp(27px,3vw,39px);line-height:1.17;letter-spacing:-.045em}.welcome-copy{margin:0;color:#96847e;font-size:14px}.welcome-context{display:flex;align-items:center;gap:11px;min-width:205px;padding:13px 16px;border:1px solid #eadbd4;border-radius:14px;background:#fffdfab3}.context-dot{width:10px;height:10px;flex:0 0 10px;border-radius:50%;background:#55a779;box-shadow:0 0 0 5px #e7f4ea}.welcome-context strong,.welcome-context small{display:block}.welcome-context strong{color:#59423d;font-size:13px}.welcome-context small{margin-top:3px;color:#a08d86;font-size:11px}.salon-metrics{margin-bottom:24px}.salon-metrics .metric-warm{background:linear-gradient(135deg,#f7e5dc,#fffdfa 75%)}.salon-metrics .metric-ink{background:linear-gradient(135deg,#eee9e4,#fffdfa 75%)}.salon-metrics .metric-sage{background:linear-gradient(135deg,#e8f2eb,#fffdfa 75%)}.salon-metrics .metric-lilac{background:linear-gradient(135deg,#f0e8f1,#fffdfa 75%)}.quick-actions{margin-bottom:24px}.section-kicker{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-kicker h2{margin:0;color:#493936;font-size:19px}.section-kicker>span{color:#aa9790;font-size:12px}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.quick-action{display:flex;align-items:center;gap:12px;min-height:76px;padding:14px 16px;border:1px solid #ebe0da;border-radius:15px;background:#fffdfad1;color:#463632;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.quick-action:hover{transform:translateY(-2px);border-color:#d8aaa0;box-shadow:0 10px 22px #7d4c421a}.quick-action-primary{border-color:#d4a098;background:linear-gradient(135deg,#c5766b,#aa5e5c);color:#fff;box-shadow:0 10px 22px #ae60592e}.quick-action-primary small,.quick-action-primary b{color:#ffffffc2}.quick-action-primary .quick-icon{background:#ffffff30;color:#fff}.quick-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;background:#f7e9e4;color:#b5645e;font-size:20px}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:13px}.quick-action small{margin-top:4px;color:#a18f89;font-size:11px}.quick-action b{margin-left:auto;color:#bb6e64;font-size:18px;font-weight:400}.salon-dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);margin-bottom:20px}.trend-panel,.studio-panel{min-height:326px}.studio-panel{background:linear-gradient(155deg,#fffdfa,#f9f0ec)}.studio-status{display:flex;align-items:center;gap:11px;padding:15px;border-radius:12px;background:#e7f5ebbf}.status-orb{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#6bad85;color:#fff}.studio-status strong{color:#3e5947;font-size:13px}.studio-status p{margin:3px 0 0;color:#78917f;font-size:11px}.studio-list{margin-top:14px;border-top:1px solid #eaded8}.studio-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eaded8;color:#927e77;font-size:12px}.studio-list strong{color:#55403b;font-weight:600}.studio-link{display:flex;justify-content:space-between;margin-top:15px;color:#ae5d57;font-size:12px}.studio-link span{font-size:17px}.inspiration-panel{margin-bottom:20px}.style-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.style-card{min-width:0;overflow:hidden;border:1px solid #eee3dd;border-radius:14px;background:#fffdfa;transition:transform .2s ease,box-shadow .2s ease}.style-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #5837301c}.style-visual{position:relative;display:grid;place-items:center;height:158px;overflow:hidden;background:linear-gradient(150deg,#d9bab0,#f3e4dc);color:#57353057;font-size:60px;font-weight:700}.style-visual img{display:block;width:100%;height:100%;object-fit:cover}.style-visual small{position:absolute;left:10px;bottom:10px;padding:4px 7px;border-radius:6px;background:#fffdfabf;color:#765851;font-size:10px}.style-visual.tone-1{background:linear-gradient(150deg,#c4c8c4,#eee8dd)}.style-visual.tone-2{background:linear-gradient(150deg,#c9b2bd,#f2e5e6)}.style-visual.tone-3{background:linear-gradient(150deg,#b5a49a,#e8d6c6)}.style-card-copy{padding:12px 13px 14px}.style-card-copy strong,.style-card-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-card-copy strong{color:#4a3834;font-size:13px}.style-card-copy span{margin-top:5px;color:#a08d86;font-size:11px}.style-empty{min-height:185px}.style-card-skeleton{padding-bottom:14px}.style-card-skeleton .style-visual{background:#f1ebe7}.recent-salon-panel{margin-bottom:8px}.recent-salon-panel .el-table{--el-table-header-bg-color: #faf5f2;--el-table-row-hover-bg-color: #fdf3ef}.salon-empty{color:#a38f88}.el-table{--el-table-border-color: #eee5e0;--el-table-text-color: #594641}.el-button--primary{--el-button-bg-color: #b9655c;--el-button-border-color: #b9655c;--el-button-hover-bg-color: #ca756b;--el-button-hover-border-color: #ca756b;--el-button-active-bg-color: #a75550}.el-avatar{background:#f1ded8;color:#a65853}.login-page{background:radial-gradient(circle at 8% 3%,#f2ddd5 0,transparent 42%),linear-gradient(135deg,#fbf7f2,#f4ece8)}.login-visual{color:#4a3734}.visual-brand{color:#ae5d58}.login-visual h1 em{color:#b8625b}.login-visual>p{color:#997e76}.visual-orbit{border-color:#d5ada3;color:#b8625b;box-shadow:inset 0 0 0 32px #ffffff59,0 0 0 55px #ebcfc68c}.visual-orbit small{color:#b1847b}.orbit-dot{background:#b8625b;box-shadow:0 0 0 7px #f2ddd7}.dot-two{background:#6eae87;box-shadow:0 0 0 7px #dfefe4}.dot-three{background:#d39b53;box-shadow:0 0 0 7px #f6ead3}.login-card{border-color:#eaded8;background:#fffdfaf0;box-shadow:0 28px 80px #784f4421}.login-card h2{color:#493633}.login-copy{color:#a08b84}.login-hint{color:#ad9790}.mobile-brand{color:#ae5d58}@media(max-width:1100px){.salon-welcome{align-items:flex-start;flex-direction:column}.welcome-context{width:100%}.style-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.quick-action-grid{grid-template-columns:1fr}.style-card-grid{grid-template-columns:repeat(2,1fr)}.style-visual{height:125px}.salon-welcome h1{font-size:27px}.welcome-context{min-width:0}.section-kicker{align-items:flex-start;flex-direction:column;gap:4px}}:root{--salon-bg: #f1f6fd;--salon-paper: #ffffff;--salon-ink: #172d4d;--salon-muted: #7185a1;--salon-line: #e1eaf5;--salon-brand: #2f6df6;--salon-brand-dark: #245bd1;--salon-gold: #d8ad62;--salon-sage: #56b69a;--salon-shadow: 0 18px 50px rgba(47, 89, 150, .08);--primary: #2f6df6;--ink: #172d4d;--muted: #7185a1;--border: #e1eaf5;--panel: #fff}body{color:var(--salon-ink);background:var(--salon-bg)}.admin-shell{background:radial-gradient(circle at 90% -10%,#dcecff 0,transparent 31%),linear-gradient(135deg,#f1f6fd,#f8fbff 62%,#edf4fd)}.sidebar{width:232px;color:var(--salon-ink);background:#ffffffe6;border-right:1px solid #e4ebf4;box-shadow:12px 0 36px #2e57900b}.sidebar-brand{color:var(--salon-ink)}.sidebar-brand strong{color:#182f4e;font-family:Inter,PingFang SC,sans-serif;font-weight:700}.sidebar-brand small{color:#8aa1bd}.brand-icon,.brand-mark{background:linear-gradient(145deg,#4f8fff,#2867dc);box-shadow:0 10px 20px #2f6df633}.collapse-button{color:#7186a3;border-color:#dfebf8;background:#fff;box-shadow:0 6px 15px #385a891a}.sidebar-caption{color:#93a9c1}.nav-group-label{color:#97aac0}.nav-item{color:#7187a4}.nav-item:hover{color:#2f6df6;background:#f0f6ff}.nav-item.router-link-active{color:#fff;background:linear-gradient(105deg,#4b8cf8,#2f6df6);box-shadow:0 9px 18px #2f6df62e,inset 3px 0 #fff9}.sidebar-foot{color:#9aacbf}.version-dot{background:#39b88d;box-shadow:0 0 0 4px #e3f8f2}.main-shell{width:calc(100% - 232px);margin-left:232px}.topbar{background:#ffffffc7;border-color:#e5edf7}.crumb{color:#8aa0ba}.top-title strong{color:var(--salon-ink)}.top-actions{color:#7990ad}.user-trigger{color:#3d5573}.top-actions .el-avatar{background:#e4efff;color:#3974df}.content{max-width:1540px;padding:30px 34px 60px}.surface,.metric-card{border-color:#e1eaf5;border-radius:15px;box-shadow:var(--salon-shadow)}.eyebrow{color:#5a8ae4!important}.panel-title h2,.atelier-section-head h2{color:var(--salon-ink);font-family:Georgia,"Noto Serif SC",serif}.panel-title p{color:#8296b0}.panel-title a{color:#3674df}.atelier-hero{border-color:#d7e5f5;background:linear-gradient(118deg,#e6f1ff,#f6f9fe 51%,#ddebfb);box-shadow:0 20px 55px #3669af1a}.hero-copy h1{color:#172d4d;font-family:Georgia,"Noto Serif SC",serif}.hero-copy h1 em{color:#2f6df6}.hero-copy-text{color:#7289a6}.hero-button-primary{color:#fff;background:#2f6df6;box-shadow:0 9px 20px #2f6df633}.hero-button-primary:hover{background:#245bd1}.hero-text-link{color:#386fcb}.signature-card{color:#fff;background:linear-gradient(150deg,#20395f,#142945);box-shadow:0 19px 32px #1c39633d}.signature-card-top{color:#a9c1e6}.signature-card-bottom small{color:#9bb4d9}.signature-card-bottom strong{color:#fff}.signature-arrow{border-color:#ffffff3d;color:#9ec3ff}.signature-visual{background:linear-gradient(145deg,#79a9ef,#344c76)}.signature-orbit{border-color:#e0efff7a;box-shadow:0 0 0 22px #e0efff1a,0 0 0 48px #e0efff0f}.atelier-stats{border-color:#dfe9f4;background:#fff;box-shadow:var(--salon-shadow)}.atelier-stats .metric-card{border-right-color:#e4edf6}.atelier-stats .metric-card:before{background:#2f6df6}.atelier-stats .metric-warm:before{background:#2f6df6}.atelier-stats .metric-ink:before{background:#5e8edc}.atelier-stats .metric-sage:before{background:#56b69a}.atelier-stats .metric-lilac:before{background:#8d83df}.atelier-stats .metric-card span{color:#788da8}.atelier-stats .metric-card strong{color:#1b3456}.atelier-stats .metric-card small{color:#9aacbf}.atelier-stats .metric-card>i{color:#83aff4}.atelier-action-grid .quick-action{border-color:#dfe8f3;background:#ffffffd9;color:#213b60}.atelier-action-grid .quick-action:hover{border-color:#a9c6f2;box-shadow:0 11px 22px #325d9d1a}.atelier-action-grid .quick-action-primary{background:#2f6df6;border-color:#2f6df6;box-shadow:0 11px 22px #2f6df633}.atelier-action-grid .quick-icon{background:#edf4ff;color:#3975df}.atelier-action-grid .quick-action-primary .quick-icon{background:#fff3;color:#fff}.atelier-action-grid .quick-action strong{color:inherit}.atelier-action-grid .quick-action small{color:#8ca0b8}.atelier-action-grid .quick-action-primary small{color:#d6e5ff}.atelier-action-grid .quick-action b{color:#3975df}.atelier-action-grid .quick-action-primary b{color:#d8e7ff}.atelier-style-grid .style-card{border-color:#e0e9f4;background:#fff}.atelier-style-grid .style-card:hover{box-shadow:0 13px 25px #32578c1f}.atelier-style-grid .style-visual{background:linear-gradient(155deg,#98beef,#5b77bb)}.atelier-style-grid .style-visual.tone-1{background:linear-gradient(155deg,#d6b6bd,#8d6685)}.atelier-style-grid .style-visual.tone-2{background:linear-gradient(155deg,#b8cfeb,#6b8fbb)}.atelier-style-grid .style-visual.tone-3{background:linear-gradient(155deg,#b4c5d9,#6e829b)}.atelier-style-grid .style-card-copy strong{color:#203857}.atelier-style-grid .style-card-copy span{color:#8b9fb8}.atelier-style-grid .style-visual small{background:#172d4d7a}.atelier-style-grid .style-visual>span{color:#f0f8ffd9}.atelier-studio-status .status-orb{background:#56b69a}.atelier-studio-status strong{color:#3e725f}.atelier-studio-status p{color:#88a79b}.atelier-studio-meta{color:#8da0b7}.atelier-studio-meta b{color:#385474}.insight-divider{border-top-color:#e6edf5}.atelier-recent-panel .el-table{--el-table-header-bg-color: #f5f8fc;--el-table-row-hover-bg-color: #f2f7ff;--el-table-border-color: #e4ecf5}.el-table{color:#3e5876}.el-table th.el-table__cell{color:#8195ad}.el-button--primary{--el-button-bg-color: #2f6df6;--el-button-border-color: #2f6df6;--el-button-hover-bg-color: #4d87f8;--el-button-hover-border-color: #4d87f8;--el-button-active-bg-color: #245bd1}@media(max-width:1180px){.atelier-hero{grid-template-columns:minmax(0,1fr) 280px}.hero-copy h1{font-size:42px}}.atelier-hero{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:28px;min-height:274px;margin-bottom:20px;padding:31px 34px;overflow:hidden;border:1px solid #d7e5f5;border-radius:15px}.hero-copy{align-self:center;max-width:690px}.hero-copy h1{margin:9px 0 12px;font-size:clamp(36px,4vw,56px);font-weight:500;line-height:1.08;letter-spacing:-.045em}.hero-copy-text{max-width:510px;margin:0;font-size:14px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:22px}.hero-button{display:inline-flex;align-items:center;gap:18px;min-height:39px;padding:0 16px 0 18px;border-radius:7px;font-size:12px;font-weight:650}.hero-button span,.hero-text-link span{font-size:18px;line-height:1}.hero-text-link span{margin-left:6px;font-size:15px}.signature-card{align-self:stretch;position:relative;display:flex;flex-direction:column;min-width:0;padding:15px 15px 13px;overflow:hidden;border-radius:11px}.signature-card-top,.signature-card-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.signature-card-top{font-size:9px;letter-spacing:.16em}.signature-card-bottom{gap:12px;margin-top:11px}.signature-card-bottom small,.signature-card-bottom strong{display:block}.signature-card-bottom small{margin-bottom:3px;font-size:10px}.signature-card-bottom strong{font-family:Georgia,serif;font-size:17px;font-weight:500}.signature-arrow{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(255,255,255,.24);border-radius:50%}.signature-visual{position:relative;display:grid;place-items:center;flex:1;min-height:145px;margin:10px 0 0;overflow:hidden}.signature-visual img{width:100%;height:100%;object-fit:cover;opacity:.92}.signature-orbit{position:absolute;width:180px;height:180px;border:1px solid rgba(224,239,255,.48);border-radius:50%;box-shadow:0 0 0 22px #e0efff1a,0 0 0 48px #e0efff0f}.atelier-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:26px;padding:0;border:1px solid #dfe9f4;border-radius:12px}.atelier-stats .metric-card{min-height:102px;padding:18px 22px;border:0;border-right:1px solid #e4edf6;border-radius:0;box-shadow:none;background:transparent}.atelier-stats .metric-card:last-child{border-right:0}.atelier-stats .metric-card:before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:2px}.atelier-stats .metric-card strong{margin:7px 0 4px;font-family:Georgia,serif;font-size:30px;font-weight:500}.atelier-stats .metric-card small{font-size:10px}.atelier-stats .metric-card>i{font-size:17px}.atelier-start{margin-bottom:21px}.atelier-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:0 0 11px}.atelier-section-head h2{margin:0;font-size:20px}.atelier-section-head>span{font-size:11px}.atelier-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.atelier-action-grid .quick-action{min-height:67px;padding:12px 15px;border-radius:10px}.atelier-action-grid .quick-icon{width:31px;height:31px;flex-basis:31px;border-radius:8px;font-size:16px}.atelier-action-grid .quick-action strong{font-size:12px}.atelier-action-grid .quick-action small{font-size:10px}.atelier-action-grid .quick-action b{font-size:16px}.atelier-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:18px;margin-bottom:20px}.atelier-inspiration-panel,.atelier-insight-panel{min-height:352px}.atelier-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.atelier-style-grid .style-card{min-width:0;overflow:hidden;border-radius:10px}.atelier-style-grid .style-visual{position:relative;display:grid;place-items:center;height:172px;overflow:hidden}.atelier-style-grid .style-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(23,45,77,.42));pointer-events:none}.atelier-style-grid .style-visual img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center top}.atelier-style-grid .style-visual>span{position:relative;z-index:1}.atelier-style-grid .style-visual small{z-index:2;left:9px;bottom:9px}.style-card-mark{position:absolute;z-index:2;right:10px;bottom:9px;font-size:15px;font-weight:400}.atelier-style-grid .style-card-copy{padding:11px 12px 13px}.atelier-style-grid .style-card-copy strong,.atelier-style-grid .style-card-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atelier-style-grid .style-card-copy strong{font-family:Georgia,"Noto Serif SC",serif;font-size:14px;font-weight:500}.atelier-style-grid .style-card-copy span{font-size:10px}.atelier-insight-panel{background:#fff}.atelier-trend-chart{height:185px}.insight-divider{margin:7px 0 12px;border-top:1px solid #e6edf5}.atelier-studio-status{padding:10px 0;background:transparent}.atelier-studio-status .status-orb{width:26px;height:26px;flex-basis:26px}.atelier-studio-meta{display:flex;gap:19px;font-size:10px}.atelier-studio-meta b{margin-left:4px;font-weight:600}.atelier-recent-panel{margin-bottom:0}.atelier-style-grid .style-visual>span{width:82px;height:118px;overflow:visible;border-radius:54% 54% 43% 43%;background:linear-gradient(145deg,#ffffffad,#bad5ff2e);box-shadow:-22px 18px 0 -8px #1f375b3d,21px 20px 0 -9px #1f375b33,inset -13px -10px #2d56972b;font-size:0}.signature-initial{width:100px;height:135px;border-radius:55% 55% 44% 44%;background:linear-gradient(145deg,#ffffffbf,#9fc4fc2e);box-shadow:-27px 18px 0 -10px #0c214447,26px 20px 0 -11px #0c21443b;font-size:0}.login-page{background:radial-gradient(circle at 8% 3%,#dcecff 0,transparent 42%),linear-gradient(135deg,#f3f8ff,#edf4fd)}.login-visual{color:#172d4d}.visual-brand,.login-visual h1 em{color:#2f6df6}.login-visual>p{color:#7890ad}.visual-orbit{border-color:#a9c9f8;color:#2f6df6;box-shadow:inset 0 0 0 32px #ffffff59,0 0 0 55px #cde1fc9e}.visual-orbit small{color:#83a8d9}.orbit-dot{background:#2f6df6;box-shadow:0 0 0 7px #d7e8ff}.dot-two{background:#56b69a;box-shadow:0 0 0 7px #def4ed}.dot-three{background:#d8aa60;box-shadow:0 0 0 7px #f5ead5}.login-card{border-color:#dce8f6;background:#fffffff5;box-shadow:0 28px 80px #305b9621}.login-card h2{color:#172d4d}.login-copy{color:#8296b0}.login-hint{color:#93a5bb}.mobile-brand{color:#2f6df6}.captcha-image{border-color:#dce8f6;background:#f4f8fd}.captcha-image span{color:#7890ad}.login-button{--el-button-bg-color: #2f6df6;--el-button-border-color: #2f6df6;--el-button-hover-bg-color: #4d87f8;--el-button-hover-border-color: #4d87f8}@media(max-width:1180px){.atelier-hero{grid-template-columns:minmax(0,1fr) 280px;padding-inline:26px}.hero-copy h1{font-size:42px}.atelier-style-grid .style-visual{height:145px}}@media(max-width:920px){.atelier-hero{grid-template-columns:1fr}.signature-card{min-height:245px}.atelier-stats{grid-template-columns:repeat(2,1fr)}.atelier-stats .metric-card:nth-child(2){border-right:0}.atelier-stats .metric-card:nth-child(-n+2){border-bottom:1px solid #e4edf6}.atelier-content-grid{grid-template-columns:1fr}.atelier-style-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.atelier-hero{padding:24px 20px}.hero-copy h1{font-size:35px}.hero-actions{align-items:flex-start;flex-direction:column;gap:12px}.atelier-action-grid{grid-template-columns:1fr}.atelier-section-head{align-items:flex-start;flex-direction:column;gap:4px}.atelier-style-grid{grid-template-columns:1fr 1fr}}.atelier-stats .metric-card.metric-warm,.atelier-stats .metric-card.metric-ink,.atelier-stats .metric-card.metric-sage,.atelier-stats .metric-card.metric-lilac{background:#fff!important}.compact-heading{margin-bottom:16px;align-items:center}.compact-heading h1{margin-bottom:4px;font-size:27px}.compact-heading p:not(.eyebrow){font-size:12px}.page-stat-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:14px;border:1px solid #dfe8f4;border-radius:12px;background:#fff;box-shadow:0 12px 30px #2f59960e}.page-stat{position:relative;min-height:79px;padding:14px 19px 12px;border-right:1px solid #e8eef6}.page-stat:last-child{border-right:0}.page-stat span,.page-stat small{display:block;color:#8498b0;font-size:11px}.page-stat strong{display:block;margin:5px 0 2px;color:#1a3456;font:500 26px/1 Georgia,"Noto Serif SC",serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-stat .stat-blue{color:#2f6df6}.page-stat .stat-gold{color:#bf8a45;font-size:17px}.page-stat .stat-danger{color:#d66f6f}.compact-filter{padding:13px 16px;margin-bottom:14px}.compact-filter .el-form-item{margin-bottom:0;margin-right:10px}.compact-filter .el-button{height:32px;padding:0 14px}.library-panel,.palette-panel{padding:13px 14px 15px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:11px}.library-toolbar>div{display:flex;align-items:baseline;gap:10px}.library-toolbar strong{color:#223b5e;font-size:14px}.library-toolbar span{color:#91a3b8;font-size:11px}.result-count{color:#4b78d6!important;font-weight:600}.style-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;min-height:180px}.library-style-card{min-width:0;overflow:hidden;border:1px solid #e2eaf4;border-radius:10px;background:#fff;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.library-style-card:hover{transform:translateY(-2px);border-color:#b4caf2;box-shadow:0 12px 22px #2f59961a}.library-style-cover{position:relative;height:164px;overflow:hidden;background:linear-gradient(145deg,#9dc3f2,#5374b2)}.library-style-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(15,38,72,.46))}.library-style-cover .el-image{width:100%;height:100%}.cover-initial{position:absolute;inset:0;display:grid;place-items:center;color:#ffffffe0;font:46px Georgia,serif}.cover-overlay{position:absolute;z-index:1;left:10px;right:9px;bottom:8px;display:flex;align-items:center;justify-content:space-between;color:#d8e8ff;font-size:10px}.cover-overlay .el-tag{border:0}.library-style-copy{padding:10px 11px 8px}.style-title-line{display:flex;align-items:center;justify-content:space-between;gap:5px}.style-title-line strong{min-width:0;color:#203857;font-family:Georgia,"Noto Serif SC",serif;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-title-line span{flex:0 0 auto;color:#7f96b3;font-size:10px}.library-style-copy p{height:18px;margin:5px 0;color:#8ca0b8;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-tag-line{display:flex;align-items:center;gap:4px;min-height:21px;overflow:hidden}.style-tag-line .el-tag{max-width:78px;height:20px;padding:0 6px;border-color:#d7e4f5;color:#6f88a7;font-size:10px}.muted-tag{color:#afbdcc;font-size:10px}.style-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;padding-top:7px;border-top:1px solid #edf2f8}.style-card-footer code{min-width:0;color:#9aaabd;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.style-card-footer .el-button{padding:0 3px;font-size:11px}.library-empty{grid-column:1 / -1;min-height:180px}.palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;min-height:170px}.palette-card{overflow:hidden;border:1px solid #e2eaf4;border-radius:10px;background:#fff;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.palette-card:hover{transform:translateY(-2px);box-shadow:0 11px 20px #2f59961a}.palette-swatch{position:relative;height:83px;display:flex;align-items:flex-end;padding:8px}.palette-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(14,31,54,.23))}.palette-swatch span{position:relative;z-index:1;color:#ffffffe6;font:10px/1 Inter,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.2)}.palette-copy{padding:9px 10px 8px}.palette-copy>div{display:flex;align-items:center;justify-content:space-between;gap:5px}.palette-copy strong{min-width:0;color:#203857;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-copy .el-tag{height:19px;padding:0 5px;font-size:10px}.palette-copy p{margin:4px 0 6px;color:#8ca0b8;font-size:10px}.palette-copy footer{display:flex;justify-content:space-between;color:#9aaabd;font-size:10px}.palette-copy footer .el-button{padding:0;font-size:10px}.records-panel{padding-top:11px}.records-panel .el-table{font-size:12px}.records-panel .el-table th.el-table__cell,.records-panel .el-table td.el-table__cell{padding:7px 0}.store-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:16px}.store-form-panel,.store-preview-panel{padding:20px 22px}.store-form-panel .el-form{max-width:720px}.store-preview-panel{background:linear-gradient(150deg,#fff,#f5f9ff)}.preview-caption{color:#8aa0bd;font-size:10px;letter-spacing:.12em}.store-preview-card{margin-top:10px;padding:18px;border:1px solid #dfe9f5;border-radius:13px;background:#fff;box-shadow:0 11px 25px #2f599614}.store-preview-brand{display:flex;align-items:center;gap:10px}.store-preview-brand strong,.store-preview-brand span{display:block}.store-preview-brand strong{color:#1f385b;font-size:14px}.store-preview-brand span{margin-top:3px;color:#8ea1ba;font-size:10px}.store-preview-welcome{margin:17px 0;padding:13px;border-radius:9px;background:#eef5ff;color:#43638c;font-size:12px;line-height:1.7}.store-preview-address{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf2f8;border-bottom:1px solid #edf2f8;font-size:11px}.store-preview-address span{color:#98a9bc}.store-preview-address strong{color:#496582;font-weight:500;text-align:right}.store-preview-qr{display:grid;place-items:center;height:106px;margin:13px 0;background:#f5f8fc;border-radius:8px}.store-preview-qr .el-image{width:92px;height:92px}.compact-settings-grid .form-panel{padding:20px 22px}.compact-settings-grid .panel-title{margin-bottom:14px}.settings-section-index{color:#8cabd8;font:16px Georgia,serif}.field-help{margin-left:9px;color:#98a9bc;font-size:10px}.security-tip{display:flex;gap:9px;align-items:center;margin-bottom:17px;padding:10px 12px;border:1px solid #d9eee7;border-radius:8px;background:#f0faf6}.security-tip>span{color:#3ca47e;font-weight:700}.security-tip strong{color:#397461;font-size:11px}.security-tip p{margin:2px 0 0;color:#83a89a;font-size:10px}.device-summary{padding:14px 18px;margin-bottom:14px}.device-summary strong{font-size:22px}.table-panel .el-table th.el-table__cell,.table-panel .el-table td.el-table__cell{padding:8px 0}@media(max-width:1180px){.style-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.palette-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.page-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.page-stat:nth-child(2){border-right:0}.page-stat:nth-child(-n+2){border-bottom:1px solid #e8eef6}.style-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.store-layout{grid-template-columns:1fr}}@media(max-width:560px){.page-stat-strip{grid-template-columns:1fr 1fr}.style-library-grid,.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-heading{align-items:flex-start;flex-direction:column}.compact-filter .el-form-item{margin-bottom:8px}.store-form-panel,.store-preview-panel{padding:16px}.field-help{display:block;margin:5px 0 0}}.filter-summary{color:#91a3b8;font-size:11px}:root{--ink: #142d50;--muted: #637b98;--border: #dbe6f4;--primary: #2869f4;--panel: #fff;--salon-ink: var(--ink);--salon-muted: var(--muted);--salon-brand: var(--primary);--salon-shadow: 0 8px 26px #12376308;--el-color-primary: #2869f4;--el-color-primary-light-3: #6895f7;--el-color-primary-light-5: #93b4fa;--el-color-primary-light-7: #bed2fc;--el-color-primary-light-8: #d4e1fd;--el-color-primary-light-9: #eaf0fe;--el-color-primary-dark-2: #2054c3;--el-text-color-primary: #142d50;--el-text-color-regular: #45607f;--el-text-color-secondary: #637b98;--el-border-color: #dbe6f4;--el-fill-color-light: #f3f7fd}body{min-width:0;color:var(--ink);background:#f3f6fc}.admin-shell{background:radial-gradient(ellipse at 95% 0,#e1eeff 0,transparent 45%),#f3f6fc}.sidebar{width:196px;padding:14px 12px 10px;color:#b3c6e3;background:linear-gradient(165deg,#10284c,#09172e 85%);border-right:1px solid #203c61;box-shadow:8px 0 28px #10294a0a;overflow-x:hidden}.sidebar-brand{flex-direction:column;align-items:flex-start;gap:2px;padding:0 7px 8px}.sidebar-brand small{color:#b3c6e3;margin-top:0;font-size:10px;line-height:16px;letter-spacing:.04em}.sidebar-brand .brand-icon{display:block;width:146px;height:44px}.brand-icon,.brand-mark,.visual-brand .brand-mark,.mobile-brand .brand-mark{width:164px;height:64px;flex:0 0 auto;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none}.brand-icon img,.brand-mark img{display:block;width:100%;height:100%;object-fit:contain}.brand-icon,.brand-mark{position:relative}.brand-icon .brand-wordmark,.brand-mark .brand-wordmark{position:absolute;inset:0;clip-path:inset(0 0 0 29%);filter:brightness(0) invert(1);pointer-events:none}.visual-brand .brand-mark{width:212px;height:84px}.sidebar-caption{font-size:9px;letter-spacing:.18em;color:#6e8db6;padding-bottom:7px}.nav-group-label{color:#6e8db6;font-size:10px;line-height:14px;letter-spacing:.06em;margin:9px 0 3px;padding:0 9px}.nav-group-label:first-child{margin-top:0}.nav-item{margin:2px 0;min-height:36px;padding:8px 10px;gap:9px;font-size:13px;line-height:20px;color:#b3c6e3;border-radius:7px}.nav-item .el-icon{font-size:16px}.nav-item:hover{color:#fff;background:#193b64}.nav-item.router-link-active{color:#fff;background:linear-gradient(105deg,#296cf4,#2059ce);box-shadow:inset 3px 0 #5ddcfa,0 6px 18px #001d5138}.collapse-button{top:28px;color:#bfddff;background:#18365b;border-color:#30547d}.sidebar-foot{color:#94add0;padding:10px 9px 4px;gap:6px;font-size:10px}.version-dot{background:#32c8df;box-shadow:0 0 0 4px #32c8df1a}.main-shell{width:calc(100% - 196px);margin-left:196px}.is-collapsed .sidebar{width:76px}.is-collapsed .main-shell{width:calc(100% - 76px);margin-left:76px}.is-collapsed .sidebar-brand{padding:0 0 8px;align-items:center}.is-collapsed .sidebar-brand .brand-icon{width:50px;height:38px;padding:0}.topbar{position:sticky;top:0;z-index:8;min-height:62px;padding:0 26px;background:#ffffffed;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.crumb,.top-actions{color:#6b819d}.slash{color:#c1d3e9}.user-trigger{color:#365171}.top-actions .el-avatar,.el-avatar{color:#2869f4;background:#eaf0fe}.content{width:100%;max-width:1640px;padding:24px 28px 38px}.surface,.metric-card{border-color:var(--border);background:#fff;border-radius:12px;box-shadow:var(--salon-shadow)}.page-heading h1,.panel-title h2,.section-kicker h2,.atelier-section-head h2,.style-title-line strong,.atelier-style-grid .style-card-copy strong{color:var(--ink);font-family:inherit;font-weight:650}.page-heading h1{font-size:26px}.page-heading p:not(.eyebrow),.panel-title p,.welcome-copy{color:var(--muted)}.eyebrow{color:#4275bc!important;font-size:10px!important;letter-spacing:.16em}.el-button--primary{--el-button-bg-color: #2869f4;--el-button-border-color: #2869f4;--el-button-hover-bg-color: #427efa;--el-button-hover-border-color: #427efa;--el-button-active-bg-color: #2054c3}.el-button--primary.is-plain{background:#edf3ff;color:#2869f4;border-color:#b7cffb}.el-button--primary.is-link{background:transparent;color:#2869f4;border:0;box-shadow:none}.el-input__wrapper,.el-select__wrapper,.el-textarea__inner{background:#fff}.el-table{--el-table-header-bg-color: #f2f6fc;--el-table-row-hover-bg-color: #edf4ff;--el-table-border-color: #e6edf6;--el-table-text-color: #45607f;--el-table-header-text-color: #597293;color:#45607f}.el-table th.el-table__cell,.table-panel .el-table th.el-table__cell{color:#597293;background:#f2f6fc}.el-dialog{max-width:calc(100vw - 28px);border-radius:12px}.el-tag--success{--el-tag-bg-color: #eaf8f2;--el-tag-border-color: #b8e5d2;--el-tag-text-color: #208463}.el-tag--warning{--el-tag-bg-color: #fff5e5;--el-tag-border-color: #efdbb0;--el-tag-text-color: #976214}.el-tag--danger{--el-tag-bg-color: #fff0f0;--el-tag-border-color: #f4caca;--el-tag-text-color: #c04d5a}.atelier-hero{position:relative;grid-template-columns:minmax(0,1fr) 250px;gap:26px;min-height:294px;padding:25px 30px;margin-bottom:16px;border-color:#264f85;background:radial-gradient(ellipse at 75% 20%,#156d8a60,transparent 44%),linear-gradient(115deg,#102c54,#091b36 68%,#103955);box-shadow:0 12px 28px #0c2d5514}.atelier-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(#6faeff35 1px,transparent 1px),linear-gradient(90deg,#6faeff35 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.hero-copy,.signature-card{position:relative;z-index:1}.hero-copy{max-width:720px}.hero-copy .eyebrow{color:#77cfee!important}.hero-copy h1{color:#f4f8ff;font-family:inherit;font-size:clamp(28px,2.4vw,39px);line-height:1.38;font-weight:650;letter-spacing:-.035em;margin:10px 0 12px}.hero-copy h1 em{display:block;color:#62d9f3;font-style:normal}.hero-copy-text{max-width:570px;color:#a6beda;font-size:13px;line-height:1.8}.hero-actions{margin-top:20px}.hero-actions .hero-button-primary{color:#fff;background:linear-gradient(110deg,#2869f4,#137fda);box-shadow:0 8px 20px #001b493d}.hero-actions .hero-button-primary:hover{background:#367efd}.hero-text-link{color:#a2d9ff}.signature-card{min-height:0;padding:12px;background:#ffffff09;border:1px solid #538dc74d;box-shadow:none}.signature-card-top{color:#93c7e7;font-size:9px}.signature-visual{flex:none;width:165px;height:206px;min-height:0;align-self:center;border-radius:7px;background:#193f66}.signature-visual img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;opacity:1}.signature-orbit{width:116px;height:116px;border-color:#7acded50;box-shadow:0 0 0 12px #7acded0f,0 0 0 26px #7acded08;pointer-events:none}.signature-card-bottom small{color:#8faecf}.signature-card-bottom strong{color:#eff7ff;font-family:inherit;font-size:14px;font-weight:600}.signature-arrow{border-color:#5b8fbe70;color:#6dd9f7}.atelier-stats{overflow:hidden;margin-bottom:20px;border-color:var(--border)}.atelier-stats .metric-card{min-height:104px;padding:16px 20px}.atelier-stats .metric-card:before{background:#2869f4}.atelier-stats .metric-sage:before{background:#19a3bf}.atelier-stats .metric-lilac:before{background:#5194d9}.atelier-stats .metric-card span{color:#637b98}.atelier-stats .metric-card strong,.page-stat strong{color:#163353;font-family:inherit;font-weight:650;font-variant-numeric:tabular-nums}.atelier-stats .metric-card small{color:#7b8fa8}.atelier-stats .metric-card>i{color:#75a8eb}.atelier-section-head h2{font-size:18px}.atelier-section-head>span{color:var(--muted)}.atelier-action-grid .quick-action{background:#fff;border-color:var(--border);color:#244567}.atelier-action-grid .quick-action-primary{color:#fff;background:linear-gradient(110deg,#2869f4,#157fc9);border-color:#2869f4;box-shadow:0 8px 20px #2869f41a}.atelier-action-grid .quick-action-primary small,.atelier-action-grid .quick-action-primary b{color:#d4eaff}.atelier-action-grid .quick-action-primary .quick-icon{background:#ffffff26;color:#fff}.atelier-action-grid .quick-action small{color:#7086a0}.atelier-action-grid .quick-action-primary small{color:#d4eaff}.atelier-style-grid .style-visual.tone-1{background:linear-gradient(145deg,#b9ddee,#5586b1)}.atelier-style-grid .style-card-copy span{color:#7086a0}.atelier-style-grid .style-visual small{color:#eaf6ff;background:#113156a6}.atelier-inspiration-panel,.atelier-insight-panel{min-height:318px}.atelier-content-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:16px}.atelier-style-grid .style-visual{height:auto;aspect-ratio:4 / 5}.style-library-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));align-items:start;gap:10px}.library-style-cover{height:auto;aspect-ratio:4 / 5}.library-style-cover .el-image__inner{object-position:center top}.library-style-copy{padding:8px 9px 7px}.style-title-line strong{font-size:13px}.library-style-copy p{margin:4px 0}.style-card-footer{margin-top:5px;padding-top:5px}.atelier-recent-panel .el-table{--el-table-header-bg-color: #f2f6fc;--el-table-row-hover-bg-color: #edf4ff}.studio-panel{background:#fff}.page-stat-strip,.compact-filter,.library-panel,.palette-panel,.records-panel,.library-style-card,.palette-card{background:#fff;border-color:var(--border)}.page-stat span,.page-stat small,.library-style-copy p,.palette-copy p,.library-toolbar span,.filter-summary{color:#7186a0}.page-stat .stat-blue{color:#2869f4}.page-stat .stat-gold{color:#98671e}.style-tag-line .el-tag{background:#f2f7ff;color:#4f739e;border-color:#d6e5f9}.store-preview-panel{background:linear-gradient(145deg,#fff,#eef5ff)}.store-brand-logo{width:106px;height:42px;flex:0 0 106px;background:transparent;border-radius:0;padding:0}.record-preview{max-width:100%;overflow:hidden}.preview-images figure{min-width:0}.image-error,.image-failed{display:grid;place-items:center;color:#bed8f4;background:linear-gradient(145deg,#294f79,#153152);font-size:11px}.image-error{width:100%;height:100%}.image-failed:before{content:"图片暂不可用";font-size:11px}.login-page{background:radial-gradient(ellipse at 65% 15%,#147b9d42,transparent 48%),linear-gradient(125deg,#0d2446,#081629 75%)}.login-visual{color:#f4f8ff}.login-visual h1{color:#f4f8ff;font-family:inherit;font-weight:650;font-size:clamp(32px,3.4vw,52px);line-height:1.4}.login-visual h1 em{color:#67d5f3;font-style:normal}.login-visual>p{color:#a1bbd9}.visual-orbit{color:#7dd5f5;border-color:#579acd66;box-shadow:inset 0 0 0 32px #3b9dd50c,0 0 0 55px #3b9dd50a}.visual-orbit small{color:#7eafd8}.orbit-dot{background:#589dfc;box-shadow:0 0 0 7px #589dfc20}.dot-two{background:#35cee1;box-shadow:0 0 0 7px #35cee120}.dot-three{background:#a5ccff;box-shadow:0 0 0 7px #a5ccff20}.login-card{background:#fcfdff;border-color:#b7d1f04d;box-shadow:0 26px 80px #00112c55}.login-card h2{color:var(--ink);font-family:inherit;font-weight:650}.login-copy,.login-hint{color:#6e829c}.captcha-image{background:#f1f6fd;border-color:#d6e4f6}.login-button{--el-button-bg-color: #2869f4;--el-button-border-color: #2869f4;--el-button-hover-bg-color: #427efa;--el-button-hover-border-color: #427efa}.skip-link{position:fixed;z-index:100;top:8px;left:8px;transform:translateY(-160%);padding:8px 12px;border-radius:6px;color:#fff;background:#2054c3}.skip-link:focus{transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.el-button:focus-visible{outline:2px solid #4e9aff;outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media(max-width:1024px){.sidebar{width:76px;padding-inline:12px}.sidebar-brand{align-items:center;padding-inline:0}.sidebar-brand .brand-icon{width:50px;height:38px;padding:2px}.sidebar-brand>div,.sidebar-caption,.nav-group-label,.nav-item span,.sidebar-foot{display:none!important}.nav-item{justify-content:center;padding-inline:0}.main-shell{width:calc(100% - 76px);margin-left:76px}.content{padding:22px 20px 32px}.topbar{padding-inline:20px}.dashboard-grid,.atelier-content-grid,.store-layout{grid-template-columns:1fr}.atelier-hero{grid-template-columns:minmax(0,1fr) 210px;padding:22px;gap:20px}.hero-copy h1{font-size:29px}}@media(min-width:901px)and (max-width:1500px){.login-visual h1{margin-top:58px;font-size:39px;max-width:560px}.visual-orbit{right:-18%;bottom:-32%;opacity:.28;pointer-events:none}}@media(max-width:700px){.topbar{min-height:56px;padding-inline:14px}.top-title{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.top-actions>.el-divider,.top-actions>span:not(.live-dot),.user-trigger>span{display:none}.content{padding:16px 12px 26px}.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.page-heading h1{font-size:23px}.page-stat-strip,.metric-grid,.atelier-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.page-stat{padding:12px}.page-stat strong{font-size:22px}.atelier-stats .metric-card{padding:14px}.atelier-hero{grid-template-columns:1fr;padding:22px 18px}.hero-copy h1{font-size:27px}.signature-card{display:none}.quick-action-grid,.atelier-action-grid{grid-template-columns:1fr}.style-library-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-style-cover{height:auto}.compact-filter{padding:12px}.compact-filter .el-form-item{width:100%;margin-right:0}.compact-filter .el-input,.compact-filter .el-select,.compact-filter .el-input-number{width:100%!important}.compact-filter .el-form-item__content{width:100%}.compact-filter .el-button{margin-left:0}.store-form-panel,.store-preview-panel,.form-panel{padding:16px}.record-preview .preview-images{grid-template-columns:1fr}.el-dialog{width:calc(100vw - 24px)!important;margin-top:6vh!important}}